@postgres.ai/shared 4.1.3 → 4.2.0-pr-1200.1

package/components/TextField/index.tsx

@@ -1,119 +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 {
-  TextField as TextFieldBase,
-  makeStyles,
-  InputProps,
-  TextFieldProps as TextFieldPropsBase,
-} from '@material-ui/core'
-import clsx from 'clsx'
-
-export type TextFieldProps = {
-  label?: string
-  disabled?: boolean
-  defaultValue?: string
-  value?: TextFieldPropsBase['value']
-  className?: string
-  fullWidth?: boolean
-  autoFocus?: boolean
-  id?: TextFieldPropsBase['id']
-  multiline?: TextFieldPropsBase['multiline']
-  onKeyDown?: TextFieldPropsBase['onKeyDown']
-  onChange?: TextFieldPropsBase['onChange']
-  InputProps?: InputProps
-  InputLabelProps?: TextFieldPropsBase['InputLabelProps']
-  children?: TextFieldPropsBase['children']
-  select?: TextFieldPropsBase['select']
-  type?: 'text' | 'password'
-  error?: boolean
-  placeholder?: string
-  onBlur?: TextFieldPropsBase['onBlur']
-  onFocus?: TextFieldPropsBase['onFocus']
-  name?: TextFieldPropsBase['name']
-  helperText?: TextFieldPropsBase['helperText']
-  style?: React.CSSProperties
-}
-
-const useStyles = makeStyles(
-  {
-    root: {
-      fontSize: '14px',
-    },
-    selectIcon: {
-      fontSize: '24px',
-    },
-    inputRoot: {
-      padding: 0,
-    },
-    input: {
-      padding: '8px',
-    },
-    helperText: {
-      fontSize: 12
-    }
-  },
-  { index: 1 },
-)
-
-export const TextField = (props: TextFieldProps) => {
-  const classes = useStyles()
-
-  return (
-    <TextFieldBase
-      onKeyDown={props.onKeyDown}
-      autoFocus={props.autoFocus}
-      id={props.id}
-      multiline={props.multiline}
-      label={props.label}
-      variant="outlined"
-      disabled={props.disabled}
-      className={clsx(classes.root, props.className)}
-      defaultValue={props.defaultValue}
-      value={props.value}
-      margin="normal"
-      fullWidth={props.fullWidth}
-      classes={{ }}
-      InputProps={{
-        ...props.InputProps,
-
-        classes: {
-          root: classes.inputRoot,
-          input: classes.input,
-          ...props.InputProps?.classes,
-        },
-      }}
-      SelectProps={{
-        classes: {
-          icon: classes.selectIcon,
-        },
-      }}
-      InputLabelProps={{
-        shrink: true,
-
-        ...props.InputLabelProps,
-      }}
-      FormHelperTextProps={{
-        classes: {
-          root: classes.helperText
-        }
-      }}
-      onChange={props.onChange}
-      children={props.children}
-      select={props.select}
-      type={props.type}
-      error={props.error}
-      placeholder={props.placeholder}
-      onBlur={props.onBlur}
-      onFocus={props.onFocus}
-      name={props.name}
-      helperText={props.helperText}
-      style={props.style}
-    />
-  )
-}

package/components/Tooltip/index.tsx

@@ -1,52 +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 {
-  Tooltip as TooltipBase,
-  TooltipProps,
-  makeStyles,
-} from '@material-ui/core'
-
-type Props = {
-  children: JSX.Element
-  content: string | JSX.Element
-  disableTouchListener?: boolean
-  placement?: TooltipProps['placement']
-  interactive?: TooltipProps['interactive']
-  enterTouchDelay?: TooltipProps['enterTouchDelay']
-}
-
-const useStyles = makeStyles(
-  {
-    tooltip: {
-      fontSize: '10px',
-      padding: '4px 8px',
-    },
-  },
-  { index: 1 },
-)
-
-export const Tooltip = (props: Props) => {
-  const {
-    content,
-    placement = 'top',
-    enterTouchDelay = 0,
-    ...otherProps
-  } = props
-
-  const classes = useStyles()
-
-  return (
-    <TooltipBase
-      {...otherProps}
-      enterTouchDelay={enterTouchDelay}
-      placement={placement}
-      title={content}
-      classes={{ tooltip: classes.tooltip }}
-    />
-  )
-}

package/config/index.ts

@@ -1,32 +0,0 @@
-import { Locale } from 'date-fns'
-import { enUS } from 'date-fns/locale'
-import { getUserLocale } from 'get-user-locale'
-
-type Config = {
-  dateFnsLocale: Locale
-  appName: string
-}
-
-export const config: Config = {
-  dateFnsLocale: enUS,
-  appName: 'Postgres.AI',
-}
-
-const loadDateFnsLocale = async () => {
-  const userLocale = getUserLocale()
-
-  // We are already using this locale.
-  if (userLocale === config.dateFnsLocale.code) return
-
-  try {
-    const locale = await import(`date-fns/locale/${userLocale}`)
-    config.dateFnsLocale = locale.default
-    return
-  } catch (e) {
-    // Unavailable locale.
-  }
-}
-
-export const initConfig = async () => {
-  await loadDateFnsLocale()
-}

package/config/links.ts

@@ -1,6 +0,0 @@
-export const linksConfig = {
-  cloudSignIn: 'https://postgres.ai/pricing',
-  docs: 'https://postgres.ai/docs',
-  support: 'https://postgres.ai/contact',
-  github: 'https://github.com/postgres-ai/database-lab-engine',
-}

package/dist/components/Button2/styles.module.scss

@@ -1,82 +0,0 @@
-@import '@postgres.ai/shared/styles/vars';
-@import '@postgres.ai/shared/styles/mixins';
-
-.root {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0 8px;
-  border-radius: $border-radius--small;
-  border: none;
-  font-weight: 500;
-  cursor: pointer;
-  font-family: inherit;
-
-  @include touch-transition(background-color color box-shadow opacity);
-
-  &:disabled {
-    cursor: not-allowed;
-    opacity: .5;
-  }
-
-  // Sizes.
-  &.sm {
-    height: 20px;
-    font-size: 12px;
-  }
-
-  &.md {
-    min-height: 26px;
-    font-size: 14px;
-  }
-
-  &.lg {
-    height: 32px;
-  }
-
-  // Themes.
-  &.primary {
-    background: $color-blue-main;
-    color: $color-white;
-
-    &:hover {
-      background: darken($color-blue-main, 5);
-    }
-
-    &:active {
-      background: darken($color-blue-main, 10);
-    }
-  }
-
-  &.secondary {
-    background: $color-white;
-    border: 1px solid $color-blue-main;
-    color: $color-blue-main;
-
-    &:hover {
-      background: #f4f6f7;
-    }
-
-    &:active {
-      background: #bdd5dc;
-    }
-  }
-
-  &.accent {
-    background: $color-orange;
-    color: $color-white;
-
-    &:hover {
-      background: darken($color-orange, 5);
-    }
-
-    &:active {
-      background: darken($color-orange, 10);
-    }
-  }
-}
-
-.spinner {
-  margin-left: 8px;
-  color: inherit;
-}

package/dist/components/FormattedText/styles.module.scss

@@ -1,34 +0,0 @@
-@import '@postgres.ai/shared/styles/vars';
-@import '@postgres.ai/shared/styles/mixins';
-
-.root {
-  position: relative;
-  background: $color-white--100;
-  border: 1px solid $color-gray-100;
-  border-radius: $border-radius--small;
-  overflow: hidden;
-
-  &:hover .copyButtonContainer {
-    opacity: 1;
-  }
-}
-
-.content {
-  padding: 10px 80px 10px 10px;
-  line-height: 1.5;
-  overflow: auto;
-  max-height: inherit;
-  margin: 0;
-}
-
-.copyButtonContainer {
-  opacity: 0;
-
-  @include touch-transition(opacity);
-}
-
-.copyButton {
-  position: absolute;
-  top: 8.5px;
-  right: 8.5px;
-}

package/dist/components/Link2/styles.module.scss

@@ -1,12 +0,0 @@
-@import '@postgres.ai/shared/styles/vars';
-@import '@postgres.ai/shared/styles/mixins';
-
-.root {
-  color: $color-blue-main;
-
-  @include touch-transition(color);
-
-  &:hover {
-    color: $color-blue-dark;
-  }
-}

package/dist/components/MenuButton/styles.module.scss

@@ -1,42 +0,0 @@
-@import '@postgres.ai/shared/styles/vars';
-@import '@postgres.ai/shared/styles/mixins';
-
-.root {
-  display: flex;
-  align-items: center;
-  padding: 0 10px;
-  background-color: $color-gray-darkest;
-  cursor: pointer;
-  border-radius: 4px;
-  border: 0;
-  height: 48px;
-  width: 100%;
-  color: inherit;
-  white-space: nowrap;
-  overflow: hidden;
-  font-weight: 700;
-  text-decoration: none;
-
-  @include touch-transition(background-color color);
-
-  &:hover {
-    background-color: $color-gray-darkest--hover;
-    color: inherit;
-  }
-
-  &.collapsed {
-    justify-content: center;
-  }
-
-  + .root {
-    margin-top: 8px;
-  }
-}
-
-.icon {
-  font-size: 0;
-
-  &:not(.collapsed) {
-    margin-right: 8px;
-  }
-}

package/dist/components/PageSpinner/styles.module.scss

@@ -1,13 +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
- *--------------------------------------------------------------------------
- */
-
-.root {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex: 1 1 100%;
-}

package/dist/components/Spinner/styles.module.scss

@@ -1,33 +0,0 @@
-@import '@postgres.ai/shared/styles/vars';
-
-@keyframes rotation {
-  from {
-    transform: rotate(0);
-  }
-
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-.root {
-  color: $color-orange;
-
-  animation: rotation ease-in-out .5s infinite;
-
-  // Sizes.
-  &.sm {
-    height: 16px;
-    width: 16px;
-  }
-
-  &.md {
-    height: 24px;
-    width: 24px;
-  }
-
-  &.lg {
-    height: 32px;
-    width: 32px;
-  }
-}

package/dist/components/Status/styles.module.scss

@@ -1,45 +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 '@postgres.ai/shared/styles/vars';
-
-.root {
-  &.ok {
-    color: $color-status-ok;
-  }
-
-  &.warning {
-    color: $color-status-warning;
-  }
-
-  &.error {
-    color: $color-status-error;
-  }
-
-  &.waiting {
-    color: $color-status-waiting;
-  }
-
-  &.unknown {
-    color: $color-status-unknown;
-  }
-}
-
-.iconContainer {
-  display: inline-block;
-  margin-right: 0.5em;
-  width: 0.8em;
-  position: relative;
-}
-
-.icon {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}

package/dist/components/StubSpinnerFlex/styles.module.scss

@@ -1,20 +0,0 @@
-@import '@postgres.ai/shared/styles/vars';
-
-.root {
-  background: $color-white;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-
-  &.absolute {
-    position: absolute;
-    top: 0;
-    left: 0;
-  }
-
-  &.flex {
-    flex: 1 1 100%;
-  }
-}

package/dist/meta.json

@@ -1 +0,0 @@
-{"buildDate":1634829055606}

package/dist/package.json

@@ -1,54 +0,0 @@
-{
-  "name": "@postgres.ai/shared",
-  "version": "4.1.3",
-  "scripts": {
-    "build": "tsc -p tsconfig.build.json && node scripts/copy-assets.js",
-    "pack": "node scripts/pack.js"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "dependencies": {
-    "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.14.0",
-    "@material-ui/core": "^4.11.4",
-    "@material-ui/icons": "^4.11.2",
-    "@material-ui/lab": "^4.0.0-alpha.61",
-    "@material-ui/styles": "^4.11.4",
-    "@monaco-editor/react": "^4.4.5",
-    "@mui/material": "^5.10.12",
-    "@types/node": "^12.20.33",
-    "@types/react": "^17.0.30",
-    "@types/react-dom": "^17.0.10",
-    "@types/react-router": "^5.1.17",
-    "@types/react-router-dom": "^5.3.1",
-    "@types/react-syntax-highlighter": "^15.5.13",
-    "byte-size": "^9.0.1",
-    "classnames": "^2.3.1",
-    "clsx": "^2.1.1",
-    "copy-to-clipboard": "^3.3.1",
-    "date-fns": "^2.22.1",
-    "formik": "^2.4.9",
-    "get-user-locale": "^1.4.0",
-    "mobx": "^6.3.5",
-    "mobx-react-lite": "^3.2.1",
-    "moment": "^2.24.0",
-    "prop-types": "^15.7.2",
-    "react": "^17.0.2",
-    "react-countdown-hook": "^1.1.0",
-    "react-dom": "^17.0.2",
-    "react-router": "^5.1.2",
-    "react-router-dom": "^5.1.2",
-    "react-syntax-highlighter": "^15.6.6",
-    "typescript": "^4.8.3",
-    "use-timer": "^2.0.1",
-    "whatwg-fetch": "^3.6.2",
-    "yup": "^0.32.11"
-  },
-  "peerDependencies": {
-    "react": "^17.0.0 || ^18.0.0"
-  },
-  "devDependencies": {
-    "glob": "^11.1.0"
-  }
-}

package/dist/pages/CreateClone/styles.module.scss

@@ -1,129 +0,0 @@
-.container {
-  display: flex;
-  gap: 60px;
-  margin-top: 20px;
-  max-width: 1200px;
-
-  @media (max-width: 1300px) {
-    flex-direction: column;
-    gap: 20px;
-  }
-}
-
-.title {
-  margin-top: 16px;
-}
-
-.form {
-  flex: 1 1 0;
-  min-width: 0;
-}
-
-.snippetContainer {
-  flex: 1 1 0;
-  min-width: 0;
-  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
-  padding: 0 20px 10px 20px;
-  height: max-content;
-  border-radius: 4px;
-}
-
-.snapshotItem {
-  display: flex;
-  flex-direction: column;
-  padding: 4px 0;
-}
-
-.section {
-  & + .section {
-    margin-top: 24px;
-  }
-}
-
-.title {
-  font-size: inherit;
-  font-weight: 700;
-}
-
-.text {
-  margin-top: 8px;
-}
-
-.marginBottom {
-  margin-bottom: 10px;
-}
-
-.remark {
-  font-size: 12px;
-}
-
-.error {
-  color: red;
-}
-
-.snapshotTag {
-  font-weight: 700;
-  margin-left: 4px;
-}
-
-.summary {
-  display: flex;
-  align-items: center;
-  background-color: rgb(250, 250, 250) !important;
-  box-shadow: none !important;
-  padding: 12px;
-  margin: 10px 0 15px 0;
-}
-
-.summaryIcon {
-  width: 30px;
-  color: silver;
-  margin-right: 12px;
-}
-
-.params {
-  flex: 1 1 100%;
-}
-
-.param {
-  display: flex;
-  justify-content: space-between;
-}
-
-.controls {
-  display: flex;
-  align-items: center;
-}
-
-.spinner {
-  margin-left: 8px;
-}
-
-.elapsedTime {
-  margin-left: 24px;
-}
-
-.snapshotOverflow {
-  width: 100%;
-  word-wrap: break-word;
-  white-space: initial;
-}
-
-.pageTitle {
-  margin-top: 8px;
-  line-height: 26px;
-}
-
-.passwordActions {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  margin-top: 8px;
-  margin-bottom: 16px;
-}
-
-.passwordHint {
-  font-size: 12px;
-  color: #f57c00;
-  font-weight: 500;
-}