npm - @ynput/ayon-frontend-shared - Versions diffs - 0.2.15 → 0.2.17 - Mend

@ynput/ayon-frontend-shared 0.2.15 → 0.2.17

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

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

@@ -17,7 +17,8 @@ const ColumnsSettings = ({ columns, highlighted }) => {
     updateColumnPinning,
     columnOrder,
     setColumnsConfig,
-    columnSizing
+    columnSizing,
+    groupBy
   } = useColumnSettingsContext();
   const [activeId, setActiveId] = useState(null);
   const [isHiddenOverVisible, setIsHiddenOverVisible] = useState(false);
@@ -247,6 +248,7 @@ const ColumnsSettings = ({ columns, highlighted }) => {
                   column,
                   isPinned: true,
                   isHidden: false,
+                  isDisabled: !!groupBy && column.value === "name",
                   isHighlighted: highlighted === column.value,
                   onTogglePinning: togglePinning,
                   onToggleVisibility: toggleVisibility
@@ -275,6 +277,7 @@ const ColumnsSettings = ({ columns, highlighted }) => {
                       isPinned: false,
                       isHidden: false,
                       isHighlighted: highlighted === column.value,
+                      isDisabled: !!groupBy && column.value === "name",
                       onTogglePinning: togglePinning,
                       onToggleVisibility: toggleVisibility
                     },
@@ -297,6 +300,7 @@ const ColumnsSettings = ({ columns, highlighted }) => {
                 isPinned: ((_a2 = columnPinning.left) == null ? void 0 : _a2.includes(column.value)) || false,
                 isHidden: true,
                 isHighlighted: highlighted === column.value,
+                isDisabled: !!groupBy && column.value === "name",
                 onTogglePinning: togglePinning,
                 onToggleVisibility: toggleVisibility
               },

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ColumnsSettings.es.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'\n\n// Context and Components imports\nimport {\n ColumnsConfig,\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 { SettingsPanelItem } from '../SettingsPanel/SettingsPanelItemTemplate'\nimport { SettingHighlightedId } from '@shared/context'\n\ninterface ColumnsSettingsProps {\n columns: SettingsPanelItem[]\n highlighted?: SettingHighlightedId\n}\n\nconst ColumnsSettings: FC<ColumnsSettingsProps> = ({ columns, highlighted }) => {\n const {\n columnVisibility,\n updateColumnVisibility,\n columnPinning,\n updateColumnPinning,\n columnOrder,\n setColumnsConfig,\n columnSizing,\n } = useColumnSettingsContext()\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) => columnVisibility[col.value] !== false)\n const hidden = columns.filter((col) => columnVisibility[col.value] === false)\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])\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 newState = { ...columnVisibility }\n // If column is currently visible, hide it\n if (newState[columnId] !== false) {\n newState[columnId] = false\n } else {\n // If column is currently hidden, show it\n newState[columnId] = true\n }\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 (newVisibility[columnId] === false) {\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 isActiveHidden = columnVisibility[active.id as string] === false\n const isOverVisible = columnVisibility[over.id as string] !== false\n const isOverPinned = columnPinning.left?.includes(over.id as string) \|\| false\n const isOverHidden = columnVisibility[over.id as string] === false\n\n setIsHiddenOverVisible(isActiveHidden && 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 = columnVisibility[activeId] !== false\n const isOverVisible = columnVisibility[overId] !== false\n const isActivePinned = columnPinning.left?.includes(activeId) \|\| false\n const isOverPinned = columnPinning.left?.includes(overId) \|\| false\n const isOverHidden = columnVisibility[overId] === false\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 }\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 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 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 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={columnVisibility[activeColumn.value] === false}\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"],"names":["_a","activeColumn","activeId","jsx","jsxs","Styled.Menu"],"mappings":"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"}
1	+ {"version":3,"file":"ColumnsSettings.es.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'\n\n// Context and Components imports\nimport {\n ColumnsConfig,\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 { SettingsPanelItem } from '../SettingsPanel/SettingsPanelItemTemplate'\nimport { SettingHighlightedId } from '@shared/context'\n\ninterface ColumnsSettingsProps {\n columns: SettingsPanelItem[]\n highlighted?: SettingHighlightedId\n}\n\nconst ColumnsSettings: FC<ColumnsSettingsProps> = ({ columns, highlighted }) => {\n const {\n columnVisibility,\n updateColumnVisibility,\n columnPinning,\n updateColumnPinning,\n columnOrder,\n setColumnsConfig,\n columnSizing,\n groupBy,\n } = useColumnSettingsContext()\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) => columnVisibility[col.value] !== false)\n const hidden = columns.filter((col) => columnVisibility[col.value] === false)\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])\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 newState = { ...columnVisibility }\n // If column is currently visible, hide it\n if (newState[columnId] !== false) {\n newState[columnId] = false\n } else {\n // If column is currently hidden, show it\n newState[columnId] = true\n }\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 (newVisibility[columnId] === false) {\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 isActiveHidden = columnVisibility[active.id as string] === false\n const isOverVisible = columnVisibility[over.id as string] !== false\n const isOverPinned = columnPinning.left?.includes(over.id as string) \|\| false\n const isOverHidden = columnVisibility[over.id as string] === false\n\n setIsHiddenOverVisible(isActiveHidden && 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 = columnVisibility[activeId] !== false\n const isOverVisible = columnVisibility[overId] !== false\n const isActivePinned = columnPinning.left?.includes(activeId) \|\| false\n const isOverPinned = columnPinning.left?.includes(overId) \|\| false\n const isOverHidden = columnVisibility[overId] === false\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 }\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={columnVisibility[activeColumn.value] === false}\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"],"names":["_a","activeColumn","activeId","jsx","jsxs","Styled.Menu"],"mappings":"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"}

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

@@ -2,21 +2,20 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("../../../../_virtual/jsx-runtime.cjs.js");
 require("../../containers/ProjectTreeTable/ProjectTreeTable.cjs.js");
+require("react-toastify");
+require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");
+require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");
+require("react");
+require("@tanstack/react-table");
 require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");
-const ProjectTableContext = require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");
-require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");
-require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");
 const ColumnSettingsContext = require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");
-const ayonReactComponents = require("@ynput/ayon-react-components");
+const ProjectTableContext = require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");
 require("lodash");
-require("react-toastify");
 require("../../util/pubsub.cjs.js");
-require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");
-require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");
-require("../../containers/ProjectTreeTable/context/ProjectTableSelectionContext.cjs.js");
+require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");
+require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");
 require("../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");
-require("../../containers/ProjectTreeTable/context/ProjectTableModulesContext.cjs.js");
-require("@tanstack/react-table");
+const ayonReactComponents = require("@ynput/ayon-react-components");
 require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");
 require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");
 require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");
@@ -30,12 +29,79 @@ require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");
 require("clsx");
 require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");
 require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");
-require("react");
 require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");
 ;/* empty css                                                 */
 require("../../containers/ContextMenu/ContextMenuContext.cjs.js");
-const styled = require("styled-components");
+require("../../api/base/client.cjs.js");
+require("../../api/generated/graphql.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/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/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/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/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/entities/getEntity.cjs.js");
+require("../../api/queries/entities/getEntityPanel.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/folders/getFolders.cjs.js");
+require("../../api/queries/overview/getOverview.cjs.js");
+require("../../api/queries/overview/updateOverview.cjs.js");
+require("../../api/queries/project/getProject.cjs.js");
+require("../../api/queries/project/updateProject.cjs.js");
+require("../../api/queries/review/getReview.cjs.js");
+require("../../api/queries/review/updateReview.cjs.js");
+require("../../api/queries/system/getSystem.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/watchers/getWatchers.cjs.js");
+require("../../api/queries/permissions/getPermissions.cjs.js");
+require("../../api/queries/grouping/getGrouping.cjs.js");
 require("../../context/RemoteModulesContext.cjs.js");
+require("../../../../_virtual/runtime.cjs.js");
+require("../../../../_virtual/semver.cjs.js");
 require("../../context/DetailsPanelContext.cjs.js");
 require("../../context/ThumbnailUploaderContext.cjs.js");
 const SettingsPanelContext = require("../../context/SettingsPanelContext.cjs.js");
@@ -45,13 +111,17 @@ require("../../context/pip/PiPWrapper.cjs.js");
 require("../../context/AddonProjectContext.cjs.js");
 require("../../context/AddonContext.cjs.js");
 require("../../context/PowerpackContext.cjs.js");
+require("react-redux");
+require("custom-protocol-check");
+require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");
+const styled = require("styled-components");
 const SettingsPanel = require("../SettingsPanel/SettingsPanel.cjs.js");
 require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");
 const ColumnsSettings = require("./ColumnsSettings.cjs.js");
 const StyledCustomizeButton = styled(ayonReactComponents.Button)`
   min-width: 120px;
 `;
-const CustomizeButton = ({ defaultSelected, ...props }) => {
+const CustomizeButton = ({ defaultSelected, className, ...props }) => {
   const { togglePanel, isPanelOpen } = SettingsPanelContext.useSettingsPanel();
   return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
     StyledCustomizeButton,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ProjectTableSettings.cjs.js","sources":["../../../../../src/components/ProjectTableSettings/ProjectTableSettings.tsx"],"sourcesContent":["import {\n useColumnSettingsContext,\n useProjectTableContext,\n ~~useProjectTableModuleContext,\n~~} from '@shared/containers/ProjectTreeTable'\nimport { Button, ButtonProps } from '@ynput/ayon-react-components'\nimport { FC } from 'react'\nimport styled from 'styled-components'\nimport { SettingHighlightedId, useSettingsPanel } from '@shared/context'\nimport { SettingsPanel, SettingConfig } from '@shared/components/SettingsPanel'\nimport ColumnsSettings from './ColumnsSettings'\n\nconst StyledCustomizeButton = styled(Button)`\n min-width: 120px;\n`\n\ninterface Props extends ButtonProps {\n defaultSelected?: string \| null\n}\n\nexport const CustomizeButton = ({ defaultSelected, ...props }: Props) => {\n const { togglePanel, isPanelOpen } = useSettingsPanel()\n\n return (\n <StyledCustomizeButton\n onClick={() => togglePanel(defaultSelected)}\n icon=\"settings\"\n selected={isPanelOpen}\n {...props}\n >\n Customize\n </StyledCustomizeButton>\n )\n}\n\nexport type OverviewSettingsChange = (setting: 'columns' \| 'group-by', value: any) => void\n\nexport type ProjectTableSettingsProps = {\n settings?: SettingConfig[]\n extraColumns?: { value: string; label: string }[]\n highlighted?: SettingHighlightedId\n}\n\nexport const ProjectTableSettings: FC<ProjectTableSettingsProps> = ({\n settings = [],\n extraColumns = [],\n highlighted,\n}) => {\n const { attribFields } = useProjectTableContext()\n const { columnVisibility } = useColumnSettingsContext()\n\n const columns = [\n {\n value: 'thumbnail',\n label: 'Thumbnail',\n },\n {\n value: 'name',\n label: 'Folder / Task',\n },\n {\n value: 'status',\n label: 'Status',\n },\n {\n value: 'subType',\n label: 'Type',\n },\n {\n value: 'assignees',\n label: 'Assignees',\n },\n {\n value: 'tags',\n label: 'Tags',\n },\n ...attribFields.map((field) => ({\n value: 'attrib_' + field.name,\n label: field.data.title \|\| field.name,\n })),\n ...extraColumns,\n ]\n\n const visibleCount = columns.filter(\n (column) => !(column.value in columnVisibility) \|\| columnVisibility[column.value],\n ).length\n\n const defaultSettings: SettingConfig[] = [\n {\n id: 'columns',\n title: 'Columns',\n icon: 'view_column',\n preview: `${visibleCount}/${columns.length}`,\n component: <ColumnsSettings columns={columns} highlighted={highlighted} />,\n },\n ]\n\n settings.forEach((setting) => defaultSettings.push(setting))\n\n return <SettingsPanel settings={defaultSettings} />\n}\n"],"names":["Button","useSettingsPanel","jsx","useProjectTableContext","useColumnSettingsContext","SettingsPanel"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA~~,MAAM,wBAAwB,OAAOA,0BAAM;AAAA;AAAA;AAQpC,MAAM,kBAAkB,CAAC,EAAE,iBAAiB,GAAG,YAAmB;~~AACvE~~,QAAM,EAAE,aAAa,YAAY,IAAIC,sCAAiB;AAGpD,SAAAC,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,MAAM,YAAY,eAAe;AAAA,MAC1C,MAAK;AAAA,MACL,UAAU;AAAA,MACT,GAAG;AAAA,MACL,UAAA;AAAA,IAAA;AAAA,EAED;AAEJ;AAUO,MAAM,uBAAsD,CAAC;AAAA,EAClE,WAAW,CAAC;AAAA,EACZ,eAAe,CAAC;AAAA,EAChB;AACF,MAAM;AACE,QAAA,EAAE,aAAa,IAAIC,2CAAuB;AAC1C,QAAA,EAAE,iBAAiB,IAAIC,+CAAyB;AAEtD,QAAM,UAAU;AAAA,IACd;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA,GAAG,aAAa,IAAI,CAAC,WAAW;AAAA,MAC9B,OAAO,YAAY,MAAM;AAAA,MACzB,OAAO,MAAM,KAAK,SAAS,MAAM;AAAA,IAAA,EACjC;AAAA,IACF,GAAG;AAAA,EACL;AAEA,QAAM,eAAe,QAAQ;AAAA,IAC3B,CAAC,WAAW,EAAE,OAAO,SAAS,qBAAqB,iBAAiB,OAAO,KAAK;AAAA,EAAA,EAChF;AAEF,QAAM,kBAAmC;AAAA,IACvC;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,MACN,SAAS,GAAG,YAAY,IAAI,QAAQ,MAAM;AAAA,MAC1C,WAAWF,2BAAAA,kBAAAA,IAAC,iBAAgB,EAAA,SAAkB,YAA0B,CAAA;AAAA,IAAA;AAAA,EAE5E;AAEA,WAAS,QAAQ,CAAC,YAAY,gBAAgB,KAAK,OAAO,CAAC;AAEpD,SAAAA,2BAAA,kBAAA,IAACG,cAAc,eAAA,EAAA,UAAU,gBAAiB,CAAA;AACnD;;;"}
1	+ {"version":3,"file":"ProjectTableSettings.cjs.js","sources":["../../../../../src/components/ProjectTableSettings/ProjectTableSettings.tsx"],"sourcesContent":["import {\n useColumnSettingsContext,\n useProjectTableContext,\n} from '@shared/containers/ProjectTreeTable'\nimport { Button, ButtonProps, theme } from '@ynput/ayon-react-components'\nimport { FC } from 'react'\nimport styled from 'styled-components'\nimport { SettingHighlightedId, useSettingsPanel } from '@shared/context'\nimport { SettingsPanel, SettingConfig } from '@shared/components/SettingsPanel'\nimport ColumnsSettings from './ColumnsSettings'\n\nconst StyledCustomizeButton = styled(Button)`\n min-width: 120px;\n`\n\ninterface Props extends ButtonProps {\n defaultSelected?: string \| null\n}\n\nexport const CustomizeButton = ({ defaultSelected, className, ...props }: Props) => {\n const { togglePanel, isPanelOpen } = useSettingsPanel()\n\n return (\n <StyledCustomizeButton\n onClick={() => togglePanel(defaultSelected)}\n icon=\"settings\"\n selected={isPanelOpen}\n {...props}\n >\n Customize\n </StyledCustomizeButton>\n )\n}\n\nexport type OverviewSettingsChange = (setting: 'columns' \| 'group-by', value: any) => void\n\nexport type ProjectTableSettingsProps = {\n settings?: SettingConfig[]\n extraColumns?: { value: string; label: string }[]\n highlighted?: SettingHighlightedId\n}\n\nexport const ProjectTableSettings: FC<ProjectTableSettingsProps> = ({\n settings = [],\n extraColumns = [],\n highlighted,\n}) => {\n const { attribFields } = useProjectTableContext()\n const { columnVisibility } = useColumnSettingsContext()\n\n const columns = [\n {\n value: 'thumbnail',\n label: 'Thumbnail',\n },\n {\n value: 'name',\n label: 'Folder / Task',\n },\n {\n value: 'status',\n label: 'Status',\n },\n {\n value: 'subType',\n label: 'Type',\n },\n {\n value: 'assignees',\n label: 'Assignees',\n },\n {\n value: 'tags',\n label: 'Tags',\n },\n ...attribFields.map((field) => ({\n value: 'attrib_' + field.name,\n label: field.data.title \|\| field.name,\n })),\n ...extraColumns,\n ]\n\n const visibleCount = columns.filter(\n (column) => !(column.value in columnVisibility) \|\| columnVisibility[column.value],\n ).length\n\n const defaultSettings: SettingConfig[] = [\n {\n id: 'columns',\n title: 'Columns',\n icon: 'view_column',\n preview: `${visibleCount}/${columns.length}`,\n component: <ColumnsSettings columns={columns} highlighted={highlighted} />,\n },\n ]\n\n settings.forEach((setting) => defaultSettings.push(setting))\n\n return <SettingsPanel settings={defaultSettings} />\n}\n"],"names":["Button","useSettingsPanel","jsx","useProjectTableContext","useColumnSettingsContext","SettingsPanel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,wBAAwB,OAAOA,0BAAM;AAAA;AAAA;AAQpC,MAAM,kBAAkB,CAAC,EAAE,iBAAiB,WAAW,GAAG,YAAmB;AAClF,QAAM,EAAE,aAAa,YAAY,IAAIC,sCAAiB;AAGpD,SAAAC,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,MAAM,YAAY,eAAe;AAAA,MAC1C,MAAK;AAAA,MACL,UAAU;AAAA,MACT,GAAG;AAAA,MACL,UAAA;AAAA,IAAA;AAAA,EAED;AAEJ;AAUO,MAAM,uBAAsD,CAAC;AAAA,EAClE,WAAW,CAAC;AAAA,EACZ,eAAe,CAAC;AAAA,EAChB;AACF,MAAM;AACE,QAAA,EAAE,aAAa,IAAIC,2CAAuB;AAC1C,QAAA,EAAE,iBAAiB,IAAIC,+CAAyB;AAEtD,QAAM,UAAU;AAAA,IACd;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA,GAAG,aAAa,IAAI,CAAC,WAAW;AAAA,MAC9B,OAAO,YAAY,MAAM;AAAA,MACzB,OAAO,MAAM,KAAK,SAAS,MAAM;AAAA,IAAA,EACjC;AAAA,IACF,GAAG;AAAA,EACL;AAEA,QAAM,eAAe,QAAQ;AAAA,IAC3B,CAAC,WAAW,EAAE,OAAO,SAAS,qBAAqB,iBAAiB,OAAO,KAAK;AAAA,EAAA,EAChF;AAEF,QAAM,kBAAmC;AAAA,IACvC;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,MACN,SAAS,GAAG,YAAY,IAAI,QAAQ,MAAM;AAAA,MAC1C,WAAWF,2BAAAA,kBAAAA,IAAC,iBAAgB,EAAA,SAAkB,YAA0B,CAAA;AAAA,IAAA;AAAA,EAE5E;AAEA,WAAS,QAAQ,CAAC,YAAY,gBAAgB,KAAK,OAAO,CAAC;AAEpD,SAAAA,2BAAA,kBAAA,IAACG,cAAc,eAAA,EAAA,UAAU,gBAAiB,CAAA;AACnD;;;"}

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

@@ -1,20 +1,19 @@
 import { j as jsxRuntimeExports } from "../../../../_virtual/jsx-runtime.es.js";
 import "../../containers/ProjectTreeTable/ProjectTreeTable.es.js";
+import "react-toastify";
+import "../../containers/ProjectTreeTable/context/CellEditingContext.es.js";
+import "../../containers/ProjectTreeTable/context/ClipboardContext.es.js";
+import "react";
+import "@tanstack/react-table";
 import "../../containers/ProjectTreeTable/context/SelectionCellsContext.es.js";
-import { useProjectTableContext } from "../../containers/ProjectTreeTable/context/ProjectTableContext.es.js";
-import "../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
-import "../../containers/ProjectTreeTable/context/SelectedRowsContext.es.js";
 import { useColumnSettingsContext } from "../../containers/ProjectTreeTable/context/ColumnSettingsContext.es.js";
-import { Button } from "@ynput/ayon-react-components";
+import { useProjectTableContext } from "../../containers/ProjectTreeTable/context/ProjectTableContext.es.js";
 import "lodash";
-import "react-toastify";
 import "../../util/pubsub.es.js";
-import "../../containers/ProjectTreeTable/context/CellEditingContext.es.js";
-import "../../containers/ProjectTreeTable/context/ClipboardContext.es.js";
-import "../../containers/ProjectTreeTable/context/ProjectTableSelectionContext.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
+import "../../containers/ProjectTreeTable/context/SelectedRowsContext.es.js";
 import "../../containers/ProjectTreeTable/context/ProjectDataContext.es.js";
-import "../../containers/ProjectTreeTable/context/ProjectTableModulesContext.es.js";
-import "@tanstack/react-table";
+import { Button } from "@ynput/ayon-react-components";
 import "../../containers/ProjectTreeTable/widgets/CollapsedWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/DateWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/EnumWidget.es.js";
@@ -28,12 +27,79 @@ import "../../containers/ProjectTreeTable/ProjectTreeTable.styled.es.js";
 import "clsx";
 import "../../containers/ProjectTreeTable/components/SelectionCell.es.js";
 import "../../containers/ProjectTreeTable/components/RowSelectionHeader.es.js";
-import "react";
 import "../../containers/ProjectTreeTable/widgets/LoadMoreWidget.es.js";
 /* empty css                                               */
 import "../../containers/ContextMenu/ContextMenuContext.es.js";
-import styled from "styled-components";
+import "../../api/base/client.es.js";
+import "../../api/generated/graphql.es.js";
+import "../../api/generated/access.es.js";
+import "../../api/generated/actions.es.js";
+import "../../api/generated/activityFeed.es.js";
+import "../../api/generated/addons.es.js";
+import "../../api/generated/anatomy.es.js";
+import "../../api/generated/attributes.es.js";
+import "../../api/generated/authentication.es.js";
+import "../../api/generated/bundles.es.js";
+import "../../api/generated/configuration.es.js";
+import "../../api/generated/desktop.es.js";
+import "../../api/generated/entityLists.es.js";
+import "../../api/generated/events.es.js";
+import "../../api/generated/files.es.js";
+import "../../api/generated/folders.es.js";
+import "../../api/generated/inbox.es.js";
+import "../../api/generated/links.es.js";
+import "../../api/generated/market.es.js";
+import "../../api/generated/onboarding.es.js";
+import "../../api/generated/operations.es.js";
+import "../../api/generated/products.es.js";
+import "../../api/generated/projectDashboard.es.js";
+import "../../api/generated/projects.es.js";
+import "../../api/generated/reviewables.es.js";
+import "../../api/generated/services.es.js";
+import "../../api/generated/system.es.js";
+import "../../api/generated/tasks.es.js";
+import "../../api/generated/teams.es.js";
+import "../../api/generated/thumbnails.es.js";
+import "../../api/generated/uRIs.es.js";
+import "../../api/generated/users.es.js";
+import "../../api/generated/versions.es.js";
+import "../../api/generated/workfiles.es.js";
+import "../../api/generated/ynputCloud.es.js";
+import "../../api/generated/grouping.es.js";
+import "../../api/queries/actions/getActions.es.js";
+import "../../api/queries/activities/getActivities.es.js";
+import "../../api/queries/activities/updateActivities.es.js";
+import "../../api/queries/activities/updateReaction.es.js";
+import "../../api/queries/activities/getMentions.es.js";
+import "../../api/queries/addons/getAddons.es.js";
+import "../../api/queries/addons/updateAddons.es.js";
+import "../../api/queries/attributes/getAttributes.es.js";
+import "../../api/queries/attributes/updateAttributes.es.js";
+import "../../api/queries/authentication/getAuthentication.es.js";
+import "../../api/queries/entities/getEntity.es.js";
+import "../../api/queries/entities/getEntityPanel.es.js";
+import "../../api/queries/entities/updateEntity.es.js";
+import "../../api/queries/entityLists/getLists.es.js";
+import "../../api/queries/entityLists/updateLists.es.js";
+import "../../api/queries/entityLists/getListsAttributes.es.js";
+import "../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../api/queries/folders/getFolders.es.js";
+import "../../api/queries/overview/getOverview.es.js";
+import "../../api/queries/overview/updateOverview.es.js";
+import "../../api/queries/project/getProject.es.js";
+import "../../api/queries/project/updateProject.es.js";
+import "../../api/queries/review/getReview.es.js";
+import "../../api/queries/review/updateReview.es.js";
+import "../../api/queries/system/getSystem.es.js";
+import "../../api/queries/userDashboard/getUserDashboard.es.js";
+import "../../api/queries/users/getUsers.es.js";
+import "../../api/queries/users/updateUsers.es.js";
+import "../../api/queries/watchers/getWatchers.es.js";
+import "../../api/queries/permissions/getPermissions.es.js";
+import "../../api/queries/grouping/getGrouping.es.js";
 import "../../context/RemoteModulesContext.es.js";
+import "../../../../_virtual/runtime.es.js";
+import "../../../../_virtual/semver.es.js";
 import "../../context/DetailsPanelContext.es.js";
 import "../../context/ThumbnailUploaderContext.es.js";
 import { useSettingsPanel } from "../../context/SettingsPanelContext.es.js";
@@ -43,13 +109,17 @@ import "../../context/pip/PiPWrapper.es.js";
 import "../../context/AddonProjectContext.es.js";
 import "../../context/AddonContext.es.js";
 import "../../context/PowerpackContext.es.js";
+import "react-redux";
+import "custom-protocol-check";
+import "../../containers/ProjectTreeTable/components/GroupSettingsFallback.es.js";
+import styled from "styled-components";
 import { SettingsPanel } from "../SettingsPanel/SettingsPanel.es.js";
 import "../SettingsPanel/SettingsPanelItemTemplate.es.js";
 import ColumnsSettings from "./ColumnsSettings.es.js";
 const StyledCustomizeButton = styled(Button)`
   min-width: 120px;
 `;
-const CustomizeButton = ({ defaultSelected, ...props }) => {
+const CustomizeButton = ({ defaultSelected, className, ...props }) => {
   const { togglePanel, isPanelOpen } = useSettingsPanel();
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     StyledCustomizeButton,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ProjectTableSettings.es.js","sources":["../../../../../src/components/ProjectTableSettings/ProjectTableSettings.tsx"],"sourcesContent":["import {\n useColumnSettingsContext,\n useProjectTableContext,\n ~~useProjectTableModuleContext,\n~~} from '@shared/containers/ProjectTreeTable'\nimport { Button, ButtonProps } from '@ynput/ayon-react-components'\nimport { FC } from 'react'\nimport styled from 'styled-components'\nimport { SettingHighlightedId, useSettingsPanel } from '@shared/context'\nimport { SettingsPanel, SettingConfig } from '@shared/components/SettingsPanel'\nimport ColumnsSettings from './ColumnsSettings'\n\nconst StyledCustomizeButton = styled(Button)`\n min-width: 120px;\n`\n\ninterface Props extends ButtonProps {\n defaultSelected?: string \| null\n}\n\nexport const CustomizeButton = ({ defaultSelected, ...props }: Props) => {\n const { togglePanel, isPanelOpen } = useSettingsPanel()\n\n return (\n <StyledCustomizeButton\n onClick={() => togglePanel(defaultSelected)}\n icon=\"settings\"\n selected={isPanelOpen}\n {...props}\n >\n Customize\n </StyledCustomizeButton>\n )\n}\n\nexport type OverviewSettingsChange = (setting: 'columns' \| 'group-by', value: any) => void\n\nexport type ProjectTableSettingsProps = {\n settings?: SettingConfig[]\n extraColumns?: { value: string; label: string }[]\n highlighted?: SettingHighlightedId\n}\n\nexport const ProjectTableSettings: FC<ProjectTableSettingsProps> = ({\n settings = [],\n extraColumns = [],\n highlighted,\n}) => {\n const { attribFields } = useProjectTableContext()\n const { columnVisibility } = useColumnSettingsContext()\n\n const columns = [\n {\n value: 'thumbnail',\n label: 'Thumbnail',\n },\n {\n value: 'name',\n label: 'Folder / Task',\n },\n {\n value: 'status',\n label: 'Status',\n },\n {\n value: 'subType',\n label: 'Type',\n },\n {\n value: 'assignees',\n label: 'Assignees',\n },\n {\n value: 'tags',\n label: 'Tags',\n },\n ...attribFields.map((field) => ({\n value: 'attrib_' + field.name,\n label: field.data.title \|\| field.name,\n })),\n ...extraColumns,\n ]\n\n const visibleCount = columns.filter(\n (column) => !(column.value in columnVisibility) \|\| columnVisibility[column.value],\n ).length\n\n const defaultSettings: SettingConfig[] = [\n {\n id: 'columns',\n title: 'Columns',\n icon: 'view_column',\n preview: `${visibleCount}/${columns.length}`,\n component: <ColumnsSettings columns={columns} highlighted={highlighted} />,\n },\n ]\n\n settings.forEach((setting) => defaultSettings.push(setting))\n\n return <SettingsPanel settings={defaultSettings} />\n}\n"],"names":["jsx"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA~~,MAAM,wBAAwB,OAAO,MAAM;AAAA;AAAA;AAQpC,MAAM,kBAAkB,CAAC,EAAE,iBAAiB,GAAG,YAAmB;~~AACvE~~,QAAM,EAAE,aAAa,YAAY,IAAI,iBAAiB;AAGpD,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,MAAM,YAAY,eAAe;AAAA,MAC1C,MAAK;AAAA,MACL,UAAU;AAAA,MACT,GAAG;AAAA,MACL,UAAA;AAAA,IAAA;AAAA,EAED;AAEJ;AAUO,MAAM,uBAAsD,CAAC;AAAA,EAClE,WAAW,CAAC;AAAA,EACZ,eAAe,CAAC;AAAA,EAChB;AACF,MAAM;AACE,QAAA,EAAE,aAAa,IAAI,uBAAuB;AAC1C,QAAA,EAAE,iBAAiB,IAAI,yBAAyB;AAEtD,QAAM,UAAU;AAAA,IACd;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA,GAAG,aAAa,IAAI,CAAC,WAAW;AAAA,MAC9B,OAAO,YAAY,MAAM;AAAA,MACzB,OAAO,MAAM,KAAK,SAAS,MAAM;AAAA,IAAA,EACjC;AAAA,IACF,GAAG;AAAA,EACL;AAEA,QAAM,eAAe,QAAQ;AAAA,IAC3B,CAAC,WAAW,EAAE,OAAO,SAAS,qBAAqB,iBAAiB,OAAO,KAAK;AAAA,EAAA,EAChF;AAEF,QAAM,kBAAmC;AAAA,IACvC;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,MACN,SAAS,GAAG,YAAY,IAAI,QAAQ,MAAM;AAAA,MAC1C,WAAWA,kCAAAA,IAAC,iBAAgB,EAAA,SAAkB,YAA0B,CAAA;AAAA,IAAA;AAAA,EAE5E;AAEA,WAAS,QAAQ,CAAC,YAAY,gBAAgB,KAAK,OAAO,CAAC;AAEpD,SAAAA,kCAAA,IAAC,eAAc,EAAA,UAAU,gBAAiB,CAAA;AACnD;"}
1	+ {"version":3,"file":"ProjectTableSettings.es.js","sources":["../../../../../src/components/ProjectTableSettings/ProjectTableSettings.tsx"],"sourcesContent":["import {\n useColumnSettingsContext,\n useProjectTableContext,\n} from '@shared/containers/ProjectTreeTable'\nimport { Button, ButtonProps, theme } from '@ynput/ayon-react-components'\nimport { FC } from 'react'\nimport styled from 'styled-components'\nimport { SettingHighlightedId, useSettingsPanel } from '@shared/context'\nimport { SettingsPanel, SettingConfig } from '@shared/components/SettingsPanel'\nimport ColumnsSettings from './ColumnsSettings'\n\nconst StyledCustomizeButton = styled(Button)`\n min-width: 120px;\n`\n\ninterface Props extends ButtonProps {\n defaultSelected?: string \| null\n}\n\nexport const CustomizeButton = ({ defaultSelected, className, ...props }: Props) => {\n const { togglePanel, isPanelOpen } = useSettingsPanel()\n\n return (\n <StyledCustomizeButton\n onClick={() => togglePanel(defaultSelected)}\n icon=\"settings\"\n selected={isPanelOpen}\n {...props}\n >\n Customize\n </StyledCustomizeButton>\n )\n}\n\nexport type OverviewSettingsChange = (setting: 'columns' \| 'group-by', value: any) => void\n\nexport type ProjectTableSettingsProps = {\n settings?: SettingConfig[]\n extraColumns?: { value: string; label: string }[]\n highlighted?: SettingHighlightedId\n}\n\nexport const ProjectTableSettings: FC<ProjectTableSettingsProps> = ({\n settings = [],\n extraColumns = [],\n highlighted,\n}) => {\n const { attribFields } = useProjectTableContext()\n const { columnVisibility } = useColumnSettingsContext()\n\n const columns = [\n {\n value: 'thumbnail',\n label: 'Thumbnail',\n },\n {\n value: 'name',\n label: 'Folder / Task',\n },\n {\n value: 'status',\n label: 'Status',\n },\n {\n value: 'subType',\n label: 'Type',\n },\n {\n value: 'assignees',\n label: 'Assignees',\n },\n {\n value: 'tags',\n label: 'Tags',\n },\n ...attribFields.map((field) => ({\n value: 'attrib_' + field.name,\n label: field.data.title \|\| field.name,\n })),\n ...extraColumns,\n ]\n\n const visibleCount = columns.filter(\n (column) => !(column.value in columnVisibility) \|\| columnVisibility[column.value],\n ).length\n\n const defaultSettings: SettingConfig[] = [\n {\n id: 'columns',\n title: 'Columns',\n icon: 'view_column',\n preview: `${visibleCount}/${columns.length}`,\n component: <ColumnsSettings columns={columns} highlighted={highlighted} />,\n },\n ]\n\n settings.forEach((setting) => defaultSettings.push(setting))\n\n return <SettingsPanel settings={defaultSettings} />\n}\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,wBAAwB,OAAO,MAAM;AAAA;AAAA;AAQpC,MAAM,kBAAkB,CAAC,EAAE,iBAAiB,WAAW,GAAG,YAAmB;AAClF,QAAM,EAAE,aAAa,YAAY,IAAI,iBAAiB;AAGpD,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,MAAM,YAAY,eAAe;AAAA,MAC1C,MAAK;AAAA,MACL,UAAU;AAAA,MACT,GAAG;AAAA,MACL,UAAA;AAAA,IAAA;AAAA,EAED;AAEJ;AAUO,MAAM,uBAAsD,CAAC;AAAA,EAClE,WAAW,CAAC;AAAA,EACZ,eAAe,CAAC;AAAA,EAChB;AACF,MAAM;AACE,QAAA,EAAE,aAAa,IAAI,uBAAuB;AAC1C,QAAA,EAAE,iBAAiB,IAAI,yBAAyB;AAEtD,QAAM,UAAU;AAAA,IACd;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA,GAAG,aAAa,IAAI,CAAC,WAAW;AAAA,MAC9B,OAAO,YAAY,MAAM;AAAA,MACzB,OAAO,MAAM,KAAK,SAAS,MAAM;AAAA,IAAA,EACjC;AAAA,IACF,GAAG;AAAA,EACL;AAEA,QAAM,eAAe,QAAQ;AAAA,IAC3B,CAAC,WAAW,EAAE,OAAO,SAAS,qBAAqB,iBAAiB,OAAO,KAAK;AAAA,EAAA,EAChF;AAEF,QAAM,kBAAmC;AAAA,IACvC;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,MACN,SAAS,GAAG,YAAY,IAAI,QAAQ,MAAM;AAAA,MAC1C,WAAWA,kCAAAA,IAAC,iBAAgB,EAAA,SAAkB,YAA0B,CAAA;AAAA,IAAA;AAAA,EAE5E;AAEA,WAAS,QAAQ,CAAC,YAAY,gBAAgB,KAAK,OAAO,CAAC;AAEpD,SAAAA,kCAAA,IAAC,eAAc,EAAA,UAAU,gBAAiB,CAAA;AACnD;"}

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

@@ -10,6 +10,7 @@ const SortableColumnItem = ({
   isPinned,
   isHidden,
   isHighlighted,
+  isDisabled,
   onTogglePinning,
   onToggleVisibility
 }) => {
@@ -34,6 +35,7 @@ const SortableColumnItem = ({
           isPinned,
           isHidden,
           isHighlighted,
+          isDisabled,
           onTogglePinning,
           onToggleVisibility,
           dragHandleProps: { ...attributes, ...listeners }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SortableColumnItem.cjs.js","sources":["../../../../../src/components/ProjectTableSettings/SortableColumnItem.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { useSortable } from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\nimport ColumnItem from './ColumnItem'\nimport styled from 'styled-components'\nimport { SettingsPanelItem } from '../SettingsPanel'\n\ninterface SortableColumnItemProps {\n id: string\n column: SettingsPanelItem\n isPinned: boolean\n isHidden: boolean\n isHighlighted?: boolean\n onTogglePinning: (columnId: string) => void\n onToggleVisibility: (columnId: string) => void\n}\n\nconst SortableColumnItem: FC<SortableColumnItemProps> = ({\n id,\n column,\n isPinned,\n isHidden,\n isHighlighted,\n onTogglePinning,\n onToggleVisibility,\n}) => {\n const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({\n id,\n })\n\n const style = {\n transform: CSS.Transform.toString(transform),\n transition,\n }\n\n return (\n <SortableItemWrapper\n ref={setNodeRef}\n style={style}\n className={isDragging ? 'dragging' : ''}\n id={`column-settings-${id}`}\n >\n <ColumnItem\n column={column}\n isPinned={isPinned}\n isHidden={isHidden}\n isHighlighted={isHighlighted}\n onTogglePinning={onTogglePinning}\n onToggleVisibility={onToggleVisibility}\n dragHandleProps={{ ...attributes, ...listeners }}\n />\n </SortableItemWrapper>\n )\n}\n\nconst SortableItemWrapper = styled.div`\n &.dragging {\n z-index: 1;\n opacity: 0;\n }\n`\n\nexport default SortableColumnItem\n"],"names":["useSortable","CSS","jsx"],"mappings":";;;;;;~~AAiBA~~,MAAM,qBAAkD,CAAC;AAAA,EACvD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,EAAE,YAAY,WAAW,YAAY,WAAW,YAAY,eAAeA,qBAAY;AAAA,IAC3F;AAAA,EAAA,CACD;AAED,QAAM,QAAQ;AAAA,IACZ,WAAWC,cAAA,IAAI,UAAU,SAAS,SAAS;AAAA,IAC3C;AAAA,EACF;AAGE,SAAAC,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL;AAAA,MACA,WAAW,aAAa,aAAa;AAAA,MACrC,IAAI,mBAAmB,EAAE;AAAA,MAEzB,UAAAA,2BAAA,kBAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,iBAAiB,EAAE,GAAG,YAAY,GAAG,UAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACjD;AAAA,EACF;AAEJ;AAEA,MAAM,sBAAsB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;;"}
1	+ {"version":3,"file":"SortableColumnItem.cjs.js","sources":["../../../../../src/components/ProjectTableSettings/SortableColumnItem.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { useSortable } from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\nimport ColumnItem from './ColumnItem'\nimport styled from 'styled-components'\nimport { SettingsPanelItem } from '../SettingsPanel'\n\ninterface SortableColumnItemProps {\n id: string\n column: SettingsPanelItem\n isPinned: boolean\n isHidden: boolean\n isHighlighted?: boolean\n isDisabled?: boolean\n onTogglePinning: (columnId: string) => void\n onToggleVisibility: (columnId: string) => void\n}\n\nconst SortableColumnItem: FC<SortableColumnItemProps> = ({\n id,\n column,\n isPinned,\n isHidden,\n isHighlighted,\n isDisabled,\n onTogglePinning,\n onToggleVisibility,\n}) => {\n const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({\n id,\n })\n\n const style = {\n transform: CSS.Transform.toString(transform),\n transition,\n }\n\n return (\n <SortableItemWrapper\n ref={setNodeRef}\n style={style}\n className={isDragging ? 'dragging' : ''}\n id={`column-settings-${id}`}\n >\n <ColumnItem\n column={column}\n isPinned={isPinned}\n isHidden={isHidden}\n isHighlighted={isHighlighted}\n isDisabled={isDisabled}\n onTogglePinning={onTogglePinning}\n onToggleVisibility={onToggleVisibility}\n dragHandleProps={{ ...attributes, ...listeners }}\n />\n </SortableItemWrapper>\n )\n}\n\nconst SortableItemWrapper = styled.div`\n &.dragging {\n z-index: 1;\n opacity: 0;\n }\n`\n\nexport default SortableColumnItem\n"],"names":["useSortable","CSS","jsx"],"mappings":";;;;;;AAkBA,MAAM,qBAAkD,CAAC;AAAA,EACvD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,EAAE,YAAY,WAAW,YAAY,WAAW,YAAY,eAAeA,qBAAY;AAAA,IAC3F;AAAA,EAAA,CACD;AAED,QAAM,QAAQ;AAAA,IACZ,WAAWC,cAAA,IAAI,UAAU,SAAS,SAAS;AAAA,IAC3C;AAAA,EACF;AAGE,SAAAC,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL;AAAA,MACA,WAAW,aAAa,aAAa;AAAA,MACrC,IAAI,mBAAmB,EAAE;AAAA,MAEzB,UAAAA,2BAAA,kBAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,iBAAiB,EAAE,GAAG,YAAY,GAAG,UAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACjD;AAAA,EACF;AAEJ;AAEA,MAAM,sBAAsB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;;"}

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

@@ -9,6 +9,7 @@ const SortableColumnItem = ({
   isPinned,
   isHidden,
   isHighlighted,
+  isDisabled,
   onTogglePinning,
   onToggleVisibility
 }) => {
@@ -33,6 +34,7 @@ const SortableColumnItem = ({
           isPinned,
           isHidden,
           isHighlighted,
+          isDisabled,
           onTogglePinning,
           onToggleVisibility,
           dragHandleProps: { ...attributes, ...listeners }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SortableColumnItem.es.js","sources":["../../../../../src/components/ProjectTableSettings/SortableColumnItem.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { useSortable } from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\nimport ColumnItem from './ColumnItem'\nimport styled from 'styled-components'\nimport { SettingsPanelItem } from '../SettingsPanel'\n\ninterface SortableColumnItemProps {\n id: string\n column: SettingsPanelItem\n isPinned: boolean\n isHidden: boolean\n isHighlighted?: boolean\n onTogglePinning: (columnId: string) => void\n onToggleVisibility: (columnId: string) => void\n}\n\nconst SortableColumnItem: FC<SortableColumnItemProps> = ({\n id,\n column,\n isPinned,\n isHidden,\n isHighlighted,\n onTogglePinning,\n onToggleVisibility,\n}) => {\n const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({\n id,\n })\n\n const style = {\n transform: CSS.Transform.toString(transform),\n transition,\n }\n\n return (\n <SortableItemWrapper\n ref={setNodeRef}\n style={style}\n className={isDragging ? 'dragging' : ''}\n id={`column-settings-${id}`}\n >\n <ColumnItem\n column={column}\n isPinned={isPinned}\n isHidden={isHidden}\n isHighlighted={isHighlighted}\n onTogglePinning={onTogglePinning}\n onToggleVisibility={onToggleVisibility}\n dragHandleProps={{ ...attributes, ...listeners }}\n />\n </SortableItemWrapper>\n )\n}\n\nconst SortableItemWrapper = styled.div`\n &.dragging {\n z-index: 1;\n opacity: 0;\n }\n`\n\nexport default SortableColumnItem\n"],"names":["jsx"],"mappings":";;;;;~~AAiBA~~,MAAM,qBAAkD,CAAC;AAAA,EACvD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,EAAE,YAAY,WAAW,YAAY,WAAW,YAAY,eAAe,YAAY;AAAA,IAC3F;AAAA,EAAA,CACD;AAED,QAAM,QAAQ;AAAA,IACZ,WAAW,IAAI,UAAU,SAAS,SAAS;AAAA,IAC3C;AAAA,EACF;AAGE,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL;AAAA,MACA,WAAW,aAAa,aAAa;AAAA,MACrC,IAAI,mBAAmB,EAAE;AAAA,MAEzB,UAAAA,kCAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,iBAAiB,EAAE,GAAG,YAAY,GAAG,UAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACjD;AAAA,EACF;AAEJ;AAEA,MAAM,sBAAsB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}
1	+ {"version":3,"file":"SortableColumnItem.es.js","sources":["../../../../../src/components/ProjectTableSettings/SortableColumnItem.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { useSortable } from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\nimport ColumnItem from './ColumnItem'\nimport styled from 'styled-components'\nimport { SettingsPanelItem } from '../SettingsPanel'\n\ninterface SortableColumnItemProps {\n id: string\n column: SettingsPanelItem\n isPinned: boolean\n isHidden: boolean\n isHighlighted?: boolean\n isDisabled?: boolean\n onTogglePinning: (columnId: string) => void\n onToggleVisibility: (columnId: string) => void\n}\n\nconst SortableColumnItem: FC<SortableColumnItemProps> = ({\n id,\n column,\n isPinned,\n isHidden,\n isHighlighted,\n isDisabled,\n onTogglePinning,\n onToggleVisibility,\n}) => {\n const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({\n id,\n })\n\n const style = {\n transform: CSS.Transform.toString(transform),\n transition,\n }\n\n return (\n <SortableItemWrapper\n ref={setNodeRef}\n style={style}\n className={isDragging ? 'dragging' : ''}\n id={`column-settings-${id}`}\n >\n <ColumnItem\n column={column}\n isPinned={isPinned}\n isHidden={isHidden}\n isHighlighted={isHighlighted}\n isDisabled={isDisabled}\n onTogglePinning={onTogglePinning}\n onToggleVisibility={onToggleVisibility}\n dragHandleProps={{ ...attributes, ...listeners }}\n />\n </SortableItemWrapper>\n )\n}\n\nconst SortableItemWrapper = styled.div`\n &.dragging {\n z-index: 1;\n opacity: 0;\n }\n`\n\nexport default SortableColumnItem\n"],"names":["jsx"],"mappings":";;;;;AAkBA,MAAM,qBAAkD,CAAC;AAAA,EACvD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,EAAE,YAAY,WAAW,YAAY,WAAW,YAAY,eAAe,YAAY;AAAA,IAC3F;AAAA,EAAA,CACD;AAED,QAAM,QAAQ;AAAA,IACZ,WAAW,IAAI,UAAU,SAAS,SAAS;AAAA,IAC3C;AAAA,EACF;AAGE,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL;AAAA,MACA,WAAW,aAAa,aAAa;AAAA,MACrC,IAAI,mBAAmB,EAAE;AAAA,MAEzB,UAAAA,kCAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,iBAAiB,EAAE,GAAG,YAAY,GAAG,UAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACjD;AAAA,EACF;AAEJ;AAEA,MAAM,sBAAsB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/shared/src/components/ReviewableProgressCard/ReviewableProgressCard.cjs.js CHANGED Viewed

@@ -36,6 +36,10 @@ const ReviewableProgressCard = ({
       message = "Queued - waiting to be transcoded";
       icon = "hourglass";
       break;
+    case "waiting":
+      message = "Waiting for upload";
+      icon = "schedule";
+      break;
   }
   if (error) {
     isSpinning = false;
@@ -60,7 +64,7 @@ const ReviewableProgressCard = ({
         ] }),
         size && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "size", children: ayonReactComponents.getFileSizeString(size) }),
         tooltip && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ayonReactComponents.Icon, { icon: "info", className: "info", "data-tooltip": tooltip, "data-tooltip-as": "markdown" }),
-        error && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ayonReactComponents.Button, { icon: "close", variant: "danger", onClick: onRemove }),
+        (error || type === "waiting") && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ayonReactComponents.Button, { icon: "close", variant: "text", onClick: onRemove }),
         /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ReviewableProgressCard_styled.ProgressBar, { className: "progress", style: { right: `${100 - (progress ?? 0)}%` } })
       ]
     },

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ReviewableProgressCard.cjs.js","sources":["../../../../../src/components/ReviewableProgressCard/ReviewableProgressCard.tsx"],"sourcesContent":["import { FC, HTMLProps } from 'react'\nimport * as Styled from './ReviewableProgressCard.styled'\nimport { Button, getFileSizeString, Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\n\nexport interface ReviewableProgress {\n name: string\n size?: number\n fileId?: string\n progress?: number // 0 - 100\n error?: string\n src?: string\n}\n\nexport interface ReviewableProgressCardProps\n extends ReviewableProgress,\n Omit<HTMLProps<HTMLDivElement>, 'name' \| 'children' \| 'as' \| 'ref'> {\n onRemove?: () => void\n tooltip?: string\n type: 'upload' \| 'processing' \| 'unsupported' \| 'queued'\n}\n\nexport const ReviewableProgressCard: FC<ReviewableProgressCardProps> = ({\n name,\n progress,\n size,\n type,\n fileId,\n src,\n error,\n tooltip,\n onRemove,\n ...props\n}) => {\n let message = '',\n isSpinning = false,\n icon = ''\n switch (type) {\n case 'processing':\n message = 'Transcoding'\n isSpinning = true\n icon = 'settings'\n break\n case 'unsupported':\n message = 'Unsupported - conversion required'\n icon = 'visibility_off'\n break\n case 'upload':\n message = 'Uploading'\n isSpinning = true\n icon = 'sync'\n break\n case 'queued':\n message = 'Queued - waiting to be transcoded'\n icon = 'hourglass'\n break\n default:\n break\n }\n\n if (error) {\n isSpinning = false\n icon = 'error'\n }\n\n const progressString = progress !== undefined ? `- ${progress}%` : ''\n const finished = progress === 100\n return (\n <Styled.UploadCard\n key={name}\n className={clsx({ finished, error: !!error, [type]: true })}\n id={fileId}\n {...props}\n >\n <Styled.Type>\n {src && <img src={src} />}\n {icon && <Icon icon={icon} className={clsx({ spinning: isSpinning })} />}\n </Styled.Type>\n\n <span className=\"content\">\n <span className=\"name\">{name}</span>\n <span className=\"message\">{error ? error : `${message} ${progressString}`}</span>\n </span>\n {size && <span className=\"size\">{getFileSizeString(size)}</span>}\n {tooltip && (\n <Icon icon=\"info\" className=\"info\" data-tooltip={tooltip} data-tooltip-as=\"markdown\" />\n )}\n {error && <Button icon=\"close\" variant=\"~~danger~~\" onClick={onRemove} />}\n <Styled.ProgressBar className=\"progress\" style={{ right: `${100 - (progress ?? 0)}%` }} />\n </Styled.UploadCard>\n )\n}\n"],"names":["jsxs","Styled.UploadCard","Styled.Type","jsx","Icon","getFileSizeString","Button","Styled.ProgressBar"],"mappings":";;;;;;AAsBO,MAAM,yBAA0D,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,MAAI,UAAU,IACZ,aAAa,OACb,OAAO;AACT,UAAQ,MAAM;AAAA,IACZ,KAAK;AACO,gBAAA;AACG,mBAAA;AACN,aAAA;AACP;AAAA,IACF,KAAK;AACO,gBAAA;AACH,aAAA;AACP;AAAA,IACF,KAAK;AACO,gBAAA;AACG,mBAAA;AACN,aAAA;AACP;AAAA,IACF,KAAK;AACO,gBAAA;AACH,aAAA;AACP;AAAA,EAEA;AAGJ,MAAI,OAAO;AACI,iBAAA;AACN,WAAA;AAAA,EAAA;AAGT,QAAM,iBAAiB,aAAa,SAAY,KAAK,QAAQ,MAAM;AACnE,QAAM,WAAW,aAAa;AAE5B,SAAAA,2BAAA,kBAAA;AAAA,IAACC,8BAAO;AAAA,IAAP;AAAA,MAEC,WAAW,KAAK,EAAE,UAAU,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,GAAG,MAAM;AAAA,MAC1D,IAAI;AAAA,MACH,GAAG;AAAA,MAEJ,UAAA;AAAA,QAACD,kDAAAE,8BAAAA,MAAA,EACE,UAAA;AAAA,UAAO,OAAAC,2BAAA,kBAAA,IAAC,SAAI,IAAU,CAAA;AAAA,UACtB,QAASA,2BAAAA,kBAAAA,IAAAC,oBAAA,MAAA,EAAK,MAAY,WAAW,KAAK,EAAE,UAAU,WAAW,CAAC,EAAG,CAAA;AAAA,QAAA,GACxE;AAAA,QAEAJ,2BAAAA,kBAAAA,KAAC,QAAK,EAAA,WAAU,WACd,UAAA;AAAA,UAACG,2BAAA,kBAAA,IAAA,QAAA,EAAK,WAAU,QAAQ,UAAK,MAAA;AAAA,UAC7BA,2BAAAA,kBAAAA,IAAC,QAAK,EAAA,WAAU,WAAW,UAAA,QAAQ,QAAQ,GAAG,OAAO,IAAI,cAAc,GAAG,CAAA;AAAA,QAAA,GAC5E;AAAA,QACC,QAASA,2BAAAA,kBAAAA,IAAA,QAAA,EAAK,WAAU,QAAQ,UAAAE,oBAAAA,kBAAkB,IAAI,GAAE;AAAA,QACxD,WACEF,2BAAA,kBAAA,IAAAC,0BAAA,EAAK,MAAK,QAAO,WAAU,QAAO,gBAAc,SAAS,mBAAgB,WAAW,CAAA;AAAA,~~QAEtF~~,~~0DAAUE~~,~~oBAAO~~,QAAA,~~EAAA~~,MAAK,SAAQ,SAAQ,~~UAAS~~,SAAS,~~UAAU~~;AAAA,~~QAClEH~~,2BAAAA,kBAAAA,IAAAI,8BAAAA,aAAA,EAAmB,WAAU,YAAW,OAAO,EAAE,OAAO,GAAG,OAAO,YAAY,EAAE,MAAO,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAnBnF;AAAA,EAoBP;AAEJ;;"}
1	+ {"version":3,"file":"ReviewableProgressCard.cjs.js","sources":["../../../../../src/components/ReviewableProgressCard/ReviewableProgressCard.tsx"],"sourcesContent":["import { FC, HTMLProps } from 'react'\nimport * as Styled from './ReviewableProgressCard.styled'\nimport { Button, getFileSizeString, Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\n\nexport interface ReviewableProgress {\n name: string\n size?: number\n fileId?: string\n progress?: number // 0 - 100\n error?: string\n src?: string\n}\n\nexport interface ReviewableProgressCardProps\n extends ReviewableProgress,\n Omit<HTMLProps<HTMLDivElement>, 'name' \| 'children' \| 'as' \| 'ref'> {\n onRemove?: () => void\n tooltip?: string\n type: 'upload' \| 'processing' \| 'unsupported' \| 'queued' \| 'waiting'\n}\n\nexport const ReviewableProgressCard: FC<ReviewableProgressCardProps> = ({\n name,\n progress,\n size,\n type,\n fileId,\n src,\n error,\n tooltip,\n onRemove,\n ...props\n}) => {\n let message = '',\n isSpinning = false,\n icon = ''\n switch (type) {\n case 'processing':\n message = 'Transcoding'\n isSpinning = true\n icon = 'settings'\n break\n case 'unsupported':\n message = 'Unsupported - conversion required'\n icon = 'visibility_off'\n break\n case 'upload':\n message = 'Uploading'\n isSpinning = true\n icon = 'sync'\n break\n case 'queued':\n message = 'Queued - waiting to be transcoded'\n icon = 'hourglass'\n break\n case 'waiting':\n message = 'Waiting for upload'\n icon = 'schedule'\n break\n default:\n break\n }\n\n if (error) {\n isSpinning = false\n icon = 'error'\n }\n\n const progressString = progress !== undefined ? `- ${progress}%` : ''\n const finished = progress === 100\n return (\n <Styled.UploadCard\n key={name}\n className={clsx({ finished, error: !!error, [type]: true })}\n id={fileId}\n {...props}\n >\n <Styled.Type>\n {src && <img src={src} />}\n {icon && <Icon icon={icon} className={clsx({ spinning: isSpinning })} />}\n </Styled.Type>\n\n <span className=\"content\">\n <span className=\"name\">{name}</span>\n <span className=\"message\">{error ? error : `${message} ${progressString}`}</span>\n </span>\n {size && <span className=\"size\">{getFileSizeString(size)}</span>}\n {tooltip && (\n <Icon icon=\"info\" className=\"info\" data-tooltip={tooltip} data-tooltip-as=\"markdown\" />\n )}\n {(error \|\| type === 'waiting') && <Button icon=\"close\" variant=\"text\" onClick={onRemove} />}\n <Styled.ProgressBar className=\"progress\" style={{ right: `${100 - (progress ?? 0)}%` }} />\n </Styled.UploadCard>\n )\n}\n"],"names":["jsxs","Styled.UploadCard","Styled.Type","jsx","Icon","getFileSizeString","Button","Styled.ProgressBar"],"mappings":";;;;;;AAsBO,MAAM,yBAA0D,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,MAAI,UAAU,IACZ,aAAa,OACb,OAAO;AACT,UAAQ,MAAM;AAAA,IACZ,KAAK;AACO,gBAAA;AACG,mBAAA;AACN,aAAA;AACP;AAAA,IACF,KAAK;AACO,gBAAA;AACH,aAAA;AACP;AAAA,IACF,KAAK;AACO,gBAAA;AACG,mBAAA;AACN,aAAA;AACP;AAAA,IACF,KAAK;AACO,gBAAA;AACH,aAAA;AACP;AAAA,IACF,KAAK;AACO,gBAAA;AACH,aAAA;AACP;AAAA,EAEA;AAGJ,MAAI,OAAO;AACI,iBAAA;AACN,WAAA;AAAA,EAAA;AAGT,QAAM,iBAAiB,aAAa,SAAY,KAAK,QAAQ,MAAM;AACnE,QAAM,WAAW,aAAa;AAE5B,SAAAA,2BAAA,kBAAA;AAAA,IAACC,8BAAO;AAAA,IAAP;AAAA,MAEC,WAAW,KAAK,EAAE,UAAU,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,GAAG,MAAM;AAAA,MAC1D,IAAI;AAAA,MACH,GAAG;AAAA,MAEJ,UAAA;AAAA,QAACD,kDAAAE,8BAAAA,MAAA,EACE,UAAA;AAAA,UAAO,OAAAC,2BAAA,kBAAA,IAAC,SAAI,IAAU,CAAA;AAAA,UACtB,QAASA,2BAAAA,kBAAAA,IAAAC,oBAAA,MAAA,EAAK,MAAY,WAAW,KAAK,EAAE,UAAU,WAAW,CAAC,EAAG,CAAA;AAAA,QAAA,GACxE;AAAA,QAEAJ,2BAAAA,kBAAAA,KAAC,QAAK,EAAA,WAAU,WACd,UAAA;AAAA,UAACG,2BAAA,kBAAA,IAAA,QAAA,EAAK,WAAU,QAAQ,UAAK,MAAA;AAAA,UAC7BA,2BAAAA,kBAAAA,IAAC,QAAK,EAAA,WAAU,WAAW,UAAA,QAAQ,QAAQ,GAAG,OAAO,IAAI,cAAc,GAAG,CAAA;AAAA,QAAA,GAC5E;AAAA,QACC,QAASA,2BAAAA,kBAAAA,IAAA,QAAA,EAAK,WAAU,QAAQ,UAAAE,oBAAAA,kBAAkB,IAAI,GAAE;AAAA,QACxD,WACEF,2BAAA,kBAAA,IAAAC,0BAAA,EAAK,MAAK,QAAO,WAAU,QAAO,gBAAc,SAAS,mBAAgB,WAAW,CAAA;AAAA,SAErF,SAAS,SAAS,cAAeD,2BAAAA,kBAAAA,IAAAG,oBAAAA,QAAA,EAAO,MAAK,SAAQ,SAAQ,QAAO,SAAS,SAAU,CAAA;AAAA,QACxFH,2BAAAA,kBAAAA,IAAAI,8BAAAA,aAAA,EAAmB,WAAU,YAAW,OAAO,EAAE,OAAO,GAAG,OAAO,YAAY,EAAE,MAAO,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAnBnF;AAAA,EAoBP;AAEJ;;"}

package/dist/shared/src/components/ReviewableProgressCard/ReviewableProgressCard.es.js CHANGED Viewed

@@ -34,6 +34,10 @@ const ReviewableProgressCard = ({
       message = "Queued - waiting to be transcoded";
       icon = "hourglass";
       break;
+    case "waiting":
+      message = "Waiting for upload";
+      icon = "schedule";
+      break;
   }
   if (error) {
     isSpinning = false;
@@ -58,7 +62,7 @@ const ReviewableProgressCard = ({
         ] }),
         size && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "size", children: getFileSizeString(size) }),
         tooltip && /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: "info", className: "info", "data-tooltip": tooltip, "data-tooltip-as": "markdown" }),
-        error && /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { icon: "close", variant: "danger", onClick: onRemove }),
+        (error || type === "waiting") && /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { icon: "close", variant: "text", onClick: onRemove }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(ProgressBar, { className: "progress", style: { right: `${100 - (progress ?? 0)}%` } })
       ]
     },