AzureMonitor: Support querying any Resource for Logs queries (grafana…

…#33879)

* wip

* wip:

* ui work for resource picker

* disable rows when others are selected

* resource picker open button

* Azure Monitor: Connect to backend with real data (grafana#34024)

* Connect to backend with real data

* Fixes from code review.

* WIP:Begin thinking about how to make queries with scope determined by the resource picker

* More fixes post code review.

* Fixes after rebasing

* Remove outdated todo

* AzureMonitor: Support any resource for Logs queries (grafana#33762)

* Apply button for resource picker

* scroll table body

* secondary cancel button

* loading state for nested rows

* Display resource components in picker button

* fix tests

* fix icons

* move route function

* Migrate from workspace to resource uri for log analytics (grafana#34337)

* reword backwards compat comment

* remove base url suffix

* fix lint error

* move migrations to seperate file

* cleanup

* update regex

* cleanup

* update plugin routes to use new azure auth type

* use AzureDataSourceInstanceSettings alias

Co-authored-by: Sarah Zinger <sarahzinger@users.noreply.github.com>

package.json

@@ -255,6 +255,7 @@
     "file-saver": "2.0.2",
     "history": "4.10.1",
     "hoist-non-react-statics": "3.3.2",
+    "immer": "8.0.0",
     "immutable": "3.8.2",
     "is-hotkey": "0.1.6",
     "jquery": "3.5.1",

packages/grafana-ui/src/components/Icon/Icon.story.tsx

@@ -52,7 +52,8 @@ const IconWrapper = ({ name }: { name: IconName }) => {
   );
 };
 
-const icons = getAvailableIcons().sort((a, b) => a.localeCompare(b));
+const icons = [...getAvailableIcons()];
+icons.sort((a, b) => a.localeCompare(b));
 
 export const IconsOverview = () => {
   const [filter, setFilter] = useState('');