diff --git a/packages/unigraph-dev-explorer/src/components/ObjectView/BacklinkView.tsx b/packages/unigraph-dev-explorer/src/components/ObjectView/BacklinkView.tsx index abc003a8..a321c4a2 100644 --- a/packages/unigraph-dev-explorer/src/components/ObjectView/BacklinkView.tsx +++ b/packages/unigraph-dev-explorer/src/components/ObjectView/BacklinkView.tsx @@ -74,6 +74,7 @@ export function BacklinkView({ }} callbacks={{ ...callbacks, isBacklink: true }} noRemover + noHoverHighlight viewOptions={(object: any) => { if (object?.type?.['unigraph.id'] === '$/schema/note_block') { return { diff --git a/packages/unigraph-dev-explorer/src/components/ObjectView/DynamicObjectListView.tsx b/packages/unigraph-dev-explorer/src/components/ObjectView/DynamicObjectListView.tsx index 737457d9..3eed68a5 100644 --- a/packages/unigraph-dev-explorer/src/components/ObjectView/DynamicObjectListView.tsx +++ b/packages/unigraph-dev-explorer/src/components/ObjectView/DynamicObjectListView.tsx @@ -20,7 +20,7 @@ import { Box, } from '@mui/material'; import { styled } from '@mui/material/styles'; -import { ExpandMore, ClearAll, InboxOutlined } from '@mui/icons-material'; +import { ExpandMore, ClearAll, InboxOutlined, ExpandLess } from '@mui/icons-material'; import _ from 'lodash'; import React, { useEffect } from 'react'; import { useDrop } from 'react-dnd'; @@ -117,6 +117,7 @@ function DynamicListItem({ compact, itemStyle, viewOptions, + noHoverHighlight, }: any) { const [itemHovered, setItemHovered] = React.useState(false); const isRemoverActive = React.useCallback(() => { @@ -124,7 +125,7 @@ function DynamicListItem({ }, [itemRemover, noRemover]); return ( ))} @@ -275,6 +279,7 @@ function DynamicList({ components, itemStyle, viewOptions, + noHoverHighlight, }: any) { const tabContext = React.useContext(TabContext); const [loadedItems, setLoadedItems] = React.useState([]); @@ -358,6 +363,7 @@ function DynamicList({ removeOnEnter={removeOnEnter} components={components} viewOptions={viewOptions} + noHoverHighlight={noHoverHighlight} /> ))} @@ -475,6 +481,7 @@ export const DynamicObjectListView: React.FC = ({ itemAdder, initialTab, viewOptions, + noHoverHighlight, }) => { const tabContext = React.useContext(TabContext); @@ -596,7 +603,16 @@ export const DynamicObjectListView: React.FC = ({ }} > setOptionsOpen(!optionsOpen)} />} + expandIcon={React.createElement(optionsOpen ? ExpandLess : ExpandMore, { + onClick: () => setOptionsOpen(!optionsOpen), + sx: { + cursor: 'pointer', + borderRadius: '16px', + '&:hover': { + backgroundColor: '#f5f5f5', + }, + }, + })} aria-controls="panel1bh-content" id="panel1bh-header" classes={{ content: classes.content }} @@ -730,6 +746,7 @@ export const DynamicObjectListView: React.FC = ({ removeOnEnter, components, viewOptions, + noHoverHighlight, }) : groupers[groupBy](procItems.map(itemGetter)).map((el: Group) => ( <> @@ -759,6 +776,7 @@ export const DynamicObjectListView: React.FC = ({ removeOnEnter, components, viewOptions, + noHoverHighlight, })} ))} diff --git a/packages/unigraph-dev-explorer/src/examples/notes/NoteBlock.tsx b/packages/unigraph-dev-explorer/src/examples/notes/NoteBlock.tsx index e8a92da0..d902bd97 100644 --- a/packages/unigraph-dev-explorer/src/examples/notes/NoteBlock.tsx +++ b/packages/unigraph-dev-explorer/src/examples/notes/NoteBlock.tsx @@ -336,6 +336,7 @@ export function ParentsAndReferences({ data }: any) { noDrop titleBar=" parents" loadAll + noHoverHighlight components={{ '$/schema/note_block': { view: NoChildrenReferenceNoteView, @@ -356,6 +357,7 @@ export function ParentsAndReferences({ data }: any) { noDrop titleBar=" linked references" loadAll + noHoverHighlight components={{ '$/schema/note_block': { view: ReferenceNoteView, diff --git a/packages/unigraph-dev-explorer/src/examples/todo/TodoTagView.tsx b/packages/unigraph-dev-explorer/src/examples/todo/TodoTagView.tsx index 8549a210..116d5c00 100644 --- a/packages/unigraph-dev-explorer/src/examples/todo/TodoTagView.tsx +++ b/packages/unigraph-dev-explorer/src/examples/todo/TodoTagView.tsx @@ -22,7 +22,7 @@ export function TodoTagView({ callbacks, reverse, uid, - titleBar = ' tagged tasks', + titleBar = ' tagged items', ...attributes }: any) { const [objects, setObjects]: [any[], any] = React.useState([]);