@coorpacademy/components 10.13.0 → 10.13.3-alpha.13

package/es/atom/checkbox-with-title/test/fixtures.js

@@ -0,0 +1,15 @@
+import test from 'ava';
+import forEach from 'lodash/forEach';
+import renderComponentMacro from '../../../test/helpers/render-component';
+import AtomCheckboxWithTitle from '..';
+import fixtureChecked from './fixtures/checked';
+import fixtureUnchecked from './fixtures/unchecked';
+test('Atom › AtomCheckboxWithTitle > should have valid propTypes', t => {
+  t.pass();
+  forEach(AtomCheckboxWithTitle.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Atom.AtomCheckboxWithTitle.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+test('Atom › AtomCheckboxWithTitle › Checked › should be rendered', renderComponentMacro, AtomCheckboxWithTitle, fixtureChecked);
+test('Atom › AtomCheckboxWithTitle › Unchecked › should be rendered', renderComponentMacro, AtomCheckboxWithTitle, fixtureUnchecked);
+//# sourceMappingURL=fixtures.js.map

package/es/atom/checkbox-with-title/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/atom/checkbox-with-title/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomCheckboxWithTitle","fixtureChecked","fixtureUnchecked","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,qBAAP,MAAkC,IAAlC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,gBAAP,MAA6B,sBAA7B;AAEAL,IAAI,CAAC,4DAAD,EAA+DM,CAAC,IAAI;AACtEA,EAAAA,CAAC,CAACC,IAAF;AACAN,EAAAA,OAAO,CAACE,qBAAqB,CAACK,SAAvB,EAAkC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACvDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,sDAAqDF,GAAI,mEAAlF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAV,IAAI,CAAC,6DAAD,EAAgEE,oBAAhE,EAAsFC,qBAAtF,EAA6GC,cAA7G,CAAJ;AACAJ,IAAI,CAAC,+DAAD,EAAkEE,oBAAlE,EAAwFC,qBAAxF,EAA+GE,gBAA/G,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomCheckboxWithTitle from '..';\nimport fixtureChecked from './fixtures/checked';\nimport fixtureUnchecked from './fixtures/unchecked';\n\ntest('Atom › AtomCheckboxWithTitle > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomCheckboxWithTitle.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomCheckboxWithTitle.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomCheckboxWithTitle › Checked › should be rendered', renderComponentMacro, AtomCheckboxWithTitle, fixtureChecked);\ntest('Atom › AtomCheckboxWithTitle › Unchecked › should be rendered', renderComponentMacro, AtomCheckboxWithTitle, fixtureUnchecked);\n"],"file":"fixtures.js"}

package/es/atom/drag-and-drop/index.js

@@ -1,17 +1,16 @@
+import _isEmpty from "lodash/fp/isEmpty";
 import _constant from "lodash/fp/constant";
-import _get from "lodash/fp/get";
 import _uniqueId from "lodash/fp/uniqueId";
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 import React from 'react';
 import PropTypes from 'prop-types';
-import { NovaSolidDataTransferDataUpload1 as UploadIcon, NovaLineStatusClose as Close } from '@coorpacademy/nova-icons';
-import Provider from '../provider';
+import { NovaLineStatusClose as Close, NovaSolidFilesBasicFileUpload2 as FileUploadIcon, NovaSolidFilesBasicFileBlock2 as FileUploadBlockedIcon } from '@coorpacademy/nova-icons';
 import Loader from '../loader';
 import style from './style.css';
+import Button from '../button-link';
+import getClassState from '../../util/get-class-state';
 
 const constantNull = _constant(null);
 
@@ -38,12 +37,6 @@ class DragAndDrop extends React.Component {
   }
 
   render() {
-    const {
-      skin
-    } = this.context;
-
-    const brandColor = _get('common.brand', skin);
-
     const idBox = _uniqueId('drop-box-');
 
     const {
@@ -55,7 +48,8 @@ class DragAndDrop extends React.Component {
       previewContent,
       loading = false,
       modified = false,
-      onReset = null
+      onReset = null,
+      error = false
     } = this.props;
     const {
       dragging
@@ -64,25 +58,36 @@ class DragAndDrop extends React.Component {
 
     if (previewContent && previewContent.type === 'image') {
       previewView = /*#__PURE__*/React.createElement("div", {
-        className: style.previewView
+        className: style.preview
       }, /*#__PURE__*/React.createElement("img", {
         src: previewContent.src
       }));
     } else if (previewContent && previewContent.type === 'video') {
       previewView = /*#__PURE__*/React.createElement("div", {
-        className: _extends(_extends({}, style.previewView), {}, {
-          width: '300px'
-        })
+        className: style.preview
       }, /*#__PURE__*/React.createElement("video", {
-        width: "100%",
         controls: true,
         src: previewContent.src,
         type: "video/*"
       }));
     } else if (loading) {
       previewView = /*#__PURE__*/React.createElement("div", {
-        className: style.loading
-      }, /*#__PURE__*/React.createElement(Loader, null));
+        className: style.loaderWrapper
+      }, /*#__PURE__*/React.createElement("div", {
+        className: style.loadingCancel
+      }, /*#__PURE__*/React.createElement(Close, {
+        "data-name": "reset-content-icon",
+        height: 16,
+        width: 16,
+        className: style.closeIcon,
+        onClick: onReset
+      })), /*#__PURE__*/React.createElement("div", {
+        className: style.loader
+      }, /*#__PURE__*/React.createElement(Loader, {
+        theme: "coorpmanager"
+      })), /*#__PURE__*/React.createElement("span", {
+        className: style.loaderText
+      }, "Uploading"));
     } else {
       previewView = /*#__PURE__*/React.createElement("span", null, previewLabel);
     }
@@ -98,38 +103,64 @@ class DragAndDrop extends React.Component {
       className: style.closeIcon,
       onClick: onReset
     })) : null;
+
+    const buildButton = (dragging, error) => {
+      const defaultButtonProps = {
+        label: uploadLabel,
+        'aria-label': 'aria button',
+        'data-name': 'default-button',
+        icon: {
+          position: 'left',
+          type: 'folders'
+        }
+      };
+
+      if (dragging) {
+        return null;
+      } else if (error) {
+        const errorButtonProps = _extends(_extends({}, defaultButtonProps), {}, {
+          label: 'Try again',
+          icon: {}
+        });
+
+        return /*#__PURE__*/React.createElement(Button, errorButtonProps);
+      } else {
+        return /*#__PURE__*/React.createElement(Button, defaultButtonProps);
+      }
+    };
+
+    const button = buildButton(dragging, error);
+    const previewContainer = getClassState(style.previewContainer, style.modifiedPreviewContainer, null, modified, error);
+    const inputWrapper = getClassState(style.inputWrapper, style.modifiedInputWrapper, style.errorInputWrapper, modified, error);
     return /*#__PURE__*/React.createElement("div", {
       className: style.wrapper,
       "data-name": "drag-and-drop-wrapper"
+    }, !_isEmpty(previewContent) || loading ? /*#__PURE__*/React.createElement("div", {
+      className: previewContainer
+    }, previewView) : /*#__PURE__*/React.createElement("div", {
+      className: dragging ? style.dragging : inputWrapper,
+      id: idBox
     }, /*#__PURE__*/React.createElement("div", {
+      className: style.infosContainer
+    }, error ? /*#__PURE__*/React.createElement(FileUploadBlockedIcon, {
+      className: style.iconError
+    }) : /*#__PURE__*/React.createElement(FileUploadIcon, {
+      className: style.icon
+    }), description ? /*#__PURE__*/React.createElement("div", {
+      className: style.description
+    }, description) : null, error ? null : /*#__PURE__*/React.createElement("div", {
       className: style.title
-    }, title), /*#__PURE__*/React.createElement("div", {
-      className: modified ? style.modified : style.previewWrapper
-    }, previewView), /*#__PURE__*/React.createElement("div", {
-      className: dragging ? style.dragging : style.inputWrapper,
-      id: idBox
-    }, /*#__PURE__*/React.createElement(UploadIcon, {
-      className: style.arrow,
-      color: brandColor
-    }), /*#__PURE__*/React.createElement("div", {
-      className: style.uploadLabel
-    }, uploadLabel), children(this.handleDragStart, this.handleDragStop)), resetContent, description ?
-    /*#__PURE__*/
-    // eslint-disable-next-line react/no-danger
-    React.createElement("div", {
-      className: style.description,
-      dangerouslySetInnerHTML: {
-        __html: description
+    }, title)), button, /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: 'none'
       }
-    }) : null);
+    }, children(this.handleDragStart, this.handleDragStop))), error ? /*#__PURE__*/React.createElement("span", {
+      className: style.errorMessage
+    }, error) : resetContent);
   }
 
 }
 
-_defineProperty(DragAndDrop, "contextTypes", {
-  skin: Provider.childContextTypes.skin
-});
-
 DragAndDrop.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string,
   description: PropTypes.string,
@@ -142,7 +173,8 @@ DragAndDrop.propTypes = process.env.NODE_ENV !== "production" ? {
   loading: PropTypes.bool,
   modified: PropTypes.bool,
   children: PropTypes.func,
-  onReset: PropTypes.func
+  onReset: PropTypes.func,
+  error: PropTypes.string
 } : {};
 export default DragAndDrop;
 //# sourceMappingURL=index.js.map

package/es/atom/drag-and-drop/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/drag-and-drop/index.js"],"names":["React","PropTypes","NovaSolidDataTransferDataUpload1","UploadIcon","NovaLineStatusClose","Close","Provider","Loader","style","constantNull","DragAndDrop","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","skin","context","brandColor","idBox","children","title","description","uploadLabel","previewLabel","previewContent","loading","modified","onReset","previewView","type","src","width","resetContent","resetUploadWrapper","resetSrcLabel","closeIcon","wrapper","previewWrapper","inputWrapper","arrow","__html","childContextTypes","propTypes","string","shape","bool","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {uniqueId, get, constant} from 'lodash/fp';\nimport {\n  NovaSolidDataTransferDataUpload1 as UploadIcon,\n  NovaLineStatusClose as Close\n} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\nimport Loader from '../loader';\nimport style from './style.css';\n\nconst constantNull = constant(null);\n\nclass DragAndDrop extends React.Component {\n  static propTypes = {\n    title: PropTypes.string,\n    description: PropTypes.string,\n    uploadLabel: PropTypes.string,\n    previewLabel: PropTypes.string,\n    previewContent: PropTypes.shape({\n      type: PropTypes.string,\n      src: PropTypes.string\n    }),\n    loading: PropTypes.bool,\n    modified: PropTypes.bool,\n    children: PropTypes.func,\n    onReset: PropTypes.func\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      dragging: false\n    };\n\n    this.handleDragStart = this.handleDragStart.bind(this);\n    this.handleDragStop = this.handleDragStop.bind(this);\n  }\n\n  handleDragStart() {\n    this.setState({\n      dragging: true\n    });\n  }\n\n  handleDragStop() {\n    this.setState({\n      dragging: false\n    });\n  }\n\n  render() {\n    const {skin} = this.context;\n    const brandColor = get('common.brand', skin);\n    const idBox = uniqueId('drop-box-');\n    const {\n      children = constantNull,\n      title,\n      description,\n      uploadLabel,\n      previewLabel = '',\n      previewContent,\n      loading = false,\n      modified = false,\n      onReset = null\n    } = this.props;\n    const {dragging} = this.state;\n\n    let previewView = null;\n\n    if (previewContent && previewContent.type === 'image') {\n      previewView = (\n        <div className={style.previewView}>\n          <img src={previewContent.src} />\n        </div>\n      );\n    } else if (previewContent && previewContent.type === 'video') {\n      previewView = (\n        <div className={{...style.previewView, width: '300px'}}>\n          <video width=\"100%\" controls src={previewContent.src} type=\"video/*\" />\n        </div>\n      );\n    } else if (loading) {\n      previewView = (\n        <div className={style.loading}>\n          <Loader />\n        </div>\n      );\n    } else {\n      previewView = <span>{previewLabel}</span>;\n    }\n\n    const resetContent =\n      previewContent && previewContent.src && onReset ? (\n        <div className={style.resetUploadWrapper}>\n          <div className={style.resetSrcLabel}>{previewContent.src}</div>\n          <Close\n            data-name=\"reset-content-icon\"\n            height={16}\n            width={16}\n            className={style.closeIcon}\n            onClick={onReset}\n          />\n        </div>\n      ) : null;\n\n    return (\n      <div className={style.wrapper} data-name=\"drag-and-drop-wrapper\">\n        <div className={style.title}>{title}</div>\n        <div className={modified ? style.modified : style.previewWrapper}>{previewView}</div>\n        <div className={dragging ? style.dragging : style.inputWrapper} id={idBox}>\n          <UploadIcon className={style.arrow} color={brandColor} />\n          <div className={style.uploadLabel}>{uploadLabel}</div>\n          {children(this.handleDragStart, this.handleDragStop)}\n        </div>\n        {resetContent}\n        {description ? (\n          // eslint-disable-next-line react/no-danger\n          <div className={style.description} dangerouslySetInnerHTML={{__html: description}} />\n        ) : null}\n      </div>\n    );\n  }\n}\n\nexport default DragAndDrop;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/atom/drag-and-drop/index.js"],"names":["React","PropTypes","NovaLineStatusClose","Close","NovaSolidFilesBasicFileUpload2","FileUploadIcon","NovaSolidFilesBasicFileBlock2","FileUploadBlockedIcon","Loader","style","Button","getClassState","constantNull","DragAndDrop","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","children","title","description","uploadLabel","previewLabel","previewContent","loading","modified","onReset","error","previewView","type","preview","src","loaderWrapper","loadingCancel","closeIcon","loader","loaderText","resetContent","resetUploadWrapper","resetSrcLabel","buildButton","defaultButtonProps","label","icon","position","errorButtonProps","button","previewContainer","modifiedPreviewContainer","inputWrapper","modifiedInputWrapper","errorInputWrapper","wrapper","infosContainer","iconError","display","errorMessage","propTypes","string","shape","bool","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {uniqueId, constant, isEmpty} from 'lodash/fp';\nimport {\n  NovaLineStatusClose as Close,\n  NovaSolidFilesBasicFileUpload2 as FileUploadIcon,\n  NovaSolidFilesBasicFileBlock2 as FileUploadBlockedIcon,\n} from '@coorpacademy/nova-icons';\nimport Loader from '../loader';\nimport style from './style.css';\nimport Button from '../button-link';\nimport getClassState from '../../util/get-class-state';\n\nconst constantNull = constant(null);\n\nclass DragAndDrop extends React.Component {\n  static propTypes = {\n    title: PropTypes.string,\n    description: PropTypes.string,\n    uploadLabel: PropTypes.string,\n    previewLabel: PropTypes.string,\n    previewContent: PropTypes.shape({\n      type: PropTypes.string,\n      src: PropTypes.string\n    }),\n    loading: PropTypes.bool,\n    modified: PropTypes.bool,\n    children: PropTypes.func,\n    onReset: PropTypes.func,\n    error: PropTypes.string\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      dragging: false\n    };\n\n    this.handleDragStart = this.handleDragStart.bind(this);\n    this.handleDragStop = this.handleDragStop.bind(this);\n  }\n\n  handleDragStart() {\n    this.setState({\n      dragging: true\n    });\n  }\n\n  handleDragStop() {\n    this.setState({\n      dragging: false\n    });\n  }\n\n  render() {\n    const idBox = uniqueId('drop-box-');\n    const {\n      children = constantNull,\n      title,\n      description,\n      uploadLabel,\n      previewLabel = '',\n      previewContent,\n      loading = false,\n      modified = false,\n      onReset = null,\n      error = false\n    } = this.props;\n    const {dragging} = this.state;\n\n    let previewView = null;\n\n    if (previewContent && previewContent.type === 'image') {\n      previewView = (\n        <div className={style.preview}>\n          <img src={previewContent.src} />\n        </div>\n      );\n    } else if (previewContent && previewContent.type === 'video') {\n      previewView = (\n        <div className={style.preview}>\n          <video controls src={previewContent.src} type=\"video/*\" />\n        </div>\n      );\n    } else if (loading) {\n      previewView = (\n        <div className={style.loaderWrapper}>\n          <div className={style.loadingCancel}>\n            <Close\n              data-name=\"reset-content-icon\"\n              height={16}\n              width={16}\n              className={style.closeIcon}\n              onClick={onReset}\n            />\n          </div>\n          <div className={style.loader}>\n            <Loader theme='coorpmanager'/>\n          </div>\n          <span className={style.loaderText}>Uploading</span>\n        </div>\n      );\n    } else {\n      previewView = <span>{previewLabel}</span>;\n    }\n\n    const resetContent =\n      previewContent && previewContent.src && onReset ? (\n        <div className={style.resetUploadWrapper}>\n          <div className={style.resetSrcLabel}>{previewContent.src}</div>\n          <Close\n            data-name=\"reset-content-icon\"\n            height={16}\n            width={16}\n            className={style.closeIcon}\n            onClick={onReset}\n          />\n        </div>\n      ) : null;\n\n      \n    const buildButton = (dragging, error) => {\n      const defaultButtonProps = {\n          label: uploadLabel,\n          'aria-label': 'aria button',\n          'data-name': 'default-button',\n          icon: {\n            position: 'left',\n            type: 'folders'\n          },\n      };\n      if (dragging) {\n        return null;\n      } else if (error) {\n        const errorButtonProps = {...defaultButtonProps, label: 'Try again', icon: {}}\n        return <Button {...errorButtonProps} />;\n      } else {\n        return <Button {...defaultButtonProps} />;\n      }\n    }\n\n    const button = buildButton(dragging, error);\n\n    const previewContainer = getClassState(style.previewContainer, style.modifiedPreviewContainer, null, modified, error);\n    const inputWrapper = getClassState(style.inputWrapper, style.modifiedInputWrapper, style.errorInputWrapper, modified, error);\n\n    return (\n      <div className={style.wrapper} data-name=\"drag-and-drop-wrapper\">\n        {!isEmpty(previewContent) || loading ? \n          <div className={previewContainer}>{previewView}</div> \n          : \n          <div className={dragging ? style.dragging : inputWrapper} id={idBox}>\n            <div className={style.infosContainer}>\n              {error ? <FileUploadBlockedIcon className={style.iconError} /> : <FileUploadIcon className={style.icon} />}\n              {description ? (\n              <div className={style.description}>{description}</div>\n              ) : null}\n              {error ? null : <div className={style.title}>{title}</div>}\n            </div>\n            {button}\n            <div style={{display: 'none'}}>{children(this.handleDragStart, this.handleDragStop)}</div>\n          </div>\n        }\n        {error ? <span className={style.errorMessage}>{error}</span> : resetContent}\n      </div>\n    );\n  }\n}\n\nexport default DragAndDrop;\n"],"file":"index.js"}

package/es/atom/drag-and-drop/style.css

@@ -6,145 +6,248 @@
 @value battle from colors;
 @value light from colors;
 @value xtraLightGrey from colors;
+@value cm_grey_300 from colors;
+@value cm_grey_700 from colors;
+@value cm_grey_50 from colors;
+@value cm_grey_200 from colors;
+@value cm_grey_100 from colors;
+@value cm_grey_400 from colors;
+@value white from colors;
+@value cm_negative_100 from colors;
+@value cm_yellow_100 from colors;
 
 .wrapper {
-  width: 360px;
+  font-family: "Gilroy";
+  max-height: 320px;
+  max-width: 360px;
+  height: 100%;
+  width: 100%;
 }
 
 .title {
-  font-family: "Gilroy";
-  font-size: 15px;
-  text-transform: none;
-  color: dark;
-  margin-bottom: 20px;
+  font-size: 14px;
+  font-weight: 700;
+  color: cm_grey_700;
+  margin-bottom: 14px;
 }
 
 .description {
-  font-family: 'Gilroy';
-  font-size: 13px;
+  max-height: 85px;
+  font-size: 10px;
   font-weight: 400;
-  font-style: italic;
-  color: dark;
-  margin: 10px 0;
-  text-align: justify;
+  color: cm_grey_300;
+  margin-bottom: 8px;
+  text-align: center;
+  padding: 8px;
 }
 
-.previewWrapper {
+.previewContainer {
   width: 100%;
-  box-sizing: border-box;
-  border: 1px dashed medium;
-  margin-bottom: 10px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.modified {
-  composes: previewWrapper;
-  border: 2px solid battle;
+  height: 80%;
+  border: none;
+  border-radius: 7px;
+  background: cm_grey_50;
 }
 
-.previewWrapper span {
-  font-family: 'Gilroy';
-  color: dark;
-  font-size: 15px;
-  font-weight: 700;
-  line-height: 100px;
+.modifiedPreviewContainer {
+  composes: previewContainer;
+  border: 3px solid cm_yellow_100;
 }
 
-.previewView {
-  padding: 10px;
+.preview {
+  padding: 16px;
   width: 100%;
-  height: 100px;
+  height: 100%;
   box-sizing: border-box;
   display: flex;
+  justify-content: center;
+  align-items: center;
+  background-clip: content-box;
+  border-radius: 19px;
+  background-color: white;
 }
 
-.previewView img {
+.preview img, video {
   max-width: 100%;
   max-height: 100%;
   margin: auto;
 }
 
+.infosContainer {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-evenly;
+  overflow: hidden;
+}
+
 .inputWrapper {
+  background: cm_grey_50;
   width: 100%;
-  height: 70px;
+  height: 80%;
   box-sizing: border-box;
-  border: 1px dashed medium;
-  border-radius: 3px;
+  border-radius: 7px;
   position: relative;
   display: flex;
+  flex-direction: column;
   align-items: center;
-  justify-content: center;
+  justify-content: space-between;
+  padding: 14px 8px 8px 8px;
+  overflow: hidden;
+}
+
+.inputWrapper:before {
+  content: "";
+  position: absolute;
+  border: 10px dashed cm_grey_200;
+  top: -8px;
+  bottom: -8px;
+  left: -8px;
+  right: -8px;
+}
+
+.modifiedInputWrapper {
+  composes: inputWrapper;
+}
+
+.modifiedInputWrapper::before {
+  content: "";
+  position: absolute;
+  border: 10px dashed cm_yellow_100;
+  top: -8px;
+  bottom: -8px;
+  left: -8px;
+  right: -8px;
+}
+
+.errorInputWrapper {
+  composes: inputWrapper;
+}
+
+.errorInputWrapper .icon {
+  color: cm_negative_100;
 }
 
 .resetUploadWrapper {
   width: 100%;
-  height: 30px;
+  height: 24px;
   box-sizing: border-box;
-  background-color: xtraLightGrey;
-  border: solid 1px light;
+  background-color: cm_grey_50;
   border-radius: 3px;
-  position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
-  /* fonts */
-  font-family: Gilroy;
-  font-size: 13px;
+  margin-top: 16px;
+  padding: 4px 8px;
+  font-size: 10px;
   font-weight: 400;
-  margin-top: 15px;
 }
 
 .resetSrcLabel {
-  font-family: Gilroy;
-  color: dark;
-  max-width: 220px;
+  color: cm_grey_700;
   display: inline-block;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   direction: rtl;
   text-align: left;
-  margin-left: 9px;
 }
 
 .closeIcon {
-  margin-right: 9px;
   cursor: pointer;
-  color: dark;
-}
-
-.closeIcon:hover {
-  color: black;
+  color: cm_grey_400;
+  padding: 6px;
 }
 
 .dragging {
   composes: inputWrapper;
-  border: 3px dashed brand;
+  border: 1px solid cm_grey_200;
+  background: cm_grey_100;
+}
+
+.dragging .description .icon .title {
+  font-size: 8px;
+}
+
+.dragging .title {
+  font-size: 10px;
+}
+
+.dragging .icon {
+  transform: scale(0.85);
 }
 
-.arrow {
-  width: 34px;
-  height: 34px;
-  margin-right: 10px;
+.icon {
+  min-width: 14px;
+  min-height: 14px;
+  height: 20%;
+  width: 20%;;
   transition: all 0.2s cubic-bezier(0.47, 1.04, 0.46, 2.16);
+  margin-bottom: 4px;
 }
 
-.dragging .arrow {
-  transform: scale(1.2);
+.iconError {
+  composes: icon;
+  color: cm_negative_100;
 }
 
 .uploadLabel {
-  font-family: 'Gilroy';
-  font-size: 18px;
-  text-transform: uppercase;
+  font-size: 14px;
   font-weight: 700;
-  color: dark;
+  color: cm_grey_700;
 }
 
-.loading {
-  min-height: 100px;
-  border: none;
+.loaderWrapper {
   position: relative;
+  height: 100%;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  border-radius: 7px;
+}
+
+.loader {
+  margin-bottom: 8px;
+  height: 14px;
+  width: 14px;
+}
+
+.loaderText {
+  font-size: 10px;
+  font-weight: 400;
+}
+
+.loadingCancel {
+  display: none;
+  position: absolute;
+  top: 0;
+  right: 0;
+}
+
+.button {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.folderIcon {
+  margin-right: 8px;
+}
+
+.loaderWrapper:hover .loadingCancel {
+  display: block;
+}
+
+.loaderWrapper:hover {
+  background-color: #EAEAEB;
+}
+
+.errorMessage {
+  color: cm_negative_100;
+  font-size: 12px;
+  margin-top: 8px;
 }

package/es/atom/drag-and-drop/test/fixtures/default.js

@@ -1,8 +1,9 @@
 export default {
   props: {
-    title: 'Drag & Drop',
-    description: 'Drag and drop component',
-    uploadLabel: 'Upload',
+    modified: false,
+    title: 'Drag & drop here',
+    description: 'JPG or PNG, smaller than 5mb',
+    uploadLabel: 'Browse',
     previewLabel: 'File Preview'
   }
 };

package/es/atom/drag-and-drop/test/fixtures/default.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/atom/drag-and-drop/test/fixtures/default.js"],"names":["props","title","description","uploadLabel","previewLabel"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,aADF;AAELC,IAAAA,WAAW,EAAE,yBAFR;AAGLC,IAAAA,WAAW,EAAE,QAHR;AAILC,IAAAA,YAAY,EAAE;AAJT;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    title: 'Drag & Drop',\n    description: 'Drag and drop component',\n    uploadLabel: 'Upload',\n    previewLabel: 'File Preview'\n  }\n};\n"],"file":"default.js"}
+{"version":3,"sources":["../../../../../src/atom/drag-and-drop/test/fixtures/default.js"],"names":["props","modified","title","description","uploadLabel","previewLabel"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAE,KADL;AAELC,IAAAA,KAAK,EAAE,kBAFF;AAGLC,IAAAA,WAAW,EAAE,8BAHR;AAILC,IAAAA,WAAW,EAAE,QAJR;AAKLC,IAAAA,YAAY,EAAE;AALT;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    modified: false,\n    title: 'Drag & drop here',\n    description: 'JPG or PNG, smaller than 5mb',\n    uploadLabel: 'Browse',\n    previewLabel: 'File Preview'\n  }\n};\n"],"file":"default.js"}

package/es/atom/drag-and-drop/test/fixtures/error.js

@@ -0,0 +1,12 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import defaultProps from './default';
+const {
+  props
+} = defaultProps;
+export default {
+  props: _extends(_extends({}, props), {}, {
+    error: 'The file is invalid'
+  })
+};
+//# sourceMappingURL=error.js.map

package/es/atom/drag-and-drop/test/fixtures/error.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/drag-and-drop/test/fixtures/error.js"],"names":["defaultProps","props","error"],"mappings":";;AAAA,OAAOA,YAAP,MAAyB,WAAzB;AAEA,MAAM;AAACC,EAAAA;AAAD,IAAUD,YAAhB;AAEA,eAAe;AACXC,EAAAA,KAAK,wBACEA,KADF;AAEDC,IAAAA,KAAK,EAAE;AAFN;AADM,CAAf","sourcesContent":["import defaultProps from './default';\n\nconst {props} = defaultProps;\n\nexport default {\n    props: {\n        ...props,\n        error: 'The file is invalid'\n    }\n}\n"],"file":"error.js"}

package/es/atom/drag-and-drop/test/fixtures/loading.js

@@ -3,7 +3,8 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 import Default from './default';
 export default {
   props: _extends(_extends({}, Default.props), {}, {
-    loading: true
+    loading: true,
+    modified: false
   })
 };
 //# sourceMappingURL=loading.js.map

package/es/atom/drag-and-drop/test/fixtures/loading.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/atom/drag-and-drop/test/fixtures/loading.js"],"names":["Default","props","loading"],"mappings":";;AAAA,OAAOA,OAAP,MAAoB,WAApB;AAEA,eAAe;AACbC,EAAAA,KAAK,wBACAD,OAAO,CAACC,KADR;AAEHC,IAAAA,OAAO,EAAE;AAFN;AADQ,CAAf","sourcesContent":["import Default from './default';\n\nexport default {\n  props: {\n    ...Default.props,\n    loading: true\n  }\n};\n"],"file":"loading.js"}
+{"version":3,"sources":["../../../../../src/atom/drag-and-drop/test/fixtures/loading.js"],"names":["Default","props","loading","modified"],"mappings":";;AAAA,OAAOA,OAAP,MAAoB,WAApB;AAEA,eAAe;AACbC,EAAAA,KAAK,wBACAD,OAAO,CAACC,KADR;AAEHC,IAAAA,OAAO,EAAE,IAFN;AAGHC,IAAAA,QAAQ,EAAE;AAHP;AADQ,CAAf","sourcesContent":["import Default from './default';\n\nexport default {\n  props: {\n    ...Default.props,\n    loading: true,\n    modified: false\n  }\n};\n"],"file":"loading.js"}

package/es/atom/drag-and-drop/test/fixtures/modified.js

@@ -0,0 +1,12 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import withImageReset from './with-image-reset';
+const {
+  props
+} = withImageReset;
+export default {
+  props: _extends(_extends({}, props), {}, {
+    modified: true
+  })
+};
+//# sourceMappingURL=modified.js.map

package/es/atom/drag-and-drop/test/fixtures/modified.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/drag-and-drop/test/fixtures/modified.js"],"names":["withImageReset","props","modified"],"mappings":";;AAAA,OAAOA,cAAP,MAA2B,oBAA3B;AAEA,MAAM;AAACC,EAAAA;AAAD,IAAUD,cAAhB;AAEA,eAAe;AACXC,EAAAA,KAAK,wBACEA,KADF;AAEDC,IAAAA,QAAQ,EAAE;AAFT;AADM,CAAf","sourcesContent":["import withImageReset from './with-image-reset';\n\nconst {props} = withImageReset;\n\nexport default {\n    props: {\n        ...props,\n        modified: true\n    }\n}\n"],"file":"modified.js"}

package/es/atom/drag-and-drop/test/fixtures/with-children.js

@@ -2,6 +2,7 @@ import React from 'react';
 import style from '../../../image-upload/style.css';
 export default {
   props: {
+    modified: false,
     previewContent: {
       type: 'image',
       src: 'https://static.coorpacademy.com/content/up/raw/logo_coorp-1491560495763.svg'