@coorpacademy/components 10.14.4 → 10.14.7

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

@@ -98,7 +98,7 @@ class DragAndDrop extends React.Component {
       className: style.resetUploadWrapper
     }, /*#__PURE__*/React.createElement("div", {
       className: style.resetSrcLabel
-    }, previewContent.src), onReset ? /*#__PURE__*/React.createElement(Close, {
+    }, previewContent.label ? previewContent.label : previewContent.src), onReset ? /*#__PURE__*/React.createElement(Close, {
       "data-name": "reset-content-icon",
       height: 12,
       width: 12,
@@ -166,7 +166,8 @@ DragAndDrop.propTypes = process.env.NODE_ENV !== "production" ? {
   previewLabel: PropTypes.string,
   previewContent: PropTypes.shape({
     type: PropTypes.string,
-    src: PropTypes.string
+    src: PropTypes.string,
+    label: PropTypes.string
   }),
   loading: PropTypes.bool,
   modified: PropTypes.bool,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/drag-and-drop/index.js"],"names":["React","PropTypes","NovaSolidStatusClose","Close","NovaSolidFilesBasicFileUpload2","FileUploadIcon","NovaSolidFilesBasicFileBlock2","FileUploadBlockedIcon","Loader","Button","getClassState","style","constantNull","DragAndDrop","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","children","title","description","uploadLabel","previewLabel","previewContent","loading","modified","onReset","error","buttonAriaLabel","errorButtonLabel","previewView","type","preview","src","loaderWrapper","loadingCancel","closeIcon","loader","loaderText","resetContent","resetUploadWrapper","resetSrcLabel","buildButton","defaultButtonProps","label","icon","position","button","previewContainer","modifiedPreviewContainer","inputWrapper","modifiedInputWrapper","errorInputWrapper","wrapper","infosContainer","iconError","dragAndDropLabel","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  NovaSolidStatusClose as Close,\n  NovaSolidFilesBasicFileUpload2 as FileUploadIcon,\n  NovaSolidFilesBasicFileBlock2 as FileUploadBlockedIcon\n} from '@coorpacademy/nova-icons';\nimport Loader from '../loader';\nimport Button from '../button-link';\nimport getClassState from '../../util/get-class-state';\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    error: PropTypes.string,\n    buttonAriaLabel: PropTypes.string,\n    errorButtonLabel: 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 = '',\n      buttonAriaLabel = '',\n      errorButtonLabel = ''\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={12}\n              width={12}\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 ? (\n        <div className={style.resetUploadWrapper}>\n          <div className={style.resetSrcLabel}>{previewContent.src}</div>\n          {onReset ? (\n            <Close\n              data-name=\"reset-content-icon\"\n              height={12}\n              width={12}\n              className={style.closeIcon}\n              onClick={onReset}\n            />\n          ) : null}\n        </div>\n      ) : null;\n\n    const buildButton = () => {\n      const defaultButtonProps = {\n        label: uploadLabel,\n        'aria-label': buttonAriaLabel,\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        return <Button {...defaultButtonProps} label={errorButtonLabel} icon={{}} />;\n      } else {\n        return <Button {...defaultButtonProps} />;\n      }\n    };\n\n    const button = buildButton(dragging, error);\n\n    const previewContainer = getClassState(\n      style.previewContainer,\n      style.modifiedPreviewContainer,\n      null,\n      modified,\n      error\n    );\n    const inputWrapper = getClassState(\n      style.inputWrapper,\n      style.modifiedInputWrapper,\n      style.errorInputWrapper,\n      modified,\n      error\n    );\n\n    return (\n      <div className={style.wrapper} data-name=\"drag-and-drop-wrapper\">\n        <div className={style.title}>{title}</div>\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 ? (\n                <FileUploadBlockedIcon className={style.iconError} />\n              ) : (\n                <FileUploadIcon className={style.icon} />\n              )}\n              {description ? <div className={style.description}>{description}</div> : null}\n              {error ? null : <div className={style.dragAndDropLabel}>{'Drag & Drop here'}</div>}\n            </div>\n            {button}\n            <div>{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"}
+{"version":3,"sources":["../../../src/atom/drag-and-drop/index.js"],"names":["React","PropTypes","NovaSolidStatusClose","Close","NovaSolidFilesBasicFileUpload2","FileUploadIcon","NovaSolidFilesBasicFileBlock2","FileUploadBlockedIcon","Loader","Button","getClassState","style","constantNull","DragAndDrop","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","children","title","description","uploadLabel","previewLabel","previewContent","loading","modified","onReset","error","buttonAriaLabel","errorButtonLabel","previewView","type","preview","src","loaderWrapper","loadingCancel","closeIcon","loader","loaderText","resetContent","resetUploadWrapper","resetSrcLabel","label","buildButton","defaultButtonProps","icon","position","button","previewContainer","modifiedPreviewContainer","inputWrapper","modifiedInputWrapper","errorInputWrapper","wrapper","infosContainer","iconError","dragAndDropLabel","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  NovaSolidStatusClose as Close,\n  NovaSolidFilesBasicFileUpload2 as FileUploadIcon,\n  NovaSolidFilesBasicFileBlock2 as FileUploadBlockedIcon\n} from '@coorpacademy/nova-icons';\nimport Loader from '../loader';\nimport Button from '../button-link';\nimport getClassState from '../../util/get-class-state';\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      label: PropTypes.string\n    }),\n    loading: PropTypes.bool,\n    modified: PropTypes.bool,\n    children: PropTypes.func,\n    onReset: PropTypes.func,\n    error: PropTypes.string,\n    buttonAriaLabel: PropTypes.string,\n    errorButtonLabel: 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 = '',\n      buttonAriaLabel = '',\n      errorButtonLabel = ''\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={12}\n              width={12}\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 ? (\n        <div className={style.resetUploadWrapper}>\n          <div className={style.resetSrcLabel}>\n            {previewContent.label ? previewContent.label : previewContent.src}\n          </div>\n          {onReset ? (\n            <Close\n              data-name=\"reset-content-icon\"\n              height={12}\n              width={12}\n              className={style.closeIcon}\n              onClick={onReset}\n            />\n          ) : null}\n        </div>\n      ) : null;\n\n    const buildButton = () => {\n      const defaultButtonProps = {\n        label: uploadLabel,\n        'aria-label': buttonAriaLabel,\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        return <Button {...defaultButtonProps} label={errorButtonLabel} icon={{}} />;\n      } else {\n        return <Button {...defaultButtonProps} />;\n      }\n    };\n\n    const button = buildButton(dragging, error);\n\n    const previewContainer = getClassState(\n      style.previewContainer,\n      style.modifiedPreviewContainer,\n      null,\n      modified,\n      error\n    );\n    const inputWrapper = getClassState(\n      style.inputWrapper,\n      style.modifiedInputWrapper,\n      style.errorInputWrapper,\n      modified,\n      error\n    );\n\n    return (\n      <div className={style.wrapper} data-name=\"drag-and-drop-wrapper\">\n        <div className={style.title}>{title}</div>\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 ? (\n                <FileUploadBlockedIcon className={style.iconError} />\n              ) : (\n                <FileUploadIcon className={style.icon} />\n              )}\n              {description ? <div className={style.description}>{description}</div> : null}\n              {error ? null : <div className={style.dragAndDropLabel}>{'Drag & Drop here'}</div>}\n            </div>\n            {button}\n            <div>{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/test/fixtures/with-image.js

@@ -6,7 +6,8 @@ export default {
     previewLabel: 'File Preview',
     previewContent: {
       type: 'image',
-      src: 'https://static.coorpacademy.com/content/up/raw/logo_coorp-1491560495763.svg'
+      src: 'https://static.coorpacademy.com/content/up/raw/logo_coorp-1491560495763.svg',
+      label: 'coorp image'
     }
   }
 };

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_coorp-1491560495763.svg'\n    }\n  }\n};\n"],"file":"with-image.js"}
+{"version":3,"sources":["../../../../../src/atom/drag-and-drop/test/fixtures/with-image.js"],"names":["props","title","description","uploadLabel","previewLabel","previewContent","type","src","label"],"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,6EAFS;AAGdC,MAAAA,KAAK,EAAE;AAHO;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_coorp-1491560495763.svg',\n      label: 'coorp image'\n    }\n  }\n};\n"],"file":"with-image.js"}

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

@@ -24,7 +24,9 @@ const ImageUpload = ({
   name,
   // See ImagePropType for accepted values
   imageTypes = ['*'],
-  error = ''
+  error = '',
+  buttonAriaLabel,
+  errorButtonLabel
 }) => {
   const handleReset = useCallback(e => {
     if (_isNil(onReset)) return;
@@ -43,7 +45,9 @@ const ImageUpload = ({
     loading: loading,
     modified: modified,
     onReset: handleReset,
-    error: error
+    error: error,
+    buttonAriaLabel: buttonAriaLabel,
+    errorButtonLabel: errorButtonLabel
   }, (onDragStart, onDragStop) => /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("input", {
     type: "file",
     name: name,
@@ -62,7 +66,9 @@ ImageUpload.propTypes = process.env.NODE_ENV !== "production" ? _extends(_extend
   onChange: PropTypes.func,
   onReset: PropTypes.func,
   imageTypes: PropTypes.arrayOf(ImagePropType),
-  error: PropTypes.string
+  error: PropTypes.string,
+  buttonAriaLabel: PropTypes.string,
+  errorButtonLabel: 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","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"}
+{"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","buttonAriaLabel","errorButtonLabel","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,EAbW;AAcnBC,EAAAA,eAdmB;AAenBC,EAAAA;AAfmB,CAAD,KAgBd;AACJ,QAAMC,WAAW,GAAGpB,WAAW,CAC7BqB,CAAC,IAAI;AACH,QAAI,OAAMP,OAAN,CAAJ,EAAoB;AACpBO,IAAAA,CAAC,CAACC,cAAF;AACA,WAAOR,OAAO,CAACO,CAAD,CAAd;AACD,GAL4B,EAM7B,CAACP,OAAD,CAN6B,CAA/B;;AASA,QAAMS,cAAc,GAAG,MACrB,KAAIC,CAAC,IAAK,SAAQA,CAAE,EAApB,CADqB,EAErB,MAAK,GAAL,CAFqB,EAGrBR,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,EAAEQ,WARX;AASE,IAAA,KAAK,EAAEH,KATT;AAUE,IAAA,eAAe,EAAEC,eAVnB;AAWE,IAAA,gBAAgB,EAAEC;AAXpB,KAaG,CAACM,WAAD,EAAcC,UAAd,kBACC,8CACE;AACE,IAAA,IAAI,EAAC,MADP;AAEE,IAAA,IAAI,EAAEX,IAFR;AAGE,IAAA,MAAM,EAAEQ,cAHV;AAIE,IAAA,QAAQ,EAAEZ,OAJZ;AAKE,IAAA,SAAS,EAAEP,KAAK,CAACuB,KALnB;AAME,IAAA,QAAQ,EAAEd,QANZ;AAOE,IAAA,WAAW,EAAEY,WAPf;AAQE,IAAA,MAAM,EAAEC,UARV;AASE,IAAA,WAAW,EAAEA;AATf,IADF,CAdJ,CADF;AA+BD,CA9DD;;AAgEArB,WAAW,CAACuB,SAAZ,iEACK1B,WAAW,CAAC0B,SADjB;AAEEb,EAAAA,IAAI,EAAEd,SAAS,CAAC4B,MAFlB;AAGEhB,EAAAA,QAAQ,EAAEZ,SAAS,CAAC6B,IAHtB;AAIEhB,EAAAA,OAAO,EAAEb,SAAS,CAAC6B,IAJrB;AAKEd,EAAAA,UAAU,EAAEf,SAAS,CAAC8B,OAAV,CAAkB5B,aAAlB,CALd;AAMEc,EAAAA,KAAK,EAAEhB,SAAS,CAAC4B,MANnB;AAOEX,EAAAA,eAAe,EAAEjB,SAAS,CAAC4B,MAP7B;AAQEV,EAAAA,gBAAgB,EAAElB,SAAS,CAAC4B;AAR9B;AAWA,eAAexB,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  buttonAriaLabel,\n  errorButtonLabel\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      buttonAriaLabel={buttonAriaLabel}\n      errorButtonLabel={errorButtonLabel}\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  buttonAriaLabel: PropTypes.string,\n  errorButtonLabel: PropTypes.string\n};\n\nexport default ImageUpload;\n"],"file":"index.js"}

package/es/molecule/course-section/style.css

@@ -19,7 +19,7 @@
     display: flex;
     justify-content: flex-start;
     align-items: center;
-    width: 83%;
+    width: calc(100% - 175px);
 }
 
 .containerInfos {

package/es/molecule/draggable/style.css

@@ -24,7 +24,8 @@
   content: '.';
   position: absolute;
   left: 23px;
-  top: 5px;
+  top: 50%;
+  transform: translateY(-100%);
   width: 12px;
   font-size: 25px;
   color: medium;

package/es/organism/brand-form/index.js

@@ -90,7 +90,8 @@ function BrandForm(props, context) {
   }, [onReset]);
   return /*#__PURE__*/React.createElement("div", null, backView, /*#__PURE__*/React.createElement("form", {
     onSubmit: handleSubmit,
-    onReset: handleReset
+    onReset: handleReset,
+    className: style.form
   }, brandGroups, buttonSection));
 }
 

package/es/organism/brand-form/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/organism/brand-form/index.js"],"names":["React","useMemo","PropTypes","NovaCompositionNavigationArrowLeft","ArrowLeft","ReactTooltip","BrandFormGroup","Provider","Button","Link","style","buildButtonSection","onSubmit","submitValue","onReset","resetValue","tooltip","disabled","isModified","isPending","darkColor","disabledSubmit","submitButton","title","saveButton","toolTipContent","place","cancelBackground","backgroundColor","resetButton","buttons","BrandForm","props","context","groups","back","skin","backView","arrowBack","link","backDesc","desc","brandGroups","map","group","index","buttonSection","handleSubmit","e","preventDefault","handleReset","contextTypes","childContextTypes","defaultProps","propTypes","arrayOf","shape","isRequired","bool","func","children","href","string"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowLeft as ArrowLeft} from '@coorpacademy/nova-icons';\nimport ReactTooltip from 'react-tooltip';\nimport BrandFormGroup from '../../molecule/brand-form-group';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst buildButtonSection = (\n  onSubmit,\n  submitValue,\n  onReset,\n  resetValue,\n  tooltip,\n  disabled,\n  isModified,\n  isPending,\n  darkColor\n) => {\n  if (!onSubmit && !onReset) {\n    return null;\n  }\n\n  const disabledSubmit = disabled || isPending || !isModified;\n  const submitButton = onSubmit ? (\n    <div data-tip={tooltip.title} data-for=\"submitButton\" className={style.saveButton}>\n      <ReactTooltip\n        type=\"light\"\n        effect=\"solid\"\n        className={style.toolTipContent}\n        place={tooltip.place}\n        id=\"submitButton\"\n      />\n      <Button type=\"submit\" disabled={disabledSubmit} submitValue={submitValue} />\n    </div>\n  ) : null;\n\n  const cancelBackground = {backgroundColor: darkColor};\n\n  const resetButton = onReset ? (\n    <div className={style.resetButton}>\n      <Button type=\"reset\" submitValue={resetValue} style={cancelBackground} />\n    </div>\n  ) : null;\n\n  return (\n    <div className={style.buttons}>\n      {submitButton}\n      {resetButton}\n    </div>\n  );\n};\n\nfunction BrandForm(props, context) {\n  const {\n    groups,\n    disabled,\n    isModified,\n    isPending,\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    back,\n    tooltip\n  } = props;\n  const {skin} = context;\n  const darkColor = get('common.dark', skin);\n\n  const backView = back ? (\n    <p className={style.back}>\n      <ArrowLeft color={darkColor} className={style.arrowBack} />\n      <Link href={back.link} className={style.backDesc}>\n        {back.desc}\n      </Link>\n    </p>\n  ) : null;\n\n  const brandGroups = groups.map((group, index) => {\n    return (\n      <div className={style.group} key={index}>\n        <BrandFormGroup {...group} />\n      </div>\n    );\n  });\n\n  const buttonSection = buildButtonSection(\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    tooltip,\n    disabled,\n    isModified,\n    isPending,\n    darkColor\n  );\n\n  const handleSubmit = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onSubmit(e);\n    },\n    [onSubmit]\n  );\n\n  const handleReset = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onReset(e);\n    },\n    [onReset]\n  );\n\n  return (\n    <div>\n      {backView}\n      <form onSubmit={handleSubmit} onReset={handleReset}>\n        {brandGroups}\n        {buttonSection}\n      </form>\n    </div>\n  );\n}\n\nBrandForm.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBrandForm.defaultProps = {\n  tooltip: {\n    title: '',\n    place: 'top'\n  }\n};\n\nBrandForm.propTypes = {\n  groups: PropTypes.arrayOf(PropTypes.shape(BrandFormGroup.propTypes)).isRequired,\n  disabled: PropTypes.bool,\n  isModified: PropTypes.bool,\n  isPending: PropTypes.bool,\n  onSubmit: PropTypes.func,\n  submitValue: Button.propTypes.submitValue,\n  onReset: PropTypes.func,\n  resetValue: Button.propTypes.submitValue,\n  back: PropTypes.shape({\n    desc: Link.propTypes.children,\n    link: Link.propTypes.href\n  }),\n  tooltip: PropTypes.shape({\n    title: PropTypes.string,\n    place: PropTypes.string\n  })\n};\n\nexport default BrandForm;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/organism/brand-form/index.js"],"names":["React","useMemo","PropTypes","NovaCompositionNavigationArrowLeft","ArrowLeft","ReactTooltip","BrandFormGroup","Provider","Button","Link","style","buildButtonSection","onSubmit","submitValue","onReset","resetValue","tooltip","disabled","isModified","isPending","darkColor","disabledSubmit","submitButton","title","saveButton","toolTipContent","place","cancelBackground","backgroundColor","resetButton","buttons","BrandForm","props","context","groups","back","skin","backView","arrowBack","link","backDesc","desc","brandGroups","map","group","index","buttonSection","handleSubmit","e","preventDefault","handleReset","form","contextTypes","childContextTypes","defaultProps","propTypes","arrayOf","shape","isRequired","bool","func","children","href","string"],"mappings":";AAAA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAAQC,kCAAkC,IAAIC,SAA9C,QAA8D,0BAA9D;AACA,OAAOC,YAAP,MAAyB,eAAzB;AACA,OAAOC,cAAP,MAA2B,iCAA3B;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,kBAAkB,GAAG,CACzBC,QADyB,EAEzBC,WAFyB,EAGzBC,OAHyB,EAIzBC,UAJyB,EAKzBC,OALyB,EAMzBC,QANyB,EAOzBC,UAPyB,EAQzBC,SARyB,EASzBC,SATyB,KAUtB;AACH,MAAI,CAACR,QAAD,IAAa,CAACE,OAAlB,EAA2B;AACzB,WAAO,IAAP;AACD;;AAED,QAAMO,cAAc,GAAGJ,QAAQ,IAAIE,SAAZ,IAAyB,CAACD,UAAjD;AACA,QAAMI,YAAY,GAAGV,QAAQ,gBAC3B;AAAK,gBAAUI,OAAO,CAACO,KAAvB;AAA8B,gBAAS,cAAvC;AAAsD,IAAA,SAAS,EAAEb,KAAK,CAACc;AAAvE,kBACE,oBAAC,YAAD;AACE,IAAA,IAAI,EAAC,OADP;AAEE,IAAA,MAAM,EAAC,OAFT;AAGE,IAAA,SAAS,EAAEd,KAAK,CAACe,cAHnB;AAIE,IAAA,KAAK,EAAET,OAAO,CAACU,KAJjB;AAKE,IAAA,EAAE,EAAC;AALL,IADF,eAQE,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAC,QAAb;AAAsB,IAAA,QAAQ,EAAEL,cAAhC;AAAgD,IAAA,WAAW,EAAER;AAA7D,IARF,CAD2B,GAWzB,IAXJ;AAaA,QAAMc,gBAAgB,GAAG;AAACC,IAAAA,eAAe,EAAER;AAAlB,GAAzB;AAEA,QAAMS,WAAW,GAAGf,OAAO,gBACzB;AAAK,IAAA,SAAS,EAAEJ,KAAK,CAACmB;AAAtB,kBACE,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAC,OAAb;AAAqB,IAAA,WAAW,EAAEd,UAAlC;AAA8C,IAAA,KAAK,EAAEY;AAArD,IADF,CADyB,GAIvB,IAJJ;AAMA,sBACE;AAAK,IAAA,SAAS,EAAEjB,KAAK,CAACoB;AAAtB,KACGR,YADH,EAEGO,WAFH,CADF;AAMD,CA3CD;;AA6CA,SAASE,SAAT,CAAmBC,KAAnB,EAA0BC,OAA1B,EAAmC;AACjC,QAAM;AACJC,IAAAA,MADI;AAEJjB,IAAAA,QAFI;AAGJC,IAAAA,UAHI;AAIJC,IAAAA,SAJI;AAKJP,IAAAA,QALI;AAMJC,IAAAA,WANI;AAOJC,IAAAA,OAPI;AAQJC,IAAAA,UARI;AASJoB,IAAAA,IATI;AAUJnB,IAAAA;AAVI,MAWFgB,KAXJ;AAYA,QAAM;AAACI,IAAAA;AAAD,MAASH,OAAf;;AACA,QAAMb,SAAS,GAAG,KAAI,aAAJ,EAAmBgB,IAAnB,CAAlB;;AAEA,QAAMC,QAAQ,GAAGF,IAAI,gBACnB;AAAG,IAAA,SAAS,EAAEzB,KAAK,CAACyB;AAApB,kBACE,oBAAC,SAAD;AAAW,IAAA,KAAK,EAAEf,SAAlB;AAA6B,IAAA,SAAS,EAAEV,KAAK,CAAC4B;AAA9C,IADF,eAEE,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAEH,IAAI,CAACI,IAAjB;AAAuB,IAAA,SAAS,EAAE7B,KAAK,CAAC8B;AAAxC,KACGL,IAAI,CAACM,IADR,CAFF,CADmB,GAOjB,IAPJ;AASA,QAAMC,WAAW,GAAGR,MAAM,CAACS,GAAP,CAAW,CAACC,KAAD,EAAQC,KAAR,KAAkB;AAC/C,wBACE;AAAK,MAAA,SAAS,EAAEnC,KAAK,CAACkC,KAAtB;AAA6B,MAAA,GAAG,EAAEC;AAAlC,oBACE,oBAAC,cAAD,EAAoBD,KAApB,CADF,CADF;AAKD,GANmB,CAApB;AAQA,QAAME,aAAa,GAAGnC,kBAAkB,CACtCC,QADsC,EAEtCC,WAFsC,EAGtCC,OAHsC,EAItCC,UAJsC,EAKtCC,OALsC,EAMtCC,QANsC,EAOtCC,UAPsC,EAQtCC,SARsC,EAStCC,SATsC,CAAxC;AAYA,QAAM2B,YAAY,GAAG9C,OAAO,CAC1B,MAAM+C,CAAC,IAAI;AACTA,IAAAA,CAAC,CAACC,cAAF;AACA,WAAOrC,QAAQ,CAACoC,CAAD,CAAf;AACD,GAJyB,EAK1B,CAACpC,QAAD,CAL0B,CAA5B;AAQA,QAAMsC,WAAW,GAAGjD,OAAO,CACzB,MAAM+C,CAAC,IAAI;AACTA,IAAAA,CAAC,CAACC,cAAF;AACA,WAAOnC,OAAO,CAACkC,CAAD,CAAd;AACD,GAJwB,EAKzB,CAAClC,OAAD,CALyB,CAA3B;AAQA,sBACE,iCACGuB,QADH,eAEE;AAAM,IAAA,QAAQ,EAAEU,YAAhB;AAA8B,IAAA,OAAO,EAAEG,WAAvC;AAAoD,IAAA,SAAS,EAAExC,KAAK,CAACyC;AAArE,KACGT,WADH,EAEGI,aAFH,CAFF,CADF;AASD;;AAEDf,SAAS,CAACqB,YAAV,GAAyB;AACvBhB,EAAAA,IAAI,EAAE7B,QAAQ,CAAC8C,iBAAT,CAA2BjB;AADV,CAAzB;AAIAL,SAAS,CAACuB,YAAV,GAAyB;AACvBtC,EAAAA,OAAO,EAAE;AACPO,IAAAA,KAAK,EAAE,EADA;AAEPG,IAAAA,KAAK,EAAE;AAFA;AADc,CAAzB;AAOAK,SAAS,CAACwB,SAAV,2CAAsB;AACpBrB,EAAAA,MAAM,EAAEhC,SAAS,CAACsD,OAAV,CAAkBtD,SAAS,CAACuD,KAAV,CAAgBnD,cAAc,CAACiD,SAA/B,CAAlB,EAA6DG,UADjD;AAEpBzC,EAAAA,QAAQ,EAAEf,SAAS,CAACyD,IAFA;AAGpBzC,EAAAA,UAAU,EAAEhB,SAAS,CAACyD,IAHF;AAIpBxC,EAAAA,SAAS,EAAEjB,SAAS,CAACyD,IAJD;AAKpB/C,EAAAA,QAAQ,EAAEV,SAAS,CAAC0D,IALA;AAMpB/C,EAAAA,WAAW,EAAEL,MAAM,CAAC+C,SAAP,CAAiB1C,WANV;AAOpBC,EAAAA,OAAO,EAAEZ,SAAS,CAAC0D,IAPC;AAQpB7C,EAAAA,UAAU,EAAEP,MAAM,CAAC+C,SAAP,CAAiB1C,WART;AASpBsB,EAAAA,IAAI,EAAEjC,SAAS,CAACuD,KAAV,CAAgB;AACpBhB,IAAAA,IAAI,EAAEhC,IAAI,CAAC8C,SAAL,CAAeM,QADD;AAEpBtB,IAAAA,IAAI,EAAE9B,IAAI,CAAC8C,SAAL,CAAeO;AAFD,GAAhB,CATc;AAapB9C,EAAAA,OAAO,EAAEd,SAAS,CAACuD,KAAV,CAAgB;AACvBlC,IAAAA,KAAK,EAAErB,SAAS,CAAC6D,MADM;AAEvBrC,IAAAA,KAAK,EAAExB,SAAS,CAAC6D;AAFM,GAAhB;AAbW,CAAtB;AAmBA,eAAehC,SAAf","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowLeft as ArrowLeft} from '@coorpacademy/nova-icons';\nimport ReactTooltip from 'react-tooltip';\nimport BrandFormGroup from '../../molecule/brand-form-group';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst buildButtonSection = (\n  onSubmit,\n  submitValue,\n  onReset,\n  resetValue,\n  tooltip,\n  disabled,\n  isModified,\n  isPending,\n  darkColor\n) => {\n  if (!onSubmit && !onReset) {\n    return null;\n  }\n\n  const disabledSubmit = disabled || isPending || !isModified;\n  const submitButton = onSubmit ? (\n    <div data-tip={tooltip.title} data-for=\"submitButton\" className={style.saveButton}>\n      <ReactTooltip\n        type=\"light\"\n        effect=\"solid\"\n        className={style.toolTipContent}\n        place={tooltip.place}\n        id=\"submitButton\"\n      />\n      <Button type=\"submit\" disabled={disabledSubmit} submitValue={submitValue} />\n    </div>\n  ) : null;\n\n  const cancelBackground = {backgroundColor: darkColor};\n\n  const resetButton = onReset ? (\n    <div className={style.resetButton}>\n      <Button type=\"reset\" submitValue={resetValue} style={cancelBackground} />\n    </div>\n  ) : null;\n\n  return (\n    <div className={style.buttons}>\n      {submitButton}\n      {resetButton}\n    </div>\n  );\n};\n\nfunction BrandForm(props, context) {\n  const {\n    groups,\n    disabled,\n    isModified,\n    isPending,\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    back,\n    tooltip\n  } = props;\n  const {skin} = context;\n  const darkColor = get('common.dark', skin);\n\n  const backView = back ? (\n    <p className={style.back}>\n      <ArrowLeft color={darkColor} className={style.arrowBack} />\n      <Link href={back.link} className={style.backDesc}>\n        {back.desc}\n      </Link>\n    </p>\n  ) : null;\n\n  const brandGroups = groups.map((group, index) => {\n    return (\n      <div className={style.group} key={index}>\n        <BrandFormGroup {...group} />\n      </div>\n    );\n  });\n\n  const buttonSection = buildButtonSection(\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    tooltip,\n    disabled,\n    isModified,\n    isPending,\n    darkColor\n  );\n\n  const handleSubmit = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onSubmit(e);\n    },\n    [onSubmit]\n  );\n\n  const handleReset = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onReset(e);\n    },\n    [onReset]\n  );\n\n  return (\n    <div>\n      {backView}\n      <form onSubmit={handleSubmit} onReset={handleReset} className={style.form}>\n        {brandGroups}\n        {buttonSection}\n      </form>\n    </div>\n  );\n}\n\nBrandForm.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBrandForm.defaultProps = {\n  tooltip: {\n    title: '',\n    place: 'top'\n  }\n};\n\nBrandForm.propTypes = {\n  groups: PropTypes.arrayOf(PropTypes.shape(BrandFormGroup.propTypes)).isRequired,\n  disabled: PropTypes.bool,\n  isModified: PropTypes.bool,\n  isPending: PropTypes.bool,\n  onSubmit: PropTypes.func,\n  submitValue: Button.propTypes.submitValue,\n  onReset: PropTypes.func,\n  resetValue: Button.propTypes.submitValue,\n  back: PropTypes.shape({\n    desc: Link.propTypes.children,\n    link: Link.propTypes.href\n  }),\n  tooltip: PropTypes.shape({\n    title: PropTypes.string,\n    place: PropTypes.string\n  })\n};\n\nexport default BrandForm;\n"],"file":"index.js"}

package/es/organism/brand-form/style.css

@@ -12,6 +12,10 @@
   margin: 0 0 32px 0;
 }
 
+.form {
+  margin: 0 0 48px 0;
+}
+
 .group:last-child {
   margin: 0;
 }

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

@@ -112,7 +112,7 @@ class DragAndDrop extends _react.default.Component {
       className: _style.default.resetUploadWrapper
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.resetSrcLabel
-    }, previewContent.src), onReset ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusClose, {
+    }, previewContent.label ? previewContent.label : previewContent.src), onReset ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusClose, {
       "data-name": "reset-content-icon",
       height: 12,
       width: 12,
@@ -180,7 +180,8 @@ DragAndDrop.propTypes = process.env.NODE_ENV !== "production" ? {
   previewLabel: _propTypes.default.string,
   previewContent: _propTypes.default.shape({
     type: _propTypes.default.string,
-    src: _propTypes.default.string
+    src: _propTypes.default.string,
+    label: _propTypes.default.string
   }),
   loading: _propTypes.default.bool,
   modified: _propTypes.default.bool,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/drag-and-drop/index.js"],"names":["constantNull","DragAndDrop","React","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","children","title","description","uploadLabel","previewLabel","previewContent","loading","modified","onReset","error","buttonAriaLabel","errorButtonLabel","previewView","type","style","preview","src","loaderWrapper","loadingCancel","closeIcon","loader","loaderText","resetContent","resetUploadWrapper","resetSrcLabel","buildButton","defaultButtonProps","label","icon","position","button","previewContainer","modifiedPreviewContainer","inputWrapper","modifiedInputWrapper","errorInputWrapper","wrapper","infosContainer","iconError","dragAndDropLabel","errorMessage","propTypes","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  NovaSolidStatusClose as Close,\n  NovaSolidFilesBasicFileUpload2 as FileUploadIcon,\n  NovaSolidFilesBasicFileBlock2 as FileUploadBlockedIcon\n} from '@coorpacademy/nova-icons';\nimport Loader from '../loader';\nimport Button from '../button-link';\nimport getClassState from '../../util/get-class-state';\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    error: PropTypes.string,\n    buttonAriaLabel: PropTypes.string,\n    errorButtonLabel: 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 = '',\n      buttonAriaLabel = '',\n      errorButtonLabel = ''\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={12}\n              width={12}\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 ? (\n        <div className={style.resetUploadWrapper}>\n          <div className={style.resetSrcLabel}>{previewContent.src}</div>\n          {onReset ? (\n            <Close\n              data-name=\"reset-content-icon\"\n              height={12}\n              width={12}\n              className={style.closeIcon}\n              onClick={onReset}\n            />\n          ) : null}\n        </div>\n      ) : null;\n\n    const buildButton = () => {\n      const defaultButtonProps = {\n        label: uploadLabel,\n        'aria-label': buttonAriaLabel,\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        return <Button {...defaultButtonProps} label={errorButtonLabel} icon={{}} />;\n      } else {\n        return <Button {...defaultButtonProps} />;\n      }\n    };\n\n    const button = buildButton(dragging, error);\n\n    const previewContainer = getClassState(\n      style.previewContainer,\n      style.modifiedPreviewContainer,\n      null,\n      modified,\n      error\n    );\n    const inputWrapper = getClassState(\n      style.inputWrapper,\n      style.modifiedInputWrapper,\n      style.errorInputWrapper,\n      modified,\n      error\n    );\n\n    return (\n      <div className={style.wrapper} data-name=\"drag-and-drop-wrapper\">\n        <div className={style.title}>{title}</div>\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 ? (\n                <FileUploadBlockedIcon className={style.iconError} />\n              ) : (\n                <FileUploadIcon className={style.icon} />\n              )}\n              {description ? <div className={style.description}>{description}</div> : null}\n              {error ? null : <div className={style.dragAndDropLabel}>{'Drag & Drop here'}</div>}\n            </div>\n            {button}\n            <div>{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"}
+{"version":3,"sources":["../../../src/atom/drag-and-drop/index.js"],"names":["constantNull","DragAndDrop","React","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","children","title","description","uploadLabel","previewLabel","previewContent","loading","modified","onReset","error","buttonAriaLabel","errorButtonLabel","previewView","type","style","preview","src","loaderWrapper","loadingCancel","closeIcon","loader","loaderText","resetContent","resetUploadWrapper","resetSrcLabel","label","buildButton","defaultButtonProps","icon","position","button","previewContainer","modifiedPreviewContainer","inputWrapper","modifiedInputWrapper","errorInputWrapper","wrapper","infosContainer","iconError","dragAndDropLabel","errorMessage","propTypes","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  NovaSolidStatusClose as Close,\n  NovaSolidFilesBasicFileUpload2 as FileUploadIcon,\n  NovaSolidFilesBasicFileBlock2 as FileUploadBlockedIcon\n} from '@coorpacademy/nova-icons';\nimport Loader from '../loader';\nimport Button from '../button-link';\nimport getClassState from '../../util/get-class-state';\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      label: PropTypes.string\n    }),\n    loading: PropTypes.bool,\n    modified: PropTypes.bool,\n    children: PropTypes.func,\n    onReset: PropTypes.func,\n    error: PropTypes.string,\n    buttonAriaLabel: PropTypes.string,\n    errorButtonLabel: 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 = '',\n      buttonAriaLabel = '',\n      errorButtonLabel = ''\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={12}\n              width={12}\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 ? (\n        <div className={style.resetUploadWrapper}>\n          <div className={style.resetSrcLabel}>\n            {previewContent.label ? previewContent.label : previewContent.src}\n          </div>\n          {onReset ? (\n            <Close\n              data-name=\"reset-content-icon\"\n              height={12}\n              width={12}\n              className={style.closeIcon}\n              onClick={onReset}\n            />\n          ) : null}\n        </div>\n      ) : null;\n\n    const buildButton = () => {\n      const defaultButtonProps = {\n        label: uploadLabel,\n        'aria-label': buttonAriaLabel,\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        return <Button {...defaultButtonProps} label={errorButtonLabel} icon={{}} />;\n      } else {\n        return <Button {...defaultButtonProps} />;\n      }\n    };\n\n    const button = buildButton(dragging, error);\n\n    const previewContainer = getClassState(\n      style.previewContainer,\n      style.modifiedPreviewContainer,\n      null,\n      modified,\n      error\n    );\n    const inputWrapper = getClassState(\n      style.inputWrapper,\n      style.modifiedInputWrapper,\n      style.errorInputWrapper,\n      modified,\n      error\n    );\n\n    return (\n      <div className={style.wrapper} data-name=\"drag-and-drop-wrapper\">\n        <div className={style.title}>{title}</div>\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 ? (\n                <FileUploadBlockedIcon className={style.iconError} />\n              ) : (\n                <FileUploadIcon className={style.icon} />\n              )}\n              {description ? <div className={style.description}>{description}</div> : null}\n              {error ? null : <div className={style.dragAndDropLabel}>{'Drag & Drop here'}</div>}\n            </div>\n            {button}\n            <div>{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/lib/atom/drag-and-drop/test/fixtures/with-image.js

@@ -10,7 +10,8 @@ var _default = {
     previewLabel: 'File Preview',
     previewContent: {
       type: 'image',
-      src: 'https://static.coorpacademy.com/content/up/raw/logo_coorp-1491560495763.svg'
+      src: 'https://static.coorpacademy.com/content/up/raw/logo_coorp-1491560495763.svg',
+      label: 'coorp image'
     }
   }
 };

package/lib/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":";;;;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,C","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_coorp-1491560495763.svg'\n    }\n  }\n};\n"],"file":"with-image.js"}
+{"version":3,"sources":["../../../../../src/atom/drag-and-drop/test/fixtures/with-image.js"],"names":["props","title","description","uploadLabel","previewLabel","previewContent","type","src","label"],"mappings":";;;;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,6EAFS;AAGdC,MAAAA,KAAK,EAAE;AAHO;AALX;AADM,C","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_coorp-1491560495763.svg',\n      label: 'coorp image'\n    }\n  }\n};\n"],"file":"with-image.js"}

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

@@ -42,7 +42,9 @@ const ImageUpload = ({
   name,
   // See ImagePropType for accepted values
   imageTypes = ['*'],
-  error = ''
+  error = '',
+  buttonAriaLabel,
+  errorButtonLabel
 }) => {
   const handleReset = (0, _react.useCallback)(e => {
     if ((0, _isNil2.default)(onReset)) return;
@@ -59,7 +61,9 @@ const ImageUpload = ({
     loading: loading,
     modified: modified,
     onReset: handleReset,
-    error: error
+    error: error,
+    buttonAriaLabel: buttonAriaLabel,
+    errorButtonLabel: errorButtonLabel
   }, (onDragStart, onDragStop) => /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("input", {
     type: "file",
     name: name,
@@ -78,7 +82,9 @@ ImageUpload.propTypes = process.env.NODE_ENV !== "production" ? _extends(_extend
   onChange: _propTypes.default.func,
   onReset: _propTypes.default.func,
   imageTypes: _propTypes.default.arrayOf(_proptypes.ImagePropType),
-  error: _propTypes.default.string
+  error: _propTypes.default.string,
+  buttonAriaLabel: _propTypes.default.string,
+  errorButtonLabel: _propTypes.default.string
 }) : {};
 var _default = ImageUpload;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/image-upload/index.js"],"names":["ImageUpload","title","description","previewLabel","previewContent","uploadLabel","loading","modified","onChange","onReset","name","imageTypes","error","handleReset","e","preventDefault","acceptedImages","t","onDragStart","onDragStop","style","input","propTypes","DragAndDrop","PropTypes","string","func","arrayOf","ImagePropType"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,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,GAAG,wBAClBC,CAAC,IAAI;AACH,QAAI,qBAAML,OAAN,CAAJ,EAAoB;AACpBK,IAAAA,CAAC,CAACC,cAAF;AACA,WAAON,OAAO,CAACK,CAAD,CAAd;AACD,GALiB,EAMlB,CAACL,OAAD,CANkB,CAApB;AASA,QAAMO,cAAc,GAAG,oBACrB,mBAAIC,CAAC,IAAK,SAAQA,CAAE,EAApB,CADqB,EAErB,oBAAK,GAAL,CAFqB,EAGrBN,UAHqB,CAAvB;AAKA,sBACE,6BAAC,oBAAD;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,uDACE;AACE,IAAA,IAAI,EAAC,MADP;AAEE,IAAA,IAAI,EAAET,IAFR;AAGE,IAAA,MAAM,EAAEM,cAHV;AAIE,IAAA,QAAQ,EAAEV,OAJZ;AAKE,IAAA,SAAS,EAAEc,eAAMC,KALnB;AAME,IAAA,QAAQ,EAAEb,QANZ;AAOE,IAAA,WAAW,EAAEU,WAPf;AAQE,IAAA,MAAM,EAAEC,UARV;AASE,IAAA,WAAW,EAAEA;AATf,IADF,CAZJ,CADF;AA6BD,CA1DD;;AA4DAnB,WAAW,CAACsB,SAAZ,iEACKC,qBAAYD,SADjB;AAEEZ,EAAAA,IAAI,EAAEc,mBAAUC,MAFlB;AAGEjB,EAAAA,QAAQ,EAAEgB,mBAAUE,IAHtB;AAIEjB,EAAAA,OAAO,EAAEe,mBAAUE,IAJrB;AAKEf,EAAAA,UAAU,EAAEa,mBAAUG,OAAV,CAAkBC,wBAAlB,CALd;AAMEhB,EAAAA,KAAK,EAAEY,mBAAUC;AANnB;eASezB,W","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"}
+{"version":3,"sources":["../../../src/atom/image-upload/index.js"],"names":["ImageUpload","title","description","previewLabel","previewContent","uploadLabel","loading","modified","onChange","onReset","name","imageTypes","error","buttonAriaLabel","errorButtonLabel","handleReset","e","preventDefault","acceptedImages","t","onDragStart","onDragStop","style","input","propTypes","DragAndDrop","PropTypes","string","func","arrayOf","ImagePropType"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,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,EAbW;AAcnBC,EAAAA,eAdmB;AAenBC,EAAAA;AAfmB,CAAD,KAgBd;AACJ,QAAMC,WAAW,GAAG,wBAClBC,CAAC,IAAI;AACH,QAAI,qBAAMP,OAAN,CAAJ,EAAoB;AACpBO,IAAAA,CAAC,CAACC,cAAF;AACA,WAAOR,OAAO,CAACO,CAAD,CAAd;AACD,GALiB,EAMlB,CAACP,OAAD,CANkB,CAApB;AASA,QAAMS,cAAc,GAAG,oBACrB,mBAAIC,CAAC,IAAK,SAAQA,CAAE,EAApB,CADqB,EAErB,oBAAK,GAAL,CAFqB,EAGrBR,UAHqB,CAAvB;AAKA,sBACE,6BAAC,oBAAD;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,EAAEQ,WARX;AASE,IAAA,KAAK,EAAEH,KATT;AAUE,IAAA,eAAe,EAAEC,eAVnB;AAWE,IAAA,gBAAgB,EAAEC;AAXpB,KAaG,CAACM,WAAD,EAAcC,UAAd,kBACC,uDACE;AACE,IAAA,IAAI,EAAC,MADP;AAEE,IAAA,IAAI,EAAEX,IAFR;AAGE,IAAA,MAAM,EAAEQ,cAHV;AAIE,IAAA,QAAQ,EAAEZ,OAJZ;AAKE,IAAA,SAAS,EAAEgB,eAAMC,KALnB;AAME,IAAA,QAAQ,EAAEf,QANZ;AAOE,IAAA,WAAW,EAAEY,WAPf;AAQE,IAAA,MAAM,EAAEC,UARV;AASE,IAAA,WAAW,EAAEA;AATf,IADF,CAdJ,CADF;AA+BD,CA9DD;;AAgEArB,WAAW,CAACwB,SAAZ,iEACKC,qBAAYD,SADjB;AAEEd,EAAAA,IAAI,EAAEgB,mBAAUC,MAFlB;AAGEnB,EAAAA,QAAQ,EAAEkB,mBAAUE,IAHtB;AAIEnB,EAAAA,OAAO,EAAEiB,mBAAUE,IAJrB;AAKEjB,EAAAA,UAAU,EAAEe,mBAAUG,OAAV,CAAkBC,wBAAlB,CALd;AAMElB,EAAAA,KAAK,EAAEc,mBAAUC,MANnB;AAOEd,EAAAA,eAAe,EAAEa,mBAAUC,MAP7B;AAQEb,EAAAA,gBAAgB,EAAEY,mBAAUC;AAR9B;eAWe3B,W","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  buttonAriaLabel,\n  errorButtonLabel\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      buttonAriaLabel={buttonAriaLabel}\n      errorButtonLabel={errorButtonLabel}\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  buttonAriaLabel: PropTypes.string,\n  errorButtonLabel: PropTypes.string\n};\n\nexport default ImageUpload;\n"],"file":"index.js"}

package/lib/molecule/course-section/style.css

@@ -19,7 +19,7 @@
     display: flex;
     justify-content: flex-start;
     align-items: center;
-    width: 83%;
+    width: calc(100% - 175px);
 }
 
 .containerInfos {

package/lib/molecule/draggable/style.css

@@ -24,7 +24,8 @@
   content: '.';
   position: absolute;
   left: 23px;
-  top: 5px;
+  top: 50%;
+  transform: translateY(-100%);
   width: 12px;
   font-size: 25px;
   color: medium;

package/lib/organism/brand-form/index.js

@@ -108,7 +108,8 @@ function BrandForm(props, context) {
   }, [onReset]);
   return /*#__PURE__*/_react.default.createElement("div", null, backView, /*#__PURE__*/_react.default.createElement("form", {
     onSubmit: handleSubmit,
-    onReset: handleReset
+    onReset: handleReset,
+    className: _style.default.form
   }, brandGroups, buttonSection));
 }
 

package/lib/organism/brand-form/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/organism/brand-form/index.js"],"names":["buildButtonSection","onSubmit","submitValue","onReset","resetValue","tooltip","disabled","isModified","isPending","darkColor","disabledSubmit","submitButton","title","style","saveButton","toolTipContent","place","cancelBackground","backgroundColor","resetButton","buttons","BrandForm","props","context","groups","back","skin","backView","arrowBack","link","backDesc","desc","brandGroups","map","group","index","buttonSection","handleSubmit","e","preventDefault","handleReset","contextTypes","Provider","childContextTypes","defaultProps","propTypes","PropTypes","arrayOf","shape","BrandFormGroup","isRequired","bool","func","Button","Link","children","href","string"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowLeft as ArrowLeft} from '@coorpacademy/nova-icons';\nimport ReactTooltip from 'react-tooltip';\nimport BrandFormGroup from '../../molecule/brand-form-group';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst buildButtonSection = (\n  onSubmit,\n  submitValue,\n  onReset,\n  resetValue,\n  tooltip,\n  disabled,\n  isModified,\n  isPending,\n  darkColor\n) => {\n  if (!onSubmit && !onReset) {\n    return null;\n  }\n\n  const disabledSubmit = disabled || isPending || !isModified;\n  const submitButton = onSubmit ? (\n    <div data-tip={tooltip.title} data-for=\"submitButton\" className={style.saveButton}>\n      <ReactTooltip\n        type=\"light\"\n        effect=\"solid\"\n        className={style.toolTipContent}\n        place={tooltip.place}\n        id=\"submitButton\"\n      />\n      <Button type=\"submit\" disabled={disabledSubmit} submitValue={submitValue} />\n    </div>\n  ) : null;\n\n  const cancelBackground = {backgroundColor: darkColor};\n\n  const resetButton = onReset ? (\n    <div className={style.resetButton}>\n      <Button type=\"reset\" submitValue={resetValue} style={cancelBackground} />\n    </div>\n  ) : null;\n\n  return (\n    <div className={style.buttons}>\n      {submitButton}\n      {resetButton}\n    </div>\n  );\n};\n\nfunction BrandForm(props, context) {\n  const {\n    groups,\n    disabled,\n    isModified,\n    isPending,\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    back,\n    tooltip\n  } = props;\n  const {skin} = context;\n  const darkColor = get('common.dark', skin);\n\n  const backView = back ? (\n    <p className={style.back}>\n      <ArrowLeft color={darkColor} className={style.arrowBack} />\n      <Link href={back.link} className={style.backDesc}>\n        {back.desc}\n      </Link>\n    </p>\n  ) : null;\n\n  const brandGroups = groups.map((group, index) => {\n    return (\n      <div className={style.group} key={index}>\n        <BrandFormGroup {...group} />\n      </div>\n    );\n  });\n\n  const buttonSection = buildButtonSection(\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    tooltip,\n    disabled,\n    isModified,\n    isPending,\n    darkColor\n  );\n\n  const handleSubmit = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onSubmit(e);\n    },\n    [onSubmit]\n  );\n\n  const handleReset = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onReset(e);\n    },\n    [onReset]\n  );\n\n  return (\n    <div>\n      {backView}\n      <form onSubmit={handleSubmit} onReset={handleReset}>\n        {brandGroups}\n        {buttonSection}\n      </form>\n    </div>\n  );\n}\n\nBrandForm.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBrandForm.defaultProps = {\n  tooltip: {\n    title: '',\n    place: 'top'\n  }\n};\n\nBrandForm.propTypes = {\n  groups: PropTypes.arrayOf(PropTypes.shape(BrandFormGroup.propTypes)).isRequired,\n  disabled: PropTypes.bool,\n  isModified: PropTypes.bool,\n  isPending: PropTypes.bool,\n  onSubmit: PropTypes.func,\n  submitValue: Button.propTypes.submitValue,\n  onReset: PropTypes.func,\n  resetValue: Button.propTypes.submitValue,\n  back: PropTypes.shape({\n    desc: Link.propTypes.children,\n    link: Link.propTypes.href\n  }),\n  tooltip: PropTypes.shape({\n    title: PropTypes.string,\n    place: PropTypes.string\n  })\n};\n\nexport default BrandForm;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/organism/brand-form/index.js"],"names":["buildButtonSection","onSubmit","submitValue","onReset","resetValue","tooltip","disabled","isModified","isPending","darkColor","disabledSubmit","submitButton","title","style","saveButton","toolTipContent","place","cancelBackground","backgroundColor","resetButton","buttons","BrandForm","props","context","groups","back","skin","backView","arrowBack","link","backDesc","desc","brandGroups","map","group","index","buttonSection","handleSubmit","e","preventDefault","handleReset","form","contextTypes","Provider","childContextTypes","defaultProps","propTypes","PropTypes","arrayOf","shape","BrandFormGroup","isRequired","bool","func","Button","Link","children","href","string"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowLeft as ArrowLeft} from '@coorpacademy/nova-icons';\nimport ReactTooltip from 'react-tooltip';\nimport BrandFormGroup from '../../molecule/brand-form-group';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst buildButtonSection = (\n  onSubmit,\n  submitValue,\n  onReset,\n  resetValue,\n  tooltip,\n  disabled,\n  isModified,\n  isPending,\n  darkColor\n) => {\n  if (!onSubmit && !onReset) {\n    return null;\n  }\n\n  const disabledSubmit = disabled || isPending || !isModified;\n  const submitButton = onSubmit ? (\n    <div data-tip={tooltip.title} data-for=\"submitButton\" className={style.saveButton}>\n      <ReactTooltip\n        type=\"light\"\n        effect=\"solid\"\n        className={style.toolTipContent}\n        place={tooltip.place}\n        id=\"submitButton\"\n      />\n      <Button type=\"submit\" disabled={disabledSubmit} submitValue={submitValue} />\n    </div>\n  ) : null;\n\n  const cancelBackground = {backgroundColor: darkColor};\n\n  const resetButton = onReset ? (\n    <div className={style.resetButton}>\n      <Button type=\"reset\" submitValue={resetValue} style={cancelBackground} />\n    </div>\n  ) : null;\n\n  return (\n    <div className={style.buttons}>\n      {submitButton}\n      {resetButton}\n    </div>\n  );\n};\n\nfunction BrandForm(props, context) {\n  const {\n    groups,\n    disabled,\n    isModified,\n    isPending,\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    back,\n    tooltip\n  } = props;\n  const {skin} = context;\n  const darkColor = get('common.dark', skin);\n\n  const backView = back ? (\n    <p className={style.back}>\n      <ArrowLeft color={darkColor} className={style.arrowBack} />\n      <Link href={back.link} className={style.backDesc}>\n        {back.desc}\n      </Link>\n    </p>\n  ) : null;\n\n  const brandGroups = groups.map((group, index) => {\n    return (\n      <div className={style.group} key={index}>\n        <BrandFormGroup {...group} />\n      </div>\n    );\n  });\n\n  const buttonSection = buildButtonSection(\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    tooltip,\n    disabled,\n    isModified,\n    isPending,\n    darkColor\n  );\n\n  const handleSubmit = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onSubmit(e);\n    },\n    [onSubmit]\n  );\n\n  const handleReset = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onReset(e);\n    },\n    [onReset]\n  );\n\n  return (\n    <div>\n      {backView}\n      <form onSubmit={handleSubmit} onReset={handleReset} className={style.form}>\n        {brandGroups}\n        {buttonSection}\n      </form>\n    </div>\n  );\n}\n\nBrandForm.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBrandForm.defaultProps = {\n  tooltip: {\n    title: '',\n    place: 'top'\n  }\n};\n\nBrandForm.propTypes = {\n  groups: PropTypes.arrayOf(PropTypes.shape(BrandFormGroup.propTypes)).isRequired,\n  disabled: PropTypes.bool,\n  isModified: PropTypes.bool,\n  isPending: PropTypes.bool,\n  onSubmit: PropTypes.func,\n  submitValue: Button.propTypes.submitValue,\n  onReset: PropTypes.func,\n  resetValue: Button.propTypes.submitValue,\n  back: PropTypes.shape({\n    desc: Link.propTypes.children,\n    link: Link.propTypes.href\n  }),\n  tooltip: PropTypes.shape({\n    title: PropTypes.string,\n    place: PropTypes.string\n  })\n};\n\nexport default BrandForm;\n"],"file":"index.js"}

package/lib/organism/brand-form/style.css

@@ -12,6 +12,10 @@
   margin: 0 0 32px 0;
 }
 
+.form {
+  margin: 0 0 48px 0;
+}
+
 .group:last-child {
   margin: 0;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "10.14.4",
+  "version": "10.14.7",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -119,5 +119,5 @@
     "webpack-hot-middleware": "^2.25.0"
   },
   "author": "CoorpAcademy",
-  "gitHead": "7955e07a40a7a776494bd12748c66087fba4d815"
+  "gitHead": "a18c3b601496a5a11ae36df21d1a65a36e0b40c6"
 }