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

package/components/Table/index.tsx

@@ -1,140 +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 {
-  Table as TableBase,
-  TableProps as TableBaseProps,
-  TableHead,
-  TableRow,
-  TableCell as TableCellBase,
-  TableCellProps as TableCellBaseProps,
-  TableBody,
-  makeStyles,
-} from '@material-ui/core'
-import clsx from 'clsx'
-
-import { colors } from '@postgres.ai/shared/styles/colors'
-
-import { RowMenu, Props as RowMenuProps } from './RowMenu'
-
-const cellStyles = {
-  paddingLeft: '8px',
-  paddingRight: '8px',
-  borderColor: colors.consoleStroke,
-}
-
-// Table.
-type TableProps = TableBaseProps
-
-const useTableStyles = makeStyles(
-  {
-    root: {
-      whiteSpace: 'nowrap',
-
-      '& .MuiTableCell-root': {
-        lineHeight: 'normal',
-      },
-    },
-  },
-  { index: 1 },
-)
-
-const Table = (props: TableProps) => {
-  const classes = useTableStyles()
-  return (
-    <TableBase {...props} className={clsx(props.className, classes.root)} />
-  )
-}
-
-// TableHeaderCell.
-type TableHeaderCellProps = TableCellBaseProps
-
-const useTableHeaderCellStyles = makeStyles(
-  {
-    root: {
-      ...cellStyles,
-      color: colors.pgaiDarkGray,
-      paddingTop: '12px',
-      paddingBottom: '12px',
-    },
-  },
-  { index: 1 },
-)
-
-const TableHeaderCell = (props: TableHeaderCellProps) => {
-  const classes = useTableHeaderCellStyles()
-
-  return (
-    <TableCellBase {...props} className={clsx(props.className, classes.root)} />
-  )
-}
-
-// TableBodyCell.
-type TableBodyCellProps = TableCellBaseProps
-
-const useTableBodyCellStyles = makeStyles(
-  {
-    root: {
-      ...cellStyles,
-      fontSize: '12px',
-      paddingTop: '8px',
-      paddingBottom: '8px',
-    },
-  },
-  { index: 1 },
-)
-
-const TableBodyCell = (props: TableBodyCellProps) => {
-  const classes = useTableBodyCellStyles()
-
-  return (
-    <TableCellBase {...props} className={clsx(props.className, classes.root)} />
-  )
-}
-
-// TableBodyCellMenu.
-type TableBodyCellMenuProps = TableBodyCellProps & RowMenuProps
-
-const useTableBodyCellMenuStyles = makeStyles(
-  {
-    root: {
-      padding: 0,
-    },
-  },
-  { index: 1 },
-)
-
-const TableBodyCellMenu = (props: TableBodyCellMenuProps) => {
-  const classes = useTableBodyCellMenuStyles()
-
-  const { isLoading, isDisabled, children, ...hiddenProps } = props
-
-  const handleClick: React.MouseEventHandler<HTMLTableDataCellElement> = (e) =>
-    e.stopPropagation()
-
-  return (
-    <TableBodyCell
-      {...hiddenProps}
-      className={classes.root}
-      onClick={handleClick}
-    >
-      <RowMenu {...hiddenProps} isLoading={isLoading} isDisabled={isDisabled} />
-      {children}
-    </TableBodyCell>
-  )
-}
-
-export {
-  Table,
-  TableHead,
-  TableRow,
-  TableBody,
-  TableHeaderCell,
-  TableBodyCell,
-  TableBodyCellMenu,
-}

package/components/TextField/index.tsx

@@ -1,117 +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']
-}
-
-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}
-    />
-  )
-}

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/craco.config.js

@@ -1,80 +0,0 @@
-const path = require('path')
-
-const {
-  getLoader,
-  loaderByName,
-  getPlugin,
-  pluginByName,
-  addPlugins,
-  whenProd,
-} = require('@craco/craco')
-
-const CreateFilePlugin = require('create-file-webpack')
-
-const SHARED_PACKAGE_PATH = path.join(__dirname, '../shared')
-
-const buildTimestamp = Date.now()
-
-module.exports = (context) => ({
-  webpack: {
-    configure: (webpackConfig) => {
-      // Add shared to resolve.
-      const forkTsCheckerWebpackPlugin = getPlugin(
-        webpackConfig,
-        pluginByName('ForkTsCheckerWebpackPlugin'),
-      )
-
-      if (forkTsCheckerWebpackPlugin.isFound) {
-        forkTsCheckerWebpackPlugin.match.reportFiles = []
-        forkTsCheckerWebpackPlugin.match.options.reportFiles = []
-      }
-
-      const babelLoader = getLoader(webpackConfig, loaderByName('babel-loader'))
-
-      if (babelLoader.isFound) {
-        if (Array.isArray(babelLoader.match.loader.include)) {
-          babelLoader.match.loader.include.push(SHARED_PACKAGE_PATH)
-        } else {
-          babelLoader.match.loader.include = [
-            babelLoader.match.loader.include,
-            SHARED_PACKAGE_PATH,
-          ]
-        }
-      }
-
-      // Generating meta.json
-      whenProd(() =>
-        addPlugins(webpackConfig, [
-          new CreateFilePlugin({
-            path: context.paths.appBuild,
-            fileName: './meta.json',
-            content: JSON.stringify({
-              buildTimestamp,
-              // Backward compatibility with prev versions UI.
-              buildDate: buildTimestamp,
-            }),
-          }),
-        ]),
-      )
-
-      // Passing build timestamp.
-      const { match: definePlugin } = getPlugin(
-        webpackConfig,
-        pluginByName('DefinePlugin'),
-      )
-      if (definePlugin)
-        definePlugin.definitions[
-          'process.env'
-        ].BUILD_TIMESTAMP = `${buildTimestamp}`
-
-      // Resolve polyfills.
-      webpackConfig.resolve.fallback = {
-        ...webpackConfig.resolve.fallback,
-        crypto: require.resolve('crypto-browserify'),
-        stream: require.resolve('stream-browserify'),
-      }
-
-      return webpackConfig
-    },
-  },
-})

package/helpers/getEntropy.ts

@@ -1,232 +0,0 @@
-const replaceChars = '!@$&*'
-const sepChars = '_-., '
-const otherSpecialChars = '“#%"()+/:;<=>?[\\]^{|}~'
-const lowerChars = 'abcdefghijklmnopqrstuvwxyz'
-const upperChars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'
-const digitsChars = '0123456789'
-export const MIN_ENTROPY = 60
-
-function getBase(password: string): number {
-  let uniqueChars: string[] = []
-  for (const c of password) {
-    if (!uniqueChars.includes(c)) {
-      uniqueChars.push(c)
-    }
-  }
-  let hasReplace = false
-  let hasSep = false
-  let hasOtherSpecial = false
-  let hasLower = false
-  let hasUpper = false
-  let hasDigits = false
-  let base = 0
-
-  for (let i = 0; i < uniqueChars.length; i++) {
-    switch (true) {
-      case replaceChars.includes(uniqueChars[i]):
-        hasReplace = true
-        break
-      case sepChars.includes(uniqueChars[i]):
-        hasSep = true
-        break
-      case otherSpecialChars.includes(uniqueChars[i]):
-        hasOtherSpecial = true
-        break
-      case lowerChars.includes(uniqueChars[i]):
-        hasLower = true
-        break
-      case upperChars.includes(uniqueChars[i]):
-        hasUpper = true
-        break
-      case digitsChars.includes(uniqueChars[i]):
-        hasDigits = true
-        break
-      default:
-        base++
-        break
-    }
-  }
-  if (hasReplace) {
-    base += replaceChars.length
-  }
-  if (hasSep) {
-    base += sepChars.length
-  }
-  if (hasOtherSpecial) {
-    base += otherSpecialChars.length
-  }
-  if (hasLower) {
-    base += lowerChars.length
-  }
-  if (hasUpper) {
-    base += upperChars.length
-  }
-  if (hasDigits) {
-    base += digitsChars.length
-  }
-  return base
-}
-const seqNums = '0123456789'
-const seqKeyboard0 = 'qwertyuiop'
-const seqKeyboard1 = 'asdfghjkl'
-const seqKeyboard2 = 'zxcvbnm'
-const seqAlphabet = 'abcdefghijklmnopqrstuvwxyz'
-function removeMoreThanTwoFromSequence(s: string, seq: string): string {
-  const seqRunes: string[] = Array.from(seq)
-  let runes: string[] = Array.from(s)
-  let matches = 0
-  for (let i = 0; i < runes.length; i++) {
-    for (let j = 0; j < seqRunes.length; j++) {
-      if (i >= runes.length) {
-        break
-      }
-      const r = runes[i]
-      const r2 = seqRunes[j]
-      if (r !== r2) {
-        matches = 0
-        continue
-      }
-      // found a match, advance the counter
-      matches++
-      if (matches > 2) {
-        runes.splice(i, 1)
-      } else {
-        i++
-      }
-    }
-  }
-  return runes.join('')
-}
-function getReversedString(s: string): string {
-  const rune: string[] = Array.from(s)
-  const n = rune.length
-  for (let i = 0; i < Math.floor(n / 2); i++) {
-    ;[rune[i], rune[n - 1 - i]] = [rune[n - 1 - i], rune[i]]
-  }
-  return rune.join('')
-}
-function removeMoreThanTwoRepeatingChars(s: string): string {
-  let prevPrev: string = ''
-  let prev: string = ''
-  const runes: string[] = Array.from(s)
-  for (let i = 0; i < runes.length; i++) {
-    const r = runes[i]
-    if (r === prev && r === prevPrev) {
-      runes.splice(i, 1)
-      i--
-    }
-    prevPrev = prev
-    prev = r
-  }
-  return runes.join('')
-}
-function getLength(password: string): number {
-  password = removeMoreThanTwoRepeatingChars(password)
-  password = removeMoreThanTwoFromSequence(password, seqNums)
-  password = removeMoreThanTwoFromSequence(password, seqKeyboard0)
-  password = removeMoreThanTwoFromSequence(password, seqKeyboard1)
-  password = removeMoreThanTwoFromSequence(password, seqKeyboard2)
-  password = removeMoreThanTwoFromSequence(password, seqAlphabet)
-  password = removeMoreThanTwoFromSequence(password, getReversedString(seqNums))
-  password = removeMoreThanTwoFromSequence(
-    password,
-    getReversedString(seqKeyboard0),
-  )
-  password = removeMoreThanTwoFromSequence(
-    password,
-    getReversedString(seqKeyboard1),
-  )
-  password = removeMoreThanTwoFromSequence(
-    password,
-    getReversedString(seqKeyboard2),
-  )
-  password = removeMoreThanTwoFromSequence(
-    password,
-    getReversedString(seqAlphabet),
-  )
-  return password.length
-}
-export function getEntropy(password: string): number {
-  return getEntropyInternal(password)
-}
-function getEntropyInternal(password: string): number {
-  const base = getBase(password)
-  const length = getLength(password)
-  // calculate log2(base^length)
-  return logPow(base, length, 2)
-}
-function logX(base: number, n: number): number {
-  if (base == 0) {
-    return 0
-  } else {
-    return Math.log2(n) / Math.log2(base)
-  }
-}
-function logPow(expBase: number, pow: number, logBase: number): number {
-  let total = 0
-  for (let i = 0; i < pow; i++) {
-    total += logX(logBase, expBase)
-  }
-  return total
-}
-
-export function validatePassword(password: string, minEntropy: number): string {
-  const entropy: number = getEntropy(password)
-  if (entropy >= minEntropy) {
-    return ''
-  }
-
-  let hasReplace: boolean = false
-  let hasSep: boolean = false
-  let hasOtherSpecial: boolean = false
-  let hasLower: boolean = false
-  let hasUpper: boolean = false
-  let hasDigits: boolean = false
-
-  for (const c of password) {
-    switch (true) {
-      case replaceChars.includes(c):
-        hasReplace = true
-        break
-      case sepChars.includes(c):
-        hasSep = true
-        break
-      case otherSpecialChars.includes(c):
-        hasOtherSpecial = true
-        break
-      case lowerChars.includes(c):
-        hasLower = true
-        break
-      case upperChars.includes(c):
-        hasUpper = true
-        break
-      case digitsChars.includes(c):
-        hasDigits = true
-        break
-    }
-  }
-
-  const allMessages: string[] = []
-
-  if (!hasOtherSpecial || !hasSep || !hasReplace) {
-    allMessages.push('including more special characters')
-  }
-  if (!hasLower) {
-    allMessages.push('using lowercase letters')
-  }
-  if (!hasUpper) {
-    allMessages.push('using uppercase letters')
-  }
-  if (!hasDigits) {
-    allMessages.push('using numbers')
-  }
-
-  if (allMessages.length > 0) {
-    const errorMessage: string = `Weak password, try ${allMessages.join(
-      ', ',
-    )} or using a longer password`
-    return errorMessage
-  }
-
-  return 'Weak password, try using a longer password'
-}

package/helpers/localStorage.ts

@@ -1,15 +0,0 @@
-const keys = {
-  // Keep this name.
-  authToken: 'token',
-}
-
-export class LocalStorage {
-  // Auth token.
-  getAuthToken = () => window.localStorage.getItem(keys.authToken)
-
-  setAuthToken = (value: string) => window.localStorage.setItem(keys.authToken, value)
-
-  removeAuthToken = () => window.localStorage.removeItem(keys.authToken)
-}
-
-export const localStorage = new LocalStorage()