New navigation structure #2211
New navigation structure #2211
Commits on Nov 15, 2024
-
Narrow and define ElementAllCheckbox props API
Instead of passing a complex `ui` prop with undefined keys, we now pass only what is necessary to the component. This shows that the formerly used prop `checked` was not provided.
-
Fix Inbox size dropdown with size small
The `.small-panel` class adds `overflow: hidden`, hiding the dropdown.
-
Disable rather than hide prev/next buttons in element pagination
This way the buttons jump around less.
-
Separate Home and mydb Navigation components
With the new layout, the two components will look and function differently.
-
-
-
Fix selecting items from sample import
While selecting/deselecting would work in production, there were plenty of errors in the console because the SelectCellRenderer's rowIndex was not used/passed correctly. Probably because of a API change in AgGridReact.
-
Use ElementStore for managing sdf upload confirmation preview
...instead of the global NavigationModal
-
Remove NavigationModal and corresponding UI state
The previous commits make this component obsolete.
-
-
Remove use of
user.profile.data.customClassThere does not seem to be a way to modify this value and there is no personally customizable theming in the new design.
-
-
This patch introduces the app layout structure proposed by Shapefield' redesign document.
-
-
-
-
-
-
-
-
-
Split ScanCodeButton and PrintCodeButton
...because scanning is a global action and printing depends on the currently selected samples.
-
Update CollectionTree to new layout
We now keep all collection group headers visible on screen by having the list of collections in a group scroll when it exceeds the limit of what can be displayed.
-
-
Reduce the number of re-renders of Elements
We don't use the currentElement prop in ElementDetails. This means that we don't need to store it in this component. Subsequently we can boil down the state to a single `showDetailView` boolean, making it easy to not re-render when nothing has changed.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Fix additional popover Header breaking rounded border
The first <Popover.Header> is not the first DOM node in the <Popover>. React bootstrap prepends another element for the arrow, so :first-child does not work here. I attempted to use `.popover > *:nth-child(n + 2 of .popover-header)` but I suppose our css preprocessor does not support the relatively new nth-of selector, because the selector is mangled in the compiled output. https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-child#the_of_selector_syntax
-
Rework tab layout editing to proper drag and drop
This patch introduces the TabLayoutEditor component with a drag-and-drop interface for reordering and hiding/showing tabs. The component accepts an ItemComponent via the `getItemComponent` prop for rendering individual items. With this patch we no longer need to manage the synthetic 'hidden' Tab when no tabs are currently hidden. This is now the editor component's responsibility and using code does not have to manage that. This also removes the `DragDropItemTypes.LAYOUT` constant in favor of a unique scope for each instance of the editor, because drag-and-drop is only supposed to work within a specific visible/hidden list combination and not globally across editors. State changes are now propagated via the `onLayoutChange` callback and not by reaching into the state of the component.
-
-
-
-
The Panel components would not be sized properly before. Now they receive `width: 0` so flex can calculate the size and scrolling is handled by a separate wrapper.
-
Add recommended id and order props to resizable panels
Also fix warning about invalid layout when detail view is not showing.
