@popsure/dirty-swan 0.27.13 → 0.27.14

package/src/lib/components/dropzone/index.stories.mdx

@@ -1,44 +0,0 @@
-import { Meta, Preview } from '@storybook/addon-docs/blocks';
-
-import Dropzone from '.';
-
-<Meta title="JSX/Dropzone" component={Dropzone} />
-
-# Dropzone
-
-Date selector are user interface elements which allow user to select and upload a file.
-
-## Examples
-
-### Idle state
-
-<Preview>
-  <Dropzone uploading={false} onSelectedFile={() => {}} />
-</Preview>
-
-### Uploading state
-
-<Preview>
-  <Dropzone uploading={true} progress={30} onSelectedFile={() => {}} />
-</Preview>
-
-### Error state
-
-<Preview>
-  <Dropzone
-    uploading={true}
-    progress={30}
-    error="Something went wront"
-    onSelectedFile={() => {}}
-  />
-</Preview>
-
-### Uploaded state
-
-<Preview>
-  <Dropzone
-    uploading={false}
-    uploadedFileUrl="http://getpopsure.com/my-file.png"
-    onSelectedFile={() => {}}
-  />
-</Preview>

package/src/lib/components/dropzone/index.tsx

@@ -1,152 +0,0 @@
-import React, { useCallback } from 'react';
-import { useDropzone } from 'react-dropzone';
-
-import styles from './style.module.scss';
-
-import ErrorImage from './images/error';
-import UploadImage from './images/upload';
-import FileImage from './images/file';
-
-export function truncateStringTail(aString: string, length: number) {
-  if (aString.length > length) {
-    const tail = '[...]';
-    const truncatedString = aString.substring(
-      aString.length - length + tail.length,
-      aString.length
-    );
-    return `${tail}${truncatedString}`;
-  }
-
-  return aString;
-}
-
-export default ({
-  className,
-  uploading,
-  progress,
-  error,
-  uploadedFileUrl,
-  onSelectedFile,
-}: {
-  className?: string;
-  uploading: boolean;
-  progress?: number;
-  error?: string;
-  uploadedFileUrl?: string;
-  onSelectedFile: (file: File) => void;
-}) => {
-  const onDrop = useCallback(
-    (acceptedFiles) => {
-      onSelectedFile(acceptedFiles[0]);
-    },
-    [onSelectedFile]
-  );
-
-  const uploadedFileName =
-    (uploadedFileUrl &&
-      truncateStringTail(
-        new URL(uploadedFileUrl).pathname.split('/').pop() || '',
-        22
-      )) ||
-    '';
-
-  type State = 'idle' | 'uploading' | 'error' | 'uploaded';
-
-  function stateFromParameters({
-    uploading,
-    progress,
-    error,
-    uploadedFileUrl,
-  }: {
-    uploading: boolean;
-    progress?: number;
-    error?: string;
-    uploadedFileUrl?: string;
-  }): State {
-    if (error) {
-      return 'error';
-    }
-
-    if (uploading && progress) {
-      return 'uploading';
-    }
-
-    if (uploadedFileUrl) {
-      return 'uploaded';
-    }
-
-    return 'idle';
-  }
-
-  const state = stateFromParameters({
-    uploading,
-    progress,
-    error,
-    uploadedFileUrl,
-  });
-
-  const {
-    action,
-    Image,
-    text,
-    containerStyle,
-    textColor,
-  }: {
-    action: string | undefined;
-    Image: React.ComponentType<{}>;
-    text: string;
-    containerStyle: string | undefined;
-    textColor: string;
-  } = {
-    idle: {
-      action: undefined,
-      Image: UploadImage,
-      text: 'Upload document',
-      containerStyle: undefined,
-      textColor: 'tc-primary-500',
-    },
-    uploading: {
-      action: undefined,
-      Image: UploadImage,
-      text: 'Uploading document…',
-      containerStyle: styles['container--uploading'],
-      textColor: 'tc-primary-500',
-    },
-    error: {
-      action: 'Tap to retry',
-      Image: ErrorImage,
-      text: 'Error!',
-      containerStyle: styles['container--error'],
-      textColor: 'tc-red-500',
-    },
-    uploaded: {
-      action: 'Tap to replace',
-      Image: FileImage,
-      text: uploadedFileName,
-      containerStyle: styles['container--uploaded'],
-      textColor: 'tc-primary-500',
-    },
-  }[state];
-
-  const { getRootProps, getInputProps } = useDropzone({ onDrop });
-
-  return (
-    <div
-      className={`${styles.container} ${containerStyle} ${className}`}
-      {...getRootProps()}
-    >
-      <input {...getInputProps()} />
-      <Image />
-      <div className="p-p mt16">{text}</div>
-      {action && <div className={`p-p ${textColor}`}>{action}</div>}
-      {state === 'uploading' && (
-        <div className={styles['progress-container']}>
-          <div
-            className={styles['progress-bar']}
-            style={{ width: `${progress}%` }}
-          />
-        </div>
-      )}
-    </div>
-  );
-};

package/src/lib/components/dropzone/style.module.scss

@@ -1,90 +0,0 @@
-.container {
-  cursor: pointer;
-
-  background-color: var(--ds-primary-100);
-
-  border-radius: 8px;
-  border: 1px dashed var(--ds-primary-500);
-
-  height: 226px;
-  width: 100%;
-  max-width: 518px;
-
-  transition: 0.3s background-color, 0.3s border-color;
-
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-
-  &:focus {
-    outline: none;
-    box-shadow: 0 0 0 2px rgba($color: var(--ds-primary-500), $alpha: 0.5);
-  }
-
-  &:hover {
-    background-color: var(--ds-primary-300);
-  }
-
-  &--error {
-    border-color: var(--ds-red-300);
-    background-color: var(--ds-red-100);
-
-    &:hover {
-      border-color: var(--ds-red-300);
-      background-color: var(--ds-red-100);
-    }
-
-    &:focus {
-      outline: none;
-      box-shadow: 0 0 0 2px rgba($color: var(--ds-red-500), $alpha: 0.5);
-    }
-  }
-
-  &--uploading {
-    pointer-events: none;
-  }
-
-  &--uploaded {
-    &:hover {
-      background-color: var(--ds-primary-100);
-    }
-  }
-}
-
-.image {
-  width: 88px;
-}
-
-.progress-container {
-  height: 4px;
-  width: 85%;
-
-  margin-top: 24px;
-
-  border-radius: 2px;
-  background-color: var(--ds-primary-300);
-
-  overflow: hidden;
-
-  & .progress-bar {
-    height: 100%;
-
-    background-color: var(--ds-primary-500);
-    border-radius: 2px;
-
-    transition: width 0.3s;
-  }
-}
-
-.action {
-  color: var(--ds-primary-500);
-
-  &--error {
-    color: var(--ds-red-500);
-  }
-
-  &--uploaded {
-    color: var(--ds-primary-500);
-  }
-}

package/src/lib/models/downloadRing/index.ts

@@ -1,6 +0,0 @@
-export type DownloadRingDownloadStatus =
-  | 'INITIAL'
-  | 'GENERATING'
-  | 'DOWNLOADING'
-  | 'COMPLETED'
-  | 'FAILED';