checkpoint

Author: GurinderRawala

.coderabbit.yaml

@@ -0,0 +1,20 @@
+# yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json
+language: "en-US"
+early_access: false
+reviews:
+  profile: "chill"
+  request_changes_workflow: false
+  high_level_summary: true
+  poem: true
+  review_status: true
+  collapse_walkthrough: false
+  auto_review:
+    enabled: true
+    drafts: false
+  tools:
+    golangci-lint:
+      enabled: true
+    eslint:
+      enabled: true
+chat:
+  auto_reply: true

.github/workflows/changelog.yml

@@ -38,10 +38,12 @@ on:
         required: false
         default: false
         type: boolean
+        description: 'Dry run mode'
       latest:
         required: false
         default: false
         type: boolean
+        description: 'Generate changelog for the latest release'
 
 permissions:
   contents: write

.github/workflows/deploy-cloud-run-grafana-prod.yaml

@@ -3,7 +3,7 @@ name: Deploy Grafana Server Cloud Run on prod
 on:
   push:
     branches:
-      - fluxninja_micro_frontends
+      - coderabbit_micro_frontend
     paths:
       - "/**"
   workflow_dispatch:

.github/workflows/deploy-cloud-run-grafana.yaml

@@ -3,7 +3,7 @@ name: Deploy Grafana Server Cloud Run
 on:
   push:
     branches:
-      - fluxninja_micro_frontends
+      - coderabbit_micro_frontend
     paths:
       - "/**"
   workflow_dispatch:

package.json

@@ -6,7 +6,7 @@
   "version": "11.3.0-pre",
   "repository": "github:grafana/grafana",
   "scripts": {
-    "build": "NODE_ENV=production nx exec --verbose -- webpack --config scripts/webpack/webpack.prod.js",
+    "build": "NODE_ENV=dev nx exec --verbose -- webpack --config scripts/webpack/webpack.prod.js",
     "build:nominify": "yarn run build -- --env noMinify=1",
     "dev": "NODE_ENV=dev nx exec -- webpack --config scripts/webpack/webpack.dev.js",
     "e2e": "./e2e/start-and-run-suite",

packages/grafana-data/src/themes/createShape.ts

@@ -22,7 +22,7 @@ export function createShape(options: ThemeShapeInput): ThemeShape {
   const baseBorderRadius = options.borderRadius ?? 6;
 
   const radius = {
-    default: '2px',
+    default: '6px',
     pill: '9999px',
     circle: '100%',
   };

packages/grafana-ui/src/components/DateTimePickers/DateTimePicker/DateTimePicker.tsx

@@ -381,7 +381,7 @@ const getStyles = (theme: GrafanaTheme2) => ({
   container: css({
     padding: theme.spacing(1),
     border: `1px ${theme.colors.border.weak} solid`,
-    borderRadius: theme.shape.radius.default,
+    borderRadius: theme.shape.borderRadius(),
     backgroundColor: theme.colors.background.primary,
     zIndex: theme.zIndex.modal,
   }),

packages/grafana-ui/src/components/DateTimePickers/TimeRangePicker/CalendarBody.tsx

@@ -111,6 +111,7 @@ export const getBodyStyles = (theme: GrafanaTheme2) => {
       zIndex: theme.zIndex.modal,
       backgroundColor: theme.colors.background.primary,
       width: '268px',
+      borderRadius: theme.shape.borderRadius(),
 
       '.react-calendar__navigation': {
         display: 'flex',
@@ -181,6 +182,9 @@ export const getBodyStyles = (theme: GrafanaTheme2) => {
         borderTopLeftRadius: '20px',
         borderBottomLeftRadius: '20px',
       },
+      '& button': {
+        borderRadius: 0,
+      },
 
       [`${hasActiveSelector}, .react-calendar__tile--rangeEnd`]: {
         borderTopRightRadius: '20px',

packages/grafana-ui/src/components/DateTimePickers/TimeRangePicker/TimePickerContent.tsx

@@ -281,7 +281,7 @@ const getStyles = stylesFactory((theme: GrafanaTheme2, isReversed, hideQuickRang
       background: theme.colors.background.primary,
       boxShadow: theme.shadows.z3,
       width: `${isFullscreen ? '546px' : '262px'}`,
-      borderRadius: theme.shape.radius.default,
+      borderRadius: theme.shape.borderRadius(),
       border: `1px solid ${theme.colors.border.weak}`,
       [`${isReversed ? 'left' : 'right'}`]: 0,
     }),

packages/grafana-ui/src/components/RefreshPicker/RefreshPicker.tsx

@@ -5,7 +5,6 @@ import { SelectableValue, parseDuration } from '@grafana/data';
 import { selectors } from '@grafana/e2e-selectors';
 
 import { t } from '../../utils/i18n';
-import { ButtonGroup } from '../Button';
 import { ButtonSelect } from '../Dropdown/ButtonSelect';
 import { ToolbarButtonVariant, ToolbarButton } from '../ToolbarButton';
 
@@ -102,7 +101,7 @@ export class RefreshPicker extends PureComponent<Props> {
     const tooltipAutoRefresh = selectedValue.value === '' ? tooltipAutoRefreshOff : tooltipIntervalSelected;
 
     return (
-      <ButtonGroup className="refresh-picker">
+      <div style={{ display: 'flex', alignItems: 'center', gap: 4 }} className="refresh-picker">
         <ToolbarButton
           aria-label={text}
           tooltip={tooltip}
@@ -125,7 +124,7 @@ export class RefreshPicker extends PureComponent<Props> {
             tooltip={tooltipAutoRefresh}
           />
         )}
-      </ButtonGroup>
+      </div>
     );
   }
 }