@postgres.ai/shared 3.5.1-pr-1027.0 → 4.0.0-pr-1028

package/types/api/entities/wsToken.d.ts

@@ -0,0 +1,5 @@
+export declare type WSTokenDTO = {
+    token: string;
+};
+export declare const formatWSTokenDto: (dto: WSTokenDTO) => WSTokenDTO;
+export declare type WSToken = ReturnType<typeof formatWSTokenDto>;

package/types/api/entities/wsToken.js

@@ -0,0 +1 @@
+export const formatWSTokenDto = (dto) => dto;

package/utils/api.d.ts

@@ -0,0 +1 @@
+export declare const getTextFromUnknownApiError: (error: Response) => Promise<string>;

package/utils/api.js

@@ -0,0 +1,28 @@
+/*--------------------------------------------------------------------------
+ * Copyright (c) 2019-2021, Postgres.ai, Nikolay Samokhvalov nik@postgres.ai
+ * All Rights Reserved. Proprietary and confidential.
+ * Unauthorized copying of this file, via any medium is strictly prohibited
+ *--------------------------------------------------------------------------
+ */
+export const getTextFromUnknownApiError = async (error) => {
+    const log = (text) => console.error('Unknown API error', text);
+    try {
+        const result = await error.json();
+        log(result);
+        return JSON.stringify(result);
+    }
+    catch (e) {
+        // not a json
+    }
+    try {
+        const result = await error.text();
+        log(result);
+        return result;
+    }
+    catch (e) {
+        // not a text
+    }
+    const result = `${error.status} ${error.statusText}`;
+    log(result);
+    return result;
+};

package/utils/clone.d.ts

@@ -0,0 +1,13 @@
+import { Clone } from '@postgres.ai/shared/types/api/entities/clone';
+declare const STATUS_CODE_TO_TYPE: {
+    OK: "ok";
+    CREATING: "waiting";
+    DELETING: "waiting";
+    RESETTING: "waiting";
+    FATAL: "error";
+};
+declare type StatusCode = keyof typeof STATUS_CODE_TO_TYPE;
+export declare const getCloneStatusType: (statusCode: StatusCode) => "error" | "waiting" | "ok";
+export declare const getCloneStatusText: (statusCode: StatusCode) => string;
+export declare const checkIsCloneStable: (clone: Clone) => boolean;
+export {};

package/utils/clone.js

@@ -0,0 +1,21 @@
+/*--------------------------------------------------------------------------
+ * Copyright (c) 2019-2021, Postgres.ai, Nikolay Samokhvalov nik@postgres.ai
+ * All Rights Reserved. Proprietary and confidential.
+ * Unauthorized copying of this file, via any medium is strictly prohibited
+ *--------------------------------------------------------------------------
+ */
+import { capitalize } from '@postgres.ai/shared/utils/strings';
+const STATUS_CODE_TO_TYPE = {
+    OK: 'ok',
+    CREATING: 'waiting',
+    DELETING: 'waiting',
+    RESETTING: 'waiting',
+    FATAL: 'error',
+};
+export const getCloneStatusType = (statusCode) => { var _a; return (_a = STATUS_CODE_TO_TYPE[statusCode]) !== null && _a !== void 0 ? _a : 'unknown'; };
+export const getCloneStatusText = (statusCode) => {
+    if (statusCode === 'OK')
+        return statusCode;
+    return capitalize(statusCode);
+};
+export const checkIsCloneStable = (clone) => clone.status.code === 'OK' || clone.status.code === 'FATAL';

package/utils/connection.d.ts

@@ -0,0 +1,5 @@
+import { Instance } from '@postgres.ai/shared/types/api/entities/instance';
+import { Clone } from '@postgres.ai/shared/types/api/entities/clone';
+export declare const getSshPortForwardingCommand: (instance: Instance, clone: Clone) => string | null;
+export declare const getPsqlConnectionStr: (clone: Clone) => string | null;
+export declare const getJdbcConnectionStr: (clone: Clone) => string | null;

package/utils/connection.js

@@ -0,0 +1,28 @@
+/*--------------------------------------------------------------------------
+ * Copyright (c) 2019-2021, Postgres.ai, Nikolay Samokhvalov nik@postgres.ai
+ * All Rights Reserved. Proprietary and confidential.
+ * Unauthorized copying of this file, via any medium is strictly prohibited
+ *--------------------------------------------------------------------------
+ */
+const isEmptyDbData = (clone) => {
+    const { host, port, username } = clone.db;
+    // 'host', 'port' or 'username' can be empty string.
+    return !host || !port || !username;
+};
+export const getSshPortForwardingCommand = (instance, clone) => {
+    if (!instance.sshServerUrl)
+        return null;
+    if (isEmptyDbData(clone))
+        return null;
+    return `ssh -NTML ${clone.db.port}:localhost:${clone.db.port} ${instance.sshServerUrl} -i ~/.ssh/id_rsa`;
+};
+export const getPsqlConnectionStr = (clone) => {
+    if (isEmptyDbData(clone))
+        return null;
+    return `"host=${clone.db.host} port=${clone.db.port} user=${clone.db.username} dbname=DBNAME"`;
+};
+export const getJdbcConnectionStr = (clone) => {
+    if (isEmptyDbData(clone))
+        return null;
+    return `jdbc:postgresql://${clone.db.host}:${clone.db.port}/DBNAME?user=${clone.db.username}&password=DBPASSWORD`;
+};

package/utils/date.d.ts

@@ -0,0 +1,18 @@
+export declare const formatDateToISO: (dateString: string) => string;
+export declare const parseDate: (dateStr: string) => Date;
+export declare const startOfMonthUTC: (date: Date, ...otherArgs: unknown[]) => Date;
+export declare const startOfWeekUTC: (date: Date, ...otherArgs: unknown[]) => Date;
+export declare const endOfMonthUTC: (date: Date, ...otherArgs: unknown[]) => Date;
+export declare const endOfWeekUTC: (date: Date, ...otherArgs: unknown[]) => Date;
+export declare const startOfDayUTC: (date: Date, ...otherArgs: unknown[]) => Date;
+export declare const addDaysUTC: (date: Date, ...otherArgs: unknown[]) => Date;
+export declare const addMonthsUTC: (date: Date, ...otherArgs: unknown[]) => Date;
+export declare const differenceInDaysUTC: (date1: Date, date2: Date) => number;
+export declare const isSameMonthUTC: (date1: Date, date2: Date) => boolean;
+export declare const formatUTC: (date: Date, formatStr: string) => string;
+export declare const isSameDayUTC: (date1: Date, date2: Date) => boolean;
+export declare const formatDistanceStd: (date: Date) => string;
+export declare const formatDateStd: (date: Date, options?: {
+    withDistance?: boolean;
+}) => string;
+export declare const isValidDate: (dateObject: Date) => boolean;

package/utils/date.js

@@ -0,0 +1,40 @@
+/*--------------------------------------------------------------------------
+ * Copyright (c) 2019-2021, Postgres.ai, Nikolay Samokhvalov nik@postgres.ai
+ * All Rights Reserved. Proprietary and confidential.
+ * Unauthorized copying of this file, via any medium is strictly prohibited
+ *--------------------------------------------------------------------------
+ */
+import { parse, startOfDay, isSameDay, startOfMonth, startOfWeek, endOfMonth, endOfWeek, differenceInDays, addDays, addMonths, isSameMonth, format, formatDistanceToNowStrict, } from 'date-fns';
+export const formatDateToISO = (dateString) => {
+    const parsedDate = parse(dateString, 'yyyyMMddHHmmss', new Date());
+    return format(parsedDate, "yyyy-MM-dd'T'HH:mm:ssXXX");
+};
+// parseDate parses date of both format: '2006-01-02 15:04:05 UTC' and `2006-01-02T15:04:05Z` (RFC3339).
+export const parseDate = (dateStr) => parse(dateStr.replace(' UTC', 'Z').replace('T', ' '), 'yyyy-MM-dd HH:mm:ssX', new Date());
+// UTCf - UTC formatted, but not actually UTC.
+// date-fns using this approach because browser don't have an opportunity to switch single date
+// object in different timezones.
+// Example: 15:00:00 <some date> Moscow Standard Time -> 12:00:00 <same date> Moscow Standard Time.
+// In example above just ignore real timezone "Moscow Standard Time" and imagine that it is UTC.
+const toUTCf = (date) => new Date(date.getTime() + date.getTimezoneOffset() * 60 * 1000);
+const toLocal = (date) => new Date(date.getTime() - date.getTimezoneOffset() * 60 * 1000);
+const inUTC = 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+(func) => (date, ...otherArgs) => toLocal(func(toUTCf(date), ...otherArgs));
+export const startOfMonthUTC = inUTC(startOfMonth);
+export const startOfWeekUTC = inUTC(startOfWeek);
+export const endOfMonthUTC = inUTC(endOfMonth);
+export const endOfWeekUTC = inUTC(endOfWeek);
+export const startOfDayUTC = inUTC(startOfDay);
+export const addDaysUTC = inUTC(addDays);
+export const addMonthsUTC = inUTC(addMonths);
+export const differenceInDaysUTC = (date1, date2) => differenceInDays(toUTCf(date1), toUTCf(date2));
+export const isSameMonthUTC = (date1, date2) => isSameMonth(toUTCf(date1), toUTCf(date2));
+export const formatUTC = (date, formatStr) => format(toUTCf(date), formatStr);
+export const isSameDayUTC = (date1, date2) => isSameDay(toUTCf(date1), toUTCf(date2));
+// Std date utils.
+export const formatDistanceStd = (date) => formatDistanceToNowStrict(date, { addSuffix: true });
+export const formatDateStd = (date, options) => `${formatUTC(date, 'yyyy-MM-dd HH:mm:ss')} UTC ${(options === null || options === void 0 ? void 0 : options.withDistance) ? `(${formatDistanceStd(date)})` : ''}`;
+export const isValidDate = (dateObject) => {
+    return new Date(dateObject).toString() !== 'Invalid Date';
+};

package/utils/instance.d.ts

@@ -0,0 +1,5 @@
+export declare const parseEngineVersion: (str: string) => {
+    major: number;
+    minor: number;
+    patch: number;
+} | null;

package/utils/instance.js

@@ -0,0 +1,11 @@
+export const parseEngineVersion = (str) => {
+    const [versionStr] = str.split('-');
+    const [major, minor, patch] = versionStr.split('.');
+    if (!major || !minor || !patch)
+        return null;
+    return {
+        major: Number(major),
+        minor: Number(minor),
+        patch: Number(patch),
+    };
+};

package/utils/numbers.d.ts

@@ -0,0 +1 @@
+export declare const round: (value: number, precision?: number) => number;

package/utils/{strings.ts → numbers.js}

@@ -4,8 +4,7 @@
  * Unauthorized copying of this file, via any medium is strictly prohibited
  *--------------------------------------------------------------------------
  */
-
-export const capitalize = (value: string) => {
-  const [firstChar, ...otherChars] = value.split('')
-  return `${firstChar.toUpperCase()}${otherChars.join('').toLowerCase()}`
-}
+export const round = (value, precision = 0) => {
+    const multiplier = 10 ** precision;
+    return Math.round(value * multiplier) / multiplier;
+};

package/utils/react.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const createStrictContext: <Value>() => {
+    useStrictContext: () => Value;
+    Provider: import("react").Provider<Value>;
+};

package/utils/react.js

@@ -0,0 +1,8 @@
+import { useContext, createContext } from 'react';
+export const createStrictContext = () => {
+    const Context = createContext(undefined);
+    return {
+        useStrictContext: () => useContext(Context),
+        Provider: Context.Provider,
+    };
+};

package/utils/snapshot.d.ts

@@ -0,0 +1,5 @@
+export declare const compareSnapshotsDesc: (a: {
+    dataStateAtDate: Date;
+}, b: {
+    dataStateAtDate: Date;
+}) => number;

package/utils/snapshot.js

@@ -0,0 +1,6 @@
+export const compareSnapshotsDesc = (a, b) => {
+    var _a, _b, _c, _d;
+    const dataStateAtDateA = (_b = (_a = a.dataStateAtDate) === null || _a === void 0 ? void 0 : _a.getTime()) !== null && _b !== void 0 ? _b : 0;
+    const dataStateAtDateB = (_d = (_c = b.dataStateAtDate) === null || _c === void 0 ? void 0 : _c.getTime()) !== null && _d !== void 0 ? _d : 0;
+    return dataStateAtDateB - dataStateAtDateA;
+};

package/utils/strings.d.ts

@@ -0,0 +1 @@
+export declare const capitalize: (value: string) => string;

package/utils/strings.js

@@ -0,0 +1,10 @@
+/*--------------------------------------------------------------------------
+ * Copyright (c) 2019-2021, Postgres.ai, Nikolay Samokhvalov nik@postgres.ai
+ * All Rights Reserved. Proprietary and confidential.
+ * Unauthorized copying of this file, via any medium is strictly prohibited
+ *--------------------------------------------------------------------------
+ */
+export const capitalize = (value) => {
+    const [firstChar, ...otherChars] = value.split('');
+    return `${firstChar.toUpperCase()}${otherChars.join('').toLowerCase()}`;
+};

package/utils/units.d.ts

@@ -0,0 +1,5 @@
+declare type Options = {
+    precision?: number;
+};
+export declare const formatBytesIEC: (bytes: number, options?: Options) => string;
+export {};

package/utils/units.js

@@ -0,0 +1,15 @@
+/*--------------------------------------------------------------------------
+ * Copyright (c) 2019-2021, Postgres.ai, Nikolay Samokhvalov nik@postgres.ai
+ * All Rights Reserved. Proprietary and confidential.
+ * Unauthorized copying of this file, via any medium is strictly prohibited
+ *--------------------------------------------------------------------------
+ */
+import byteSize from 'byte-size';
+export const formatBytesIEC = (bytes, options) => {
+    const { precision = 3 } = options !== null && options !== void 0 ? options : {};
+    const result = byteSize(bytes, {
+        precision,
+        units: 'iec',
+    });
+    return `${result.value} ${result.unit}`;
+};

package/.gitlab-ci.yml

@@ -1,60 +0,0 @@
-# Conditions.
-.only_ui_feature: &only_ui_feature
-  rules:
-    - if: $CI_PIPELINE_SOURCE == "merge_request_event"
-
-.only_ui_tag_release: &only_ui_tag_release
-  rules:
-    - if: $CI_COMMIT_TAG =~ /^v[a-zA-Z0-9_.-]*/
-
-.shared_base: &shared_base
-  image: node:lts-alpine
-  cache:
-    key: "$CI_COMMIT_REF_SLUG"
-    paths:
-      - .pnpm-store
-  before_script:
-    - apk add --no-cache rsync     
-    - corepack enable
-    - corepack prepare pnpm@8.9.2 --activate
-    - pnpm config set store-dir .pnpm-store
-    - pnpm --dir ui/packages/shared install --frozen-lockfile
-
-build-and-pack-shared:
-  <<: *shared_base
-  stage: build
-  rules:
-    - changes:
-        - ui/packages/shared/**/* 
-  script:
-    - cd ui/packages/shared
-    - pnpm run pack
-  artifacts:
-    paths:
-      - ui/packages/shared/postgres.ai-shared-*.tgz
-
-publish-shared-preview:
-  <<: [*shared_base, *only_ui_feature]
-  stage: publish
-  needs:
-    - job: build-and-pack-shared
-      artifacts: true  
-  script:
-    - cd ui/packages/shared
-    - echo "//registry.npmjs.org/:_authToken=$NPM_TOKEN" > .npmrc
-    - export PREID="pr-${CI_MERGE_REQUEST_IID:-preview}"
-    - npm version prerelease --preid $PREID --no-git-tag-version
-    - pnpm publish --no-git-checks --tag $PREID
-
-publish-shared-release:
-  <<: [*shared_base, *only_ui_tag_release]
-  stage: publish
-  needs:
-    - job: build-and-pack-shared
-      artifacts: true  
-  script:
-    - cd ui/packages/shared
-    - echo "//registry.npmjs.org/:_authToken=$NPM_TOKEN" > .npmrc
-    - export VERSION=${CI_COMMIT_TAG#"v"} # remove leading "v"
-    - npm version "$VERSION" --no-git-tag-version
-    - pnpm publish --no-git-checks

package/components/AlertSnackbar/index.tsx

@@ -1,23 +0,0 @@
-import React from "react";
-import Snackbar from '@mui/material/Snackbar';
-import Alert from '@mui/material/Alert';
-import {useAlertSnackbar} from "./useAlertSnackbar";
-
-export const AlertSnackbar = () => {
-  const { snackbarMessage, closeSnackbar } = useAlertSnackbar();
-  return (
-    <Snackbar
-      open={!!snackbarMessage}
-      onClose={closeSnackbar}
-    >
-      <Alert
-        onClose={closeSnackbar}
-        severity="error"
-        variant="filled"
-        sx={{ width: '100%' }}
-      >
-        {snackbarMessage?.message}
-      </Alert>
-    </Snackbar>
-  )
-}

package/components/AlertSnackbar/useAlertSnackbar.tsx

@@ -1,65 +0,0 @@
-import React, { createContext, useCallback, useContext, useEffect, useRef, useState } from "react";
-import {AlertSnackbar} from "./index";
-
-type AlertSnackbarMessage = {
-  message: string,
-  key: number
-}
-
-type AlertSnackbarContextType = {
-  snackbarMessage: AlertSnackbarMessage | null;
-  showMessage: (message: string) => void;
-  closeSnackbar: () => void;
-}
-
-const AlertSnackbarContext = createContext<AlertSnackbarContextType | undefined>(undefined);
-
-export const useAlertSnackbar = () => {
-  const context = useContext(AlertSnackbarContext);
-  if (context === undefined) {
-    throw new Error('useSnackbar must be used within a SnackbarProvider');
-  }
-  return context;
-};
-
-type SnackbarProviderProps = {
-  children: React.ReactNode
-}
-
-export const AlertSnackbarProvider = (props: SnackbarProviderProps) => {
-  const { children } = props;
-  const [snackbarMessage, setSnackbarMessage] = useState<AlertSnackbarMessage | null>(null);
-  const isMounted = useRef(true);
-
-  useEffect(() => {
-    return () => {
-      isMounted.current = false;
-    };
-  }, []);
-
-  const showMessage = useCallback((message: string) => {
-    if (isMounted.current) {
-      setSnackbarMessage({message, key: new Date().getTime()});
-    }
-  }, []);
-
-  const closeSnackbar = useCallback(() => {
-    if (isMounted.current) {
-      setSnackbarMessage(null);
-    }
-  }, []);
-
-  const value = {
-    snackbarMessage,
-    showMessage,
-    closeSnackbar,
-  };
-
-  return (
-    <AlertSnackbarContext.Provider value={value}>
-      {children}
-      <AlertSnackbar />
-    </AlertSnackbarContext.Provider>
-  );
-
-}

package/components/Button/index.tsx

@@ -1,79 +0,0 @@
-/*--------------------------------------------------------------------------
- * Copyright (c) 2019-2021, Postgres.ai, Nikolay Samokhvalov nik@postgres.ai
- * All Rights Reserved. Proprietary and confidential.
- * Unauthorized copying of this file, via any medium is strictly prohibited
- *--------------------------------------------------------------------------
- */
-
-import React, { forwardRef } from 'react'
-import { makeStyles } from '@material-ui/styles'
-import { Button as ButtonBase, ButtonProps } from '@material-ui/core'
-import clsx from 'clsx'
-
-import { colors } from '@postgres.ai/shared/styles/colors'
-
-type Props = Omit<
-  ButtonProps,
-  'variant' | 'color' | 'className' | 'disabled'
-> & {
-  variant?: 'primary' | 'secondary'
-  className?: string
-  isDisabled?: boolean
-}
-
-const useStyles = makeStyles(
-  {
-    root: {
-      whiteSpace: 'nowrap',
-
-      '&.MuiButton-outlinedPrimary': {
-        background: colors.white,
-
-        '&:hover': {
-          background: '#f4f6f7',
-        },
-      },
-
-      '&:disabled': {
-        cursor: 'not-allowed',
-        pointerEvents: 'all',
-
-        '&.MuiButton-outlinedPrimary:hover': {
-          background: colors.white,
-          border: '1px solid rgba(0, 0, 0, 0.12)',
-        },
-      },
-    },
-  },
-  { index: 1 },
-)
-
-const VARIANT_MAP = {
-  primary: 'contained' as const,
-  secondary: 'outlined' as const,
-}
-
-export const Button = forwardRef(
-  (props: Props, ref: React.Ref<HTMLButtonElement>) => {
-    const {
-      variant = 'secondary',
-      className,
-      isDisabled,
-      size = 'small',
-      ...buttonProps
-    } = props
-    const classes = useStyles()
-
-    return (
-      <ButtonBase
-        {...buttonProps}
-        size={size}
-        ref={ref}
-        disabled={isDisabled}
-        className={clsx(classes.root, className)}
-        variant={VARIANT_MAP[variant]}
-        color="primary"
-      />
-    )
-  },
-)

package/components/Button2/index.tsx

@@ -1,43 +0,0 @@
-import React from 'react'
-import cn from 'classnames'
-
-import { Spinner } from '@postgres.ai/shared/components/Spinner'
-
-import styles from './styles.module.scss'
-
-type Props = {
-  type?: React.ButtonHTMLAttributes<HTMLButtonElement>['type']
-  children: React.ReactNode
-  onClick?: React.DOMAttributes<HTMLButtonElement>['onClick']
-  size?: 'sm' | 'md' | 'lg'
-  theme?: 'primary' | 'secondary' | 'accent'
-  className?: string
-  isDisabled?: boolean
-  isLoading?: boolean
-}
-
-export const Button = React.forwardRef<HTMLButtonElement, Props>(
-  (props, ref) => {
-    const { type = 'button', size = 'md', theme = 'secondary' } = props
-
-    const isDisabled = props.isDisabled || props.isLoading
-
-    return (
-      <button
-        ref={ref}
-        className={cn(
-          styles.root,
-          styles[size],
-          styles[theme],
-          props.className,
-        )}
-        type={type}
-        onClick={props.onClick}
-        disabled={isDisabled}
-      >
-        {props.children}
-        {props.isLoading && <Spinner size="sm" className={styles.spinner} />}
-      </button>
-    )
-  },
-)

package/components/DestroyCloneModal/index.tsx

@@ -1,56 +0,0 @@
-/*--------------------------------------------------------------------------
- * Copyright (c) 2019-2021, Postgres.ai, Nikolay Samokhvalov nik@postgres.ai
- * All Rights Reserved. Proprietary and confidential.
- * Unauthorized copying of this file, via any medium is strictly prohibited
- *--------------------------------------------------------------------------
- */
-
-import React from 'react'
-
-import { Modal } from '@postgres.ai/shared/components/Modal'
-import { ImportantText } from '@postgres.ai/shared/components/ImportantText'
-import { Text } from '@postgres.ai/shared/components/Text'
-import { SimpleModalControls } from '@postgres.ai/shared/components/SimpleModalControls'
-
-type Props = {
-  cloneId: string
-  isOpen: boolean
-  onClose: () => void
-  onDestroyClone: () => void
-}
-
-export const DestroyCloneModal = (props: Props) => {
-  const { cloneId, isOpen, onClose, onDestroyClone } = props
-
-  const handleClickDestroy = () => {
-    onDestroyClone()
-    onClose()
-  }
-
-  return (
-    <Modal
-      title={`Destroy clone ${cloneId}`}
-      onClose={onClose}
-      isOpen={isOpen}
-    >
-      <Text>
-        Are you sure you want to destroy clone{' '}
-        <ImportantText>{cloneId}</ImportantText>?
-      </Text>
-      
-      <SimpleModalControls
-        items={[
-          {
-            text: 'Cancel',
-            onClick: onClose,
-          },
-          {
-            text: 'Destroy clone',
-            variant: 'primary',
-            onClick: handleClickDestroy,
-          }
-        ]}
-      />
-    </Modal>
-  )
-}

package/components/DestroyCloneRestrictionModal/index.tsx

@@ -1,50 +0,0 @@
-/*--------------------------------------------------------------------------
- * Copyright (c) 2019-2021, Postgres.ai, Nikolay Samokhvalov nik@postgres.ai
- * All Rights Reserved. Proprietary and confidential.
- * Unauthorized copying of this file, via any medium is strictly prohibited
- *--------------------------------------------------------------------------
- */
-
-import React from 'react'
-import { observer } from 'mobx-react-lite'
-
-import { Modal } from '@postgres.ai/shared/components/Modal'
-import { Link } from '@postgres.ai/shared/components/Link2'
-import { ImportantText } from '@postgres.ai/shared/components/ImportantText'
-import { Text } from '@postgres.ai/shared/components/Text'
-import { SimpleModalControls } from '@postgres.ai/shared/components/SimpleModalControls'
-
-type Props = {
-  isOpen: boolean
-  onClose: () => void
-  cloneId: string
-  clonePagePath?: string
-}
-
-export const DestroyCloneRestrictionModal = observer((props: Props) => {
-  const { isOpen, onClose, cloneId, clonePagePath } = props
-
-  return (
-    <Modal title="Cannot destroy clone" isOpen={isOpen} onClose={onClose}>
-      <Text>
-        Cannot destroy clone <ImportantText>{cloneId}</ImportantText> because
-        deletion protection is enabled. You can disable deletion protection on{' '}
-        {clonePagePath ? (
-          <Link to={clonePagePath}>the clone page</Link>
-        ) : (
-          'this page'
-        )}
-        .
-      </Text>
-
-      <SimpleModalControls
-        items={[
-          {
-            text: 'Close',
-            onClick: onClose,
-          },
-        ]}
-      />
-    </Modal>
-  )
-})