centralcloud/oncall-engine
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: adjust dir names to irm (#4989)

Browse source 
# What this PR does

- rename utils to helpers
- rename types.ts to app-types.ts

## Which issue(s) this PR closes

Related to
https://raintank-corp.slack.com/archives/C0762D6EUDV/p1725477060488709
https://raintank-corp.slack.com/archives/C0762D6EUDV/p1724936143487849

TL;DR
IRM needs imported modules from oncall/incident to have uniq absolute
import paths

<!--
*Note*: If you want the issue to be auto-closed once the PR is merged,
change "Related to" to "Closes" in the line above.
If you have more than one GitHub issue that this PR closes, be sure to
preface
each issue link with a [closing
keyword](https://docs.github.com/en/get-started/writing-on-github/working-with-advanced-formatting/using-keywords-in-issues-and-pull-requests#linking-a-pull-request-to-an-issue).
This ensures that the issue(s) are auto-closed once the PR has been
merged.
-->

## Checklist

- [ ] Unit, integration, and e2e (if applicable) tests updated
- [x] Documentation added (or `pr:no public docs` PR label added if not
required)
- [x] Added the relevant release notes label (see labels prefixed w/
`release:`). These labels dictate how your PR will
    show up in the autogenerated release notes.
This commit is contained in:
Dominik Broj 2024-09-05 16:51:29 +02:00 • committed by GitHub
parent 0fa3522db7
commit df6f7af8a5
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
212 changed files with 400 additions and 407 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
grafana-plugin/e2e-tests/pluginInitialization/configuration.test.ts
View file

@ -1,4 +1,4 @@
import { PLUGIN_CONFIG } from 'utils/consts';
import { PLUGIN_CONFIG } from 'helpers/consts';
import { test, expect } from '../fixtures';
import { goToGrafanaPage } from '../utils/navigation';

2
grafana-plugin/e2e-tests/pluginInitialization/initialization.test.ts
View file

@ -1,4 +1,4 @@
import { waitInMs } from 'utils/async';
import { waitInMs } from 'helpers/async';
import { test, expect, Page } from '../fixtures';
import { OrgRole, isGrafanaVersionLowerThan } from '../utils/constants';

3
grafana-plugin/e2e-tests/schedules/scheduleView.test.ts
View file

@ -1,6 +1,7 @@
import { HTML_ID } from 'helpers/DOM';
import { scheduleViewToDaysInOneRow } from 'models/schedule/schedule.helpers';
import { ScheduleView } from 'models/schedule/schedule.types';
import { HTML_ID } from 'utils/DOM';
import { expect, Page, test } from '../fixtures';
import { isGrafanaVersionLowerThan } from '../utils/constants';

2
grafana-plugin/e2e-tests/utils/navigation.ts
View file

@ -1,8 +1,8 @@
import { KeyValue } from '@grafana/data';
import type { Page } from '@playwright/test';
import { getPluginId } from 'helpers/consts';
import qs from 'query-string';
import { getPluginId } from 'utils/consts';
import { BASE_URL } from './constants';

2
grafana-plugin/src/PluginPage.tsx
View file

@ -1,12 +1,12 @@
import React from 'react';
import { PluginPageProps, PluginPage as RealPluginPage } from '@grafana/runtime';
import { DEFAULT_PAGE } from 'helpers/consts';
import { Header } from 'navbar/Header/Header';
import { RenderConditionally } from 'components/RenderConditionally/RenderConditionally';
import { pages } from 'pages/pages';
import { isTopNavbar } from 'plugin/GrafanaPluginRootPage.helpers';
import { DEFAULT_PAGE } from 'utils/consts';
interface AppPluginPageProps extends PluginPageProps {
page?: string;

3
grafana-plugin/src/types.ts → grafana-plugin/src/app-types.ts
View file

@ -1,6 +1,5 @@
import { AppRootProps as BaseAppRootProps, AppPluginMeta, PluginConfigPageProps } from '@grafana/data';
import { getPluginId } from 'utils/consts';
import { getPluginId } from 'helpers/consts';
export type OnCallPluginMetaJSONData = {
stackId: number;

2
grafana-plugin/src/components/CardButton/CardButton.tsx
View file

@ -2,10 +2,10 @@ import React, { FC } from 'react';
import { cx } from '@emotion/css';
import { Stack, useStyles2 } from '@grafana/ui';
import { StackSize } from 'helpers/consts';
import { Block } from 'components/GBlock/Block';
import { Text } from 'components/Text/Text';
import { StackSize } from 'utils/consts';
import { getCardButtonStyles } from './CardButton.styles';

4
grafana-plugin/src/components/CheatSheet/CheatSheet.tsx
View file

@ -1,13 +1,13 @@
import React from 'react';
import { IconButton, Stack, useStyles2 } from '@grafana/ui';
import { StackSize } from 'helpers/consts';
import { openNotification } from 'helpers/helpers';
import CopyToClipboard from 'react-copy-to-clipboard';
import { bem, getUtilStyles } from 'styles/utils.styles';
import { Block } from 'components/GBlock/Block';
import { Text } from 'components/Text/Text';
import { StackSize } from 'utils/consts';
import { openNotification } from 'utils/utils';
import { CheatSheetInterface, CheatSheetItem } from './CheatSheet.config';
import { getCheatSheetStyles } from './CheatSheet.styles';

3
grafana-plugin/src/components/CopyToClipboardIcon/CopyToClipboardIcon.tsx
View file

@ -1,10 +1,9 @@
import React, { FC } from 'react';
import { IconButton } from '@grafana/ui';
import { openNotification } from 'helpers/helpers';
import CopyToClipboard from 'react-copy-to-clipboard';
import { openNotification } from 'utils/utils';
interface CopyToClipboardProps {
text: string;
iconButtonProps?: Partial<Parameters<typeof IconButton>[0]>;

2
grafana-plugin/src/components/CursorPagination/CursorPagination.tsx
View file

@ -2,9 +2,9 @@ import React, { FC, useCallback, useEffect, useState } from 'react';
import { SelectableValue } from '@grafana/data';
import { Button, Icon, Select, Stack } from '@grafana/ui';
import { StackSize } from 'helpers/consts';
import { Text } from 'components/Text/Text';
import { StackSize } from 'utils/consts';
interface CursorPaginationProps {
current: string;

2
grafana-plugin/src/components/ExtensionLinkMenu/ExtensionLinkDropdown.tsx
View file

@ -7,7 +7,7 @@ import {
usePluginLinks as originalUsePluginLinks,
} from '@grafana/runtime';
import { Dropdown, ToolbarButton } from '@grafana/ui';
import { OnCallPluginExtensionPoints } from 'types';
import { OnCallPluginExtensionPoints } from 'app-types';
import { ApiSchemas } from 'network/oncall-api/api.types';

4
grafana-plugin/src/components/ExtensionLinkMenu/ExtensionLinkMenu.tsx
View file

@ -2,10 +2,10 @@ import React, { ReactElement, useMemo } from 'react';
import { locationUtil, PluginExtensionLink, PluginExtensionTypes } from '@grafana/data';
import { IconName, Menu } from '@grafana/ui';
import { getPluginId } from 'helpers/consts';
import { truncateTitle } from 'helpers/string';
import { PluginBridge, SupportedPlugin } from 'components/PluginBridge/PluginBridge';
import { getPluginId } from 'utils/consts';
import { truncateTitle } from 'utils/string';
type Props = {
extensions: PluginExtensionLink[];

2
grafana-plugin/src/components/FullPageError/FullPageError.tsx
View file

@ -2,10 +2,10 @@ import React, { FC } from 'react';
import { css } from '@emotion/css';
import { useStyles2, Stack } from '@grafana/ui';
import { StackSize } from 'helpers/consts';
import errorSVG from 'assets/img/error.svg';
import { Text } from 'components/Text/Text';
import { StackSize } from 'utils/consts';
interface FullPageErrorProps {
children?: React.ReactNode;

2
grafana-plugin/src/components/HamburgerContextMenu/HamburgerContextMenu.tsx
View file

@ -3,11 +3,11 @@ import React, { FC, ReactNode } from 'react';
import { css } from '@emotion/css';
import { GrafanaTheme2 } from '@grafana/data';
import { useStyles2 } from '@grafana/ui';
import { isUserActionAllowed, UserAction } from 'helpers/authorization/authorization';
import { HamburgerMenuIcon } from 'components/HamburgerMenuIcon/HamburgerMenuIcon';
import { WithContextMenu } from 'components/WithContextMenu/WithContextMenu';
import { WithPermissionControlTooltip } from 'containers/WithPermissionControl/WithPermissionControlTooltip';
import { isUserActionAllowed, UserAction } from 'utils/authorization/authorization';
interface HamburgerContextMenuProps {
items: Array<

4
grafana-plugin/src/components/IntegrationContactPoint/IntegrationContactPoint.tsx
View file

@ -3,6 +3,8 @@ import React, { useEffect, useReducer } from 'react';
import { SelectableValue } from '@grafana/data';
import { Button, Drawer, Icon, IconButton, Input, RadioButtonGroup, Select, Tooltip, Stack } from '@grafana/ui';
import cn from 'classnames/bind';
import { GENERIC_ERROR, StackSize } from 'helpers/consts';
import { openErrorNotification, openNotification } from 'helpers/helpers';
import { observer } from 'mobx-react';
import { GTable } from 'components/GTable/GTable';
@ -15,8 +17,6 @@ import { ContactPoint } from 'models/alert_receive_channel/alert_receive_channel
import { ApiSchemas } from 'network/oncall-api/api.types';
import styles from 'pages/integration/Integration.module.scss';
import { useStore } from 'state/useStore';
import { GENERIC_ERROR, StackSize } from 'utils/consts';
import { openErrorNotification, openNotification } from 'utils/utils';
const cx = cn.bind(styles);

2
grafana-plugin/src/components/IntegrationHowToConnect/IntegrationHowToConnect.tsx
View file

@ -2,6 +2,7 @@ import React from 'react';
import { Icon, Stack } from '@grafana/ui';
import cn from 'classnames/bind';
import { StackSize } from 'helpers/consts';
import { noop } from 'lodash-es';
import { IntegrationInputField } from 'components/IntegrationInputField/IntegrationInputField';
@ -11,7 +12,6 @@ import { Text } from 'components/Text/Text';
import { ApiSchemas } from 'network/oncall-api/api.types';
import styles from 'pages/integration/Integration.module.scss';
import { useStore } from 'state/useStore';
import { StackSize } from 'utils/consts';
const cx = cn.bind(styles);

2
grafana-plugin/src/components/IntegrationInputField/IntegrationInputField.tsx
View file

@ -2,9 +2,9 @@ import React, { useState } from 'react';
import { cx } from '@emotion/css';
import { IconButton, Input, Stack, useStyles2 } from '@grafana/ui';
import { StackSize } from 'helpers/consts';
import { CopyToClipboardIcon } from 'components/CopyToClipboardIcon/CopyToClipboardIcon';
import { StackSize } from 'utils/consts';
import { getIntegrationInputFieldStyles } from './IntegrationInputField.styles';

2
grafana-plugin/src/components/IntegrationLogo/IntegrationLogoWithTitle.tsx
View file

@ -1,9 +1,9 @@
import React, { FC } from 'react';
import { Stack } from '@grafana/ui';
import { StackSize } from 'helpers/consts';
import { Text } from 'components/Text/Text';
import { StackSize } from 'utils/consts';
import { IntegrationLogo, IntegrationLogoProps } from './IntegrationLogo';

4
grafana-plugin/src/components/IntegrationSendDemoAlertModal/IntegrationSendDemoAlertModal.tsx
View file

@ -2,6 +2,8 @@ import React, { useState } from 'react';
import { Button, Icon, Modal, Tooltip, Stack } from '@grafana/ui';
import cn from 'classnames/bind';
import { StackSize } from 'helpers/consts';
import { openNotification } from 'helpers/helpers';
import CopyToClipboard from 'react-copy-to-clipboard';
import Emoji from 'react-emoji-render';
import { debounce } from 'throttle-debounce';
@ -14,8 +16,6 @@ import { AlertReceiveChannelHelper } from 'models/alert_receive_channel/alert_re
import { ApiSchemas } from 'network/oncall-api/api.types';
import styles from 'pages/integration/Integration.module.scss';
import { useStore } from 'state/useStore';
import { StackSize } from 'utils/consts';
import { openNotification } from 'utils/utils';
const cx = cn.bind(styles);

2
grafana-plugin/src/components/Integrations/IntegrationTemplateBlock.tsx
View file

@ -3,10 +3,10 @@ import React from 'react';
import { css } from '@emotion/css';
import { GrafanaTheme2 } from '@grafana/data';
import { Button, InlineLabel, LoadingPlaceholder, useStyles2 } from '@grafana/ui';
import { UserActions } from 'helpers/authorization/authorization';
import { WithConfirm } from 'components/WithConfirm/WithConfirm';
import { WithPermissionControlTooltip } from 'containers/WithPermissionControl/WithPermissionControlTooltip';
import { UserActions } from 'utils/authorization/authorization';
interface IntegrationTemplateBlockProps {
label: string;

2
grafana-plugin/src/components/LabelsTooltipBadge/LabelsTooltipBadge.tsx
View file

@ -2,12 +2,12 @@ import React, { FC } from 'react';
import { LabelTag } from '@grafana/labels';
import { Stack, Button, Tooltip } from '@grafana/ui';
import { StackSize } from 'helpers/consts';
import { RenderConditionally } from 'components/RenderConditionally/RenderConditionally';
import { TooltipBadge } from 'components/TooltipBadge/TooltipBadge';
import { LabelKeyValue } from 'models/label/label.types';
import { components } from 'network/oncall-api/autogenerated-api.types';
import { StackSize } from 'utils/consts';
interface LabelsTooltipBadgeProps {
labels: LabelKeyValue[];

2
grafana-plugin/src/components/ManualAlertGroup/ManualAlertGroup.tsx
View file

@ -2,6 +2,7 @@ import React, { FC, useCallback } from 'react';
import { css } from '@emotion/css';
import { Button, Drawer, Field, TextArea, useStyles2, Stack } from '@grafana/ui';
import { openWarningNotification } from 'helpers/helpers';
import { observer } from 'mobx-react';
import { Controller, FormProvider, useForm } from 'react-hook-form';
import { getUtilStyles } from 'styles/utils.styles';
@ -11,7 +12,6 @@ import { prepareForUpdate } from 'containers/AddResponders/AddResponders.helpers
import { AlertReceiveChannelStore } from 'models/alert_receive_channel/alert_receive_channel';
import { ApiSchemas } from 'network/oncall-api/api.types';
import { useStore } from 'state/useStore';
import { openWarningNotification } from 'utils/utils';
export type FormData = {
message: string;

3
grafana-plugin/src/components/MonacoEditor/MonacoEditor.tsx
View file

@ -2,8 +2,7 @@ import React, { ComponentProps, FC, useCallback } from 'react';
import { CodeEditor, CodeEditorSuggestionItemKind, LoadingPlaceholder } from '@grafana/ui';
import cn from 'classnames';
import { getPaths } from 'utils/utils';
import { getPaths } from 'helpers/helpers';
import { conf, language as jinja2Language } from './jinja2';

4
grafana-plugin/src/components/NewScheduleSelector/NewScheduleSelector.tsx
View file

@ -2,14 +2,14 @@ import React, { FC, useCallback, useState } from 'react';
import { css } from '@emotion/css';
import { Button, Drawer, Icon, Stack, useStyles2 } from '@grafana/ui';
import { UserActions } from 'helpers/authorization/authorization';
import { StackSize } from 'helpers/consts';
import { Block } from 'components/GBlock/Block';
import { Text } from 'components/Text/Text';
import { ScheduleForm } from 'containers/ScheduleForm/ScheduleForm';
import { WithPermissionControlTooltip } from 'containers/WithPermissionControl/WithPermissionControlTooltip';
import { Schedule, ScheduleType } from 'models/schedule/schedule.types';
import { UserActions } from 'utils/authorization/authorization';
import { StackSize } from 'utils/consts';
interface NewScheduleSelectorProps {
onHide: () => void;

4
grafana-plugin/src/components/PageErrorHandlingWrapper/PageErrorHandlingWrapper.tsx
View file

@ -3,11 +3,11 @@ import React, { ReactElement, useEffect } from 'react';
import { css } from '@emotion/css';
import { GrafanaTheme2 } from '@grafana/data';
import { Stack, useStyles2 } from '@grafana/ui';
import { StackSize } from 'helpers/consts';
import { openWarningNotification } from 'helpers/helpers';
import { PluginLink } from 'components/PluginLink/PluginLink';
import { Text } from 'components/Text/Text';
import { StackSize } from 'utils/consts';
import { openWarningNotification } from 'utils/utils';
export interface PageBaseState {
errorData: PageErrorData;

3
grafana-plugin/src/components/PluginLink/PluginLink.tsx
View file

@ -3,11 +3,10 @@ import React, { FC, useCallback, useMemo } from 'react';
import { css, cx } from '@emotion/css';
import { GrafanaTheme2 } from '@grafana/data';
import { useStyles2 } from '@grafana/ui';
import { getPathFromQueryParams } from 'helpers/url';
import { Link } from 'react-router-dom-v5-compat';
import { bem } from 'styles/utils.styles';
import { getPathFromQueryParams } from 'utils/url';
interface PluginLinkProps {
disabled?: boolean;
className?: string;

4
grafana-plugin/src/components/Policy/EscalationPolicy.tsx
View file

@ -3,6 +3,8 @@ import React, { ChangeEvent } from 'react';
import { cx } from '@emotion/css';
import { GrafanaTheme2, SelectableValue } from '@grafana/data';
import { Button, Input, Select, IconButton, withTheme2 } from '@grafana/ui';
import { UserActions } from 'helpers/authorization/authorization';
import { openWarningNotification } from 'helpers/helpers';
import { isNumber } from 'lodash-es';
import { observer } from 'mobx-react';
import moment from 'moment-timezone';
@ -30,8 +32,6 @@ import { UserGroup } from 'models/user_group/user_group.types';
import { ApiSchemas } from 'network/oncall-api/api.types';
import { WithStoreProps } from 'state/types';
import { withMobXProviderContext } from 'state/withStore';
import { UserActions } from 'utils/authorization/authorization';
import { openWarningNotification } from 'utils/utils';
import { DragHandle } from './DragHandle';
import { getEscalationPolicyStyles } from './EscalationPolicy.styles';

4
grafana-plugin/src/components/Policy/NotificationPolicy.tsx
View file

@ -3,6 +3,8 @@ import React from 'react';
import { css, cx } from '@emotion/css';
import { GrafanaTheme2, SelectableValue } from '@grafana/data';
import { Button, IconButton, Select, withTheme2 } from '@grafana/ui';
import { UserAction } from 'helpers/authorization/authorization';
import { openWarningNotification } from 'helpers/helpers';
import { isNumber } from 'lodash';
import { SortableElement } from 'react-sortable-hoc';
@ -15,8 +17,6 @@ import { ApiSchemas } from 'network/oncall-api/api.types';
import { AppFeature } from 'state/features';
import { RootStore } from 'state/rootStore';
import { SelectOption } from 'state/types';
import { UserAction } from 'utils/authorization/authorization';
import { openWarningNotification } from 'utils/utils';
import { DragHandle } from './DragHandle';
import { POLICY_DURATION_LIST_MINUTES, POLICY_DURATION_LIST_SECONDS } from './Policy.consts';

2
grafana-plugin/src/components/ScheduleQuality/ScheduleQuality.tsx
View file

@ -2,6 +2,7 @@ import React, { FC, useEffect } from 'react';
import { cx } from '@emotion/css';
import { Tooltip, Stack, useStyles2 } from '@grafana/ui';
import { StackSize } from 'helpers/consts';
import { observer } from 'mobx-react';
import { getUtilStyles } from 'styles/utils.styles';
@ -12,7 +13,6 @@ import { Text } from 'components/Text/Text';
import { TooltipBadge } from 'components/TooltipBadge/TooltipBadge';
import { Schedule, ScheduleScoreQualityResult } from 'models/schedule/schedule.types';
import { useStore } from 'state/useStore';
import { StackSize } from 'utils/consts';
import { getScheduleQualityStyles } from './ScheduleQuality.styles';

2
grafana-plugin/src/components/ScheduleQualityDetails/ScheduleQualityDetails.tsx
View file

@ -2,11 +2,11 @@ import React, { FC, useCallback, useState } from 'react';
import { cx } from '@emotion/css';
import { Icon, IconButton, Stack, useStyles2 } from '@grafana/ui';
import { StackSize } from 'helpers/consts';
import { bem, getUtilStyles } from 'styles/utils.styles';
import { Text } from 'components/Text/Text';
import { ScheduleScoreQualityResponse, ScheduleScoreQualityResult } from 'models/schedule/schedule.types';
import { StackSize } from 'utils/consts';
import { getScheduleQualityDetailsStyles } from './ScheduleQualityDetails.styles';
import { ScheduleQualityProgressBar } from './ScheduleQualityProgressBar';

5
grafana-plugin/src/components/SourceCode/SourceCode.tsx
View file

@ -3,12 +3,11 @@ import React, { FC } from 'react';
import { css, cx } from '@emotion/css';
import { GrafanaTheme2 } from '@grafana/data';
import { Button, IconButton, useStyles2 } from '@grafana/ui';
import { openNotification } from 'helpers/helpers';
import { formatSourceCodeJsonString } from 'helpers/string';
import CopyToClipboard from 'react-copy-to-clipboard';
import { bem } from 'styles/utils.styles';
import { formatSourceCodeJsonString } from 'utils/string';
import { openNotification } from 'utils/utils';
interface SourceCodeProps {
noMaxHeight?: boolean;
noMinHeight?: boolean;

3
grafana-plugin/src/components/Tabs/Tabs.tsx
View file

@ -3,8 +3,7 @@ import React, { FC, useEffect, useState } from 'react';
import { css } from '@emotion/css';
import { Tab, TabsBar, TabContent, useStyles2 } from '@grafana/ui';
import cn from 'classnames';
import { LocationHelper } from 'utils/LocationHelper';
import { LocationHelper } from 'helpers/LocationHelper';
interface TabConfig {
label: string;

3
grafana-plugin/src/components/Text/Text.tsx
View file

@ -2,11 +2,10 @@ import React, { FC, HTMLAttributes, ChangeEvent, useState, useCallback } from 'r
import { cx } from '@emotion/css';
import { IconButton, Modal, Input, Stack, Button, useStyles2 } from '@grafana/ui';
import { openNotification } from 'helpers/helpers';
import CopyToClipboard from 'react-copy-to-clipboard';
import { bem } from 'styles/utils.styles';
import { openNotification } from 'utils/utils';
import { getTextStyles } from './Text.styles';
export type TextType = 'primary' | 'secondary' | 'disabled' | 'link' | 'success' | 'warning' | 'danger';

2
grafana-plugin/src/components/TextEllipsisTooltip/TextEllipsisTooltip.tsx
View file

@ -2,9 +2,9 @@ import React, { ReactElement, useEffect, useRef, useState } from 'react';
import { Tooltip } from '@grafana/ui';
import cn from 'classnames/bind';
import { TEXT_ELLIPSIS_CLASS } from 'helpers/consts';
import styles from 'assets/style/utils.css';
import { TEXT_ELLIPSIS_CLASS } from 'utils/consts';
const cx = cn.bind(styles);

2
grafana-plugin/src/components/TooltipBadge/TooltipBadge.tsx
View file

@ -2,10 +2,10 @@ import React, { FC } from 'react';
import { cx } from '@emotion/css';
import { Icon, Tooltip, IconName, Stack, useStyles2 } from '@grafana/ui';
import { StackSize } from 'helpers/consts';
import { bem } from 'styles/utils.styles';
import { Text, TextType } from 'components/Text/Text';
import { StackSize } from 'utils/consts';
import { getTooltipBadgeStyles } from './TooltipBadge.styles';

4
grafana-plugin/src/components/Unauthorized/Unauthorized.tsx
View file

@ -4,10 +4,10 @@ import { css } from '@emotion/css';
import { GrafanaTheme2, OrgRole } from '@grafana/data';
import { Stack, useStyles2 } from '@grafana/ui';
import { contextSrv } from 'grafana/app/core/core';
import { UserAction } from 'helpers/authorization/authorization';
import { StackSize } from 'helpers/consts';
import { Text } from 'components/Text/Text';
import { UserAction } from 'utils/authorization/authorization';
import { StackSize } from 'utils/consts';
type Props = {
requiredUserAction: UserAction;

2
grafana-plugin/src/components/UserGroups/UserGroups.tsx
View file

@ -3,13 +3,13 @@ import React, { useCallback, useEffect, useMemo, useRef } from 'react';
import { cx } from '@emotion/css';
import { Stack, IconButton, useStyles2 } from '@grafana/ui';
import { arrayMoveImmutable } from 'array-move';
import { UserActions } from 'helpers/authorization/authorization';
import { SortableContainer, SortableElement, SortableHandle } from 'react-sortable-hoc';
import { bem } from 'styles/utils.styles';
import { Text } from 'components/Text/Text';
import { RemoteSelect } from 'containers/RemoteSelect/RemoteSelect';
import { ApiSchemas } from 'network/oncall-api/api.types';
import { UserActions } from 'utils/authorization/authorization';
import { fromPlainArray, toPlainArray } from './UserGroups.helpers';
import { getUserGroupStyles } from './UserGroups.styles';

3
grafana-plugin/src/components/UsersFilters/UsersFilters.tsx
View file

@ -3,8 +3,7 @@ import React, { ChangeEvent, useCallback, useEffect, useRef } from 'react';
import { css, cx } from '@emotion/css';
import { GrafanaTheme2 } from '@grafana/data';
import { Icon, Input, useStyles2 } from '@grafana/ui';
import { useDebouncedCallback } from 'utils/hooks';
import { useDebouncedCallback } from 'helpers/hooks';
interface UsersFiltersProps {
value: any;

2
grafana-plugin/src/components/Webhooks/WebhookLastEventDetails.tsx
View file

@ -4,13 +4,13 @@ import { css } from '@emotion/css';
import { GrafanaTheme2 } from '@grafana/data';
import { Stack, Badge, useStyles2, useTheme2 } from '@grafana/ui';
import dayjs from 'dayjs';
import { StackSize } from 'helpers/consts';
import { SourceCode } from 'components/SourceCode/SourceCode';
import { Tabs } from 'components/Tabs/Tabs';
import { Text } from 'components/Text/Text';
import { getTzOffsetString } from 'models/timezone/timezone.helpers';
import { ApiSchemas } from 'network/oncall-api/api.types';
import { StackSize } from 'utils/consts';
import { WebhookStatusCodeBadge } from './WebhookStatusCodeBadge';

4
grafana-plugin/src/containers/AddResponders/AddResponders.tsx
View file

@ -3,6 +3,8 @@ import React, { useState, useCallback, useMemo } from 'react';
import { SelectableValue } from '@grafana/data';
import { Button, Modal, Alert, Stack, Icon, useStyles2 } from '@grafana/ui';
import dayjs from 'dayjs';
import { UserActions } from 'helpers/authorization/authorization';
import { StackSize } from 'helpers/consts';
import { observer } from 'mobx-react';
import { Block } from 'components/GBlock/Block';
@ -11,8 +13,6 @@ import { WithPermissionControlTooltip } from 'containers/WithPermissionControl/W
import { UserHelper } from 'models/user/user.helpers';
import { ApiSchemas } from 'network/oncall-api/api.types';
import { useStore } from 'state/useStore';
import { UserActions } from 'utils/authorization/authorization';
import { StackSize } from 'utils/consts';
import { getAddRespondersStyles } from './AddResponders.styles';
import { NotificationPolicyValue, UserResponder as UserResponderType } from './AddResponders.types';

4
grafana-plugin/src/containers/AddResponders/parts/AddRespondersPopup/AddRespondersPopup.tsx
View file

@ -2,6 +2,8 @@ import React, { useState, useCallback, useEffect, useRef, FC } from 'react';
import { Alert, Icon, Input, LoadingPlaceholder, RadioButtonGroup, Stack } from '@grafana/ui';
import cn from 'classnames/bind';
import { StackSize } from 'helpers/consts';
import { useDebouncedCallback, useOnClickOutside } from 'helpers/hooks';
import { observer } from 'mobx-react';
import { ColumnsType } from 'rc-table/lib/interface';
@ -12,8 +14,6 @@ import { GrafanaTeam } from 'models/grafana_team/grafana_team.types';
import { UserHelper } from 'models/user/user.helpers';
import { ApiSchemas } from 'network/oncall-api/api.types';
import { useStore } from 'state/useStore';
import { StackSize } from 'utils/consts';
import { useDebouncedCallback, useOnClickOutside } from 'utils/hooks';
import styles from './AddRespondersPopup.module.scss';

4
grafana-plugin/src/containers/AlertRules/parts/connectors/MSTeamsConnector.tsx
View file

@ -2,6 +2,8 @@ import React, { useCallback } from 'react';
import { InlineSwitch, Stack } from '@grafana/ui';
import cn from 'classnames/bind';
import { UserActions } from 'helpers/authorization/authorization';
import { StackSize } from 'helpers/consts';
import { observer } from 'mobx-react';
import { GSelect } from 'containers/GSelect/GSelect';
@ -9,8 +11,6 @@ import { WithPermissionControlTooltip } from 'containers/WithPermissionControl/W
import { ChannelFilter } from 'models/channel_filter/channel_filter.types';
import { MSTeamsChannel } from 'models/msteams_channel/msteams_channel.types';
import { useStore } from 'state/useStore';
import { UserActions } from 'utils/authorization/authorization';
import { StackSize } from 'utils/consts';
import styles from 'containers/AlertRules/parts/connectors/Connectors.module.css';

4
grafana-plugin/src/containers/AlertRules/parts/connectors/SlackConnector.tsx
View file

@ -2,6 +2,8 @@ import React, { useCallback } from 'react';
import { InlineSwitch, Stack } from '@grafana/ui';
import cn from 'classnames/bind';
import { UserActions } from 'helpers/authorization/authorization';
import { StackSize } from 'helpers/consts';
import { observer } from 'mobx-react';
import { GSelect } from 'containers/GSelect/GSelect';
@ -10,8 +12,6 @@ import { ChannelFilter } from 'models/channel_filter/channel_filter.types';
import { PRIVATE_CHANNEL_NAME } from 'models/slack_channel/slack_channel.config';
import { SlackChannel } from 'models/slack_channel/slack_channel.types';
import { useStore } from 'state/useStore';
import { UserActions } from 'utils/authorization/authorization';
import { StackSize } from 'utils/consts';
import styles from './Connectors.module.css';

4
grafana-plugin/src/containers/AlertRules/parts/connectors/TelegramConnector.tsx
View file

@ -2,6 +2,8 @@ import React, { useCallback } from 'react';
import { InlineSwitch, Stack } from '@grafana/ui';
import cn from 'classnames/bind';
import { UserActions } from 'helpers/authorization/authorization';
import { StackSize } from 'helpers/consts';
import { observer } from 'mobx-react';
import { GSelect } from 'containers/GSelect/GSelect';
@ -9,8 +11,6 @@ import { WithPermissionControlTooltip } from 'containers/WithPermissionControl/W
import { ChannelFilter } from 'models/channel_filter/channel_filter.types';
import { TelegramChannel } from 'models/telegram_channel/telegram_channel.types';
import { useStore } from 'state/useStore';
import { UserActions } from 'utils/authorization/authorization';
import { StackSize } from 'utils/consts';
import styles from './Connectors.module.css';

8
grafana-plugin/src/containers/Alerts/Alerts.tsx
View file

@ -3,6 +3,10 @@ import React, { useCallback, useEffect, useState } from 'react';
import { Alert } from '@grafana/ui';
import cn from 'classnames/bind';
import { sanitize } from 'dompurify';
import { LocationHelper } from 'helpers/LocationHelper';
import { isUserActionAllowed, UserActions } from 'helpers/authorization/authorization';
import { useForceUpdate, useQueryParams } from 'helpers/hooks';
import { getItem, setItem } from 'helpers/localStorage';
import { observer } from 'mobx-react';
import { PluginLink } from 'components/PluginLink/PluginLink';
@ -13,10 +17,6 @@ import { UserHelper } from 'models/user/user.helpers';
import { isTopNavbar } from 'plugin/GrafanaPluginRootPage.helpers';
import { AppFeature } from 'state/features';
import { useStore } from 'state/useStore';
import { LocationHelper } from 'utils/LocationHelper';
import { isUserActionAllowed, UserActions } from 'utils/authorization/authorization';
import { useForceUpdate, useQueryParams } from 'utils/hooks';
import { getItem, setItem } from 'utils/localStorage';
import styles from './Alerts.module.scss';

2
grafana-plugin/src/containers/ApiTokenSettings/ApiTokenForm.tsx
View file

@ -2,6 +2,7 @@ import React, { HTMLAttributes, useState } from 'react';
import { Button, Field, Input, Label, Modal, Stack } from '@grafana/ui';
import cn from 'classnames/bind';
import { openErrorNotification, openNotification } from 'helpers/helpers';
import { get } from 'lodash-es';
import { observer } from 'mobx-react';
import CopyToClipboard from 'react-copy-to-clipboard';
@ -10,7 +11,6 @@ import { Controller, FormProvider, useForm } from 'react-hook-form';
import { RenderConditionally } from 'components/RenderConditionally/RenderConditionally';
import { SourceCode } from 'components/SourceCode/SourceCode';
import { useStore } from 'state/useStore';
import { openErrorNotification, openNotification } from 'utils/utils';
import styles from './ApiTokenForm.module.css';

6
grafana-plugin/src/containers/ApiTokenSettings/ApiTokenSettings.tsx
View file

@ -2,6 +2,11 @@ import React from 'react';
import { Button, Stack } from '@grafana/ui';
import cn from 'classnames/bind';
import {
generateMissingPermissionMessage,
isUserActionAllowed,
UserActions,
} from 'helpers/authorization/authorization';
import { observer } from 'mobx-react';
import moment from 'moment-timezone';
@ -12,7 +17,6 @@ import { WithPermissionControlTooltip } from 'containers/WithPermissionControl/W
import { ApiToken } from 'models/api_token/api_token.types';
import { WithStoreProps } from 'state/types';
import { withMobXProviderContext } from 'state/withStore';
import { generateMissingPermissionMessage, isUserActionAllowed, UserActions } from 'utils/authorization/authorization';
import { ApiTokenForm } from './ApiTokenForm';

2
grafana-plugin/src/containers/AttachIncidentForm/AttachIncidentForm.tsx
View file

@ -3,6 +3,7 @@ import React, { useCallback, useState } from 'react';
import { SelectableValue } from '@grafana/data';
import { Button, Field, Icon, Modal, Stack } from '@grafana/ui';
import cn from 'classnames/bind';
import { UserActions } from 'helpers/authorization/authorization';
import { observer } from 'mobx-react';
import moment from 'moment-timezone';
@ -12,7 +13,6 @@ import { WithPermissionControlTooltip } from 'containers/WithPermissionControl/W
import { AlertGroupHelper } from 'models/alertgroup/alertgroup.helpers';
import { ApiSchemas } from 'network/oncall-api/api.types';
import { useStore } from 'state/useStore';
import { UserActions } from 'utils/authorization/authorization';
import styles from './AttachIncidentForm.module.css';

6
grafana-plugin/src/containers/ColumnsSelector/ColumnsSelector.tsx
View file

@ -19,6 +19,9 @@ import {
} from '@dnd-kit/sortable';
import { CSS } from '@dnd-kit/utilities';
import { Button, Checkbox, Icon, IconButton, LoadingPlaceholder, Tooltip, useStyles2 } from '@grafana/ui';
import { UserActions } from 'helpers/authorization/authorization';
import { openErrorNotification } from 'helpers/helpers';
import { useIsLoading } from 'helpers/hooks';
import { observer } from 'mobx-react';
import { CSSTransition, TransitionGroup } from 'react-transition-group';
@ -28,9 +31,6 @@ import { WithPermissionControlTooltip } from 'containers/WithPermissionControl/W
import { AlertGroupColumn, AlertGroupColumnType } from 'models/alertgroup/alertgroup.types';
import { ActionKey } from 'models/loader/action-keys';
import { useStore } from 'state/useStore';
import { UserActions } from 'utils/authorization/authorization';
import { useIsLoading } from 'utils/hooks';
import { openErrorNotification } from 'utils/utils';
import { getColumnsSelectorStyles } from './ColumnsSelector.styles';

10
grafana-plugin/src/containers/ColumnsSelectorWrapper/ColumnsModal.tsx
View file

@ -3,6 +3,11 @@ import React, { useMemo, useState } from 'react';
import { LabelTag } from '@grafana/labels';
import { Button, Checkbox, IconButton, Input, LoadingPlaceholder, Modal, Stack, useStyles2 } from '@grafana/ui';
import cn from 'classnames/bind';
import { UserActions } from 'helpers/authorization/authorization';
import { PROCESSING_REQUEST_ERROR, StackSize } from 'helpers/consts';
import { WrapWithGlobalNotification } from 'helpers/decorators';
import { pluralize } from 'helpers/helpers';
import { useDebouncedCallback, useIsLoading } from 'helpers/hooks';
import { observer } from 'mobx-react';
import styles from 'assets/style/utils.css';
@ -15,11 +20,6 @@ import { ActionKey } from 'models/loader/action-keys';
import { ApiSchemas } from 'network/oncall-api/api.types';
import { components } from 'network/oncall-api/autogenerated-api.types';
import { useStore } from 'state/useStore';
import { UserActions } from 'utils/authorization/authorization';
import { PROCESSING_REQUEST_ERROR, StackSize } from 'utils/consts';
import { WrapWithGlobalNotification } from 'utils/decorators';
import { useDebouncedCallback, useIsLoading } from 'utils/hooks';
import { pluralize } from 'utils/utils';
import { getColumnsSelectorWrapperStyles } from './ColumnsSelectorWrapper.styles';

8
grafana-plugin/src/containers/ColumnsSelectorWrapper/ColumnsSelectorWrapper.tsx
View file

@ -1,6 +1,10 @@
import React, { useEffect, useRef, useState } from 'react';
import { useStyles2, Button, Icon, LoadingPlaceholder, Modal, Stack } from '@grafana/ui';
import { UserActions } from 'helpers/authorization/authorization';
import { PROCESSING_REQUEST_ERROR, StackSize } from 'helpers/consts';
import { WrapAutoLoadingState, WrapWithGlobalNotification } from 'helpers/decorators';
import { useIsLoading } from 'helpers/hooks';
import { observer } from 'mobx-react';
import { Text } from 'components/Text/Text';
@ -12,10 +16,6 @@ import { AlertGroupColumn } from 'models/alertgroup/alertgroup.types';
import { ActionKey } from 'models/loader/action-keys';
import { ApiSchemas } from 'network/oncall-api/api.types';
import { useStore } from 'state/useStore';
import { UserActions } from 'utils/authorization/authorization';
import { PROCESSING_REQUEST_ERROR, StackSize } from 'utils/consts';
import { WrapAutoLoadingState, WrapWithGlobalNotification } from 'utils/decorators';
import { useIsLoading } from 'utils/hooks';
import { ColumnsModal } from './ColumnsModal';

2
grafana-plugin/src/containers/DefaultPageLayout/DefaultPageLayout.tsx
View file

@ -2,9 +2,9 @@ import React, { FC, ReactElement } from 'react';
import { NavModelItem } from '@grafana/data';
import { PluginPage } from 'PluginPage';
import { AppRootProps } from 'app-types';
import cn from 'classnames/bind';
import { observer } from 'mobx-react';
import { AppRootProps } from 'types';
import { Alerts } from 'containers/Alerts/Alerts';
import { isTopNavbar } from 'plugin/GrafanaPluginRootPage.helpers';

4
grafana-plugin/src/containers/EditRegexpRouteTemplateModal/EditRegexpRouteTemplateModal.tsx
View file

@ -2,6 +2,8 @@ import React, { useState, useCallback } from 'react';
import { Stack, Modal, Tooltip, Icon, Button } from '@grafana/ui';
import cn from 'classnames/bind';
import { StackSize } from 'helpers/consts';
import { openErrorNotification } from 'helpers/helpers';
import { debounce } from 'lodash-es';
import { observer } from 'mobx-react';
@ -13,8 +15,6 @@ import { AlertReceiveChannelHelper } from 'models/alert_receive_channel/alert_re
import { ChannelFilter } from 'models/channel_filter/channel_filter.types';
import { ApiSchemas } from 'network/oncall-api/api.types';
import { useStore } from 'state/useStore';
import { StackSize } from 'utils/consts';
import { openErrorNotification } from 'utils/utils';
import styles from './EditRegexpRouteTemplateModal.module.css';

2
grafana-plugin/src/containers/EscalationChainCard/EscalationChainCard.tsx
View file

@ -2,13 +2,13 @@ import React from 'react';
import { Stack, Badge } from '@grafana/ui';
import cn from 'classnames/bind';
import { StackSize } from 'helpers/consts';
import { observer } from 'mobx-react';
import { Text } from 'components/Text/Text';
import { TeamName } from 'containers/TeamName/TeamName';
import { EscalationChain } from 'models/escalation_chain/escalation_chain.types';
import { useStore } from 'state/useStore';
import { StackSize } from 'utils/consts';
import styles from './EscalationChainCard.module.css';

2
grafana-plugin/src/containers/EscalationChainForm/EscalationChainForm.tsx
View file

@ -2,6 +2,7 @@ import React, { FC } from 'react';
import { Button, Field, Input, Modal, Stack } from '@grafana/ui';
import cn from 'classnames/bind';
import { openWarningNotification } from 'helpers/helpers';
import { observer } from 'mobx-react';
import { Controller, FormProvider, useForm } from 'react-hook-form';
@ -9,7 +10,6 @@ import { GSelect } from 'containers/GSelect/GSelect';
import { EscalationChain } from 'models/escalation_chain/escalation_chain.types';
import { GrafanaTeam } from 'models/grafana_team/grafana_team.types';
import { useStore } from 'state/useStore';
import { openWarningNotification } from 'utils/utils';
import styles from 'containers/EscalationChainForm/EscalationChainForm.module.css';

2
grafana-plugin/src/containers/EscalationChainSteps/EscalationChainSteps.tsx
View file

@ -4,6 +4,7 @@ import { css } from '@emotion/css';
import { GrafanaTheme2 } from '@grafana/data';
import { LoadingPlaceholder, Select, useStyles2, useTheme2 } from '@grafana/ui';
import cn from 'classnames/bind';
import { UserActions } from 'helpers/authorization/authorization';
import { observer } from 'mobx-react';
import { getLabelBackgroundTextColorObject } from 'styles/utils.styles';
@ -14,7 +15,6 @@ import { WithPermissionControlTooltip } from 'containers/WithPermissionControl/W
import { EscalationChain } from 'models/escalation_chain/escalation_chain.types';
import { EscalationPolicyOption } from 'models/escalation_policy/escalation_policy.types';
import { useStore } from 'state/useStore';
import { UserActions } from 'utils/authorization/authorization';
import styles from './EscalationChainSteps.module.css';

3
grafana-plugin/src/containers/GSelect/GSelect.tsx
View file

@ -3,11 +3,10 @@ import React, { ReactElement, useCallback, useEffect } from 'react';
import { SelectableValue } from '@grafana/data';
import { AsyncMultiSelect, AsyncSelect } from '@grafana/ui';
import cn from 'classnames/bind';
import { useDebouncedCallback } from 'helpers/hooks';
import { get, isNil } from 'lodash-es';
import { observer } from 'mobx-react';
import { useDebouncedCallback } from 'utils/hooks';
import styles from './GSelect.module.scss';
const cx = cn.bind(styles);

2
grafana-plugin/src/containers/GrafanaTeamSelect/GrafanaTeamSelect.tsx
View file

@ -2,13 +2,13 @@ import React, { useCallback, useState } from 'react';
import { Button, Icon, Label, Modal, Tooltip, Stack } from '@grafana/ui';
import cn from 'classnames/bind';
import { UserActions } from 'helpers/authorization/authorization';
import { observer } from 'mobx-react';
import { GSelect } from 'containers/GSelect/GSelect';
import { WithPermissionControlTooltip } from 'containers/WithPermissionControl/WithPermissionControlTooltip';
import { GrafanaTeam } from 'models/grafana_team/grafana_team.types';
import { useStore } from 'state/useStore';
import { UserActions } from 'utils/authorization/authorization';
import styles from './GrafanaTeamSelect.module.scss';

2
grafana-plugin/src/containers/IntegrationContainers/CollapsedIntegrationRouteDisplay/CollapsedIntegrationRouteDisplay.tsx
View file

@ -2,6 +2,7 @@ import React, { useMemo, useState } from 'react';
import { ConfirmModal, Icon, IconName, Stack } from '@grafana/ui';
import cn from 'classnames/bind';
import { StackSize } from 'helpers/consts';
import { observer } from 'mobx-react';
import { IntegrationBlock } from 'components/Integrations/IntegrationBlock';
@ -15,7 +16,6 @@ import { ApiSchemas } from 'network/oncall-api/api.types';
import { CommonIntegrationHelper } from 'pages/integration/CommonIntegration.helper';
import { IntegrationHelper } from 'pages/integration/Integration.helper';
import { useStore } from 'state/useStore';
import { StackSize } from 'utils/consts';
const cx = cn.bind(styles);

6
grafana-plugin/src/containers/IntegrationContainers/ExpandedIntegrationRouteDisplay/ExpandedIntegrationRouteDisplay.tsx
View file

@ -13,6 +13,9 @@ import {
Alert,
} from '@grafana/ui';
import cn from 'classnames/bind';
import { UserActions } from 'helpers/authorization/authorization';
import { StackSize } from 'helpers/consts';
import { openNotification } from 'helpers/helpers';
import { observer } from 'mobx-react';
import CopyToClipboard from 'react-copy-to-clipboard';
@ -42,9 +45,6 @@ import { IntegrationHelper } from 'pages/integration/Integration.helper';
import { MONACO_INPUT_HEIGHT_SMALL } from 'pages/integration/IntegrationCommon.config';
import { AppFeature } from 'state/features';
import { useStore } from 'state/useStore';
import { UserActions } from 'utils/authorization/authorization';
import { StackSize } from 'utils/consts';
import { openNotification } from 'utils/utils';
const cx = cn.bind(styles);

6
grafana-plugin/src/containers/IntegrationContainers/IntegrationHeartbeatForm/IntegrationHeartbeatForm.tsx
View file

@ -3,6 +3,9 @@ import React, { ReactElement, useEffect, useState } from 'react';
import { SelectableValue } from '@grafana/data';
import { Button, Drawer, Field, Icon, Select, Stack } from '@grafana/ui';
import cn from 'classnames/bind';
import { UserActions } from 'helpers/authorization/authorization';
import { StackSize } from 'helpers/consts';
import { openNotification } from 'helpers/helpers';
import { observer } from 'mobx-react';
import { IntegrationInputField } from 'components/IntegrationInputField/IntegrationInputField';
@ -13,9 +16,6 @@ import { ApiSchemas } from 'network/oncall-api/api.types';
import { SelectOption } from 'state/types';
import { useStore } from 'state/useStore';
import { withMobXProviderContext } from 'state/withStore';
import { UserActions } from 'utils/authorization/authorization';
import { StackSize } from 'utils/consts';
import { openNotification } from 'utils/utils';
import styles from './IntegrationHeartbeatForm.module.scss';

2
grafana-plugin/src/containers/IntegrationContainers/IntegrationTemplatesList.tsx
View file

@ -2,6 +2,7 @@ import React, { useState, useCallback } from 'react';
import { InlineSwitch, Tooltip } from '@grafana/ui';
import cn from 'classnames/bind';
import { openErrorNotification, openNotification } from 'helpers/helpers';
import { observer } from 'mobx-react';
import { IntegrationBlockItem } from 'components/Integrations/IntegrationBlockItem';
@ -16,7 +17,6 @@ import { IntegrationHelper } from 'pages/integration/Integration.helper';
import styles from 'pages/integration/Integration.module.scss';
import { MONACO_INPUT_HEIGHT_TALL } from 'pages/integration/IntegrationCommon.config';
import { useStore } from 'state/useStore';
import { openErrorNotification, openNotification } from 'utils/utils';
const cx = cn.bind(styles);

22
grafana-plugin/src/containers/IntegrationForm/IntegrationForm.tsx
View file

@ -16,6 +16,17 @@ import {
Stack,
useStyles2,
} from '@grafana/ui';
import { UserActions } from 'helpers/authorization/authorization';
import {
PLUGIN_ROOT,
generateAssignToTeamInputDescription,
DOCS_ROOT,
INTEGRATION_SERVICENOW,
StackSize,
} from 'helpers/consts';
import { useIsLoading } from 'helpers/hooks';
import { validateURL } from 'helpers/string';
import { OmitReadonlyMembers } from 'helpers/types';
import { observer } from 'mobx-react';
import { Controller, useForm, useFormContext, FormProvider } from 'react-hook-form';
import { useNavigate } from 'react-router-dom-v5-compat';
@ -35,17 +46,6 @@ import { ApiSchemas } from 'network/oncall-api/api.types';
import { IntegrationHelper, getIsBidirectionalIntegration } from 'pages/integration/Integration.helper';
import { AppFeature } from 'state/features';
import { useStore } from 'state/useStore';
import { UserActions } from 'utils/authorization/authorization';
import {
PLUGIN_ROOT,
generateAssignToTeamInputDescription,
DOCS_ROOT,
INTEGRATION_SERVICENOW,
StackSize,
} from 'utils/consts';
import { useIsLoading } from 'utils/hooks';
import { validateURL } from 'utils/string';
import { OmitReadonlyMembers } from 'utils/types';
import { prepareForEdit } from './IntegrationForm.helpers';
import { getIntegrationFormStyles } from './IntegrationForm.styles';

2
grafana-plugin/src/containers/IntegrationForm/IntegrationFormContainer.tsx
View file

@ -2,6 +2,7 @@ import React, { useState, ChangeEvent } from 'react';
import { Drawer, Stack, Input, Tag, EmptySearchResult } from '@grafana/ui';
import cn from 'classnames/bind';
import { StackSize } from 'helpers/consts';
import { observer } from 'mobx-react';
import { Block } from 'components/GBlock/Block';
@ -9,7 +10,6 @@ import { IntegrationLogo } from 'components/IntegrationLogo/IntegrationLogo';
import { Text } from 'components/Text/Text';
import { ApiSchemas } from 'network/oncall-api/api.types';
import { useStore } from 'state/useStore';
import { StackSize } from 'utils/consts';
import { IntegrationForm } from './IntegrationForm';
import styles from './IntegrationFormContainer.module.scss';

4
grafana-plugin/src/containers/IntegrationLabelsForm/IntegrationLabelsForm.tsx
View file

@ -3,6 +3,8 @@ import React, { ChangeEvent, useState } from 'react';
import { ServiceLabels } from '@grafana/labels';
import { Alert, Button, Drawer, Dropdown, InlineSwitch, Input, Menu, Stack } from '@grafana/ui';
import cn from 'classnames/bind';
import { DOCS_ROOT, GENERIC_ERROR, StackSize } from 'helpers/consts';
import { openErrorNotification } from 'helpers/helpers';
import { observer } from 'mobx-react';
import { Collapse } from 'components/Collapse/Collapse';
@ -16,8 +18,6 @@ import { LabelsErrors } from 'models/label/label.types';
import { ApiSchemas } from 'network/oncall-api/api.types';
import { LabelTemplateOptions } from 'pages/integration/IntegrationCommon.config';
import { useStore } from 'state/useStore';
import { DOCS_ROOT, GENERIC_ERROR, StackSize } from 'utils/consts';
import { openErrorNotification } from 'utils/utils';
import { getIsAddBtnDisabled, getIsTooManyLabelsWarningVisible } from './IntegrationLabelsForm.helpers';

4
grafana-plugin/src/containers/IntegrationTemplate/IntegrationTemplate.tsx
View file

@ -2,6 +2,8 @@ import React, { useCallback, useState, useEffect } from 'react';
import { Button, Drawer, Stack } from '@grafana/ui';
import cn from 'classnames/bind';
import { LocationHelper } from 'helpers/LocationHelper';
import { UserActions } from 'helpers/authorization/authorization';
import { debounce } from 'lodash-es';
import { observer } from 'mobx-react';
@ -26,8 +28,6 @@ import { ChannelFilter } from 'models/channel_filter/channel_filter.types';
import { ApiSchemas } from 'network/oncall-api/api.types';
import { IntegrationTemplateOptions, LabelTemplateOptions } from 'pages/integration/IntegrationCommon.config';
import { useStore } from 'state/useStore';
import { LocationHelper } from 'utils/LocationHelper';
import { UserActions } from 'utils/authorization/authorization';
import styles from './IntegrationTemplate.module.scss';

4
grafana-plugin/src/containers/Labels/Labels.tsx
View file

@ -2,14 +2,14 @@ import React, { forwardRef, useImperativeHandle, useState } from 'react';
import { ServiceLabelsProps, ServiceLabels } from '@grafana/labels';
import { Field, Label } from '@grafana/ui';
import { GENERIC_ERROR } from 'helpers/consts';
import { openErrorNotification } from 'helpers/helpers';
import { isEmpty } from 'lodash-es';
import { observer } from 'mobx-react';
import { splitToGroups } from 'models/label/label.helpers';
import { LabelKeyValue } from 'models/label/label.types';
import { useStore } from 'state/useStore';
import { GENERIC_ERROR } from 'utils/consts';
import { openErrorNotification } from 'utils/utils';
export interface LabelsProps {
value: LabelKeyValue[];

4
grafana-plugin/src/containers/MSTeams/MSTeamsInstructions.tsx
View file

@ -2,6 +2,8 @@ import React, { FC } from 'react';
import { Button, Icon, Stack, Field, Input } from '@grafana/ui';
import cn from 'classnames/bind';
import { StackSize } from 'helpers/consts';
import { openNotification, openWarningNotification } from 'helpers/helpers';
import { observer } from 'mobx-react';
import CopyToClipboard from 'react-copy-to-clipboard';
@ -10,8 +12,6 @@ import { PluginLink } from 'components/PluginLink/PluginLink';
import { Text } from 'components/Text/Text';
import MSTeamsLogo from 'icons/MSTeamsLogo';
import { useStore } from 'state/useStore';
import { StackSize } from 'utils/consts';
import { openNotification, openWarningNotification } from 'utils/utils';
import styles from './MSTeamsInstructions.module.css';

2
grafana-plugin/src/containers/MSTeamsIntegrationButton/MSTeamsIntegrationButton.tsx
View file

@ -2,12 +2,12 @@ import React, { useCallback, useState, useEffect } from 'react';
import { Button, Modal } from '@grafana/ui';
import cn from 'classnames/bind';
import { UserActions } from 'helpers/authorization/authorization';
import { observer } from 'mobx-react';
import { MSTeamsInstructions } from 'containers/MSTeams/MSTeamsInstructions';
import { WithPermissionControlTooltip } from 'containers/WithPermissionControl/WithPermissionControlTooltip';
import { useStore } from 'state/useStore';
import { UserActions } from 'utils/authorization/authorization';
import styles from './MSTeamsIntegrationButton.module.css';

4
grafana-plugin/src/containers/MaintenanceForm/MaintenanceForm.tsx
View file

@ -3,6 +3,8 @@ import React, { useCallback } from 'react';
import { SelectableValue } from '@grafana/data';
import { Button, Drawer, Field, Select, Stack, useStyles2 } from '@grafana/ui';
import cn from 'classnames/bind';
import { UserActions } from 'helpers/authorization/authorization';
import { openNotification, showApiError } from 'helpers/helpers';
import { observer } from 'mobx-react';
import Emoji from 'react-emoji-render';
import { Controller, FormProvider, useForm } from 'react-hook-form';
@ -14,8 +16,6 @@ import { AlertReceiveChannelHelper } from 'models/alert_receive_channel/alert_re
import { MaintenanceMode } from 'models/alert_receive_channel/alert_receive_channel.types';
import { ApiSchemas } from 'network/oncall-api/api.types';
import { useStore } from 'state/useStore';
import { UserActions } from 'utils/authorization/authorization';
import { openNotification, showApiError } from 'utils/utils';
import styles from './MaintenanceForm.module.css';

4
grafana-plugin/src/containers/MobileAppConnection/MobileAppConnection.test.tsx
View file

@ -13,8 +13,8 @@ jest.mock('plugin/GrafanaPluginRootPage.helpers', () => ({
isTopNavbar: () => false,
}));
jest.mock('utils/authorization/authorization', () => ({
...jest.requireActual('utils/authorization/authorization'),
jest.mock('helpers/authorization/authorization', () => ({
...jest.requireActual('helpers/authorization/authorization'),
isUserActionAllowed: jest.fn().mockReturnValue(true),
}));

8
grafana-plugin/src/containers/MobileAppConnection/MobileAppConnection.tsx
View file

@ -2,6 +2,10 @@ import React, { useCallback, useEffect, useRef, useState } from 'react';
import { Button, Icon, LoadingPlaceholder, Stack } from '@grafana/ui';
import cn from 'classnames/bind';
import { UserActions } from 'helpers/authorization/authorization';
import { StackSize } from 'helpers/consts';
import { isMobile, openErrorNotification, openNotification, openWarningNotification } from 'helpers/helpers';
import { useInitializePlugin } from 'helpers/hooks';
import { observer } from 'mobx-react';
import qrCodeImage from 'assets/img/qr-code.png';
@ -15,10 +19,6 @@ import { UserHelper } from 'models/user/user.helpers';
import { ApiSchemas } from 'network/oncall-api/api.types';
import { AppFeature } from 'state/features';
import { RootStore, rootStore as store } from 'state/rootStore';
import { UserActions } from 'utils/authorization/authorization';
import { StackSize } from 'utils/consts';
import { useInitializePlugin } from 'utils/hooks';
import { isMobile, openErrorNotification, openNotification, openWarningNotification } from 'utils/utils';
import styles from './MobileAppConnection.module.scss';
import { DisconnectButton } from './parts/DisconnectButton/DisconnectButton';

2
grafana-plugin/src/containers/MobileAppConnection/parts/DownloadIcons/DownloadIcons.tsx
View file

@ -2,12 +2,12 @@ import React, { FC } from 'react';
import { Stack } from '@grafana/ui';
import cn from 'classnames/bind';
import { StackSize } from 'helpers/consts';
import AppleLogoSVG from 'assets/img/apple-logo.svg';
import PlayStoreLogoSVG from 'assets/img/play-store-logo.svg';
import { Block } from 'components/GBlock/Block';
import { Text } from 'components/Text/Text';
import { StackSize } from 'utils/consts';
import styles from './DownloadIcons.module.scss';

2
grafana-plugin/src/containers/MobileAppConnection/parts/LinkLoginButton/LinkLoginButton.tsx
View file

@ -1,9 +1,9 @@
import React, { FC } from 'react';
import { Button, Stack } from '@grafana/ui';
import { StackSize } from 'helpers/consts';
import { Text } from 'components/Text/Text';
import { StackSize } from 'utils/consts';
type Props = {
baseUrl: string;

6
grafana-plugin/src/containers/OutgoingWebhookForm/OutgoingWebhookForm.tsx
View file

@ -2,6 +2,9 @@ import React, { ChangeEvent, useCallback, useEffect, useMemo, useState } from 'r
import { Button, ConfirmModal, ConfirmModalProps, Drawer, Input, Tab, TabsBar, Stack } from '@grafana/ui';
import cn from 'classnames/bind';
import { UserActions } from 'helpers/authorization/authorization';
import { PLUGIN_ROOT } from 'helpers/consts';
import { KeyValuePair } from 'helpers/helpers';
import { observer } from 'mobx-react';
import { FormProvider, useForm, useFormContext } from 'react-hook-form';
import { useNavigate } from 'react-router-dom-v5-compat';
@ -15,9 +18,6 @@ import { ApiSchemas } from 'network/oncall-api/api.types';
import { WebhookFormActionType } from 'pages/outgoing_webhooks/OutgoingWebhooks.types';
import { AppFeature } from 'state/features';
import { useStore } from 'state/useStore';
import { UserActions } from 'utils/authorization/authorization';
import { PLUGIN_ROOT } from 'utils/consts';
import { KeyValuePair } from 'utils/utils';
import { TemplateParams, WebhookFormFieldName } from './OutgoingWebhookForm.types';
import { OutgoingWebhookFormFields } from './OutgoingWebhookFormFields';

2
grafana-plugin/src/containers/OutgoingWebhookForm/OutgoingWebhookFormFields.tsx
View file

@ -2,6 +2,7 @@ import React from 'react';
import { SelectableValue } from '@grafana/data';
import { Button, Field, Input, RadioButtonList, Select, Switch, useStyles2 } from '@grafana/ui';
import { generateAssignToTeamInputDescription } from 'helpers/consts';
import { observer } from 'mobx-react';
import Emoji from 'react-emoji-render';
import { Controller, useFormContext } from 'react-hook-form';
@ -20,7 +21,6 @@ import {
} from 'models/outgoing_webhook/outgoing_webhook.types';
import { ApiSchemas } from 'network/oncall-api/api.types';
import { useStore } from 'state/useStore';
import { generateAssignToTeamInputDescription } from 'utils/consts';
import { getStyles } from './OutgoingWebhookForm.styles';
import { TemplateParams, WebhookFormFieldName } from './OutgoingWebhookForm.types';

2
grafana-plugin/src/containers/OutgoingWebhookForm/WebhookPresetBlocks.tsx
View file

@ -2,6 +2,7 @@ import React from 'react';
import { EmptySearchResult, Stack } from '@grafana/ui';
import cn from 'classnames/bind';
import { StackSize } from 'helpers/consts';
import { observer } from 'mobx-react';
import { Block } from 'components/GBlock/Block';
@ -11,7 +12,6 @@ import { Text } from 'components/Text/Text';
import { getWebhookPresetIcons } from 'containers/OutgoingWebhookForm/WebhookPresetIcons.config';
import { OutgoingWebhookPreset } from 'models/outgoing_webhook/outgoing_webhook.types';
import { useStore } from 'state/useStore';
import { StackSize } from 'utils/consts';
import styles from 'containers/OutgoingWebhookForm/OutgoingWebhookForm.module.css';

2
grafana-plugin/src/containers/OutgoingWebhookStatus/OutgoingWebhookStatus.tsx
View file

@ -2,12 +2,12 @@ import React from 'react';
import { Button, Stack } from '@grafana/ui';
import cn from 'classnames/bind';
import { useCommonStyles } from 'helpers/hooks';
import { observer } from 'mobx-react';
import { WebhookLastEventDetails } from 'components/Webhooks/WebhookLastEventDetails';
import { ApiSchemas } from 'network/oncall-api/api.types';
import { useStore } from 'state/useStore';
import { useCommonStyles } from 'utils/hooks';
import styles from 'containers/OutgoingWebhookForm/OutgoingWebhookForm.module.css';

2
grafana-plugin/src/containers/PersonalNotificationSettings/PersonalNotificationSettings.tsx
View file

@ -2,6 +2,7 @@ import React, { useCallback } from 'react';
import { Button, Icon, LoadingPlaceholder, Stack, Tooltip } from '@grafana/ui';
import cn from 'classnames/bind';
import { UserActions } from 'helpers/authorization/authorization';
import { get } from 'lodash-es';
import { observer } from 'mobx-react';
@ -14,7 +15,6 @@ import { NotificationPolicyType } from 'models/notification_policy/notification_
import { ApiSchemas } from 'network/oncall-api/api.types';
import { AppFeature } from 'state/features';
import { useStore } from 'state/useStore';
import { UserActions } from 'utils/authorization/authorization';
import { getColor } from './PersonalNotificationSettings.helpers';
import img from './img/default-step.png';

30
grafana-plugin/src/containers/PluginConfigPage/PluginConfigPage.tsx
View file

@ -3,17 +3,7 @@ import React, { useEffect, useState } from 'react';
import { css } from '@emotion/css';
import { GrafanaTheme2, PluginConfigPageProps, PluginMeta } from '@grafana/data';
import { Alert, Field, Input, LoadingPlaceholder, useStyles2, Stack } from '@grafana/ui';
import { observer } from 'mobx-react';
import { Controller, useForm } from 'react-hook-form';
import { useNavigate } from 'react-router-dom-v5-compat';
import { OnCallPluginMetaJSONData } from 'types';
import { Button } from 'components/Button/Button';
import { CollapsibleTreeView } from 'components/CollapsibleTreeView/CollapsibleTreeView';
import { RenderConditionally } from 'components/RenderConditionally/RenderConditionally';
import { Text } from 'components/Text/Text';
import { ActionKey } from 'models/loader/action-keys';
import { rootStore } from 'state/rootStore';
import { OnCallPluginMetaJSONData } from 'app-types';
import {
DEFAULT_PAGE,
DOCS_ONCALL_OSS_INSTALL,
@ -21,10 +11,20 @@ import {
PLUGIN_CONFIG,
PLUGIN_ROOT,
REQUEST_HELP_URL,
} from 'utils/consts';
import { useOnMount } from 'utils/hooks';
import { validateURL } from 'utils/string';
import { getIsExternalServiceAccountFeatureAvailable, getIsRunningOpenSourceVersion } from 'utils/utils';
} from 'helpers/consts';
import { getIsExternalServiceAccountFeatureAvailable, getIsRunningOpenSourceVersion } from 'helpers/helpers';
import { useOnMount } from 'helpers/hooks';
import { validateURL } from 'helpers/string';
import { observer } from 'mobx-react';
import { Controller, useForm } from 'react-hook-form';
import { useNavigate } from 'react-router-dom-v5-compat';
import { Button } from 'components/Button/Button';
import { CollapsibleTreeView } from 'components/CollapsibleTreeView/CollapsibleTreeView';
import { RenderConditionally } from 'components/RenderConditionally/RenderConditionally';
import { Text } from 'components/Text/Text';
import { ActionKey } from 'models/loader/action-keys';
import { rootStore } from 'state/rootStore';
type PluginConfigFormValues = {
onCallApiUrl: string;

6
grafana-plugin/src/containers/PluginInitializer/PluginInitializer.tsx
View file

@ -1,14 +1,14 @@
import React, { FC } from 'react';
import { Button, Stack, LoadingPlaceholder } from '@grafana/ui';
import { REQUEST_HELP_URL, PLUGIN_CONFIG } from 'helpers/consts';
import { getIsRunningOpenSourceVersion } from 'helpers/helpers';
import { useInitializePlugin } from 'helpers/hooks';
import { observer } from 'mobx-react';
import { useNavigate } from 'react-router-dom-v5-compat';
import { FullPageError } from 'components/FullPageError/FullPageError';
import { RenderConditionally } from 'components/RenderConditionally/RenderConditionally';
import { REQUEST_HELP_URL, PLUGIN_CONFIG } from 'utils/consts';
import { useInitializePlugin } from 'utils/hooks';
import { getIsRunningOpenSourceVersion } from 'utils/utils';
interface PluginInitializerProps {
children: React.ReactNode;

6
grafana-plugin/src/containers/RemoteFilters/RemoteFilters.tsx
View file

@ -14,6 +14,9 @@ import {
withTheme2,
} from '@grafana/ui';
import { capitalCase } from 'change-case';
import { LocationHelper } from 'helpers/LocationHelper';
import { PAGE } from 'helpers/consts';
import { convertTimerangeToFilterValue, getValueForDateRangeFilterType } from 'helpers/datetime';
import { debounce, isUndefined, omitBy, pickBy } from 'lodash-es';
import { observer } from 'mobx-react';
import moment from 'moment-timezone';
@ -29,9 +32,6 @@ import { FilterExtraInformation, FilterExtraInformationValues } from 'models/fil
import { GrafanaTeamStore } from 'models/grafana_team/grafana_team';
import { SelectOption, WithStoreProps } from 'state/types';
import { withMobXProviderContext } from 'state/withStore';
import { LocationHelper } from 'utils/LocationHelper';
import { PAGE } from 'utils/consts';
import { convertTimerangeToFilterValue, getValueForDateRangeFilterType } from 'utils/datetime';
import { parseFilters } from './RemoteFilters.helpers';
import { FilterOption } from './RemoteFilters.types';

4
grafana-plugin/src/containers/RemoteSelect/RemoteSelect.tsx
View file

@ -2,11 +2,11 @@ import React, { useCallback, useMemo, useReducer, useState } from 'react';
import { SelectableValue } from '@grafana/data';
import { AsyncMultiSelect, AsyncSelect } from '@grafana/ui';
import { UserAction, generateMissingPermissionMessage } from 'helpers/authorization/authorization';
import { useDebouncedCallback } from 'helpers/hooks';
import { inject, observer } from 'mobx-react';
import { makeRequest, isNetworkError } from 'network/network';
import { UserAction, generateMissingPermissionMessage } from 'utils/authorization/authorization';
import { useDebouncedCallback } from 'utils/hooks';
interface RemoteSelectProps {
autoFocus?: boolean;

2
grafana-plugin/src/containers/RotationForm/RotationForm.helpers.ts
View file

@ -1,8 +1,8 @@
import { Dayjs, ManipulateType } from 'dayjs';
import { GRAFANA_HEADER_HEIGHT, GRAFANA_LEGACY_SIDEBAR_WIDTH } from 'helpers/consts';
import { DraggableData } from 'react-draggable';
import { isTopNavbar } from 'plugin/GrafanaPluginRootPage.helpers';
import { GRAFANA_HEADER_HEIGHT, GRAFANA_LEGACY_SIDEBAR_WIDTH } from 'utils/consts';
import { RepeatEveryPeriod } from './RotationForm.types';

4
grafana-plugin/src/containers/RotationForm/RotationForm.tsx
View file

@ -3,6 +3,8 @@ import React, { useCallback, useEffect, useMemo, useState } from 'react';
import { Alert, Button, Field, Icon, IconButton, InlineSwitch, Select, Switch, Tooltip, Stack } from '@grafana/ui';
import cn from 'classnames/bind';
import dayjs from 'dayjs';
import { GRAFANA_HEADER_HEIGHT, StackSize } from 'helpers/consts';
import { useDebouncedCallback, useResize } from 'helpers/hooks';
import { observer } from 'mobx-react';
import Draggable, { DraggableData, DraggableEvent } from 'react-draggable';
@ -51,8 +53,6 @@ import {
toDateWithTimezoneOffsetAtMidnight,
} from 'pages/schedule/Schedule.helpers';
import { useStore } from 'state/useStore';
import { GRAFANA_HEADER_HEIGHT, StackSize } from 'utils/consts';
import { useDebouncedCallback, useResize } from 'utils/hooks';
import styles from './RotationForm.module.css';

4
grafana-plugin/src/containers/RotationForm/ScheduleOverrideForm.tsx
View file

@ -3,6 +3,8 @@ import React, { FC, useCallback, useEffect, useMemo, useState } from 'react';
import { IconButton, Stack, Field, Button, useTheme2 } from '@grafana/ui';
import cn from 'classnames/bind';
import dayjs from 'dayjs';
import { StackSize } from 'helpers/consts';
import { useDebouncedCallback, useResize } from 'helpers/hooks';
import Draggable, { DraggableData, DraggableEvent } from 'react-draggable';
import { Modal } from 'components/Modal/Modal';
@ -16,8 +18,6 @@ import { Schedule, Shift } from 'models/schedule/schedule.types';
import { ApiSchemas } from 'network/oncall-api/api.types';
import { getDateTime, getUTCString, toDateWithTimezoneOffset } from 'pages/schedule/Schedule.helpers';
import { useStore } from 'state/useStore';
import { StackSize } from 'utils/consts';
import { useDebouncedCallback, useResize } from 'utils/hooks';
import { getDraggableModalCoordinatesOnInit } from './RotationForm.helpers';
import { DateTimePicker } from './parts/DateTimePicker';

6
grafana-plugin/src/containers/RotationForm/ShiftSwapForm.tsx
View file

@ -3,6 +3,9 @@ import React, { useCallback, useEffect, useMemo, useState } from 'react';
import { Button, Field, IconButton, Input, TextArea, Stack } from '@grafana/ui';
import cn from 'classnames/bind';
import dayjs from 'dayjs';
import { UserActions } from 'helpers/authorization/authorization';
import { GRAFANA_HEADER_HEIGHT, StackSize } from 'helpers/consts';
import { useDebouncedCallback, useResize } from 'helpers/hooks';
import Draggable, { DraggableData, DraggableEvent } from 'react-draggable';
import { Modal } from 'components/Modal/Modal';
@ -15,9 +18,6 @@ import { SHIFT_SWAP_COLOR } from 'models/schedule/schedule.helpers';
import { Schedule, ShiftSwap } from 'models/schedule/schedule.types';
import { getUTCString } from 'pages/schedule/Schedule.helpers';
import { useStore } from 'state/useStore';
import { UserActions } from 'utils/authorization/authorization';
import { GRAFANA_HEADER_HEIGHT, StackSize } from 'utils/consts';
import { useDebouncedCallback, useResize } from 'utils/hooks';
import { getDraggableModalCoordinatesOnInit } from './RotationForm.helpers';
import { DateTimePicker } from './parts/DateTimePicker';

2
grafana-plugin/src/containers/RotationForm/parts/DeletionModal.tsx
View file

@ -2,9 +2,9 @@ import React, { ChangeEvent, useCallback, useState } from 'react';
import { Stack, Modal as GrafanaModal, Button, InlineSwitch } from '@grafana/ui';
import cn from 'classnames/bind';
import { StackSize } from 'helpers/consts';
import { Text } from 'components/Text/Text';
import { StackSize } from 'utils/consts';
import styles from 'containers/RotationForm/RotationForm.module.css';

2
grafana-plugin/src/containers/Rotations/Rotations.helpers.ts
View file

@ -1,10 +1,10 @@
import dayjs from 'dayjs';
import { waitForElement } from 'helpers/DOM';
import { getColor, getOverrideColor } from 'models/schedule/schedule.helpers';
import { Layer, Shift } from 'models/schedule/schedule.types';
import { ApiSchemas } from 'network/oncall-api/api.types';
import { toDateWithTimezoneOffset } from 'pages/schedule/Schedule.helpers';
import { waitForElement } from 'utils/DOM';
export const calculateScheduleFormOffset = async (queryClassName: string) => {
const modal = await waitForElement(queryClassName);

4
grafana-plugin/src/containers/Rotations/Rotations.tsx
View file

@ -4,6 +4,8 @@ import { cx } from '@emotion/css';
import { GrafanaTheme2, SelectableValue } from '@grafana/data';
import { ValuePicker, Button, Tooltip, withTheme2, Stack } from '@grafana/ui';
import dayjs from 'dayjs';
import { HTML_ID } from 'helpers/DOM';
import { UserActions } from 'helpers/authorization/authorization';
import { observer } from 'mobx-react';
import { CSSTransition, TransitionGroup } from 'react-transition-group';
@ -19,8 +21,6 @@ import { Schedule, ScheduleType, Shift, ShiftSwap, Event, Layer } from 'models/s
import { getCurrentTimeX, toDateWithTimezoneOffset } from 'pages/schedule/Schedule.helpers';
import { WithStoreProps } from 'state/types';
import { withMobXProviderContext } from 'state/withStore';
import { HTML_ID } from 'utils/DOM';
import { UserActions } from 'utils/authorization/authorization';
import { DEFAULT_TRANSITION_TIMEOUT } from './Rotations.config';
import { findColor, getCalendarStartDateInTimezone } from './Rotations.helpers';

2
grafana-plugin/src/containers/Rotations/ScheduleFinal.tsx
View file

@ -4,6 +4,7 @@ import { cx } from '@emotion/css';
import { GrafanaTheme2 } from '@grafana/data';
import { Stack, useStyles2, withTheme2 } from '@grafana/ui';
import dayjs from 'dayjs';
import { HTML_ID } from 'helpers/DOM';
import { observer } from 'mobx-react';
import { CSSTransition, TransitionGroup } from 'react-transition-group';
import { bem } from 'styles/utils.styles';
@ -24,7 +25,6 @@ import { Event, Schedule, ScheduleView, ShiftSwap } from 'models/schedule/schedu
import { getCurrentTimeX } from 'pages/schedule/Schedule.helpers';
import { WithStoreProps } from 'state/types';
import { withMobXProviderContext } from 'state/withStore';
import { HTML_ID } from 'utils/DOM';
import { DEFAULT_TRANSITION_TIMEOUT } from './Rotations.config';
import { findColor } from './Rotations.helpers';

4
grafana-plugin/src/containers/Rotations/ScheduleOverrides.tsx
View file

@ -4,6 +4,8 @@ import { cx } from '@emotion/css';
import { GrafanaTheme2 } from '@grafana/data';
import { Button, Stack, Tooltip, withTheme2 } from '@grafana/ui';
import dayjs from 'dayjs';
import { HTML_ID } from 'helpers/DOM';
import { UserActions } from 'helpers/authorization/authorization';
import { observer } from 'mobx-react';
import { CSSTransition, TransitionGroup } from 'react-transition-group';
@ -25,8 +27,6 @@ import { Schedule, Shift, ShiftEvents, ShiftSwap } from 'models/schedule/schedul
import { getCurrentTimeX, toDateWithTimezoneOffset } from 'pages/schedule/Schedule.helpers';
import { WithStoreProps } from 'state/types';
import { withMobXProviderContext } from 'state/withStore';
import { HTML_ID } from 'utils/DOM';
import { UserActions } from 'utils/authorization/authorization';
import { DEFAULT_TRANSITION_TIMEOUT } from './Rotations.config';
import { findColor } from './Rotations.helpers';

4
grafana-plugin/src/containers/Rotations/SchedulePersonal.tsx
View file

@ -4,6 +4,8 @@ import { cx } from '@emotion/css';
import { GrafanaTheme2 } from '@grafana/data';
import { Badge, BadgeColor, Button, Icon, Stack, useStyles2, withTheme2 } from '@grafana/ui';
import dayjs from 'dayjs';
import { PLUGIN_ROOT, StackSize } from 'helpers/consts';
import { useIsLoading } from 'helpers/hooks';
import { observer } from 'mobx-react';
import { useNavigate } from 'react-router-dom-v5-compat';
import { CSSTransition, TransitionGroup } from 'react-transition-group';
@ -24,8 +26,6 @@ import { Event, ScheduleView } from 'models/schedule/schedule.types';
import { ApiSchemas } from 'network/oncall-api/api.types';
import { getCurrentTimeX, getStartOfWeekBasedOnCurrentDate } from 'pages/schedule/Schedule.helpers';
import { useStore } from 'state/useStore';
import { PLUGIN_ROOT, StackSize } from 'utils/consts';
import { useIsLoading } from 'utils/hooks';
import { DEFAULT_TRANSITION_TIMEOUT } from './Rotations.config';
import { getRotationsStyles } from './Rotations.styles';

4
grafana-plugin/src/containers/RouteLabelsDisplay/RouteLabelsDisplay.tsx
View file

@ -2,12 +2,12 @@ import React from 'react';
import { ServiceLabels } from '@grafana/labels';
import { Button, Stack } from '@grafana/ui';
import { GENERIC_ERROR } from 'helpers/consts';
import { openErrorNotification } from 'helpers/helpers';
import { splitToGroups } from 'models/label/label.helpers';
import { components } from 'network/oncall-api/autogenerated-api.types';
import { useStore } from 'state/useStore';
import { GENERIC_ERROR } from 'utils/consts';
import { openErrorNotification } from 'utils/utils';
interface RouteLabelsDisplayProps {
labels: Array<components['schemas']['LabelPair']>;

4
grafana-plugin/src/containers/ScheduleForm/ScheduleForm.tsx
View file

@ -2,6 +2,8 @@ import React, { useCallback, useMemo } from 'react';
import { css } from '@emotion/css';
import { Button, Drawer, Field, Input, Switch, TextArea, Stack, useStyles2 } from '@grafana/ui';
import { UserActions } from 'helpers/authorization/authorization';
import { openWarningNotification } from 'helpers/helpers';
import { observer } from 'mobx-react';
import { Controller, FormProvider, useForm, useFormContext } from 'react-hook-form';
import { getUtilStyles } from 'styles/utils.styles';
@ -16,8 +18,6 @@ import { PRIVATE_CHANNEL_NAME } from 'models/slack_channel/slack_channel.config'
import { SlackChannel } from 'models/slack_channel/slack_channel.types';
import { UserGroup } from 'models/user_group/user_group.types';
import { useStore } from 'state/useStore';
import { UserActions } from 'utils/authorization/authorization';
import { openWarningNotification } from 'utils/utils';
import { prepareForEdit } from './ScheduleForm.helpers';

2
grafana-plugin/src/containers/ScheduleIcalLink/ScheduleIcalLink.tsx
View file

@ -2,13 +2,13 @@ import React, { FC, useEffect, useState } from 'react';
import { Button, Icon, Label, LoadingPlaceholder, Stack } from '@grafana/ui';
import cn from 'classnames/bind';
import { openNotification } from 'helpers/helpers';
import { observer } from 'mobx-react';
import CopyToClipboard from 'react-copy-to-clipboard';
import { Text } from 'components/Text/Text';
import { CreateScheduleExportTokenResponse, Schedule } from 'models/schedule/schedule.types';
import { useStore } from 'state/useStore';
import { openNotification } from 'utils/utils';
import styles from './ScheduleIcalLink.module.css';

4
grafana-plugin/src/containers/ScheduleSlot/ScheduleSlot.tsx
View file

@ -4,6 +4,8 @@ import { css, cx } from '@emotion/css';
import { GrafanaTheme2 } from '@grafana/data';
import { Button, Icon, Tooltip, useStyles2, Stack } from '@grafana/ui';
import dayjs from 'dayjs';
import { StackSize } from 'helpers/consts';
import { truncateTitle } from 'helpers/string';
import { observer } from 'mobx-react';
import { Colors, getLabelCss } from 'styles/utils.styles';
@ -17,8 +19,6 @@ import { Event, ScheduleView, ShiftSwap } from 'models/schedule/schedule.types';
import { getTzOffsetString } from 'models/timezone/timezone.helpers';
import { ApiSchemas } from 'network/oncall-api/api.types';
import { useStore } from 'state/useStore';
import { StackSize } from 'utils/consts';
import { truncateTitle } from 'utils/string';
import { getScheduleSlotStyleParams, getTitle } from './ScheduleSlot.helpers';

4
grafana-plugin/src/containers/ServiceNowConfigDrawer/CompleteServiceNowConfigModal.tsx
View file

@ -3,13 +3,13 @@ import React, { useState } from 'react';
import { css } from '@emotion/css';
import { GrafanaTheme2 } from '@grafana/data';
import { Button, Modal, Stack, useStyles2 } from '@grafana/ui';
import { openNotification } from 'helpers/helpers';
import { OmitReadonlyMembers } from 'helpers/types';
import { FormProvider, useForm } from 'react-hook-form';
import { ApiSchemas } from 'network/oncall-api/api.types';
import { useCurrentIntegration } from 'pages/integration/OutgoingTab/OutgoingTab.hooks';
import { useStore } from 'state/useStore';
import { OmitReadonlyMembers } from 'utils/types';
import { openNotification } from 'utils/utils';
import { getCommonServiceNowConfigStyles } from './ServiceNow.styles';
import { ServiceNowStatusSection } from './ServiceNowStatusSection';

4
grafana-plugin/src/containers/ServiceNowConfigDrawer/ServiceNowAuthSection.tsx
View file

@ -2,6 +2,8 @@ import React, { forwardRef, useImperativeHandle, useState } from 'react';
import { GrafanaTheme2 } from '@grafana/data';
import { Alert, Button, LoadingPlaceholder, Stack, useStyles2 } from '@grafana/ui';
import { INTEGRATION_SERVICENOW } from 'helpers/consts';
import { OmitReadonlyMembers } from 'helpers/types';
import { observer } from 'mobx-react';
import { useFormContext } from 'react-hook-form';
@ -11,8 +13,6 @@ import { IntegrationFormFields } from 'containers/IntegrationForm/IntegrationFor
import { AlertReceiveChannelHelper } from 'models/alert_receive_channel/alert_receive_channel.helpers';
import { ApiSchemas } from 'network/oncall-api/api.types';
import { useCurrentIntegration } from 'pages/integration/OutgoingTab/OutgoingTab.hooks';
import { INTEGRATION_SERVICENOW } from 'utils/consts';
import { OmitReadonlyMembers } from 'utils/types';
import { getCommonServiceNowConfigStyles } from './ServiceNow.styles';
import { ServiceNowFormFields } from './ServiceNowStatusSection';

2
grafana-plugin/src/containers/ServiceNowConfigDrawer/ServiceNowConfig.helpers.ts
View file

@ -1,8 +1,8 @@
import { SelectableValue } from '@grafana/data';
import { OnCallAGStatus } from 'helpers/consts';
import { UseFormGetValues } from 'react-hook-form';
import { AlertReceiveChannelStore } from 'models/alert_receive_channel/alert_receive_channel';
import { OnCallAGStatus } from 'utils/consts';
import { ServiceNowFormFields } from './ServiceNowStatusSection';

Some files were not shown because too many files have changed in this diff Show more