@coorpacademy/components 11.11.15 → 11.11.16-alpha.1

package/es/atom/drag-and-drop/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/drag-and-drop/index.js"],"names":[],"mappings":";AAgBA;IACE;;;;;;;;;;;;;;;;;;MAkBE;IAEF,wBASC;IANC;;MAEC;IAMH,wBAIC;IAED,uBAIC;IAED,sBAmJC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/drag-and-drop/index.js"],"names":[],"mappings":";AAgBA;IACE;;;;;;;;;;;;;;;;;;MAkBE;IAEF,wBASC;IANC;;MAEC;IAMH,wBAIC;IAED,uBAIC;IAED,sBAqJC;CACF"}

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

@@ -74,6 +74,11 @@ class DragAndDrop extends React.Component {
         src: previewContent.src,
         type: "video/*"
       }));
+    } else if (previewContent && previewContent.type === 'pdf') {
+      previewView = /*#__PURE__*/React.createElement("iframe", {
+        className: style.preview,
+        src: previewContent.src
+      });
     } else if (loading) {
       previewView = /*#__PURE__*/React.createElement("div", {
         className: style.loaderWrapper

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaSolidStatusClose","Close","NovaSolidFilesBasicFileUpload2","FileUploadIcon","NovaSolidFilesBasicFileBlock2","FileUploadBlockedIcon","classnames","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","disabled","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"],"sources":["../../../src/atom/drag-and-drop/index.js"],"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 classnames from 'classnames';\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    disabled: 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      disabled = false\n    } = this.props;\n    const {dragging} = this.state;\n\n    let previewView = null;\n\n    if (previewContent && previewContent.type === 'image') {\n      previewView = (\n        <div className={style.preview}>\n          <img src={previewContent.src} />\n        </div>\n      );\n    } else if (previewContent && previewContent.type === 'video') {\n      previewView = (\n        <div className={style.preview}>\n          <video controls src={previewContent.src} type=\"video/*\" />\n        </div>\n      );\n    } else if (loading) {\n      previewView = (\n        <div className={style.loaderWrapper}>\n          <div className={style.loadingCancel}>\n            <Close\n              data-name=\"reset-content-icon\"\n              height={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={classnames(style.resetUploadWrapper, disabled && style.disabled)}>\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={classnames(previewContainer, disabled && style.disabled)}>\n            {previewView}\n          </div>\n        ) : (\n          <div\n            className={classnames(\n              dragging ? style.dragging : inputWrapper,\n              disabled && style.disabled\n            )}\n            id={idBox}\n            data-name=\"drag-and-drop-box\"\n          >\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 ? (\n          <span className={classnames(style.errorMessage, disabled && style.disabled)}>\n            {error}\n          </span>\n        ) : (\n          resetContent\n        )}\n      </div>\n    );\n  }\n}\n\nexport default DragAndDrop;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaSolidStatusClose","Close","NovaSolidFilesBasicFileUpload2","FileUploadIcon","NovaSolidFilesBasicFileBlock2","FileUploadBlockedIcon","classnames","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","disabled","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"],"sources":["../../../src/atom/drag-and-drop/index.js"],"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 classnames from 'classnames';\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    disabled: 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      disabled = false\n    } = this.props;\n    const {dragging} = this.state;\n\n    let previewView = null;\n\n    if (previewContent && previewContent.type === 'image') {\n      previewView = (\n        <div className={style.preview}>\n          <img src={previewContent.src} />\n        </div>\n      );\n    } else if (previewContent && previewContent.type === 'video') {\n      previewView = (\n        <div className={style.preview}>\n          <video controls src={previewContent.src} type=\"video/*\" />\n        </div>\n      );\n    } else if (previewContent && previewContent.type === 'pdf') {\n      previewView = <iframe className={style.preview} src={previewContent.src} />;\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={classnames(style.resetUploadWrapper, disabled && style.disabled)}>\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={classnames(previewContainer, disabled && style.disabled)}>\n            {previewView}\n          </div>\n        ) : (\n          <div\n            className={classnames(\n              dragging ? style.dragging : inputWrapper,\n              disabled && style.disabled\n            )}\n            id={idBox}\n            data-name=\"drag-and-drop-box\"\n          >\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 ? (\n          <span className={classnames(style.errorMessage, disabled && style.disabled)}>\n            {error}\n          </span>\n        ) : (\n          resetContent\n        )}\n      </div>\n    );\n  }\n}\n\nexport default DragAndDrop;\n"],"mappings":"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"}

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

@@ -78,7 +78,9 @@
   background-color: white;
 }
 
-.preview img, video {
+.preview img,
+video,
+iframe {
   max-width: 100%;
   max-height: 100%;
   margin: auto;

package/es/atom/image-upload/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/image-upload/index.js"],"names":[],"mappings":";AAQA;;;;;;;;;;;;;;;;;;;gBAmFC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/image-upload/index.js"],"names":[],"mappings":";AAQA;;;;;;;;;;;;;;;;;;;gBA8EC"}

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

@@ -1,7 +1,4 @@
 import _isNil from "lodash/fp/isNil";
-import _pipe from "lodash/fp/pipe";
-import _map from "lodash/fp/map";
-import _join from "lodash/fp/join";
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
 
@@ -24,10 +21,10 @@ const ImageUpload = ({
   onChange,
   onReset = null,
   name,
-  // See ImagePropType for accepted values
   labelLink,
   labelButtonLink,
   hrefLink,
+  // See ImagePropType for accepted values
   imageTypes = ['*'],
   error = '',
   buttonAriaLabel,
@@ -38,9 +35,6 @@ const ImageUpload = ({
     e.preventDefault();
     return onReset(e);
   }, [onReset]);
-
-  const acceptedImages = _pipe(_map(t => `image/${t}`), _join(','))(imageTypes);
-
   const linkCustomStyle = {
     width: '40px',
     color: 'red'
@@ -61,7 +55,7 @@ const ImageUpload = ({
   }, (onDragStart, onDragStop) => /*#__PURE__*/React.createElement("input", {
     type: "file",
     name: name,
-    accept: acceptedImages,
+    accept: imageTypes,
     disabled: loading || disabled,
     className: style.input,
     onChange: onChange,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","PropTypes","DragAndDrop","ImagePropType","Link","style","ImageUpload","title","description","previewLabel","previewContent","uploadLabel","loading","modified","disabled","onChange","onReset","name","labelLink","labelButtonLink","hrefLink","imageTypes","error","buttonAriaLabel","errorButtonLabel","handleReset","e","preventDefault","acceptedImages","t","linkCustomStyle","width","color","onDragStart","onDragStop","input","templateLink","href","download","propTypes","string","func","arrayOf"],"sources":["../../../src/atom/image-upload/index.js"],"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 Link from '../button-link';\nimport style from './style.css';\n\nconst ImageUpload = ({\n  title,\n  description,\n  previewLabel,\n  previewContent,\n  uploadLabel,\n  loading,\n  modified,\n  disabled = false,\n  onChange,\n  onReset = null,\n  name,\n  // See ImagePropType for accepted values\n  labelLink,\n  labelButtonLink,\n  hrefLink,\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  const linkCustomStyle = {\n    width: '40px',\n    color: 'red'\n  };\n\n  return (\n    <div>\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        disabled={disabled}\n        buttonAriaLabel={buttonAriaLabel}\n        errorButtonLabel={errorButtonLabel}\n      >\n        {(onDragStart, onDragStop) => (\n          <input\n            type=\"file\"\n            name={name}\n            accept={acceptedImages}\n            disabled={loading || disabled}\n            className={style.input}\n            onChange={onChange}\n            onDragEnter={onDragStart}\n            onDrop={onDragStop}\n            onDragLeave={onDragStop}\n          />\n        )}\n      </DragAndDrop>\n      {labelLink && hrefLink ? (\n        <div className={style.templateLink}>\n          {labelLink}\n          <Link\n            type=\"text\"\n            customStyle={linkCustomStyle}\n            link={{href: hrefLink, download: true}}\n            label={labelButtonLink}\n          />\n        </div>\n      ) : null}\n    </div>\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  labelLink: PropTypes.string,\n  hrefLink: PropTypes.string\n};\n\nexport default ImageUpload;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useCallback","PropTypes","DragAndDrop","ImagePropType","Link","style","ImageUpload","title","description","previewLabel","previewContent","uploadLabel","loading","modified","disabled","onChange","onReset","name","labelLink","labelButtonLink","hrefLink","imageTypes","error","buttonAriaLabel","errorButtonLabel","handleReset","e","preventDefault","linkCustomStyle","width","color","onDragStart","onDragStop","input","templateLink","href","download","propTypes","string","func","arrayOf"],"sources":["../../../src/atom/image-upload/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {isNil} from 'lodash/fp';\nimport DragAndDrop from '../drag-and-drop';\nimport {ImagePropType} from '../../util/proptypes';\nimport Link from '../button-link';\nimport style from './style.css';\n\nconst ImageUpload = ({\n  title,\n  description,\n  previewLabel,\n  previewContent,\n  uploadLabel,\n  loading,\n  modified,\n  disabled = false,\n  onChange,\n  onReset = null,\n  name,\n  labelLink,\n  labelButtonLink,\n  hrefLink,\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 linkCustomStyle = {\n    width: '40px',\n    color: 'red'\n  };\n\n  return (\n    <div>\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        disabled={disabled}\n        buttonAriaLabel={buttonAriaLabel}\n        errorButtonLabel={errorButtonLabel}\n      >\n        {(onDragStart, onDragStop) => (\n          <input\n            type=\"file\"\n            name={name}\n            accept={imageTypes}\n            disabled={loading || disabled}\n            className={style.input}\n            onChange={onChange}\n            onDragEnter={onDragStart}\n            onDrop={onDragStop}\n            onDragLeave={onDragStop}\n          />\n        )}\n      </DragAndDrop>\n      {labelLink && hrefLink ? (\n        <div className={style.templateLink}>\n          {labelLink}\n          <Link\n            type=\"text\"\n            customStyle={linkCustomStyle}\n            link={{href: hrefLink, download: true}}\n            label={labelButtonLink}\n          />\n        </div>\n      ) : null}\n    </div>\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  labelLink: PropTypes.string,\n  hrefLink: PropTypes.string\n};\n\nexport default ImageUpload;\n"],"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,IAAP,MAAiB,gBAAjB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,WAAW,GAAG,CAAC;EACnBC,KADmB;EAEnBC,WAFmB;EAGnBC,YAHmB;EAInBC,cAJmB;EAKnBC,WALmB;EAMnBC,OANmB;EAOnBC,QAPmB;EAQnBC,QAAQ,GAAG,KARQ;EASnBC,QATmB;EAUnBC,OAAO,GAAG,IAVS;EAWnBC,IAXmB;EAYnBC,SAZmB;EAanBC,eAbmB;EAcnBC,QAdmB;EAenB;EACAC,UAAU,GAAG,CAAC,GAAD,CAhBM;EAiBnBC,KAAK,GAAG,EAjBW;EAkBnBC,eAlBmB;EAmBnBC;AAnBmB,CAAD,KAoBd;EACJ,MAAMC,WAAW,GAAGzB,WAAW,CAC7B0B,CAAC,IAAI;IACH,IAAI,OAAMV,OAAN,CAAJ,EAAoB;IACpBU,CAAC,CAACC,cAAF;IACA,OAAOX,OAAO,CAACU,CAAD,CAAd;EACD,CAL4B,EAM7B,CAACV,OAAD,CAN6B,CAA/B;EASA,MAAMY,eAAe,GAAG;IACtBC,KAAK,EAAE,MADe;IAEtBC,KAAK,EAAE;EAFe,CAAxB;EAKA,oBACE,8CACE,oBAAC,WAAD;IACE,KAAK,EAAEvB,KADT;IAEE,WAAW,EAAEC,WAFf;IAGE,YAAY,EAAEC,YAHhB;IAIE,cAAc,EAAEC,cAJlB;IAKE,WAAW,EAAEC,WALf;IAME,OAAO,EAAEC,OANX;IAOE,QAAQ,EAAEC,QAPZ;IAQE,OAAO,EAAEY,WARX;IASE,KAAK,EAAEH,KATT;IAUE,QAAQ,EAAER,QAVZ;IAWE,eAAe,EAAES,eAXnB;IAYE,gBAAgB,EAAEC;EAZpB,GAcG,CAACO,WAAD,EAAcC,UAAd,kBACC;IACE,IAAI,EAAC,MADP;IAEE,IAAI,EAAEf,IAFR;IAGE,MAAM,EAAEI,UAHV;IAIE,QAAQ,EAAET,OAAO,IAAIE,QAJvB;IAKE,SAAS,EAAET,KAAK,CAAC4B,KALnB;IAME,QAAQ,EAAElB,QANZ;IAOE,WAAW,EAAEgB,WAPf;IAQE,MAAM,EAAEC,UARV;IASE,WAAW,EAAEA;EATf,EAfJ,CADF,EA6BGd,SAAS,IAAIE,QAAb,gBACC;IAAK,SAAS,EAAEf,KAAK,CAAC6B;EAAtB,GACGhB,SADH,eAEE,oBAAC,IAAD;IACE,IAAI,EAAC,MADP;IAEE,WAAW,EAAEU,eAFf;IAGE,IAAI,EAAE;MAACO,IAAI,EAAEf,QAAP;MAAiBgB,QAAQ,EAAE;IAA3B,CAHR;IAIE,KAAK,EAAEjB;EAJT,EAFF,CADD,GAUG,IAvCN,CADF;AA2CD,CA9ED;;AAgFAb,WAAW,CAAC+B,SAAZ,wDACKnC,WAAW,CAACmC,SADjB;EAEEpB,IAAI,EAAEhB,SAAS,CAACqC,MAFlB;EAGEvB,QAAQ,EAAEd,SAAS,CAACsC,IAHtB;EAIEvB,OAAO,EAAEf,SAAS,CAACsC,IAJrB;EAKElB,UAAU,EAAEpB,SAAS,CAACuC,OAAV,CAAkBrC,aAAlB,CALd;EAMEmB,KAAK,EAAErB,SAAS,CAACqC,MANnB;EAOEf,eAAe,EAAEtB,SAAS,CAACqC,MAP7B;EAQEd,gBAAgB,EAAEvB,SAAS,CAACqC,MAR9B;EASEpB,SAAS,EAAEjB,SAAS,CAACqC,MATvB;EAUElB,QAAQ,EAAEnB,SAAS,CAACqC;AAVtB;AAaA,eAAehC,WAAf"}

package/es/hoc/transition/test/fixtures/style.css

@@ -0,0 +1,45 @@
+.container {
+  width: 300px;
+  height: 300px;
+  position: relative;
+  perspective: 800px;
+}
+
+.square {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  transform-style: preserve-3d;
+  transition: transform 1s;
+  border: 1px solid black;
+  top: 100px;
+  left: 100px;
+}
+
+.flipped > .square {
+  transform: rotateY(180deg);
+}
+
+.front,
+.back {
+  margin: 0;
+  display: block;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  backface-visibility: hidden;
+}
+
+.front {
+  font-size: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-flow: column;
+}
+
+.back {
+  background-image: url(http://img.voi.pmdstatic.net/fit/http.3A.2F.2Fprd2-bone-image.2Es3-website-eu-west-1.2Eamazonaws.2Ecom.2Fprismamedia_people.2F2017.2F06.2F30.2Fa9a1132c-920d-4d0d-af0c-7c686d72dfe5.2Ejpeg/380x285/quality/80/jacques-chirac.jpg);
+  background-size: cover;
+  transform: rotateY(180deg);
+}

package/es/molecule/select-multiple/test/snapshots/index.js.md

@@ -0,0 +1,211 @@
+# Snapshot report for `src/molecule/select-multiple/test/index.js`
+
+The actual snapshot is saved in `index.js.snap`.
+
+Generated by [AVA](https://ava.li).
+
+## should shallow render when select is opened
+
+> Snapshot 1
+
+    ShallowWrapper {
+      <div
+        className="select-multiple__default variables__defaultText"
+      >
+        <span
+          className="select-multiple__title"
+        >
+          Learning Path:
+        </span>
+        <div
+          className="select-multiple__select"
+          onClick={Function {}}
+          title="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut"
+        >
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+          <SvgComponent⍟
+            className="select-multiple__arrow select-multiple__down"
+            color={undefined}
+          />
+        </div>
+        <div
+          className="select-multiple__activeChoices"
+        >
+          <ul
+            className="select-multiple__list"
+          >
+            <li
+              className="select-multiple__choice"
+              key="0"
+            >
+              <TitledCheckbox⍟
+                background={undefined}
+                choice={
+                  {
+                    i: 0,
+                    name: 'Digital',
+                    selected: false,
+                    value: 'digital',
+                  }
+                }
+                onToggle={Function {}}
+              />
+            </li>
+            <li
+              className="select-multiple__choice"
+              key="1"
+            >
+              <TitledCheckbox⍟
+                background={undefined}
+                choice={
+                  {
+                    i: 1,
+                    name: 'Esprit du temps',
+                    selected: false,
+                    value: 'espritDuTemps',
+                  }
+                }
+                onToggle={Function {}}
+              />
+            </li>
+            <li
+              className="select-multiple__choice"
+              key="2"
+            >
+              <TitledCheckbox⍟
+                background={undefined}
+                choice={
+                  {
+                    i: 2,
+                    name: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut',
+                    selected: true,
+                    value: 'loremIpsum',
+                  }
+                }
+                onToggle={Function {}}
+              />
+            </li>
+            <li
+              className="select-multiple__choice"
+              key="3"
+            >
+              <TitledCheckbox⍟
+                background={undefined}
+                choice={
+                  {
+                    i: 3,
+                    name: 'Le monde du projet',
+                    selected: false,
+                    value: 'project',
+                  }
+                }
+                onToggle={Function {}}
+              />
+            </li>
+          </ul>
+        </div>
+      </div>,
+    }
+
+## should shallow render with default props
+
+> Snapshot 1
+
+    ShallowWrapper {
+      <div
+        className="select-multiple__default variables__defaultText"
+      >
+        <span
+          className="select-multiple__title"
+        >
+          Learning Path:
+        </span>
+        <div
+          className="select-multiple__select"
+          onClick={Function {}}
+          title="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut"
+        >
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+          <SvgComponent⍟
+            className="select-multiple__arrow"
+            color={undefined}
+          />
+        </div>
+        <div
+          className="select-multiple__choices"
+        >
+          <ul
+            className="select-multiple__list"
+          >
+            <li
+              className="select-multiple__choice"
+              key="0"
+            >
+              <TitledCheckbox⍟
+                background={undefined}
+                choice={
+                  {
+                    i: 0,
+                    name: 'Digital',
+                    selected: false,
+                    value: 'digital',
+                  }
+                }
+                onToggle={Function {}}
+              />
+            </li>
+            <li
+              className="select-multiple__choice"
+              key="1"
+            >
+              <TitledCheckbox⍟
+                background={undefined}
+                choice={
+                  {
+                    i: 1,
+                    name: 'Esprit du temps',
+                    selected: false,
+                    value: 'espritDuTemps',
+                  }
+                }
+                onToggle={Function {}}
+              />
+            </li>
+            <li
+              className="select-multiple__choice"
+              key="2"
+            >
+              <TitledCheckbox⍟
+                background={undefined}
+                choice={
+                  {
+                    i: 2,
+                    name: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut',
+                    selected: true,
+                    value: 'loremIpsum',
+                  }
+                }
+                onToggle={Function {}}
+              />
+            </li>
+            <li
+              className="select-multiple__choice"
+              key="3"
+            >
+              <TitledCheckbox⍟
+                background={undefined}
+                choice={
+                  {
+                    i: 3,
+                    name: 'Le monde du projet',
+                    selected: false,
+                    value: 'project',
+                  }
+                }
+                onToggle={Function {}}
+              />
+            </li>
+          </ul>
+        </div>
+      </div>,
+    }

package/es/util/proptypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"proptypes.d.ts","sourceRoot":"","sources":["../../src/util/proptypes.js"],"names":[],"mappings":"AASA,8BAAsD;AAGtD,+BAAwD;AAExD,qDAA4E;AAErE,+FAKN;AAED,gCAA4C;AAC5C,8BAAwC"}
+{"version":3,"file":"proptypes.d.ts","sourceRoot":"","sources":["../../src/util/proptypes.js"],"names":[],"mappings":"AASA,8BAAsD;AAGtD,+BAAwD;AAExD,qDAA4E;AAErE,+FAMN;AAED,gCAA4C;AAC5C,8BAAwC"}

package/es/util/proptypes.js

@@ -9,8 +9,8 @@ const PATH_REGEXP = /^\/([-a-zA-Z0-9@:%_\\+.~#?&//=]*)$/;
 export const PathPropType = stringMatching(PATH_REGEXP);
 export const SrcPropType = PropTypes.oneOfType([UrlPropType, PathPropType]);
 export const ImagePropType = (propValue, key, componentName) => {
-  if (includes(propValue[key], ['jpg', 'png', 'svg+xml'])) return;
-  return new Error(`Invalid prop value: ${propValue[key]}, at component: ${componentName}. Expected a valid image type: jpg, png or svg+xml.`);
+  if (includes(propValue[key], ['image/jpeg', 'image/png', 'image/svg+xml', 'application/pdf'])) return;
+  return new Error(`Invalid prop value: ${propValue[key]}, at component: ${componentName}. Expected a valid image type: image/jpg, image/png, image/svg+xml or application/pdf.`);
 };
 export const ColorPropType = _ColorPropType;
 export const HexPropType = _HexPropType;

package/es/util/proptypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"proptypes.js","names":["PropTypes","includes","stringMatching","_ColorPropType","_HexPropType","URL_REGEXP","UrlPropType","PATH_REGEXP","PathPropType","SrcPropType","oneOfType","ImagePropType","propValue","key","componentName","Error","ColorPropType","HexPropType"],"sources":["../../src/util/proptypes.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport includes from 'lodash/fp/includes';\nimport stringMatching from 'extended-proptypes/lib/validators/stringMatching';\n\nimport _ColorPropType from 'extended-proptypes/lib/validators/color';\nimport _HexPropType from 'extended-proptypes/lib/validators/hex';\n\nconst URL_REGEXP =\n  /^(http(s)?:\\/\\/.)[-a-zA-Z0-9@:%._\\\\+~#=]{2,256}\\.[a-z]{2,6}\\b([-a-zA-Z0-9@:%_\\\\+.~#?&//=]*)$/;\nexport const UrlPropType = stringMatching(URL_REGEXP);\n\nconst PATH_REGEXP = /^\\/([-a-zA-Z0-9@:%_\\\\+.~#?&//=]*)$/;\nexport const PathPropType = stringMatching(PATH_REGEXP);\n\nexport const SrcPropType = PropTypes.oneOfType([UrlPropType, PathPropType]);\n\nexport const ImagePropType = (propValue, key, componentName) => {\n  if (includes(propValue[key], ['jpg', 'png', 'svg+xml'])) return;\n  return new Error(\n    `Invalid prop value: ${propValue[key]}, at component: ${componentName}. Expected a valid image type: jpg, png or svg+xml.`\n  );\n};\n\nexport const ColorPropType = _ColorPropType;\nexport const HexPropType = _HexPropType;\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,QAAP,MAAqB,oBAArB;AACA,OAAOC,cAAP,MAA2B,kDAA3B;AAEA,OAAOC,cAAP,MAA2B,yCAA3B;AACA,OAAOC,YAAP,MAAyB,uCAAzB;AAEA,MAAMC,UAAU,GACd,8FADF;AAEA,OAAO,MAAMC,WAAW,GAAGJ,cAAc,CAACG,UAAD,CAAlC;AAEP,MAAME,WAAW,GAAG,oCAApB;AACA,OAAO,MAAMC,YAAY,GAAGN,cAAc,CAACK,WAAD,CAAnC;AAEP,OAAO,MAAME,WAAW,GAAGT,SAAS,CAACU,SAAV,CAAoB,CAACJ,WAAD,EAAcE,YAAd,CAApB,CAApB;AAEP,OAAO,MAAMG,aAAa,GAAG,CAACC,SAAD,EAAYC,GAAZ,EAAiBC,aAAjB,KAAmC;EAC9D,IAAIb,QAAQ,CAACW,SAAS,CAACC,GAAD,CAAV,EAAiB,CAAC,KAAD,EAAQ,KAAR,EAAe,SAAf,CAAjB,CAAZ,EAAyD;EACzD,OAAO,IAAIE,KAAJ,CACJ,uBAAsBH,SAAS,CAACC,GAAD,CAAM,mBAAkBC,aAAc,qDADjE,CAAP;AAGD,CALM;AAOP,OAAO,MAAME,aAAa,GAAGb,cAAtB;AACP,OAAO,MAAMc,WAAW,GAAGb,YAApB"}
+{"version":3,"file":"proptypes.js","names":["PropTypes","includes","stringMatching","_ColorPropType","_HexPropType","URL_REGEXP","UrlPropType","PATH_REGEXP","PathPropType","SrcPropType","oneOfType","ImagePropType","propValue","key","componentName","Error","ColorPropType","HexPropType"],"sources":["../../src/util/proptypes.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport includes from 'lodash/fp/includes';\nimport stringMatching from 'extended-proptypes/lib/validators/stringMatching';\n\nimport _ColorPropType from 'extended-proptypes/lib/validators/color';\nimport _HexPropType from 'extended-proptypes/lib/validators/hex';\n\nconst URL_REGEXP =\n  /^(http(s)?:\\/\\/.)[-a-zA-Z0-9@:%._\\\\+~#=]{2,256}\\.[a-z]{2,6}\\b([-a-zA-Z0-9@:%_\\\\+.~#?&//=]*)$/;\nexport const UrlPropType = stringMatching(URL_REGEXP);\n\nconst PATH_REGEXP = /^\\/([-a-zA-Z0-9@:%_\\\\+.~#?&//=]*)$/;\nexport const PathPropType = stringMatching(PATH_REGEXP);\n\nexport const SrcPropType = PropTypes.oneOfType([UrlPropType, PathPropType]);\n\nexport const ImagePropType = (propValue, key, componentName) => {\n  if (includes(propValue[key], ['image/jpeg', 'image/png', 'image/svg+xml', 'application/pdf']))\n    return;\n  return new Error(\n    `Invalid prop value: ${propValue[key]}, at component: ${componentName}. Expected a valid image type: image/jpg, image/png, image/svg+xml or application/pdf.`\n  );\n};\n\nexport const ColorPropType = _ColorPropType;\nexport const HexPropType = _HexPropType;\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,QAAP,MAAqB,oBAArB;AACA,OAAOC,cAAP,MAA2B,kDAA3B;AAEA,OAAOC,cAAP,MAA2B,yCAA3B;AACA,OAAOC,YAAP,MAAyB,uCAAzB;AAEA,MAAMC,UAAU,GACd,8FADF;AAEA,OAAO,MAAMC,WAAW,GAAGJ,cAAc,CAACG,UAAD,CAAlC;AAEP,MAAME,WAAW,GAAG,oCAApB;AACA,OAAO,MAAMC,YAAY,GAAGN,cAAc,CAACK,WAAD,CAAnC;AAEP,OAAO,MAAME,WAAW,GAAGT,SAAS,CAACU,SAAV,CAAoB,CAACJ,WAAD,EAAcE,YAAd,CAApB,CAApB;AAEP,OAAO,MAAMG,aAAa,GAAG,CAACC,SAAD,EAAYC,GAAZ,EAAiBC,aAAjB,KAAmC;EAC9D,IAAIb,QAAQ,CAACW,SAAS,CAACC,GAAD,CAAV,EAAiB,CAAC,YAAD,EAAe,WAAf,EAA4B,eAA5B,EAA6C,iBAA7C,CAAjB,CAAZ,EACE;EACF,OAAO,IAAIE,KAAJ,CACJ,uBAAsBH,SAAS,CAACC,GAAD,CAAM,mBAAkBC,aAAc,wFADjE,CAAP;AAGD,CANM;AAQP,OAAO,MAAME,aAAa,GAAGb,cAAtB;AACP,OAAO,MAAMc,WAAW,GAAGb,YAApB"}

package/es/util/test/fixtures/steps.json

@@ -0,0 +1,34 @@
+[{
+  "label": "1mn",
+  "value": 1
+}, {
+  "label": "2mn",
+  "value": 2
+}, {
+  "label": "3mn",
+  "value": 3
+}, {
+  "label": "5mn",
+  "value": 5
+}, {
+  "label": "10mn",
+  "value": 10
+}, {
+  "label": "15mn",
+  "value": 15
+}, {
+  "label": "30mn",
+  "value": 30
+}, {
+  "label": "45mn",
+  "value": 45
+}, {
+  "label": "1h",
+  "value": 60
+}, {
+  "label": "2h",
+  "value": 120
+}, {
+  "label": "2h+",
+  "value": 121
+}]

package/lib/atom/drag-and-drop/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/drag-and-drop/index.js"],"names":[],"mappings":";AAgBA;IACE;;;;;;;;;;;;;;;;;;MAkBE;IAEF,wBASC;IANC;;MAEC;IAMH,wBAIC;IAED,uBAIC;IAED,sBAmJC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/drag-and-drop/index.js"],"names":[],"mappings":";AAgBA;IACE;;;;;;;;;;;;;;;;;;MAkBE;IAEF,wBASC;IANC;;MAEC;IAMH,wBAIC;IAED,uBAIC;IAED,sBAqJC;CACF"}

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

@@ -89,6 +89,11 @@ class DragAndDrop extends _react.default.Component {
         src: previewContent.src,
         type: "video/*"
       }));
+    } else if (previewContent && previewContent.type === 'pdf') {
+      previewView = /*#__PURE__*/_react.default.createElement("iframe", {
+        className: _style.default.preview,
+        src: previewContent.src
+      });
     } else if (loading) {
       previewView = /*#__PURE__*/_react.default.createElement("div", {
         className: _style.default.loaderWrapper

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

@@ -1 +1 @@
-{"version":3,"file":"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","disabled","previewView","type","style","preview","src","loaderWrapper","loadingCancel","closeIcon","loader","loaderText","resetContent","classnames","resetUploadWrapper","resetSrcLabel","label","buildButton","defaultButtonProps","icon","position","button","previewContainer","getClassState","modifiedPreviewContainer","inputWrapper","modifiedInputWrapper","errorInputWrapper","wrapper","infosContainer","iconError","dragAndDropLabel","errorMessage","propTypes","PropTypes","string","shape","bool","func"],"sources":["../../../src/atom/drag-and-drop/index.js"],"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 classnames from 'classnames';\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    disabled: 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      disabled = false\n    } = this.props;\n    const {dragging} = this.state;\n\n    let previewView = null;\n\n    if (previewContent && previewContent.type === 'image') {\n      previewView = (\n        <div className={style.preview}>\n          <img src={previewContent.src} />\n        </div>\n      );\n    } else if (previewContent && previewContent.type === 'video') {\n      previewView = (\n        <div className={style.preview}>\n          <video controls src={previewContent.src} type=\"video/*\" />\n        </div>\n      );\n    } else if (loading) {\n      previewView = (\n        <div className={style.loaderWrapper}>\n          <div className={style.loadingCancel}>\n            <Close\n              data-name=\"reset-content-icon\"\n              height={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={classnames(style.resetUploadWrapper, disabled && style.disabled)}>\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={classnames(previewContainer, disabled && style.disabled)}>\n            {previewView}\n          </div>\n        ) : (\n          <div\n            className={classnames(\n              dragging ? style.dragging : inputWrapper,\n              disabled && style.disabled\n            )}\n            id={idBox}\n            data-name=\"drag-and-drop-box\"\n          >\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 ? (\n          <span className={classnames(style.errorMessage, disabled && style.disabled)}>\n            {error}\n          </span>\n        ) : (\n          resetContent\n        )}\n      </div>\n    );\n  }\n}\n\nexport default DragAndDrop;\n"],"mappings":"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"}
+{"version":3,"file":"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","disabled","previewView","type","style","preview","src","loaderWrapper","loadingCancel","closeIcon","loader","loaderText","resetContent","classnames","resetUploadWrapper","resetSrcLabel","label","buildButton","defaultButtonProps","icon","position","button","previewContainer","getClassState","modifiedPreviewContainer","inputWrapper","modifiedInputWrapper","errorInputWrapper","wrapper","infosContainer","iconError","dragAndDropLabel","errorMessage","propTypes","PropTypes","string","shape","bool","func"],"sources":["../../../src/atom/drag-and-drop/index.js"],"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 classnames from 'classnames';\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    disabled: 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      disabled = false\n    } = this.props;\n    const {dragging} = this.state;\n\n    let previewView = null;\n\n    if (previewContent && previewContent.type === 'image') {\n      previewView = (\n        <div className={style.preview}>\n          <img src={previewContent.src} />\n        </div>\n      );\n    } else if (previewContent && previewContent.type === 'video') {\n      previewView = (\n        <div className={style.preview}>\n          <video controls src={previewContent.src} type=\"video/*\" />\n        </div>\n      );\n    } else if (previewContent && previewContent.type === 'pdf') {\n      previewView = <iframe className={style.preview} src={previewContent.src} />;\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={classnames(style.resetUploadWrapper, disabled && style.disabled)}>\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={classnames(previewContainer, disabled && style.disabled)}>\n            {previewView}\n          </div>\n        ) : (\n          <div\n            className={classnames(\n              dragging ? style.dragging : inputWrapper,\n              disabled && style.disabled\n            )}\n            id={idBox}\n            data-name=\"drag-and-drop-box\"\n          >\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 ? (\n          <span className={classnames(style.errorMessage, disabled && style.disabled)}>\n            {error}\n          </span>\n        ) : (\n          resetContent\n        )}\n      </div>\n    );\n  }\n}\n\nexport default DragAndDrop;\n"],"mappings":"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"}

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

@@ -78,7 +78,9 @@
   background-color: white;
 }
 
-.preview img, video {
+.preview img,
+video,
+iframe {
   max-width: 100%;
   max-height: 100%;
   margin: auto;

package/lib/atom/image-upload/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/image-upload/index.js"],"names":[],"mappings":";AAQA;;;;;;;;;;;;;;;;;;;gBAmFC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/image-upload/index.js"],"names":[],"mappings":";AAQA;;;;;;;;;;;;;;;;;;;gBA8EC"}

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

@@ -5,12 +5,6 @@ exports.default = void 0;
 
 var _isNil2 = _interopRequireDefault(require("lodash/fp/isNil"));
 
-var _pipe2 = _interopRequireDefault(require("lodash/fp/pipe"));
-
-var _map2 = _interopRequireDefault(require("lodash/fp/map"));
-
-var _join2 = _interopRequireDefault(require("lodash/fp/join"));
-
 var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -43,10 +37,10 @@ const ImageUpload = ({
   onChange,
   onReset = null,
   name,
-  // See ImagePropType for accepted values
   labelLink,
   labelButtonLink,
   hrefLink,
+  // See ImagePropType for accepted values
   imageTypes = ['*'],
   error = '',
   buttonAriaLabel,
@@ -57,7 +51,6 @@ const ImageUpload = ({
     e.preventDefault();
     return onReset(e);
   }, [onReset]);
-  const acceptedImages = (0, _pipe2.default)((0, _map2.default)(t => `image/${t}`), (0, _join2.default)(','))(imageTypes);
   const linkCustomStyle = {
     width: '40px',
     color: 'red'
@@ -78,7 +71,7 @@ const ImageUpload = ({
   }, (onDragStart, onDragStop) => /*#__PURE__*/_react.default.createElement("input", {
     type: "file",
     name: name,
-    accept: acceptedImages,
+    accept: imageTypes,
     disabled: loading || disabled,
     className: _style.default.input,
     onChange: onChange,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ImageUpload","title","description","previewLabel","previewContent","uploadLabel","loading","modified","disabled","onChange","onReset","name","labelLink","labelButtonLink","hrefLink","imageTypes","error","buttonAriaLabel","errorButtonLabel","handleReset","useCallback","e","preventDefault","acceptedImages","t","linkCustomStyle","width","color","onDragStart","onDragStop","style","input","templateLink","href","download","propTypes","DragAndDrop","PropTypes","string","func","arrayOf","ImagePropType"],"sources":["../../../src/atom/image-upload/index.js"],"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 Link from '../button-link';\nimport style from './style.css';\n\nconst ImageUpload = ({\n  title,\n  description,\n  previewLabel,\n  previewContent,\n  uploadLabel,\n  loading,\n  modified,\n  disabled = false,\n  onChange,\n  onReset = null,\n  name,\n  // See ImagePropType for accepted values\n  labelLink,\n  labelButtonLink,\n  hrefLink,\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  const linkCustomStyle = {\n    width: '40px',\n    color: 'red'\n  };\n\n  return (\n    <div>\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        disabled={disabled}\n        buttonAriaLabel={buttonAriaLabel}\n        errorButtonLabel={errorButtonLabel}\n      >\n        {(onDragStart, onDragStop) => (\n          <input\n            type=\"file\"\n            name={name}\n            accept={acceptedImages}\n            disabled={loading || disabled}\n            className={style.input}\n            onChange={onChange}\n            onDragEnter={onDragStart}\n            onDrop={onDragStop}\n            onDragLeave={onDragStop}\n          />\n        )}\n      </DragAndDrop>\n      {labelLink && hrefLink ? (\n        <div className={style.templateLink}>\n          {labelLink}\n          <Link\n            type=\"text\"\n            customStyle={linkCustomStyle}\n            link={{href: hrefLink, download: true}}\n            label={labelButtonLink}\n          />\n        </div>\n      ) : null}\n    </div>\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  labelLink: PropTypes.string,\n  hrefLink: PropTypes.string\n};\n\nexport default ImageUpload;\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,WAAW,GAAG,CAAC;EACnBC,KADmB;EAEnBC,WAFmB;EAGnBC,YAHmB;EAInBC,cAJmB;EAKnBC,WALmB;EAMnBC,OANmB;EAOnBC,QAPmB;EAQnBC,QAAQ,GAAG,KARQ;EASnBC,QATmB;EAUnBC,OAAO,GAAG,IAVS;EAWnBC,IAXmB;EAYnB;EACAC,SAbmB;EAcnBC,eAdmB;EAenBC,QAfmB;EAgBnBC,UAAU,GAAG,CAAC,GAAD,CAhBM;EAiBnBC,KAAK,GAAG,EAjBW;EAkBnBC,eAlBmB;EAmBnBC;AAnBmB,CAAD,KAoBd;EACJ,MAAMC,WAAW,GAAG,IAAAC,kBAAA,EAClBC,CAAC,IAAI;IACH,IAAI,qBAAMX,OAAN,CAAJ,EAAoB;IACpBW,CAAC,CAACC,cAAF;IACA,OAAOZ,OAAO,CAACW,CAAD,CAAd;EACD,CALiB,EAMlB,CAACX,OAAD,CANkB,CAApB;EASA,MAAMa,cAAc,GAAG,oBACrB,mBAAIC,CAAC,IAAK,SAAQA,CAAE,EAApB,CADqB,EAErB,oBAAK,GAAL,CAFqB,EAGrBT,UAHqB,CAAvB;EAKA,MAAMU,eAAe,GAAG;IACtBC,KAAK,EAAE,MADe;IAEtBC,KAAK,EAAE;EAFe,CAAxB;EAKA,oBACE,uDACE,6BAAC,oBAAD;IACE,KAAK,EAAE1B,KADT;IAEE,WAAW,EAAEC,WAFf;IAGE,YAAY,EAAEC,YAHhB;IAIE,cAAc,EAAEC,cAJlB;IAKE,WAAW,EAAEC,WALf;IAME,OAAO,EAAEC,OANX;IAOE,QAAQ,EAAEC,QAPZ;IAQE,OAAO,EAAEY,WARX;IASE,KAAK,EAAEH,KATT;IAUE,QAAQ,EAAER,QAVZ;IAWE,eAAe,EAAES,eAXnB;IAYE,gBAAgB,EAAEC;EAZpB,GAcG,CAACU,WAAD,EAAcC,UAAd,kBACC;IACE,IAAI,EAAC,MADP;IAEE,IAAI,EAAElB,IAFR;IAGE,MAAM,EAAEY,cAHV;IAIE,QAAQ,EAAEjB,OAAO,IAAIE,QAJvB;IAKE,SAAS,EAAEsB,cAAA,CAAMC,KALnB;IAME,QAAQ,EAAEtB,QANZ;IAOE,WAAW,EAAEmB,WAPf;IAQE,MAAM,EAAEC,UARV;IASE,WAAW,EAAEA;EATf,EAfJ,CADF,EA6BGjB,SAAS,IAAIE,QAAb,gBACC;IAAK,SAAS,EAAEgB,cAAA,CAAME;EAAtB,GACGpB,SADH,eAEE,6BAAC,mBAAD;IACE,IAAI,EAAC,MADP;IAEE,WAAW,EAAEa,eAFf;IAGE,IAAI,EAAE;MAACQ,IAAI,EAAEnB,QAAP;MAAiBoB,QAAQ,EAAE;IAA3B,CAHR;IAIE,KAAK,EAAErB;EAJT,EAFF,CADD,GAUG,IAvCN,CADF;AA2CD,CAnFD;;AAqFAb,WAAW,CAACmC,SAAZ,wDACKC,oBAAA,CAAYD,SADjB;EAEExB,IAAI,EAAE0B,kBAAA,CAAUC,MAFlB;EAGE7B,QAAQ,EAAE4B,kBAAA,CAAUE,IAHtB;EAIE7B,OAAO,EAAE2B,kBAAA,CAAUE,IAJrB;EAKExB,UAAU,EAAEsB,kBAAA,CAAUG,OAAV,CAAkBC,wBAAlB,CALd;EAMEzB,KAAK,EAAEqB,kBAAA,CAAUC,MANnB;EAOErB,eAAe,EAAEoB,kBAAA,CAAUC,MAP7B;EAQEpB,gBAAgB,EAAEmB,kBAAA,CAAUC,MAR9B;EASE1B,SAAS,EAAEyB,kBAAA,CAAUC,MATvB;EAUExB,QAAQ,EAAEuB,kBAAA,CAAUC;AAVtB;eAaetC,W"}
+{"version":3,"file":"index.js","names":["ImageUpload","title","description","previewLabel","previewContent","uploadLabel","loading","modified","disabled","onChange","onReset","name","labelLink","labelButtonLink","hrefLink","imageTypes","error","buttonAriaLabel","errorButtonLabel","handleReset","useCallback","e","preventDefault","linkCustomStyle","width","color","onDragStart","onDragStop","style","input","templateLink","href","download","propTypes","DragAndDrop","PropTypes","string","func","arrayOf","ImagePropType"],"sources":["../../../src/atom/image-upload/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {isNil} from 'lodash/fp';\nimport DragAndDrop from '../drag-and-drop';\nimport {ImagePropType} from '../../util/proptypes';\nimport Link from '../button-link';\nimport style from './style.css';\n\nconst ImageUpload = ({\n  title,\n  description,\n  previewLabel,\n  previewContent,\n  uploadLabel,\n  loading,\n  modified,\n  disabled = false,\n  onChange,\n  onReset = null,\n  name,\n  labelLink,\n  labelButtonLink,\n  hrefLink,\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 linkCustomStyle = {\n    width: '40px',\n    color: 'red'\n  };\n\n  return (\n    <div>\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        disabled={disabled}\n        buttonAriaLabel={buttonAriaLabel}\n        errorButtonLabel={errorButtonLabel}\n      >\n        {(onDragStart, onDragStop) => (\n          <input\n            type=\"file\"\n            name={name}\n            accept={imageTypes}\n            disabled={loading || disabled}\n            className={style.input}\n            onChange={onChange}\n            onDragEnter={onDragStart}\n            onDrop={onDragStop}\n            onDragLeave={onDragStop}\n          />\n        )}\n      </DragAndDrop>\n      {labelLink && hrefLink ? (\n        <div className={style.templateLink}>\n          {labelLink}\n          <Link\n            type=\"text\"\n            customStyle={linkCustomStyle}\n            link={{href: hrefLink, download: true}}\n            label={labelButtonLink}\n          />\n        </div>\n      ) : null}\n    </div>\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  labelLink: PropTypes.string,\n  hrefLink: PropTypes.string\n};\n\nexport default ImageUpload;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,WAAW,GAAG,CAAC;EACnBC,KADmB;EAEnBC,WAFmB;EAGnBC,YAHmB;EAInBC,cAJmB;EAKnBC,WALmB;EAMnBC,OANmB;EAOnBC,QAPmB;EAQnBC,QAAQ,GAAG,KARQ;EASnBC,QATmB;EAUnBC,OAAO,GAAG,IAVS;EAWnBC,IAXmB;EAYnBC,SAZmB;EAanBC,eAbmB;EAcnBC,QAdmB;EAenB;EACAC,UAAU,GAAG,CAAC,GAAD,CAhBM;EAiBnBC,KAAK,GAAG,EAjBW;EAkBnBC,eAlBmB;EAmBnBC;AAnBmB,CAAD,KAoBd;EACJ,MAAMC,WAAW,GAAG,IAAAC,kBAAA,EAClBC,CAAC,IAAI;IACH,IAAI,qBAAMX,OAAN,CAAJ,EAAoB;IACpBW,CAAC,CAACC,cAAF;IACA,OAAOZ,OAAO,CAACW,CAAD,CAAd;EACD,CALiB,EAMlB,CAACX,OAAD,CANkB,CAApB;EASA,MAAMa,eAAe,GAAG;IACtBC,KAAK,EAAE,MADe;IAEtBC,KAAK,EAAE;EAFe,CAAxB;EAKA,oBACE,uDACE,6BAAC,oBAAD;IACE,KAAK,EAAExB,KADT;IAEE,WAAW,EAAEC,WAFf;IAGE,YAAY,EAAEC,YAHhB;IAIE,cAAc,EAAEC,cAJlB;IAKE,WAAW,EAAEC,WALf;IAME,OAAO,EAAEC,OANX;IAOE,QAAQ,EAAEC,QAPZ;IAQE,OAAO,EAAEY,WARX;IASE,KAAK,EAAEH,KATT;IAUE,QAAQ,EAAER,QAVZ;IAWE,eAAe,EAAES,eAXnB;IAYE,gBAAgB,EAAEC;EAZpB,GAcG,CAACQ,WAAD,EAAcC,UAAd,kBACC;IACE,IAAI,EAAC,MADP;IAEE,IAAI,EAAEhB,IAFR;IAGE,MAAM,EAAEI,UAHV;IAIE,QAAQ,EAAET,OAAO,IAAIE,QAJvB;IAKE,SAAS,EAAEoB,cAAA,CAAMC,KALnB;IAME,QAAQ,EAAEpB,QANZ;IAOE,WAAW,EAAEiB,WAPf;IAQE,MAAM,EAAEC,UARV;IASE,WAAW,EAAEA;EATf,EAfJ,CADF,EA6BGf,SAAS,IAAIE,QAAb,gBACC;IAAK,SAAS,EAAEc,cAAA,CAAME;EAAtB,GACGlB,SADH,eAEE,6BAAC,mBAAD;IACE,IAAI,EAAC,MADP;IAEE,WAAW,EAAEW,eAFf;IAGE,IAAI,EAAE;MAACQ,IAAI,EAAEjB,QAAP;MAAiBkB,QAAQ,EAAE;IAA3B,CAHR;IAIE,KAAK,EAAEnB;EAJT,EAFF,CADD,GAUG,IAvCN,CADF;AA2CD,CA9ED;;AAgFAb,WAAW,CAACiC,SAAZ,wDACKC,oBAAA,CAAYD,SADjB;EAEEtB,IAAI,EAAEwB,kBAAA,CAAUC,MAFlB;EAGE3B,QAAQ,EAAE0B,kBAAA,CAAUE,IAHtB;EAIE3B,OAAO,EAAEyB,kBAAA,CAAUE,IAJrB;EAKEtB,UAAU,EAAEoB,kBAAA,CAAUG,OAAV,CAAkBC,wBAAlB,CALd;EAMEvB,KAAK,EAAEmB,kBAAA,CAAUC,MANnB;EAOEnB,eAAe,EAAEkB,kBAAA,CAAUC,MAP7B;EAQElB,gBAAgB,EAAEiB,kBAAA,CAAUC,MAR9B;EASExB,SAAS,EAAEuB,kBAAA,CAAUC,MATvB;EAUEtB,QAAQ,EAAEqB,kBAAA,CAAUC;AAVtB;eAaepC,W"}

package/lib/hoc/transition/test/fixtures/style.css

@@ -0,0 +1,45 @@
+.container {
+  width: 300px;
+  height: 300px;
+  position: relative;
+  perspective: 800px;
+}
+
+.square {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  transform-style: preserve-3d;
+  transition: transform 1s;
+  border: 1px solid black;
+  top: 100px;
+  left: 100px;
+}
+
+.flipped > .square {
+  transform: rotateY(180deg);
+}
+
+.front,
+.back {
+  margin: 0;
+  display: block;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  backface-visibility: hidden;
+}
+
+.front {
+  font-size: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-flow: column;
+}
+
+.back {
+  background-image: url(http://img.voi.pmdstatic.net/fit/http.3A.2F.2Fprd2-bone-image.2Es3-website-eu-west-1.2Eamazonaws.2Ecom.2Fprismamedia_people.2F2017.2F06.2F30.2Fa9a1132c-920d-4d0d-af0c-7c686d72dfe5.2Ejpeg/380x285/quality/80/jacques-chirac.jpg);
+  background-size: cover;
+  transform: rotateY(180deg);
+}

package/lib/molecule/select-multiple/test/snapshots/index.js.md

@@ -0,0 +1,211 @@
+# Snapshot report for `src/molecule/select-multiple/test/index.js`
+
+The actual snapshot is saved in `index.js.snap`.
+
+Generated by [AVA](https://ava.li).
+
+## should shallow render when select is opened
+
+> Snapshot 1
+
+    ShallowWrapper {
+      <div
+        className="select-multiple__default variables__defaultText"
+      >
+        <span
+          className="select-multiple__title"
+        >
+          Learning Path:
+        </span>
+        <div
+          className="select-multiple__select"
+          onClick={Function {}}
+          title="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut"
+        >
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+          <SvgComponent⍟
+            className="select-multiple__arrow select-multiple__down"
+            color={undefined}
+          />
+        </div>
+        <div
+          className="select-multiple__activeChoices"
+        >
+          <ul
+            className="select-multiple__list"
+          >
+            <li
+              className="select-multiple__choice"
+              key="0"
+            >
+              <TitledCheckbox⍟
+                background={undefined}
+                choice={
+                  {
+                    i: 0,
+                    name: 'Digital',
+                    selected: false,
+                    value: 'digital',
+                  }
+                }
+                onToggle={Function {}}
+              />
+            </li>
+            <li
+              className="select-multiple__choice"
+              key="1"
+            >
+              <TitledCheckbox⍟
+                background={undefined}
+                choice={
+                  {
+                    i: 1,
+                    name: 'Esprit du temps',
+                    selected: false,
+                    value: 'espritDuTemps',
+                  }
+                }
+                onToggle={Function {}}
+              />
+            </li>
+            <li
+              className="select-multiple__choice"
+              key="2"
+            >
+              <TitledCheckbox⍟
+                background={undefined}
+                choice={
+                  {
+                    i: 2,
+                    name: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut',
+                    selected: true,
+                    value: 'loremIpsum',
+                  }
+                }
+                onToggle={Function {}}
+              />
+            </li>
+            <li
+              className="select-multiple__choice"
+              key="3"
+            >
+              <TitledCheckbox⍟
+                background={undefined}
+                choice={
+                  {
+                    i: 3,
+                    name: 'Le monde du projet',
+                    selected: false,
+                    value: 'project',
+                  }
+                }
+                onToggle={Function {}}
+              />
+            </li>
+          </ul>
+        </div>
+      </div>,
+    }
+
+## should shallow render with default props
+
+> Snapshot 1
+
+    ShallowWrapper {
+      <div
+        className="select-multiple__default variables__defaultText"
+      >
+        <span
+          className="select-multiple__title"
+        >
+          Learning Path:
+        </span>
+        <div
+          className="select-multiple__select"
+          onClick={Function {}}
+          title="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut"
+        >
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+          <SvgComponent⍟
+            className="select-multiple__arrow"
+            color={undefined}
+          />
+        </div>
+        <div
+          className="select-multiple__choices"
+        >
+          <ul
+            className="select-multiple__list"
+          >
+            <li
+              className="select-multiple__choice"
+              key="0"
+            >
+              <TitledCheckbox⍟
+                background={undefined}
+                choice={
+                  {
+                    i: 0,
+                    name: 'Digital',
+                    selected: false,
+                    value: 'digital',
+                  }
+                }
+                onToggle={Function {}}
+              />
+            </li>
+            <li
+              className="select-multiple__choice"
+              key="1"
+            >
+              <TitledCheckbox⍟
+                background={undefined}
+                choice={
+                  {
+                    i: 1,
+                    name: 'Esprit du temps',
+                    selected: false,
+                    value: 'espritDuTemps',
+                  }
+                }
+                onToggle={Function {}}
+              />
+            </li>
+            <li
+              className="select-multiple__choice"
+              key="2"
+            >
+              <TitledCheckbox⍟
+                background={undefined}
+                choice={
+                  {
+                    i: 2,
+                    name: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut',
+                    selected: true,
+                    value: 'loremIpsum',
+                  }
+                }
+                onToggle={Function {}}
+              />
+            </li>
+            <li
+              className="select-multiple__choice"
+              key="3"
+            >
+              <TitledCheckbox⍟
+                background={undefined}
+                choice={
+                  {
+                    i: 3,
+                    name: 'Le monde du projet',
+                    selected: false,
+                    value: 'project',
+                  }
+                }
+                onToggle={Function {}}
+              />
+            </li>
+          </ul>
+        </div>
+      </div>,
+    }

package/lib/util/proptypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"proptypes.d.ts","sourceRoot":"","sources":["../../src/util/proptypes.js"],"names":[],"mappings":"AASA,8BAAsD;AAGtD,+BAAwD;AAExD,qDAA4E;AAErE,+FAKN;AAED,gCAA4C;AAC5C,8BAAwC"}
+{"version":3,"file":"proptypes.d.ts","sourceRoot":"","sources":["../../src/util/proptypes.js"],"names":[],"mappings":"AASA,8BAAsD;AAGtD,+BAAwD;AAExD,qDAA4E;AAErE,+FAMN;AAED,gCAA4C;AAC5C,8BAAwC"}

package/lib/util/proptypes.js

@@ -27,8 +27,8 @@ const SrcPropType = _propTypes.default.oneOfType([UrlPropType, PathPropType]);
 exports.SrcPropType = SrcPropType;
 
 const ImagePropType = (propValue, key, componentName) => {
-  if ((0, _includes.default)(propValue[key], ['jpg', 'png', 'svg+xml'])) return;
-  return new Error(`Invalid prop value: ${propValue[key]}, at component: ${componentName}. Expected a valid image type: jpg, png or svg+xml.`);
+  if ((0, _includes.default)(propValue[key], ['image/jpeg', 'image/png', 'image/svg+xml', 'application/pdf'])) return;
+  return new Error(`Invalid prop value: ${propValue[key]}, at component: ${componentName}. Expected a valid image type: image/jpg, image/png, image/svg+xml or application/pdf.`);
 };
 
 exports.ImagePropType = ImagePropType;

package/lib/util/proptypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"proptypes.js","names":["URL_REGEXP","UrlPropType","stringMatching","PATH_REGEXP","PathPropType","SrcPropType","PropTypes","oneOfType","ImagePropType","propValue","key","componentName","includes","Error","ColorPropType","_ColorPropType","HexPropType","_HexPropType"],"sources":["../../src/util/proptypes.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport includes from 'lodash/fp/includes';\nimport stringMatching from 'extended-proptypes/lib/validators/stringMatching';\n\nimport _ColorPropType from 'extended-proptypes/lib/validators/color';\nimport _HexPropType from 'extended-proptypes/lib/validators/hex';\n\nconst URL_REGEXP =\n  /^(http(s)?:\\/\\/.)[-a-zA-Z0-9@:%._\\\\+~#=]{2,256}\\.[a-z]{2,6}\\b([-a-zA-Z0-9@:%_\\\\+.~#?&//=]*)$/;\nexport const UrlPropType = stringMatching(URL_REGEXP);\n\nconst PATH_REGEXP = /^\\/([-a-zA-Z0-9@:%_\\\\+.~#?&//=]*)$/;\nexport const PathPropType = stringMatching(PATH_REGEXP);\n\nexport const SrcPropType = PropTypes.oneOfType([UrlPropType, PathPropType]);\n\nexport const ImagePropType = (propValue, key, componentName) => {\n  if (includes(propValue[key], ['jpg', 'png', 'svg+xml'])) return;\n  return new Error(\n    `Invalid prop value: ${propValue[key]}, at component: ${componentName}. Expected a valid image type: jpg, png or svg+xml.`\n  );\n};\n\nexport const ColorPropType = _ColorPropType;\nexport const HexPropType = _HexPropType;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;;;AAEA,MAAMA,UAAU,GACd,8FADF;AAEO,MAAMC,WAAW,GAAG,IAAAC,uBAAA,EAAeF,UAAf,CAApB;;AAEP,MAAMG,WAAW,GAAG,oCAApB;AACO,MAAMC,YAAY,GAAG,IAAAF,uBAAA,EAAeC,WAAf,CAArB;;;AAEA,MAAME,WAAW,GAAGC,kBAAA,CAAUC,SAAV,CAAoB,CAACN,WAAD,EAAcG,YAAd,CAApB,CAApB;;;;AAEA,MAAMI,aAAa,GAAG,CAACC,SAAD,EAAYC,GAAZ,EAAiBC,aAAjB,KAAmC;EAC9D,IAAI,IAAAC,iBAAA,EAASH,SAAS,CAACC,GAAD,CAAlB,EAAyB,CAAC,KAAD,EAAQ,KAAR,EAAe,SAAf,CAAzB,CAAJ,EAAyD;EACzD,OAAO,IAAIG,KAAJ,CACJ,uBAAsBJ,SAAS,CAACC,GAAD,CAAM,mBAAkBC,aAAc,qDADjE,CAAP;AAGD,CALM;;;AAOA,MAAMG,aAAa,GAAGC,cAAtB;;AACA,MAAMC,WAAW,GAAGC,YAApB"}
+{"version":3,"file":"proptypes.js","names":["URL_REGEXP","UrlPropType","stringMatching","PATH_REGEXP","PathPropType","SrcPropType","PropTypes","oneOfType","ImagePropType","propValue","key","componentName","includes","Error","ColorPropType","_ColorPropType","HexPropType","_HexPropType"],"sources":["../../src/util/proptypes.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport includes from 'lodash/fp/includes';\nimport stringMatching from 'extended-proptypes/lib/validators/stringMatching';\n\nimport _ColorPropType from 'extended-proptypes/lib/validators/color';\nimport _HexPropType from 'extended-proptypes/lib/validators/hex';\n\nconst URL_REGEXP =\n  /^(http(s)?:\\/\\/.)[-a-zA-Z0-9@:%._\\\\+~#=]{2,256}\\.[a-z]{2,6}\\b([-a-zA-Z0-9@:%_\\\\+.~#?&//=]*)$/;\nexport const UrlPropType = stringMatching(URL_REGEXP);\n\nconst PATH_REGEXP = /^\\/([-a-zA-Z0-9@:%_\\\\+.~#?&//=]*)$/;\nexport const PathPropType = stringMatching(PATH_REGEXP);\n\nexport const SrcPropType = PropTypes.oneOfType([UrlPropType, PathPropType]);\n\nexport const ImagePropType = (propValue, key, componentName) => {\n  if (includes(propValue[key], ['image/jpeg', 'image/png', 'image/svg+xml', 'application/pdf']))\n    return;\n  return new Error(\n    `Invalid prop value: ${propValue[key]}, at component: ${componentName}. Expected a valid image type: image/jpg, image/png, image/svg+xml or application/pdf.`\n  );\n};\n\nexport const ColorPropType = _ColorPropType;\nexport const HexPropType = _HexPropType;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;;;AAEA,MAAMA,UAAU,GACd,8FADF;AAEO,MAAMC,WAAW,GAAG,IAAAC,uBAAA,EAAeF,UAAf,CAApB;;AAEP,MAAMG,WAAW,GAAG,oCAApB;AACO,MAAMC,YAAY,GAAG,IAAAF,uBAAA,EAAeC,WAAf,CAArB;;;AAEA,MAAME,WAAW,GAAGC,kBAAA,CAAUC,SAAV,CAAoB,CAACN,WAAD,EAAcG,YAAd,CAApB,CAApB;;;;AAEA,MAAMI,aAAa,GAAG,CAACC,SAAD,EAAYC,GAAZ,EAAiBC,aAAjB,KAAmC;EAC9D,IAAI,IAAAC,iBAAA,EAASH,SAAS,CAACC,GAAD,CAAlB,EAAyB,CAAC,YAAD,EAAe,WAAf,EAA4B,eAA5B,EAA6C,iBAA7C,CAAzB,CAAJ,EACE;EACF,OAAO,IAAIG,KAAJ,CACJ,uBAAsBJ,SAAS,CAACC,GAAD,CAAM,mBAAkBC,aAAc,wFADjE,CAAP;AAGD,CANM;;;AAQA,MAAMG,aAAa,GAAGC,cAAtB;;AACA,MAAMC,WAAW,GAAGC,YAApB"}

package/lib/util/test/fixtures/steps.json

@@ -0,0 +1,34 @@
+[{
+  "label": "1mn",
+  "value": 1
+}, {
+  "label": "2mn",
+  "value": 2
+}, {
+  "label": "3mn",
+  "value": 3
+}, {
+  "label": "5mn",
+  "value": 5
+}, {
+  "label": "10mn",
+  "value": 10
+}, {
+  "label": "15mn",
+  "value": 15
+}, {
+  "label": "30mn",
+  "value": 30
+}, {
+  "label": "45mn",
+  "value": 45
+}, {
+  "label": "1h",
+  "value": 60
+}, {
+  "label": "2h",
+  "value": 120
+}, {
+  "label": "2h+",
+  "value": 121
+}]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "11.11.15",
+  "version": "11.11.16-alpha.1+7786ca2c2",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -164,5 +164,6 @@
   "browserslist": [
     "last 2 versions",
     "IE 11"
-  ]
+  ],
+  "gitHead": "7786ca2c2e620c2dbbfe176570f19ec48dcdd1b9"
 }