design-react-kit 5.7.3 → 5.8.0

package/dist/index.js

@@ -103,6 +103,10 @@ export { Toolbar } from './Toolbar/Toolbar';
 export { ToolbarDividerItem } from './Toolbar/ToolbarDividerItem';
 export { ToolbarItem } from './Toolbar/ToolbarItem';
 export { Transfer } from './Transfer/Transfer';
+export { Upload } from './Upload/Upload';
+export { UploadDragNdrop } from './Upload/UploadDragNdrop';
+export { UploadList } from './Upload/UploadList';
+export { UploadListItem } from './Upload/UploadListItem';
 export { Video } from './Video/Video';
 import './track-focus.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/types/Upload/Upload.d.ts

@@ -0,0 +1,26 @@
+import React, { ElementType, InputHTMLAttributes, ReactNode } from 'react';
+import { IconProps } from '../Icon/Icon';
+export interface UploadProps extends InputHTMLAttributes<HTMLInputElement> {
+    /** L'id che lega il componente con la label */
+    id: string;
+    /** Etichetta del per il componente Upload, default 'Upload' */
+    label?: string | ReactNode;
+    /**
+     * Il nome dell'icona da mostrare, default è 'it-upload'. Per una lista completa vedi:
+     * <a href="https://italia.github.io/design-react-kit/?path=/story/componenti-icon--lista-icone" target="_blank">Lista icone</a>
+     * In caso di un'immagine esterna l'URL da utilizzare.
+     **/
+    icon?: string;
+    iconSize?: IconProps['size'];
+    /** Utilizzarlo in caso di utilizzo di componenti personalizzati. Il valore di default è 'input' */
+    tag?: ElementType;
+    /** Classi aggiuntive da usare per il componente Upload */
+    className?: string;
+    /** Indica che l'input è con un avatar */
+    isAvatar?: boolean;
+    avatarImg?: ReactNode;
+    /** Indica che l'avatar è piccolo */
+    avatarSmall?: boolean;
+    testId?: string;
+}
+export declare const Upload: ({ id, className, icon, iconSize, label, tag, isAvatar, avatarImg, avatarSmall, testId, ...attributes }: UploadProps) => React.JSX.Element;

package/dist/types/Upload/UploadDragNdrop.d.ts

@@ -0,0 +1,13 @@
+import React, { FC } from 'react';
+interface UploadDragNdropProps {
+    /**
+     * Array di file per il caricamento del file
+     */
+    files: File[];
+    /**
+     * Funzione per impostare lo stato dei files
+     */
+    setFiles: React.Dispatch<React.SetStateAction<File[]>>;
+}
+export declare const UploadDragNdrop: FC<UploadDragNdropProps>;
+export {};

package/dist/types/Upload/UploadList.d.ts

@@ -0,0 +1,13 @@
+import { FC, HTMLAttributes } from 'react';
+export interface UploadListProps extends HTMLAttributes<HTMLUListElement> {
+    /** Classi aggiuntive da usare per il componente lista del UploadList */
+    className?: string;
+    /** Indica che gli item list hanno l'immagine come anteprima */
+    previewImage?: boolean;
+    /** Indica la tipologia di lista
+     * @default file
+     */
+    tipologia: 'file' | 'gallery';
+    testId?: string;
+}
+export declare const UploadList: FC<UploadListProps>;

package/dist/types/Upload/UploadListItem.d.ts

@@ -0,0 +1,33 @@
+import { ElementType, FC, HTMLAttributes, InputHTMLAttributes } from 'react';
+export interface UploadListItemProps extends HTMLAttributes<HTMLUListElement> {
+    /** Classi aggiuntive da usare per il componente lista del UploadList */
+    className?: string;
+    /**
+     * Indica l'icona del file
+     * @default it-file
+     */
+    icon?: string;
+    /**
+     * Indica lo stato dell'upload
+     * @default success
+     */
+    uploadStatus?: 'success' | 'uploading' | 'error';
+    /** Utilizzarlo in caso di utilizzo di componenti personalizzati */
+    buttonTag?: ElementType;
+    /** Nome del file */
+    fileName?: string;
+    /** Peso del file */
+    fileWeight?: string;
+    /** Valore della barra progress in caso uploadStatus sia uploading */
+    progressValue?: number;
+    /** Indica che gli item list hanno l'immagine come anteprima */
+    previewImage?: boolean;
+    previewImageSrc?: string;
+    previewImageAlt?: string;
+    testId?: string;
+}
+export declare const UploadListItem: FC<UploadListItemProps> & {
+    UploadButton: typeof UploadButton;
+};
+declare const UploadButton: FC<InputHTMLAttributes<HTMLInputElement>>;
+export {};

package/dist/types/Upload/useUploadContext.d.ts

@@ -0,0 +1,6 @@
+interface UploadContextType {
+    tipologia: 'file' | 'gallery';
+}
+export declare const UploadContext: import("react").Context<UploadContextType>;
+export declare const useUploadContext: () => "file" | "gallery";
+export {};

package/dist/types/index.d.ts

@@ -103,6 +103,10 @@ export { Toolbar } from './Toolbar/Toolbar';
 export { ToolbarDividerItem } from './Toolbar/ToolbarDividerItem';
 export { ToolbarItem } from './Toolbar/ToolbarItem';
 export { Transfer } from './Transfer/Transfer';
+export { Upload } from './Upload/Upload';
+export { UploadDragNdrop } from './Upload/UploadDragNdrop';
+export { UploadList } from './Upload/UploadList';
+export { UploadListItem } from './Upload/UploadListItem';
 export { Video } from './Video/Video';
 export type { AccordionProps } from './Accordion/Accordion';
 export type { AccordionBodyProps } from './Accordion/AccordionBody';
@@ -198,6 +202,7 @@ export type { TimelineProps } from './Timeline/TimelineWrapper';
 export type { ToggleProps } from './Toggle/Toggle';
 export type { ToolbarProps } from './Toolbar/Toolbar';
 export type { ToolbarItemBadge, ToolbarItemProps } from './Toolbar/ToolbarItem';
+export type { UploadProps } from './Upload/Upload';
 export type { VideoProps, VideoSource, VideoTrackSource, VideoYouTube } from './Video/Video';
 export type { BreadcrumbItemProps, ButtonDropdownProps, ButtonGroupProps, ButtonToolbarProps, CardColumnsProps, CardDeckProps, CardFooterProps, CardGroupProps, CardHeaderProps, CardImgOverlayProps, CardImgProps, CardLinkProps, CardSubtitleProps, ColProps, ContainerProps, FadeProps, FormFeedbackProps, FormGroupProps, FormProps, FormTextProps, InputGroupProps, InputGroupTextProps, LabelProps, ListGroupItemHeadingProps, ListGroupItemProps, ListGroupItemTextProps, ListGroupProps, MediaProps, NavbarBrandProps, NavbarProps, NavbarTogglerProps, NavItemProps, NavLinkProps, PaginationItem as PagerItemProps, PaginationLink as PagerLinkProps, PopoverBodyProps, PopoverHeaderProps, PopoverProps, RowProps, TableProps, TooltipProps, UncontrolledAlertProps, UncontrolledCollapseProps, UncontrolledTooltipProps } from 'reactstrap';
 export type { SplideProps } from '@splidejs/react-splide';

package/dist/upload-drag-drop-icon-TT56BXNQ.svg

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="180px" height="180px" viewBox="0 0 180 180" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 52.4 (67378) - http://www.bohemiancoding.com/sketch -->
+    <title>icon</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Upload" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Artboard">
+            <g id="icon">
+                <rect id="Rectangle" fill="#D1E7FF" x="-4.54747351e-13" y="0" width="180" height="180"></rect>
+                <g id="Group-6-Copy" transform="translate(107.855175, 109.702248) rotate(-10.000000) translate(-107.855175, -109.702248) translate(48.355175, 35.202248)">
+                    <path d="M9.09485765,0.818376999 L89.0909206,0.818376999 L118.590921,30.418377 L118.590921,140.31444 C118.590921,145.011035 114.783578,148.818377 110.086984,148.818377 L6.26021198,148.818377 C3.12914883,148.818377 0.590920643,146.280149 0.590920643,143.149086 L0.590920643,9.32231401 C0.590920643,4.62571928 4.39826293,0.818376999 9.09485765,0.818376999 Z" id="Rectangle-3" fill="#66A5E3" opacity="0.4"></path>
+                    <polygon id="Line-3" fill="#FFFFFF" fill-rule="nonzero" points="21.0573959 73.8584959 21.0573959 65.3545589 70.8630412 65.3545589 70.8630412 73.8584959"></polygon>
+                    <polygon id="Line-3-Copy" fill="#FFFFFF" fill-rule="nonzero" points="20.2171934 91.322159 20.2171934 82.818222 99.7211304 82.818222 99.7211304 91.322159"></polygon>
+                    <polygon id="Line-3-Copy-2" fill="#FFFFFF" fill-rule="nonzero" points="20.3932458 107.600028 20.3932458 99.0960906 99.8971828 99.0960906 99.8971828 107.600028"></polygon>
+                    <polygon id="Rectangle-7" fill="#0059B3" opacity="0.2" transform="translate(105.449361, 40.610535) scale(-1, 1) rotate(90.000000) translate(-105.449361, -40.610535) " points="92.3040422 27.4750409 118.594681 53.7460296 95.2464052 53.7377589"></polygon>
+                    <path d="M89.0927528,0.842666647 L118.560625,30.3915947 L100.247733,30.6719146 C94.1805894,30.7647859 89.186911,25.9216815 89.0940397,19.8545382 C89.0931818,19.7984895 89.0927528,19.7424351 89.0927528,19.6863799 L89.0927528,0.842666647 Z" id="Rectangle-7" fill="#FFFFFF"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/package.json

@@ -25,7 +25,7 @@
   "bugs": {
     "url": "https://github.com/italia/design-react-kit/issues"
   },
-  "version": "5.7.3",
+  "version": "5.8.0",
   "license": "BSD-3",
   "type": "module",
   "module": "./dist/index.js",
@@ -118,6 +118,7 @@
     "husky": "^8.0.1",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
+    "jest-transform-stub": "^2.0.0",
     "lint-staged": "15.2.10",
     "prettier": "^3.2.5",
     "react": "^18.2.0",

package/src/Pager/Pager.tsx

@@ -34,9 +34,19 @@ export const Pager: FC<PagerProps> = ({
   const listClasses = classNames(listClassName, 'pagination');
   const { ariaLabel, label } = total || {};
   const totalAriaLabel = ariaLabel ? <span className='visually-hidden'>{ariaLabel}</span> : null;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const listChildren = React.Children.toArray(children).filter((child: any) => child.type.name === 'PaginationItem');
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const extraChildren = React.Children.toArray(children).filter((child: any)=> child.type.name !== 'PaginationItem');
+
+  // listChildren?.forEach(child => {
+  //   console.log(child)
+  // })
+
   return (
     <Tag className={classes} {...attributes} data-testid={testId}>
-      <ListTag className={listClasses}>{children}</ListTag>
+      <ListTag className={listClasses}>{listChildren}</ListTag>
+      {extraChildren}
       {total ? (
         <p>
           {totalAriaLabel}

package/src/Upload/Upload.tsx

@@ -0,0 +1,98 @@
+import classNames from 'classnames';
+import React, { ElementType, InputHTMLAttributes, ReactNode } from 'react';
+import { Icon, IconProps } from '../Icon/Icon';
+
+export interface UploadProps extends InputHTMLAttributes<HTMLInputElement> {
+  /** L'id che lega il componente con la label */
+  id: string;
+  /** Etichetta del per il componente Upload, default 'Upload' */
+  label?: string | ReactNode;
+  /**
+   * Il nome dell'icona da mostrare, default è 'it-upload'. Per una lista completa vedi:
+   * <a href="https://italia.github.io/design-react-kit/?path=/story/componenti-icon--lista-icone" target="_blank">Lista icone</a>
+   * In caso di un'immagine esterna l'URL da utilizzare.
+   **/
+  icon?: string;
+  iconSize?: IconProps['size'];
+  /** Utilizzarlo in caso di utilizzo di componenti personalizzati. Il valore di default è 'input' */
+  tag?: ElementType;
+  /** Classi aggiuntive da usare per il componente Upload */
+  className?: string;
+  /** Indica che l'input è con un avatar */
+  isAvatar?: boolean;
+  avatarImg?: ReactNode;
+  /** Indica che l'avatar è piccolo */
+  avatarSmall?: boolean;
+  testId?: string;
+}
+
+export const Upload = ({
+  id,
+  className,
+  icon = 'it-upload',
+  iconSize,
+  label = 'Upload',
+  tag = 'input',
+  isAvatar,
+  avatarImg,
+  avatarSmall,
+  testId,
+  ...attributes
+}: UploadProps) => {
+  const Tag = tag,
+    classes = classNames(
+      className,
+      {
+        upload: isAvatar ? false : true
+      },
+      { 'upload-avatar': isAvatar }
+    ),
+    classesAvatarWrapper = classNames({
+      'avatar-upload-wrapper': true,
+      'size-sm': avatarSmall
+    }),
+    extraAttributes: {
+      id?: string;
+      type: 'file';
+      ['aria-describedby']?: string;
+    } = {
+      id,
+      type: 'file'
+    };
+
+  // associate the input field with the help text
+  const infoId = id ? `${id}Description` : undefined;
+  if (id) {
+    extraAttributes['aria-describedby'] = infoId;
+  }
+
+  if (isAvatar) {
+    return (
+      <div className={classesAvatarWrapper}>
+        <div className='avatar size-xxl avatar-upload'>
+          {avatarImg}
+          <div className='upload-avatar-container'>
+            <Tag {...attributes} {...extraAttributes} className={classes} data-testid={testId} />
+            <label htmlFor={id}>
+              <Icon icon={icon} size={iconSize} />
+              <span>{label}</span>
+            </label>
+          </div>
+        </div>
+        <div className='avatar-upload-icon'>
+          <Icon icon='it-camera' size='sm' />
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <>
+      <Tag {...attributes} {...extraAttributes} className={classes} data-testid={testId} />
+      <label htmlFor={id}>
+        <Icon icon={icon} size={iconSize} />
+        <span>{label}</span>
+      </label>
+    </>
+  );
+};

package/src/Upload/UploadDragNdrop.tsx

@@ -0,0 +1,101 @@
+import classNames from 'classnames';
+import React, { DragEventHandler, FC, useState } from 'react';
+import { Icon } from '../Icon/Icon';
+import DragandDropIcon from '../assets/upload-drag-drop-icon.svg';
+
+interface UploadDragNdropProps {
+  /**
+   * Array di file per il caricamento del file
+   */
+  files: File[];
+  /**
+   * Funzione per impostare lo stato dei files
+   */
+  setFiles: React.Dispatch<React.SetStateAction<File[]>>;
+}
+
+export const UploadDragNdrop: FC<UploadDragNdropProps> = ({ files, setFiles }) => {
+  const [dragOverClass, setDragOverClass] = useState(false),
+    dragOverClasses = classNames('upload-dragdrop', {
+      dragover: dragOverClass,
+      success: files.length > 0
+    });
+
+  const handleDrop: DragEventHandler<HTMLDivElement> = (event) => {
+      handleDrag(event);
+      const droppedFiles = event.dataTransfer.files;
+      if (droppedFiles.length > 0) {
+        setFiles(Array.from(droppedFiles));
+      }
+      setDragOverClass(false);
+    },
+    handleDrag: DragEventHandler<HTMLDivElement> = (event) => {
+      event.preventDefault();
+      event.stopPropagation();
+    },
+    handleDragOver: DragEventHandler<HTMLDivElement> = (event) => {
+      handleDrag(event);
+      setDragOverClass(true);
+    },
+    handleDragLeave: DragEventHandler<HTMLDivElement> = (event) => {
+      handleDrag(event);
+      setDragOverClass(false);
+    };
+
+  const byteConverter = (bytes: number) => {
+    const K_UNIT = 1024;
+    const SIZES = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB'];
+
+    if (bytes == 0) return '0 Byte';
+
+    const i = Math.floor(Math.log(bytes) / Math.log(K_UNIT)),
+      resp = parseFloat((bytes / Math.pow(K_UNIT, i)).toFixed(2)) + ' ' + SIZES[i];
+
+    return resp;
+  };
+
+  return (
+    <div className={dragOverClasses}>
+      <div
+        className='upload-dragdrop-image'
+        onDrop={handleDrop}
+        onDrag={handleDrag}
+        onDragStart={handleDrag}
+        onDragEnd={handleDrag}
+        onDragExit={handleDrag}
+        onDragOver={handleDragOver}
+        onDragEnter={handleDrag}
+        onDragLeave={handleDragLeave}
+      >
+        <img src={DragandDropIcon} alt='descrizione immagine' aria-hidden='true' />
+        {files.length > 0 && (
+          <div className='upload-dragdrop-success'>
+            <Icon icon='it-check' size='xs' />
+          </div>
+        )}
+      </div>
+      <div className='upload-dragdrop-text'>
+        {files.length > 0 && (
+          <p className='upload-dragdrop-weight'>
+            <Icon icon='it-file' size='xs' />
+            {files.map((file) => file.type + ' ' + byteConverter(file.size))}
+          </p>
+        )}
+        {files.length > 0 ? (
+          <>
+            <h5>{files.map((file) => file.name)}</h5>
+            <p>Caricamento completato</p>
+          </>
+        ) : (
+          <>
+            <h5>Trascina il file per caricarlo</h5>
+            <p>
+              oppure <input type='file' name='upload7' id='upload7' className='upload-dragdrop-input' />
+              <label htmlFor='upload7'>selezionalo dal dispositivo</label>
+            </p>
+          </>
+        )}
+      </div>
+    </div>
+  );
+};

package/src/Upload/UploadList.tsx

@@ -0,0 +1,30 @@
+import classNames from 'classnames';
+import React, { FC, HTMLAttributes } from 'react';
+import { UploadContext } from './useUploadContext';
+
+export interface UploadListProps extends HTMLAttributes<HTMLUListElement> {
+  /** Classi aggiuntive da usare per il componente lista del UploadList */
+  className?: string;
+  /** Indica che gli item list hanno l'immagine come anteprima */
+  previewImage?: boolean;
+  /** Indica la tipologia di lista
+   * @default file
+   */
+  tipologia: 'file' | 'gallery';
+  testId?: string;
+}
+
+export const UploadList: FC<UploadListProps> = ({ className, previewImage, tipologia = 'file', ...attributes }) => {
+  const classes = classNames(
+    { 'upload-file-list': tipologia == 'file' },
+    { 'upload-pictures-wall': tipologia == 'gallery' },
+    { 'upload-file-list-image': previewImage },
+    className
+  );
+
+  return (
+    <UploadContext.Provider value={{ tipologia }}>
+      <ul {...attributes} className={classes} />
+    </UploadContext.Provider>
+  );
+};

package/src/Upload/UploadListItem.tsx

@@ -0,0 +1,120 @@
+import classNames from 'classnames';
+import React, { ElementType, FC, HTMLAttributes, InputHTMLAttributes } from 'react';
+import { Icon } from '../Icon/Icon';
+import { Progress } from '../Progress/Progress';
+import { useUploadContext } from './useUploadContext';
+
+export interface UploadListItemProps extends HTMLAttributes<HTMLUListElement> {
+  /** Classi aggiuntive da usare per il componente lista del UploadList */
+  className?: string;
+  /**
+   * Indica l'icona del file
+   * @default it-file
+   */
+  icon?: string;
+  /**
+   * Indica lo stato dell'upload
+   * @default success
+   */
+  uploadStatus?: 'success' | 'uploading' | 'error';
+  /** Utilizzarlo in caso di utilizzo di componenti personalizzati */
+  buttonTag?: ElementType;
+  /** Nome del file */
+  fileName?: string;
+  /** Peso del file */
+  fileWeight?: string;
+  /** Valore della barra progress in caso uploadStatus sia uploading */
+  progressValue?: number;
+  /** Indica che gli item list hanno l'immagine come anteprima */
+  previewImage?: boolean;
+  previewImageSrc?: string;
+  previewImageAlt?: string;
+  testId?: string;
+}
+
+export const UploadListItem: FC<UploadListItemProps> & {
+  UploadButton: typeof UploadButton;
+} = ({
+  className,
+  icon = 'it-file',
+  uploadStatus = 'success',
+  buttonTag = 'button',
+  progressValue,
+  previewImage,
+  previewImageSrc,
+  previewImageAlt,
+  fileName,
+  fileWeight,
+  children
+}) => {
+  const tipologia = useUploadContext(),
+    classes = classNames(
+      {
+        'upload-file': tipologia === 'file',
+        success: uploadStatus === 'success' && tipologia === 'file',
+        uploading: uploadStatus === 'uploading' && tipologia === 'file',
+        error: uploadStatus === 'error' && tipologia === 'file'
+      },
+      className
+    ),
+    classesProgress = classNames({ 'progress-image': previewImage }),
+    ButtonTag = buttonTag;
+
+  const elementiListItem = {
+    success: {
+      testoVHFile: 'File caricato:',
+      testoVHRightIcon: 'Caricamento ultimato',
+      rightIcon: 'it-check'
+    },
+    uploading: {
+      testoVHFile: 'File caricato:',
+      testoVHRightIcon: 'Annulla caricamento',
+      rightIcon: 'it-close'
+    },
+    error: {
+      testoVHFile: 'Errore caricamento file:',
+      testoVHRightIcon: 'Elimina file caricato',
+      rightIcon: 'it-close'
+    }
+  };
+
+  return (
+    <li className={classes}>
+      {children}
+      {previewImage ? (
+        <div className='upload-image'>
+          <img src={previewImageSrc} alt={previewImageAlt} />
+        </div>
+      ) : (
+        tipologia === 'file' && <Icon icon={icon} size='sm' />
+      )}
+      {tipologia === 'file' && (
+        <>
+          <p>
+            <span className='visually-hidden'>{elementiListItem[uploadStatus].testoVHFile}</span>
+            {fileName} {uploadStatus === 'success' && <span className='upload-file-weight'>{fileWeight}</span>}
+          </p>
+          <ButtonTag disabled={uploadStatus === 'success' ? true : false}>
+            <span className='visually-hidden'>{elementiListItem[uploadStatus].testoVHRightIcon}</span>
+            <Icon icon={elementiListItem[uploadStatus].rightIcon} />
+          </ButtonTag>
+          {uploadStatus === 'uploading' && <Progress value={progressValue} wrapperClassName={classesProgress} />}
+        </>
+      )}
+    </li>
+  );
+};
+
+const UploadButton: FC<InputHTMLAttributes<HTMLInputElement>> = ({ id, children, ...props }) => {
+  return (
+    <>
+      <input type='file' id={id} className='upload pictures-wall' multiple={true} {...props} />
+      <label htmlFor={id}>
+        <Icon icon='it-plus' />
+        <span>{children}</span>
+      </label>
+    </>
+  );
+};
+
+UploadListItem.UploadButton = UploadButton;

package/src/Upload/useUploadContext.ts

@@ -0,0 +1,14 @@
+import { createContext, useContext } from 'react';
+
+interface UploadContextType {
+  tipologia: 'file' | 'gallery';
+}
+
+export const UploadContext = createContext<UploadContextType>({
+  tipologia: 'file'
+});
+
+export const useUploadContext = () => {
+  const { tipologia } = useContext(UploadContext);
+  return tipologia;
+};

package/src/assets/index.d.ts

@@ -0,0 +1 @@
+declare module '*.svg';

package/src/assets/upload-drag-drop-icon.svg

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="180px" height="180px" viewBox="0 0 180 180" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 52.4 (67378) - http://www.bohemiancoding.com/sketch -->
+    <title>icon</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Upload" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Artboard">
+            <g id="icon">
+                <rect id="Rectangle" fill="#D1E7FF" x="-4.54747351e-13" y="0" width="180" height="180"></rect>
+                <g id="Group-6-Copy" transform="translate(107.855175, 109.702248) rotate(-10.000000) translate(-107.855175, -109.702248) translate(48.355175, 35.202248)">
+                    <path d="M9.09485765,0.818376999 L89.0909206,0.818376999 L118.590921,30.418377 L118.590921,140.31444 C118.590921,145.011035 114.783578,148.818377 110.086984,148.818377 L6.26021198,148.818377 C3.12914883,148.818377 0.590920643,146.280149 0.590920643,143.149086 L0.590920643,9.32231401 C0.590920643,4.62571928 4.39826293,0.818376999 9.09485765,0.818376999 Z" id="Rectangle-3" fill="#66A5E3" opacity="0.4"></path>
+                    <polygon id="Line-3" fill="#FFFFFF" fill-rule="nonzero" points="21.0573959 73.8584959 21.0573959 65.3545589 70.8630412 65.3545589 70.8630412 73.8584959"></polygon>
+                    <polygon id="Line-3-Copy" fill="#FFFFFF" fill-rule="nonzero" points="20.2171934 91.322159 20.2171934 82.818222 99.7211304 82.818222 99.7211304 91.322159"></polygon>
+                    <polygon id="Line-3-Copy-2" fill="#FFFFFF" fill-rule="nonzero" points="20.3932458 107.600028 20.3932458 99.0960906 99.8971828 99.0960906 99.8971828 107.600028"></polygon>
+                    <polygon id="Rectangle-7" fill="#0059B3" opacity="0.2" transform="translate(105.449361, 40.610535) scale(-1, 1) rotate(90.000000) translate(-105.449361, -40.610535) " points="92.3040422 27.4750409 118.594681 53.7460296 95.2464052 53.7377589"></polygon>
+                    <path d="M89.0927528,0.842666647 L118.560625,30.3915947 L100.247733,30.6719146 C94.1805894,30.7647859 89.186911,25.9216815 89.0940397,19.8545382 C89.0931818,19.7984895 89.0927528,19.7424351 89.0927528,19.6863799 L89.0927528,0.842666647 Z" id="Rectangle-7" fill="#FFFFFF"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/index.ts

@@ -149,6 +149,10 @@ export { Toolbar } from './Toolbar/Toolbar';
 export { ToolbarDividerItem } from './Toolbar/ToolbarDividerItem';
 export { ToolbarItem } from './Toolbar/ToolbarItem';
 export { Transfer } from './Transfer/Transfer';
+export { Upload } from './Upload/Upload';
+export { UploadDragNdrop } from './Upload/UploadDragNdrop';
+export { UploadList } from './Upload/UploadList';
+export { UploadListItem } from './Upload/UploadListItem';
 export { Video } from './Video/Video';
 
 // Types
@@ -259,6 +263,7 @@ export type { TimelineProps } from './Timeline/TimelineWrapper';
 export type { ToggleProps } from './Toggle/Toggle';
 export type { ToolbarProps } from './Toolbar/Toolbar';
 export type { ToolbarItemBadge, ToolbarItemProps } from './Toolbar/ToolbarItem';
+export type { UploadProps } from './Upload/Upload';
 export type { VideoProps, VideoSource, VideoTrackSource, VideoYouTube } from './Video/Video';
 
 export type {