From 6b85eed2b989a1d3482429e2de12723b54bc6108 Mon Sep 17 00:00:00 2001
From: Maxim <maxim.mordasov@grafana.com>
Date: Fri, 9 Sep 2022 14:05:42 +0300
Subject: [PATCH 1/3] disable frontend enterprise frontend ts check

---
 grafana-plugin/tsconfig.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/grafana-plugin/tsconfig.json b/grafana-plugin/tsconfig.json
index 931d63e8..5f72aa43 100644
--- a/grafana-plugin/tsconfig.json
+++ b/grafana-plugin/tsconfig.json
@@ -1,9 +1,9 @@
 {
   "extends": "@grafana/toolkit/src/config/tsconfig.plugin.json",
-  "include": ["src/dummy", "frontend_enterprise/src"],
+  "include": ["src/dummy"],
   "types": ["node", "@emotion/core"],
   "compilerOptions": {
-    "rootDirs": ["src", "frontend_enterprise/src"],
+    "rootDirs": ["src"],
     "baseUrl": "src",
     "typeRoots": ["./node_modules/@types"],
     "noUnusedLocals": false,

From e4cec973053f0ddbfc4bf21a71debd7828f77f60 Mon Sep 17 00:00:00 2001
From: Maxim <maxim.mordasov@grafana.com>
Date: Mon, 12 Sep 2022 12:09:45 +0300
Subject: [PATCH 2/3] show admins and editors only for user groups select

---
 .../src/components/UserGroups/UserGroups.tsx         | 12 ++++--------
 .../src/containers/RemoteSelect/RemoteSelect.tsx     |  3 +++
 .../src/containers/Rotation/Rotation.module.css      |  2 +-
 3 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/grafana-plugin/src/components/UserGroups/UserGroups.tsx b/grafana-plugin/src/components/UserGroups/UserGroups.tsx
index b726e6e4..cc8d0918 100644
--- a/grafana-plugin/src/components/UserGroups/UserGroups.tsx
+++ b/grafana-plugin/src/components/UserGroups/UserGroups.tsx
@@ -9,6 +9,7 @@ import { SortableContainer, SortableElement, SortableHandle } from 'react-sortab
 import Text from 'components/Text/Text';
 import WorkingHours from 'components/WorkingHours/WorkingHours';
 import GSelect from 'containers/GSelect/GSelect';
+import RemoteSelect from 'containers/RemoteSelect/RemoteSelect';
 import UserTooltip from 'containers/UserTooltip/UserTooltip';
 import { User } from 'models/user/user.types';
 
@@ -121,18 +122,13 @@ const UserGroups = (props: UserGroupsProps) => {
           isMultipleGroups={isMultipleGroups}
           useDragHandle
         />
-        <GSelect
-          key={items.length} // to completely rerender when users length change
+        <RemoteSelect
+          key={items.length}
           showSearch
-          allowClear
-          modelName="userStore"
-          displayField="username"
-          valueField="pk"
           placeholder="Add user"
-          className={cx('select')}
+          href="/users/?filters=true&roles=0&roles=1"
           value={null}
           onChange={handleUserAdd}
-          getOptionLabel={({ label, value }: SelectableValue) => <UserTooltip id={value} />}
           showError={showError}
         />
       </VerticalGroup>
diff --git a/grafana-plugin/src/containers/RemoteSelect/RemoteSelect.tsx b/grafana-plugin/src/containers/RemoteSelect/RemoteSelect.tsx
index 7f061eb5..e7ef6065 100644
--- a/grafana-plugin/src/containers/RemoteSelect/RemoteSelect.tsx
+++ b/grafana-plugin/src/containers/RemoteSelect/RemoteSelect.tsx
@@ -27,6 +27,7 @@ interface RemoteSelectProps {
   isMulti?: boolean;
   openMenuOnFocus?: boolean;
   getOptionLabel?: (item: SelectableValue) => React.ReactNode;
+  showError?: boolean;
 }
 
 const RemoteSelect = inject('store')(
@@ -46,6 +47,7 @@ const RemoteSelect = inject('store')(
       allowClear,
       getOptionLabel,
       openMenuOnFocus = true,
+      showError,
     } = props;
 
     const [options, setOptions] = useState<SelectableValue[] | undefined>();
@@ -111,6 +113,7 @@ const RemoteSelect = inject('store')(
         defaultOptions={options}
         loadOptions={loadOptionsCallback}
         getOptionLabel={getOptionLabel}
+        invalid={showError}
       />
     );
   })
diff --git a/grafana-plugin/src/containers/Rotation/Rotation.module.css b/grafana-plugin/src/containers/Rotation/Rotation.module.css
index b721e17b..f9daf1db 100644
--- a/grafana-plugin/src/containers/Rotation/Rotation.module.css
+++ b/grafana-plugin/src/containers/Rotation/Rotation.module.css
@@ -43,7 +43,7 @@
 }
 
 .slots__animate {
-  transition: transform 500ms ease;
+  /* transition: transform 500ms ease; */
 }
 
 .slots__transparent {

From 33ddc8727fd0a1feeb12dc43684deac643da0a34 Mon Sep 17 00:00:00 2001
From: Maxim <maxim.mordasov@grafana.com>
Date: Mon, 12 Sep 2022 15:31:10 +0300
Subject: [PATCH 3/3] fix wh stripe

---
 .../src/containers/UsersTimezones/UsersTimezones.module.css   | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/grafana-plugin/src/containers/UsersTimezones/UsersTimezones.module.css b/grafana-plugin/src/containers/UsersTimezones/UsersTimezones.module.css
index 63d1081b..0eab0c54 100644
--- a/grafana-plugin/src/containers/UsersTimezones/UsersTimezones.module.css
+++ b/grafana-plugin/src/containers/UsersTimezones/UsersTimezones.module.css
@@ -105,8 +105,8 @@
   height: 4px;
   background: #3d71d9;
   border-radius: 2px;
-  left: calc((3 / 8) * 100%);
-  right: calc((2 / 8) * 100%);
+  left: calc((9 / 24) * 100%);
+  right: calc((7 / 24) * 100%);
 }
 
 .time-marks {