@coorpacademy/components 10.13.1 → 10.13.3-alpha.14

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'

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/atom/drag-and-drop/test/fixtures/with-children.js"],"names":["React","style","props","previewContent","type","src","title","displayName","uploadLabel","children","onDragStart","onDragStop","input"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,KAAP,MAAkB,iCAAlB;AAEA,eAAe;AACbC,EAAAA,KAAK,EAAE;AACLC,IAAAA,cAAc,EAAE;AACdC,MAAAA,IAAI,EAAE,OADQ;AAEdC,MAAAA,GAAG,EAAE;AAFS,KADX;AAKLC,IAAAA,KAAK,EAAE,aALF;AAMLC,IAAAA,WAAW,EAAE,cANR;AAOLC,IAAAA,WAAW,EAAE;AAPR,GADM;AAUb;AACAC,EAAAA,QAAQ,EAAE,CAACC,WAAD,EAAcC,UAAd,kBACR;AACE,IAAA,SAAS,EAAEV,KAAK,CAACW,KADnB;AAEE,IAAA,GAAG,EAAC,GAFN;AAGE,IAAA,IAAI,EAAC,MAHP;AAIE,IAAA,MAAM,EAAC,SAJT;AAKE,IAAA,QAAQ,EAAE,MAAM,IALlB;AAME,IAAA,WAAW,EAAEF,WANf;AAOE,IAAA,MAAM,EAAEC,UAPV;AAQE,IAAA,WAAW,EAAEA;AARf;AAZW,CAAf","sourcesContent":["import React from 'react';\nimport style from '../../../image-upload/style.css';\n\nexport default {\n  props: {\n    previewContent: {\n      type: 'image',\n      src: 'https://static.coorpacademy.com/content/up/raw/logo_coorp-1491560495763.svg'\n    },\n    title: 'Desktop (*)',\n    displayName: 'Upload image',\n    uploadLabel: 'Upload'\n  },\n  // eslint-disable-next-line react/display-name\n  children: (onDragStart, onDragStop) => (\n    <input\n      className={style.input}\n      key=\"1\"\n      type=\"file\"\n      accept=\"image*/\"\n      onChange={() => true}\n      onDragEnter={onDragStart}\n      onDrop={onDragStop}\n      onDragLeave={onDragStop}\n    />\n  )\n};\n"],"file":"with-children.js"}
+{"version":3,"sources":["../../../../../src/atom/drag-and-drop/test/fixtures/with-children.js"],"names":["React","style","props","modified","previewContent","type","src","title","displayName","uploadLabel","children","onDragStart","onDragStop","input"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,KAAP,MAAkB,iCAAlB;AAEA,eAAe;AACbC,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAE,KADL;AAELC,IAAAA,cAAc,EAAE;AACdC,MAAAA,IAAI,EAAE,OADQ;AAEdC,MAAAA,GAAG,EAAE;AAFS,KAFX;AAMLC,IAAAA,KAAK,EAAE,aANF;AAOLC,IAAAA,WAAW,EAAE,cAPR;AAQLC,IAAAA,WAAW,EAAE;AARR,GADM;AAWb;AACAC,EAAAA,QAAQ,EAAE,CAACC,WAAD,EAAcC,UAAd,kBACR;AACE,IAAA,SAAS,EAAEX,KAAK,CAACY,KADnB;AAEE,IAAA,GAAG,EAAC,GAFN;AAGE,IAAA,IAAI,EAAC,MAHP;AAIE,IAAA,MAAM,EAAC,SAJT;AAKE,IAAA,QAAQ,EAAE,MAAM,IALlB;AAME,IAAA,WAAW,EAAEF,WANf;AAOE,IAAA,MAAM,EAAEC,UAPV;AAQE,IAAA,WAAW,EAAEA;AARf;AAbW,CAAf","sourcesContent":["import React from 'react';\nimport style from '../../../image-upload/style.css';\n\nexport default {\n  props: {\n    modified: false,\n    previewContent: {\n      type: 'image',\n      src: 'https://static.coorpacademy.com/content/up/raw/logo_coorp-1491560495763.svg'\n    },\n    title: 'Desktop (*)',\n    displayName: 'Upload image',\n    uploadLabel: 'Upload'\n  },\n  // eslint-disable-next-line react/display-name\n  children: (onDragStart, onDragStop) => (\n    <input\n      className={style.input}\n      key=\"1\"\n      type=\"file\"\n      accept=\"image*/\"\n      onChange={() => true}\n      onDragEnter={onDragStart}\n      onDrop={onDragStop}\n      onDragLeave={onDragStop}\n    />\n  )\n};\n"],"file":"with-children.js"}

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

@@ -1,12 +1,13 @@
 export default {
   props: {
+    modified: false,
     title: 'Drag & Drop With Image',
     description: 'Drag and drop component with an image',
     uploadLabel: 'Upload Image(s)',
     previewLabel: 'File Preview',
     previewContent: {
       type: 'image',
-      src: 'https://static.coorpacademy.com/content/up/raw/logo_mobile-1491560713685.svg'
+      src: 'https://static.coorpacademy.com/content/up/raw/logo_coorp-1491560495763.svg'
     }
   }
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/atom/drag-and-drop/test/fixtures/with-image.js"],"names":["props","title","description","uploadLabel","previewLabel","previewContent","type","src"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,wBADF;AAELC,IAAAA,WAAW,EAAE,uCAFR;AAGLC,IAAAA,WAAW,EAAE,iBAHR;AAILC,IAAAA,YAAY,EAAE,cAJT;AAKLC,IAAAA,cAAc,EAAE;AACdC,MAAAA,IAAI,EAAE,OADQ;AAEdC,MAAAA,GAAG,EAAE;AAFS;AALX;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    title: 'Drag & Drop With Image',\n    description: 'Drag and drop component with an image',\n    uploadLabel: 'Upload Image(s)',\n    previewLabel: 'File Preview',\n    previewContent: {\n      type: 'image',\n      src: 'https://static.coorpacademy.com/content/up/raw/logo_mobile-1491560713685.svg'\n    }\n  }\n};\n"],"file":"with-image.js"}
+{"version":3,"sources":["../../../../../src/atom/drag-and-drop/test/fixtures/with-image.js"],"names":["props","modified","title","description","uploadLabel","previewLabel","previewContent","type","src"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAE,KADL;AAELC,IAAAA,KAAK,EAAE,wBAFF;AAGLC,IAAAA,WAAW,EAAE,uCAHR;AAILC,IAAAA,WAAW,EAAE,iBAJR;AAKLC,IAAAA,YAAY,EAAE,cALT;AAMLC,IAAAA,cAAc,EAAE;AACdC,MAAAA,IAAI,EAAE,OADQ;AAEdC,MAAAA,GAAG,EAAE;AAFS;AANX;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    modified: false,\n    title: 'Drag & Drop With Image',\n    description: 'Drag and drop component with an image',\n    uploadLabel: 'Upload Image(s)',\n    previewLabel: 'File Preview',\n    previewContent: {\n      type: 'image',\n      src: 'https://static.coorpacademy.com/content/up/raw/logo_coorp-1491560495763.svg'\n    }\n  }\n};\n"],"file":"with-image.js"}

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

@@ -1,5 +1,6 @@
 export default {
   props: {
+    modified: false,
     title: 'Drag & Drop',
     description: 'Drag and drop component with a video',
     uploadLabel: 'Upload',
@@ -7,7 +8,8 @@ export default {
     previewContent: {
       type: 'video',
       src: 'https://www.w3schools.com/tags/movie.mp4'
-    }
+    },
+    onReset: () => console.log('reset')
   }
 };
 //# sourceMappingURL=with-video.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/atom/drag-and-drop/test/fixtures/with-video.js"],"names":["props","title","description","uploadLabel","previewLabel","previewContent","type","src"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,aADF;AAELC,IAAAA,WAAW,EAAE,sCAFR;AAGLC,IAAAA,WAAW,EAAE,QAHR;AAILC,IAAAA,YAAY,EAAE,cAJT;AAKLC,IAAAA,cAAc,EAAE;AACdC,MAAAA,IAAI,EAAE,OADQ;AAEdC,MAAAA,GAAG,EAAE;AAFS;AALX;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    title: 'Drag & Drop',\n    description: 'Drag and drop component with a video',\n    uploadLabel: 'Upload',\n    previewLabel: 'File Preview',\n    previewContent: {\n      type: 'video',\n      src: 'https://www.w3schools.com/tags/movie.mp4'\n    }\n  }\n};\n"],"file":"with-video.js"}
+{"version":3,"sources":["../../../../../src/atom/drag-and-drop/test/fixtures/with-video.js"],"names":["props","modified","title","description","uploadLabel","previewLabel","previewContent","type","src","onReset","console","log"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAE,KADL;AAELC,IAAAA,KAAK,EAAE,aAFF;AAGLC,IAAAA,WAAW,EAAE,sCAHR;AAILC,IAAAA,WAAW,EAAE,QAJR;AAKLC,IAAAA,YAAY,EAAE,cALT;AAMLC,IAAAA,cAAc,EAAE;AACdC,MAAAA,IAAI,EAAE,OADQ;AAEdC,MAAAA,GAAG,EAAE;AAFS,KANX;AAULC,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AAVV;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    modified: false,\n    title: 'Drag & Drop',\n    description: 'Drag and drop component with a video',\n    uploadLabel: 'Upload',\n    previewLabel: 'File Preview',\n    previewContent: {\n      type: 'video',\n      src: 'https://www.w3schools.com/tags/movie.mp4'\n    },\n    onReset: () => console.log('reset')\n  }\n};\n"],"file":"with-video.js"}

package/es/atom/drag-and-drop/test/fixtures/withLongDescription.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), {}, {
+    description: 'Max file size: 5MO. Recommended format: SVG (if your client uses a majority of IE, use PNG format instead). Recommended aspect ratio : horizontal 2:1 (e.g. 500px x 250px). Maximum recommended aspect ratio 1:1 (e.g. 500x500, which means that it should not be taller than its width).'
+  })
+};
+//# sourceMappingURL=withLongDescription.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/drag-and-drop/test/fixtures/withLongDescription.js"],"names":["defaultProps","props","description"],"mappings":";;AACA,OAAOA,YAAP,MAAyB,WAAzB;AAEA,MAAM;AAACC,EAAAA;AAAD,IAAUD,YAAhB;AACA,eAAe;AACXC,EAAAA,KAAK,wBACEA,KADF;AAEDC,IAAAA,WAAW,EAAE;AAFZ;AADM,CAAf","sourcesContent":["\nimport defaultProps from './default';\n\nconst {props} = defaultProps;\nexport default {\n    props: {\n        ...props,\n        description: 'Max file size: 5MO. Recommended format: SVG (if your client uses a majority of IE, use PNG format instead). Recommended aspect ratio : horizontal 2:1 (e.g. 500px x 250px). Maximum recommended aspect ratio 1:1 (e.g. 500x500, which means that it should not be taller than its width).'\n    }\n}\n"],"file":"withLongDescription.js"}

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

@@ -3,11 +3,14 @@ import forEach from 'lodash/forEach';
 import renderComponentMacro from '../../../test/helpers/render-component';
 import AtomDragAndDrop from '..';
 import fixtureDefault from './fixtures/default';
+import fixtureError from './fixtures/error';
 import fixtureLoading from './fixtures/loading';
+import fixtureModified from './fixtures/modified';
 import fixtureWithChildren from './fixtures/with-children';
 import fixtureWithImageReset from './fixtures/with-image-reset';
 import fixtureWithImage from './fixtures/with-image';
 import fixtureWithVideo from './fixtures/with-video';
+import fixtureWithLongDescription from './fixtures/withLongDescription';
 test('Atom › AtomDragAndDrop > should have valid propTypes', t => {
   t.pass();
   forEach(AtomDragAndDrop.propTypes, (value, key) => {
@@ -15,9 +18,12 @@ test('Atom › AtomDragAndDrop > should have valid propTypes', t => {
   });
 });
 test('Atom › AtomDragAndDrop › Default › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureDefault);
+test('Atom › AtomDragAndDrop › Error › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureError);
 test('Atom › AtomDragAndDrop › Loading › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureLoading);
+test('Atom › AtomDragAndDrop › Modified › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureModified);
 test('Atom › AtomDragAndDrop › WithChildren › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithChildren);
 test('Atom › AtomDragAndDrop › WithImageReset › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithImageReset);
 test('Atom › AtomDragAndDrop › WithImage › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithImage);
 test('Atom › AtomDragAndDrop › WithVideo › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithVideo);
+test('Atom › AtomDragAndDrop › WithLongDescription › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithLongDescription);
 //# sourceMappingURL=fixtures.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/atom/drag-and-drop/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomDragAndDrop","fixtureDefault","fixtureLoading","fixtureWithChildren","fixtureWithImageReset","fixtureWithImage","fixtureWithVideo","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,eAAP,MAA4B,IAA5B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,mBAAP,MAAgC,0BAAhC;AACA,OAAOC,qBAAP,MAAkC,6BAAlC;AACA,OAAOC,gBAAP,MAA6B,uBAA7B;AACA,OAAOC,gBAAP,MAA6B,uBAA7B;AAEAT,IAAI,CAAC,sDAAD,EAAyDU,CAAC,IAAI;AAChEA,EAAAA,CAAC,CAACC,IAAF;AACAV,EAAAA,OAAO,CAACE,eAAe,CAACS,SAAjB,EAA4B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACjDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,gDAA+CF,GAAI,mEAA5E;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAd,IAAI,CAAC,uDAAD,EAA0DE,oBAA1D,EAAgFC,eAAhF,EAAiGC,cAAjG,CAAJ;AACAJ,IAAI,CAAC,uDAAD,EAA0DE,oBAA1D,EAAgFC,eAAhF,EAAiGE,cAAjG,CAAJ;AACAL,IAAI,CAAC,4DAAD,EAA+DE,oBAA/D,EAAqFC,eAArF,EAAsGG,mBAAtG,CAAJ;AACAN,IAAI,CAAC,8DAAD,EAAiEE,oBAAjE,EAAuFC,eAAvF,EAAwGI,qBAAxG,CAAJ;AACAP,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,eAAlF,EAAmGK,gBAAnG,CAAJ;AACAR,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,eAAlF,EAAmGM,gBAAnG,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomDragAndDrop from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureLoading from './fixtures/loading';\nimport fixtureWithChildren from './fixtures/with-children';\nimport fixtureWithImageReset from './fixtures/with-image-reset';\nimport fixtureWithImage from './fixtures/with-image';\nimport fixtureWithVideo from './fixtures/with-video';\n\ntest('Atom › AtomDragAndDrop > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomDragAndDrop.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomDragAndDrop.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomDragAndDrop › Default › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureDefault);\ntest('Atom › AtomDragAndDrop › Loading › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureLoading);\ntest('Atom › AtomDragAndDrop › WithChildren › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithChildren);\ntest('Atom › AtomDragAndDrop › WithImageReset › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithImageReset);\ntest('Atom › AtomDragAndDrop › WithImage › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithImage);\ntest('Atom › AtomDragAndDrop › WithVideo › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithVideo);\n"],"file":"fixtures.js"}
+{"version":3,"sources":["../../../../src/atom/drag-and-drop/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomDragAndDrop","fixtureDefault","fixtureError","fixtureLoading","fixtureModified","fixtureWithChildren","fixtureWithImageReset","fixtureWithImage","fixtureWithVideo","fixtureWithLongDescription","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,eAAP,MAA4B,IAA5B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,mBAAP,MAAgC,0BAAhC;AACA,OAAOC,qBAAP,MAAkC,6BAAlC;AACA,OAAOC,gBAAP,MAA6B,uBAA7B;AACA,OAAOC,gBAAP,MAA6B,uBAA7B;AACA,OAAOC,0BAAP,MAAuC,gCAAvC;AAEAZ,IAAI,CAAC,sDAAD,EAAyDa,CAAC,IAAI;AAChEA,EAAAA,CAAC,CAACC,IAAF;AACAb,EAAAA,OAAO,CAACE,eAAe,CAACY,SAAjB,EAA4B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACjDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,gDAA+CF,GAAI,mEAA5E;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAjB,IAAI,CAAC,uDAAD,EAA0DE,oBAA1D,EAAgFC,eAAhF,EAAiGC,cAAjG,CAAJ;AACAJ,IAAI,CAAC,qDAAD,EAAwDE,oBAAxD,EAA8EC,eAA9E,EAA+FE,YAA/F,CAAJ;AACAL,IAAI,CAAC,uDAAD,EAA0DE,oBAA1D,EAAgFC,eAAhF,EAAiGG,cAAjG,CAAJ;AACAN,IAAI,CAAC,wDAAD,EAA2DE,oBAA3D,EAAiFC,eAAjF,EAAkGI,eAAlG,CAAJ;AACAP,IAAI,CAAC,4DAAD,EAA+DE,oBAA/D,EAAqFC,eAArF,EAAsGK,mBAAtG,CAAJ;AACAR,IAAI,CAAC,8DAAD,EAAiEE,oBAAjE,EAAuFC,eAAvF,EAAwGM,qBAAxG,CAAJ;AACAT,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,eAAlF,EAAmGO,gBAAnG,CAAJ;AACAV,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,eAAlF,EAAmGQ,gBAAnG,CAAJ;AACAX,IAAI,CAAC,mEAAD,EAAsEE,oBAAtE,EAA4FC,eAA5F,EAA6GS,0BAA7G,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomDragAndDrop from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureError from './fixtures/error';\nimport fixtureLoading from './fixtures/loading';\nimport fixtureModified from './fixtures/modified';\nimport fixtureWithChildren from './fixtures/with-children';\nimport fixtureWithImageReset from './fixtures/with-image-reset';\nimport fixtureWithImage from './fixtures/with-image';\nimport fixtureWithVideo from './fixtures/with-video';\nimport fixtureWithLongDescription from './fixtures/withLongDescription';\n\ntest('Atom › AtomDragAndDrop > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomDragAndDrop.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomDragAndDrop.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomDragAndDrop › Default › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureDefault);\ntest('Atom › AtomDragAndDrop › Error › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureError);\ntest('Atom › AtomDragAndDrop › Loading › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureLoading);\ntest('Atom › AtomDragAndDrop › Modified › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureModified);\ntest('Atom › AtomDragAndDrop › WithChildren › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithChildren);\ntest('Atom › AtomDragAndDrop › WithImageReset › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithImageReset);\ntest('Atom › AtomDragAndDrop › WithImage › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithImage);\ntest('Atom › AtomDragAndDrop › WithVideo › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithVideo);\ntest('Atom › AtomDragAndDrop › WithLongDescription › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithLongDescription);\n"],"file":"fixtures.js"}

package/es/atom/empty-search-result/test/fixtures.js

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

package/es/atom/empty-search-result/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/atom/empty-search-result/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomEmptySearchResult","fixtureDefault","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;AAEAJ,IAAI,CAAC,4DAAD,EAA+DK,CAAC,IAAI;AACtEA,EAAAA,CAAC,CAACC,IAAF;AACAL,EAAAA,OAAO,CAACE,qBAAqB,CAACI,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;AAOAT,IAAI,CAAC,6DAAD,EAAgEE,oBAAhE,EAAsFC,qBAAtF,EAA6GC,cAA7G,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomEmptySearchResult from '..';\nimport fixtureDefault from './fixtures/default';\n\ntest('Atom › AtomEmptySearchResult > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomEmptySearchResult.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomEmptySearchResult.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomEmptySearchResult › Default › should be rendered', renderComponentMacro, AtomEmptySearchResult, fixtureDefault);\n"],"file":"fixtures.js"}

package/es/atom/image-upload/index.js

@@ -23,7 +23,8 @@ const ImageUpload = ({
   onReset = null,
   name,
   // See ImagePropType for accepted values
-  imageTypes = ['*']
+  imageTypes = ['*'],
+  error = ''
 }) => {
   const handleReset = useCallback(e => {
     if (_isNil(onReset)) return;
@@ -41,7 +42,8 @@ const ImageUpload = ({
     uploadLabel: uploadLabel,
     loading: loading,
     modified: modified,
-    onReset: handleReset
+    onReset: handleReset,
+    error: error
   }, (onDragStart, onDragStop) => /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("input", {
     type: "file",
     name: name,
@@ -59,7 +61,8 @@ ImageUpload.propTypes = process.env.NODE_ENV !== "production" ? _extends(_extend
   name: PropTypes.string,
   onChange: PropTypes.func,
   onReset: PropTypes.func,
-  imageTypes: PropTypes.arrayOf(ImagePropType)
+  imageTypes: PropTypes.arrayOf(ImagePropType),
+  error: PropTypes.string
 }) : {};
 export default ImageUpload;
 //# sourceMappingURL=index.js.map

package/es/atom/image-upload/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/image-upload/index.js"],"names":["React","useCallback","PropTypes","DragAndDrop","ImagePropType","style","ImageUpload","title","description","previewLabel","previewContent","uploadLabel","loading","modified","onChange","onReset","name","imageTypes","handleReset","e","preventDefault","acceptedImages","t","onDragStart","onDragStop","input","propTypes","string","func","arrayOf"],"mappings":";;;;;;;AAAA,OAAOA,KAAP,IAAeC,WAAf,QAAiC,OAAjC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,WAAP,MAAwB,kBAAxB;AACA,SAAQC,aAAR,QAA4B,sBAA5B;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,WAAW,GAAG,CAAC;AACnBC,EAAAA,KADmB;AAEnBC,EAAAA,WAFmB;AAGnBC,EAAAA,YAHmB;AAInBC,EAAAA,cAJmB;AAKnBC,EAAAA,WALmB;AAMnBC,EAAAA,OANmB;AAOnBC,EAAAA,QAPmB;AAQnBC,EAAAA,QARmB;AASnBC,EAAAA,OAAO,GAAG,IATS;AAUnBC,EAAAA,IAVmB;AAWnB;AACAC,EAAAA,UAAU,GAAG,CAAC,GAAD;AAZM,CAAD,KAad;AACJ,QAAMC,WAAW,GAAGjB,WAAW,CAC7BkB,CAAC,IAAI;AACH,QAAI,OAAMJ,OAAN,CAAJ,EAAoB;AACpBI,IAAAA,CAAC,CAACC,cAAF;AACA,WAAOL,OAAO,CAACI,CAAD,CAAd;AACD,GAL4B,EAM7B,CAACJ,OAAD,CAN6B,CAA/B;;AASA,QAAMM,cAAc,GAAG,MACrB,KAAIC,CAAC,IAAK,SAAQA,CAAE,EAApB,CADqB,EAErB,MAAK,GAAL,CAFqB,EAGrBL,UAHqB,CAAvB;;AAKA,sBACE,oBAAC,WAAD;AACE,IAAA,KAAK,EAAEV,KADT;AAEE,IAAA,WAAW,EAAEC,WAFf;AAGE,IAAA,YAAY,EAAEC,YAHhB;AAIE,IAAA,cAAc,EAAEC,cAJlB;AAKE,IAAA,WAAW,EAAEC,WALf;AAME,IAAA,OAAO,EAAEC,OANX;AAOE,IAAA,QAAQ,EAAEC,QAPZ;AAQE,IAAA,OAAO,EAAEK;AARX,KAUG,CAACK,WAAD,EAAcC,UAAd,kBACC,8CACE;AACE,IAAA,IAAI,EAAC,MADP;AAEE,IAAA,IAAI,EAAER,IAFR;AAGE,IAAA,MAAM,EAAEK,cAHV;AAIE,IAAA,QAAQ,EAAET,OAJZ;AAKE,IAAA,SAAS,EAAEP,KAAK,CAACoB,KALnB;AAME,IAAA,QAAQ,EAAEX,QANZ;AAOE,IAAA,WAAW,EAAES,WAPf;AAQE,IAAA,MAAM,EAAEC,UARV;AASE,IAAA,WAAW,EAAEA;AATf,IADF,CAXJ,CADF;AA4BD,CAxDD;;AA0DAlB,WAAW,CAACoB,SAAZ,iEACKvB,WAAW,CAACuB,SADjB;AAEEV,EAAAA,IAAI,EAAEd,SAAS,CAACyB,MAFlB;AAGEb,EAAAA,QAAQ,EAAEZ,SAAS,CAAC0B,IAHtB;AAIEb,EAAAA,OAAO,EAAEb,SAAS,CAAC0B,IAJrB;AAKEX,EAAAA,UAAU,EAAEf,SAAS,CAAC2B,OAAV,CAAkBzB,aAAlB;AALd;AAQA,eAAeE,WAAf","sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {join, map, pipe, isNil} from 'lodash/fp';\nimport DragAndDrop from '../drag-and-drop';\nimport {ImagePropType} from '../../util/proptypes';\nimport style from './style.css';\n\nconst ImageUpload = ({\n  title,\n  description,\n  previewLabel,\n  previewContent,\n  uploadLabel,\n  loading,\n  modified,\n  onChange,\n  onReset = null,\n  name,\n  // See ImagePropType for accepted values\n  imageTypes = ['*']\n}) => {\n  const handleReset = useCallback(\n    e => {\n      if (isNil(onReset)) return;\n      e.preventDefault();\n      return onReset(e);\n    },\n    [onReset]\n  );\n\n  const acceptedImages = pipe(\n    map(t => `image/${t}`),\n    join(',')\n  )(imageTypes);\n\n  return (\n    <DragAndDrop\n      title={title}\n      description={description}\n      previewLabel={previewLabel}\n      previewContent={previewContent}\n      uploadLabel={uploadLabel}\n      loading={loading}\n      modified={modified}\n      onReset={handleReset}\n    >\n      {(onDragStart, onDragStop) => (\n        <div>\n          <input\n            type=\"file\"\n            name={name}\n            accept={acceptedImages}\n            disabled={loading}\n            className={style.input}\n            onChange={onChange}\n            onDragEnter={onDragStart}\n            onDrop={onDragStop}\n            onDragLeave={onDragStop}\n          />\n        </div>\n      )}\n    </DragAndDrop>\n  );\n};\n\nImageUpload.propTypes = {\n  ...DragAndDrop.propTypes,\n  name: PropTypes.string,\n  onChange: PropTypes.func,\n  onReset: PropTypes.func,\n  imageTypes: PropTypes.arrayOf(ImagePropType)\n};\n\nexport default ImageUpload;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/atom/image-upload/index.js"],"names":["React","useCallback","PropTypes","DragAndDrop","ImagePropType","style","ImageUpload","title","description","previewLabel","previewContent","uploadLabel","loading","modified","onChange","onReset","name","imageTypes","error","handleReset","e","preventDefault","acceptedImages","t","onDragStart","onDragStop","input","propTypes","string","func","arrayOf"],"mappings":";;;;;;;AAAA,OAAOA,KAAP,IAAeC,WAAf,QAAiC,OAAjC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,WAAP,MAAwB,kBAAxB;AACA,SAAQC,aAAR,QAA4B,sBAA5B;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,WAAW,GAAG,CAAC;AACnBC,EAAAA,KADmB;AAEnBC,EAAAA,WAFmB;AAGnBC,EAAAA,YAHmB;AAInBC,EAAAA,cAJmB;AAKnBC,EAAAA,WALmB;AAMnBC,EAAAA,OANmB;AAOnBC,EAAAA,QAPmB;AAQnBC,EAAAA,QARmB;AASnBC,EAAAA,OAAO,GAAG,IATS;AAUnBC,EAAAA,IAVmB;AAWnB;AACAC,EAAAA,UAAU,GAAG,CAAC,GAAD,CAZM;AAanBC,EAAAA,KAAK,GAAG;AAbW,CAAD,KAcd;AACJ,QAAMC,WAAW,GAAGlB,WAAW,CAC7BmB,CAAC,IAAI;AACH,QAAI,OAAML,OAAN,CAAJ,EAAoB;AACpBK,IAAAA,CAAC,CAACC,cAAF;AACA,WAAON,OAAO,CAACK,CAAD,CAAd;AACD,GAL4B,EAM7B,CAACL,OAAD,CAN6B,CAA/B;;AASA,QAAMO,cAAc,GAAG,MACrB,KAAIC,CAAC,IAAK,SAAQA,CAAE,EAApB,CADqB,EAErB,MAAK,GAAL,CAFqB,EAGrBN,UAHqB,CAAvB;;AAKA,sBACE,oBAAC,WAAD;AACE,IAAA,KAAK,EAAEV,KADT;AAEE,IAAA,WAAW,EAAEC,WAFf;AAGE,IAAA,YAAY,EAAEC,YAHhB;AAIE,IAAA,cAAc,EAAEC,cAJlB;AAKE,IAAA,WAAW,EAAEC,WALf;AAME,IAAA,OAAO,EAAEC,OANX;AAOE,IAAA,QAAQ,EAAEC,QAPZ;AAQE,IAAA,OAAO,EAAEM,WARX;AASE,IAAA,KAAK,EAAED;AATT,KAWG,CAACM,WAAD,EAAcC,UAAd,kBACC,8CACE;AACE,IAAA,IAAI,EAAC,MADP;AAEE,IAAA,IAAI,EAAET,IAFR;AAGE,IAAA,MAAM,EAAEM,cAHV;AAIE,IAAA,QAAQ,EAAEV,OAJZ;AAKE,IAAA,SAAS,EAAEP,KAAK,CAACqB,KALnB;AAME,IAAA,QAAQ,EAAEZ,QANZ;AAOE,IAAA,WAAW,EAAEU,WAPf;AAQE,IAAA,MAAM,EAAEC,UARV;AASE,IAAA,WAAW,EAAEA;AATf,IADF,CAZJ,CADF;AA6BD,CA1DD;;AA4DAnB,WAAW,CAACqB,SAAZ,iEACKxB,WAAW,CAACwB,SADjB;AAEEX,EAAAA,IAAI,EAAEd,SAAS,CAAC0B,MAFlB;AAGEd,EAAAA,QAAQ,EAAEZ,SAAS,CAAC2B,IAHtB;AAIEd,EAAAA,OAAO,EAAEb,SAAS,CAAC2B,IAJrB;AAKEZ,EAAAA,UAAU,EAAEf,SAAS,CAAC4B,OAAV,CAAkB1B,aAAlB,CALd;AAMEc,EAAAA,KAAK,EAAEhB,SAAS,CAAC0B;AANnB;AASA,eAAetB,WAAf","sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {join, map, pipe, isNil} from 'lodash/fp';\nimport DragAndDrop from '../drag-and-drop';\nimport {ImagePropType} from '../../util/proptypes';\nimport style from './style.css';\n\nconst ImageUpload = ({\n  title,\n  description,\n  previewLabel,\n  previewContent,\n  uploadLabel,\n  loading,\n  modified,\n  onChange,\n  onReset = null,\n  name,\n  // See ImagePropType for accepted values\n  imageTypes = ['*'],\n  error = ''\n}) => {\n  const handleReset = useCallback(\n    e => {\n      if (isNil(onReset)) return;\n      e.preventDefault();\n      return onReset(e);\n    },\n    [onReset]\n  );\n\n  const acceptedImages = pipe(\n    map(t => `image/${t}`),\n    join(',')\n  )(imageTypes);\n\n  return (\n    <DragAndDrop\n      title={title}\n      description={description}\n      previewLabel={previewLabel}\n      previewContent={previewContent}\n      uploadLabel={uploadLabel}\n      loading={loading}\n      modified={modified}\n      onReset={handleReset}\n      error={error}\n    >\n      {(onDragStart, onDragStop) => (\n        <div>\n          <input\n            type=\"file\"\n            name={name}\n            accept={acceptedImages}\n            disabled={loading}\n            className={style.input}\n            onChange={onChange}\n            onDragEnter={onDragStart}\n            onDrop={onDragStop}\n            onDragLeave={onDragStop}\n          />\n        </div>\n      )}\n    </DragAndDrop>\n  );\n};\n\nImageUpload.propTypes = {\n  ...DragAndDrop.propTypes,\n  name: PropTypes.string,\n  onChange: PropTypes.func,\n  onReset: PropTypes.func,\n  imageTypes: PropTypes.arrayOf(ImagePropType),\n  error: PropTypes.string\n};\n\nexport default ImageUpload;\n"],"file":"index.js"}

package/es/atom/image-upload/test/fixtures/clean-modified.js

@@ -0,0 +1,13 @@
+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 Desktop from './desktop';
+const {
+  props
+} = Desktop;
+export default {
+  props: _extends(_extends({}, props), {}, {
+    previewContent: {},
+    modified: true
+  })
+};
+//# sourceMappingURL=clean-modified.js.map

package/es/atom/image-upload/test/fixtures/clean-modified.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/image-upload/test/fixtures/clean-modified.js"],"names":["Desktop","props","previewContent","modified"],"mappings":";;AACA,OAAOA,OAAP,MAAoB,WAApB;AAEA,MAAM;AAACC,EAAAA;AAAD,IAAUD,OAAhB;AAEA,eAAe;AACbC,EAAAA,KAAK,wBACEA,KADF;AAEDC,IAAAA,cAAc,EAAE,EAFf;AAGDC,IAAAA,QAAQ,EAAE;AAHT;AADQ,CAAf","sourcesContent":["import {omit} from 'lodash/fp';\nimport Desktop from './desktop';\n\nconst {props} = Desktop;\n\nexport default {\n  props: {\n      ...props,\n      previewContent: {},\n      modified: true\n  }\n};\n"],"file":"clean-modified.js"}

package/es/atom/image-upload/test/fixtures/{without-image.js → default.js}

@@ -6,4 +6,4 @@ const {
 export default {
   props: _omit('previewContent', props)
 };
-//# sourceMappingURL=without-image.js.map
+//# sourceMappingURL=default.js.map

package/es/atom/image-upload/test/fixtures/default.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/image-upload/test/fixtures/default.js"],"names":["Desktop","props"],"mappings":";AACA,OAAOA,OAAP,MAAoB,WAApB;AAEA,MAAM;AAACC,EAAAA;AAAD,IAAUD,OAAhB;AAEA,eAAe;AACbC,EAAAA,KAAK,EAAE,MAAK,gBAAL,EAAuBA,KAAvB;AADM,CAAf","sourcesContent":["import {omit} from 'lodash/fp';\nimport Desktop from './desktop';\n\nconst {props} = Desktop;\n\nexport default {\n  props: omit('previewContent', props)\n};\n"],"file":"default.js"}