* start redesign work
* add left padding to all tree nodes
* fiddling with padding
* align tab bar line with first item in resource tree
* final touch ups
* fix a strange password manager autofill prompt
* add keyboard shortcuts
* revert testing change
* nudge messagebar to layout row height
* tidy up
* switch to Allotment to stop ResizeObserver issues with monaco
* refmt and fix lints
* fabric touch-ups
* update snapshots
* remove explicit react-icons dependency
* reinstall packages
* remove background from FluentProvider
* fix alignment of message bar
* undo temporary workaround
* restore refresh button
* fix e2e tests and reformat
* fix compiler error
* remove uiw/react-split
* uncomment selection change on expand
* [3100036]: [Programmatic Access - Azure Cosmos DB - Data Explorer]: Close button is nested under 'Home' tab control under 'Data Explorer' pane.
* Fabric-Less updated.
* Added specific width for contentWrapper.
* less update.
* Fixed out-scope space issue
---------
Co-authored-by: Satyapriya Bai <v-satybai@microsoft.com>
* Document page now loads list of docs and displays selection
* DocumentsTabV2 now properly loads documents, show partition keys and display first doc with proper selection behavior. Move it to its own folder.
* Extract table in a separate component
* Resizable columns on the document table
* Fix selection behavior and some layout issue
* Adding table scrolling
* Fix NaN height issue
* Fix NaN height issue
* Fix column sizing + cell selection
* Improvement in width size. Add Load More
* Add react editor and pass column headers
* Dynamic columns for pk
* Fix initial columns size
* Add nav buttons
* Editing content updates buttons state
* Discard and save buttons working
* Fix save new document. Implement delete.
* Remove debug display
* Fix unexpand filter and reformat
* Fix compil issues
* Add refresh button
* Update column header placeholder style
* Implement delete multiple docs
* Fix multi delete
* Fix show/hide delete button
* Fix selection behavior
* Fix UX with buttons behavior and editor display
* Fix UX issue with not discarding edit changes
* Add some TODO's
* Remove debugging info and reformat
* Add mongo support
* Fix build issues
* Fix table header. Remove debug statement
* Restore broken nosql
* Fix mongo save new document/update document
* Fix bugs with clicking on newly created documents
* Fix comment
* Fix double fetch issue when clicking on an item
* Auto-select last document when saving new document
* Fix resourceTokenPartitionKey code
* Fix format
* Fix isQueryCopilotSampleContainer flag
* Fix unused code
* Call tab when updating error flag
* Destructure props to make useEffect dependencies work
* Fix loadStartKey
* minor update
* Fix format
* Add title to table
* Fix table coming off its container with unwanted horizontal scrollbar
* Increase table width. Fix eslint issue.
* Move refresh documents button from table back to DocumentsTabV2
* Fix load more text centering
* Don't show Load More if nothing to show
* Fix columns min width
* Add keyboard shortcuts
* Add keyboard handlers to load more and refresh button
* Add keyboard support to select table row
* Disable eslint issue from fluent library
* Connect cancel query button
* Add Fluent V9 theme for Fabric (#1821)
* Clean up dependencies and memoize internal functions and object. Move methods and object that don't depend on state outside of component.
* Fix filter disappearing when clicking Apply Filter
* Fix typo and format
* Implement bulk delete for nosql
* Replace filter ui components with fluent ui
* Remove jquery calls
* Migrate unit test to DocumentsTabV2
* Remove DocumentsTab and MongoDocumentsTab. Fix build issues.
* Properly handle activetab
* Remove comments and unused code
* Port keyboard shortcuts from commitId 1f4d0f2
* Port item editor shortcuts to improved Items tab branch (#1831)
* set filter focus on Ctrl+Shift+F
* implement filter enter/esc keybinds
* remove debugging
* Collapse filter when query is executed
* Fix monaco editor not happy when parent is null
* Fix how bulk delete operation gets called when no partition key
* Fix update id list after delete
* Fix deleteDocuments
* Fix build issue
* Fix bug in mongo delete
* Fix mongo delete flow
* Proper error handling in mongo
* Handle >100 bulk delete operations
* Add unit tests for DocumentsTableComponent
* More improvements to table unit tests
* Fix import. Disable selection test for now
* Add more DocumentsTab unit react tests
* Remove selection test
* Add more unit tests. Add lcov coverage report to display in vscode
* Move unit tests to correct file
* Add unit test on command bar
* Fix build issues
* Add more unit tests
* Remove unneeded call
* Add DocumentsTab for Mongo API
* Fix linting errors
* Update fluent ui v9 dependency. Color columns separation. Fix refresh button placement to not interfere with header cell width.
* Revert @fluentui/react-components to a safe version that compiles
* Add confirmation window when documents have been deleted
* Fix mongo unit tests
* Fix format
* Update src/Common/dataAccess/deleteDocument.ts
Co-authored-by: Ashley Stanton-Nurse <ashleyst@microsoft.com>
* Update src/Common/dataAccess/deleteDocument.ts
Co-authored-by: Ashley Stanton-Nurse <ashleyst@microsoft.com>
* Update src/Common/dataAccess/deleteDocument.ts
Co-authored-by: Ashley Stanton-Nurse <ashleyst@microsoft.com>
* Fix bug with markup. Simplify code.
* Protect against creating React editor without parent node
* Replace rendering tests with snapshot match
* Add test screenshot to troubleshoot e2e test
* Revert "Add test screenshot to troubleshoot e2e test"
This reverts commit 1b8138ade0.
* Attempt 2 at troubleshooting failing test
* Revert "Attempt 2 at troubleshooting failing test"
This reverts commit 3e51a593bf.
* Delete button now shows if one or more rows are selected
---------
Co-authored-by: Vsevolod Kukol <sevoku@microsoft.com>
Co-authored-by: Ashley Stanton-Nurse <ashleyst@microsoft.com>
* [accessibility-3100026]: [Screen Reader - Azure Cosmos DB - Add Table Row]: Screen Reader does not announce status message after invoking 'Add Row' control under 'Add Table Row' pane.
* Fixed format.
* Snap update.
---------
Co-authored-by: Satyapriya Bai <v-satybai@microsoft.com>
* Hide the RU Threshold Message in Fabric
Fabric is RO and the Settings button is hidden, hence the message doesn't make sense. If customers hit the limits they can go to Portal and change the settings there.
* Change the toolbar font size and icon color in Fabric
* Use Promise for allResourceToken fabric message. Cleanup token message handling and add debounce.
* Improve rpc and update initalization flow
* Fix format
* Rev up message names for new version
* Refactor RPC with Fabric
* Build fix
* Fix build
* Fix format
* Update Message types
* Fix format
* Fix comments
* Fabric toolbar style and support to show/hide it (#1720)
* Add Fabric specific Toolbar design
* Add Fabric message to show/hide the Toolbar
* Fix CommandBarUtil formatting
* Update zustand state on setToolbarStatus to trigger a redraw of the command bar with updated visibility
---------
Co-authored-by: Laurent Nguyen <laurent.nguyen@microsoft.com>
* Fix format
---------
Co-authored-by: Vsevolod Kukol <sevoku@microsoft.com>
* arialabel has been added to close button of invitational youtube video
* heading role has been addedd and tag has been changed to h1
* outline has been restored to choose columns link in entities page
* header text color changed to meet luminosity ratio requirement
* capacity calculator link has been added with underline on focus
* add property is readout twice while using screenreader
* arialabel added to the add property button
* screenreader content changed to announce the entire alert
* focus indicator outline invisbile on higher contrast themes
* Update fulldatatables.less
* Update queryBuilder.less
* Update queryBuilder.less
* Update TableEntity.tsx
* Update ThroughputInput.less
* Update ThroughputInput.tsx
* Update ThroughputInput.test.tsx.snap
* Update NewVertexComponent.tsx
* Update PanelInfoErrorComponent.tsx
* Update RightPaneForm.tsx
* Update AddTableEntityPanel.tsx
* Update SplashScreen.tsx
* Update QuickstartCarousel.tsx
* Update AddTableEntityPanel.test.tsx.snap
* Add Platform.Fabric to run in context of Fabric
* Use separate StyleConstants
We want to have more flexibility with Styles at runtime
but Constants depend on ConfigContext and therefore
get loaded very early at startup.
* Add Fabric specific styles and Fluent theme
documentDBFabric.less contains all styles for Fabric.
We use React.lazy to import them conditionally at
runtime preventing webpack from preprocessing
them into main.css.
* Restyle CommandBar for Fabric
with more roundness and native colors.
* Disable Notebooks when running in Fabric
* Disable Synapse and Scripts commands for Fabric
* Fix code formatting issues
* Fetch encrypted token from sessionStorage for fabric platform
* Fix Tabs style
* Dark refresh icons for Fabric
* Use new ResourceTree2 for Fabric
* Fluent tree should have a fixed width
otherwise the action buttons jump around on hover.
* Disable remaining Script actions in Fabric
* Revert accidentally committed change
which broke a test
* Fix cross-origin error second try
* Adjust @FabrixBoxMargin css
* Hide Database Scale node on Fabric
* Remove all Collection child nodes on Fabric
* Add a comment about why we need FabricPlatform.tsx
* Fix equality checks
* Fix more Colors for Fabric
* Switch resource tree to "medium" size
* Fix formatting again
* Fix formatting again
* Disable no-var-requires error on some intended var import.
* Increase memory limit for build
* Use standard Segoe UI font for Fabric
* Improve Tabs design for Fabric
* Fix active Tab style bug in Portal
introduced with 39a7765aef
---------
Co-authored-by: Laurent Nguyen <laurent.nguyen@microsoft.com>
* arialabel has been added to close button of invitational youtube video
* heading role has been addedd and tag has been changed to h1
* outline has been restored to choose columns link in entities page
* header text color changed to meet luminosity ratio requirement
* Update queryBuilder.less
* Update TableEntity.tsx
* Update QuickstartCarousel.tsx
* Update SplashScreen.tsx
* Update SplashScreen.tsx
* arialabel has been added to close button of invitational youtube video
* heading role has been addedd and tag has been changed to h1
* outline has been restored to choose columns link in entities page
* Update QuickstartCarousel.tsx
* Update SplashScreen.tsx
* Update TableEntity.tsx
* outline for edit entity has been added on focus
* arialabel has been added to close button of invitational youtube video
* heading role has been addedd and tag has been changed to h1
* outline has been restored to choose columns link in entities page
* header text color changed to meet luminosity ratio requirement
* capacity calculator link has been added with underline on focus
* add property is readout twice while using screenreader
* arialabel added to the add property button
* Update fulldatatables.less
* Update queryBuilder.less
* Update TableEntity.tsx
* Update ThroughputInput.less
* Update ThroughputInput.tsx
* Update ThroughputInput.test.tsx.snap
* Update ThroughputInput.test.tsx.snap
* Update AddTableEntityPanel.tsx
* Update AddTableEntityPanel.test.tsx.snap
* Update QuickstartCarousel.tsx
* Update SplashScreen.tsx
* autoscale and manual radiobuutton fixes
* alt text attribute for images
* Revert "alt text attribute for images"
This reverts commit 5a660551c6.
* alt text for decorative images
* sev2 accessibilitydefects in data explorer
* Revert "sev2 accessibilitydefects in data explorer"
This reverts commit b84d5b572c.
* Sev2 accessibilitydefects
* Revert "Sev2 accessibilitydefects"
This reverts commit a4e60f106c.
* accessibilitydefects-data explorer
* Accessibility sev-2 defects-2
* corrections for 2278347,2278096 and fix for 2264174
* color for placeholder changed to 767474, margin is set to accommodate height between treeheader elements
* padding added for databaseheader, removed margin and restored padding to treenodeheader
* keyboard navigation for defects 1722611,1722618
* Fixes for keyboard navigation of add new clause,edit,remove property,insert filter line, remove filter line
* Revert "keyboard navigation for defects 1722611,1722618"
This reverts commit 9383609a22.
* html,css changes corected after reversion
* Revert "html,css changes corected after reversion"
This reverts commit 712e0e0c1e.
* committing changes for the keyboard navigation
* format fixes
* changes to addcollectionpanel.test.tsx snp file
* changes in infotooltip for defct
* Revert "changes in infotooltip for defct"
This reverts commit ca9833e208.
* commit for tooltip in defect 1704149
* Revert "commit for tooltip in defect 1704149"
This reverts commit 44766e8213.
* InfoTooltip changes
* update snapshot
* defect1722595 Bug 1722595: [Screen readers Azure Cosmos DB Scale& Settings: Screen reader (NVDA) is not announcing status message which is displayed on the screen after radio button is selected under scale tab.
* more options in delete entity dialog is not accessible through keyboard
* Revert "more options in delete entity dialog is not accessible through keyboard"
This reverts commit 23a05ef18e.
* more options in delete entity dialog is not accessible throgh keyboard
* remove native html with role='alert' for messagebar
* role added for messagebar fluentui component
[Preview this branch](https://cosmos-explorer-preview.azurewebsites.net/pull/762?feature.someFeatureFlagYouMightNeed=true)
The main change in this PR fixes the snapshot functionality in the Publish pane-related components. Because the code cell outputs are now rendered in their own iframes for security reasons, a single snapshot of the notebook is no longer possible: each cell output takes its own snapshot and the snapshots are collated on the main notebook snapshot.
- Move the snapshot functionality to notebook components: this removes the reference of the notebook DOM node that we must pass to the Publish pane via explorer.
- Add slice in the state and actions in notebook redux for notebook snapshot requests and result
- Add post robot message to take snapshots and receive results
- Add logic in `NotebookRenderer` to wait for all output snapshots done before taking the main one collating.
- Use `zustand` to share snapshot between Redux world and React world. This solves the issue of keeping the `PanelContainer` component generic, while being able to update its children (`PublishPanel` component) with the new snapshot.
Additional changes:
- Add `local()` in `@font-face` to check if font is already installed before downloading the font (must be done for Safari, but not Edge/Chrome)
- Add "Export output to image" menu item in notebook cell, since each cell output can take its own snapshot (which can be downloaded)
* Add a skip link to allow people who navigate sequentially through content more direct access to the primary content of the Data Explorer
Co-authored-by: Chris Cao (Zen3 Infosolutions America Inc) <v-yiqcao@microsoft.com>
* Rename id of partition key field in Add Collection Pane to ensure no elements contain duplicate attributes.
Co-authored-by: Chris Cao (Zen3 Infosolutions America Inc) <v-yiqcao@microsoft.com>
Constrain left pane container to height: 100% so that scrollbar show up when content wants to overflow.
The `main` classname seems too generic, but I left it alone (so I don't break anything), since this part will eventually be ported to React.
.main CSS class has a naming conflict with Moncao editor CSS classes and this is causing A11y issues with Moncao editor.
This class should no longer be used since we moved to the new tree component in REACT, so I am removing it. From my testing, this is not affecting anything.
If we find any styling issue later, we should fix without adding back this class.
