@coorpacademy/components 10.3.24-alpha.0 → 10.3.27-alpha.1

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

@@ -29,9 +29,9 @@ var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -135,7 +135,7 @@ DragAndDrop.propTypes = process.env.NODE_ENV !== "production" ? {
   orLabel: _propTypes.default.string,
   onBack: _propTypes.default.func,
   accept: _propTypes.default.string,
-  fields: _propTypes.default.arrayOf(_propTypes.default.shape(_extends(_extends({}, _inputText.default.propTypes), {}, {
+  fields: _propTypes.default.arrayOf(_propTypes.default.shape(_extends({}, _inputText.default.propTypes, {
     type: _propTypes.default.oneOf(['text'])
   }))),
   onDrop: _propTypes.default.func,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/drag-and-drop/index.js"],"names":["DragAndDrop","props","context","skin","primaryColor","state","title","message","warningMessage","mode","dragAndDropMessage","buttonTitle","backLabel","orLabel","accept","type","contentType","fields","onDrop","onDelete","onBack","handleBack","e","stopPropagation","preventDefault","loading","style","back","arrow","getRootProps","getInputProps","isDragActive","getView","disableFileInput","wrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","oneOf","isRequired","string","func","arrayOf","shape","InputText","actions","label","onClick"],"mappings":"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","sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport getOr from 'lodash/fp/getOr';\nimport includes from 'lodash/fp/includes';\nimport Dropzone from 'react-dropzone';\nimport {NovaCompositionNavigationArrowLeft as ArrowLeft} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport InputText from '../../atom/input-text';\nimport {Overlay} from './overlay';\nimport {UploadReport} from './upload-report';\nimport {PlaceHolder} from './placeholder';\nimport style from './style.css';\n\nexport const DragAndDrop = (props, context) => {\n  const {skin} = context;\n  const primaryColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const {\n    state,\n    title,\n    message,\n    warningMessage,\n    mode,\n    dragAndDropMessage,\n    buttonTitle,\n    backLabel,\n    orLabel,\n    accept,\n    type: contentType = 'scorm',\n    fields,\n    onDrop,\n    onDelete,\n    onBack\n  } = props;\n\n  const handleBack = useCallback(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      onBack && onBack(e);\n    },\n    [onBack]\n  );\n\n  const loading = state === 'loading';\n  return (\n    <div>\n      <span onClick={handleBack} className={style.back}>\n        <ArrowLeft width={12} height={12} className={style.arrow} />\n        {backLabel}\n      </span>\n      <Dropzone accept={accept} disabled={loading} onDrop={onDrop}>\n        {({getRootProps, getInputProps, isDragActive}) => {\n          const getView = () => {\n            if (contentType !== 'scorm' || includes(state, ['success', 'error', 'ready'])) {\n              return (\n                <UploadReport\n                  state={state}\n                  message={message}\n                  warningMessage={warningMessage}\n                  fields={fields}\n                  type={contentType}\n                  onDelete={onDelete}\n                  mode={mode}\n                  orLabel={orLabel}\n                  onClick={onDrop}\n                  buttonTitle={buttonTitle}\n                  primaryColor={primaryColor}\n                />\n              );\n            }\n            return (\n              <PlaceHolder\n                title={title}\n                buttonTitle={buttonTitle}\n                uploadLabel={message}\n                primaryColor={primaryColor}\n                onClick={onDrop}\n              />\n            );\n          };\n\n          const disableFileInput = state === 'success';\n\n          return (\n            <div {...getRootProps()} className={style.wrapper}>\n              <input {...getInputProps()} disabled={disableFileInput} />\n              {getView()}\n              {isDragActive || loading ? (\n                <Overlay\n                  iconColor={primaryColor}\n                  description={dragAndDropMessage}\n                  isLoading={loading}\n                />\n              ) : null}\n            </div>\n          );\n        }}\n      </Dropzone>\n    </div>\n  );\n};\n\nDragAndDrop.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nDragAndDrop.propTypes = {\n  state: PropTypes.oneOf(['default', 'ready', 'loading', 'success', 'error']).isRequired,\n  mode: PropTypes.oneOf(['edit', 'upload']),\n  title: PropTypes.string,\n  type: PropTypes.string,\n  message: PropTypes.string,\n  warningMessage: PropTypes.string,\n  dragAndDropMessage: PropTypes.string,\n  buttonTitle: PropTypes.string,\n  backLabel: PropTypes.string,\n  orLabel: PropTypes.string,\n  onBack: PropTypes.func,\n  accept: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...InputText.propTypes,\n      type: PropTypes.oneOf(['text'])\n    })\n  ),\n  onDrop: PropTypes.func,\n  onDelete: PropTypes.func,\n  actions: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.oneOf(['edit', 'upload', 'delete']),\n      label: PropTypes.string,\n      onClick: PropTypes.func\n    })\n  )\n};\n\nexport default DragAndDrop;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/drag-and-drop/index.js"],"names":["DragAndDrop","props","context","skin","primaryColor","state","title","message","warningMessage","mode","dragAndDropMessage","buttonTitle","backLabel","orLabel","accept","type","contentType","fields","onDrop","onDelete","onBack","handleBack","e","stopPropagation","preventDefault","loading","style","back","arrow","getRootProps","getInputProps","isDragActive","getView","disableFileInput","wrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","oneOf","isRequired","string","func","arrayOf","shape","InputText","actions","label","onClick"],"mappings":"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","sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport getOr from 'lodash/fp/getOr';\nimport includes from 'lodash/fp/includes';\nimport Dropzone from 'react-dropzone';\nimport {NovaCompositionNavigationArrowLeft as ArrowLeft} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport InputText from '../../atom/input-text';\nimport {Overlay} from './overlay';\nimport {UploadReport} from './upload-report';\nimport {PlaceHolder} from './placeholder';\nimport style from './style.css';\n\nexport const DragAndDrop = (props, context) => {\n  const {skin} = context;\n  const primaryColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const {\n    state,\n    title,\n    message,\n    warningMessage,\n    mode,\n    dragAndDropMessage,\n    buttonTitle,\n    backLabel,\n    orLabel,\n    accept,\n    type: contentType = 'scorm',\n    fields,\n    onDrop,\n    onDelete,\n    onBack\n  } = props;\n\n  const handleBack = useCallback(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      onBack && onBack(e);\n    },\n    [onBack]\n  );\n\n  const loading = state === 'loading';\n  return (\n    <div>\n      <span onClick={handleBack} className={style.back}>\n        <ArrowLeft width={12} height={12} className={style.arrow} />\n        {backLabel}\n      </span>\n      <Dropzone accept={accept} disabled={loading} onDrop={onDrop}>\n        {({getRootProps, getInputProps, isDragActive}) => {\n          const getView = () => {\n            if (contentType !== 'scorm' || includes(state, ['success', 'error', 'ready'])) {\n              return (\n                <UploadReport\n                  state={state}\n                  message={message}\n                  warningMessage={warningMessage}\n                  fields={fields}\n                  type={contentType}\n                  onDelete={onDelete}\n                  mode={mode}\n                  orLabel={orLabel}\n                  onClick={onDrop}\n                  buttonTitle={buttonTitle}\n                  primaryColor={primaryColor}\n                />\n              );\n            }\n            return (\n              <PlaceHolder\n                title={title}\n                buttonTitle={buttonTitle}\n                uploadLabel={message}\n                primaryColor={primaryColor}\n                onClick={onDrop}\n              />\n            );\n          };\n\n          const disableFileInput = state === 'success';\n\n          return (\n            <div {...getRootProps()} className={style.wrapper}>\n              <input {...getInputProps()} disabled={disableFileInput} />\n              {getView()}\n              {isDragActive || loading ? (\n                <Overlay\n                  iconColor={primaryColor}\n                  description={dragAndDropMessage}\n                  isLoading={loading}\n                />\n              ) : null}\n            </div>\n          );\n        }}\n      </Dropzone>\n    </div>\n  );\n};\n\nDragAndDrop.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nDragAndDrop.propTypes = {\n  state: PropTypes.oneOf(['default', 'ready', 'loading', 'success', 'error']).isRequired,\n  mode: PropTypes.oneOf(['edit', 'upload']),\n  title: PropTypes.string,\n  type: PropTypes.string,\n  message: PropTypes.string,\n  warningMessage: PropTypes.string,\n  dragAndDropMessage: PropTypes.string,\n  buttonTitle: PropTypes.string,\n  backLabel: PropTypes.string,\n  orLabel: PropTypes.string,\n  onBack: PropTypes.func,\n  accept: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...InputText.propTypes,\n      type: PropTypes.oneOf(['text'])\n    })\n  ),\n  onDrop: PropTypes.func,\n  onDelete: PropTypes.func,\n  actions: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.oneOf(['edit', 'upload', 'delete']),\n      label: PropTypes.string,\n      onClick: PropTypes.func\n    })\n  )\n};\n\nexport default DragAndDrop;\n"],"file":"index.js"}

package/lib/molecule/drag-and-drop/test/fixtures/error.js

@@ -10,7 +10,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 var _default = {
-  props: _extends(_extends({}, _default2.default.props), {}, {
+  props: _extends({}, _default2.default.props, {
     state: 'error',
     buttonTitle: 'Try Again',
     message: "Sorry we couldn't upload your file."

package/lib/molecule/drag-and-drop/test/fixtures/error.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/drag-and-drop/test/fixtures/error.js"],"names":["props","Default","state","buttonTitle","message"],"mappings":";;;;;AAAA;;;;;;eAEe;AACbA,EAAAA,KAAK,wBACAC,kBAAQD,KADR;AAEHE,IAAAA,KAAK,EAAE,OAFJ;AAGHC,IAAAA,WAAW,EAAE,WAHV;AAIHC,IAAAA,OAAO,EAAE;AAJN;AADQ,C","sourcesContent":["import Default from './default';\n\nexport default {\n  props: {\n    ...Default.props,\n    state: 'error',\n    buttonTitle: 'Try Again',\n    message: \"Sorry we couldn't upload your file.\"\n  }\n};\n"],"file":"error.js"}
+{"version":3,"sources":["../../../../../src/molecule/drag-and-drop/test/fixtures/error.js"],"names":["props","Default","state","buttonTitle","message"],"mappings":";;;;;AAAA;;;;;;eAEe;AACbA,EAAAA,KAAK,eACAC,kBAAQD,KADR;AAEHE,IAAAA,KAAK,EAAE,OAFJ;AAGHC,IAAAA,WAAW,EAAE,WAHV;AAIHC,IAAAA,OAAO,EAAE;AAJN;AADQ,C","sourcesContent":["import Default from './default';\n\nexport default {\n  props: {\n    ...Default.props,\n    state: 'error',\n    buttonTitle: 'Try Again',\n    message: \"Sorry we couldn't upload your file.\"\n  }\n};\n"],"file":"error.js"}

package/lib/molecule/drag-and-drop/test/fixtures/loading.js

@@ -10,7 +10,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 var _default = {
-  props: _extends(_extends({}, _default2.default.props), {}, {
+  props: _extends({}, _default2.default.props, {
     state: 'loading'
   })
 };

package/lib/molecule/drag-and-drop/test/fixtures/loading.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/drag-and-drop/test/fixtures/loading.js"],"names":["props","Default","state"],"mappings":";;;;;AAAA;;;;;;eAEe;AACbA,EAAAA,KAAK,wBACAC,kBAAQD,KADR;AAEHE,IAAAA,KAAK,EAAE;AAFJ;AADQ,C","sourcesContent":["import Default from './default';\n\nexport default {\n  props: {\n    ...Default.props,\n    state: 'loading'\n  }\n};\n"],"file":"loading.js"}
+{"version":3,"sources":["../../../../../src/molecule/drag-and-drop/test/fixtures/loading.js"],"names":["props","Default","state"],"mappings":";;;;;AAAA;;;;;;eAEe;AACbA,EAAAA,KAAK,eACAC,kBAAQD,KADR;AAEHE,IAAAA,KAAK,EAAE;AAFJ;AADQ,C","sourcesContent":["import Default from './default';\n\nexport default {\n  props: {\n    ...Default.props,\n    state: 'loading'\n  }\n};\n"],"file":"loading.js"}

package/lib/molecule/drag-and-drop/test/fixtures/ready-invalid.js

@@ -10,7 +10,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 var _default = {
-  props: _extends(_extends({}, _ready.default.props), {}, {
+  props: _extends({}, _ready.default.props, {
     type: 'podcast',
     warningMessage: 'We can’t verify this url. Please check its authenticity before saving.'
   })

package/lib/molecule/drag-and-drop/test/fixtures/ready-invalid.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/drag-and-drop/test/fixtures/ready-invalid.js"],"names":["props","Default","type","warningMessage"],"mappings":";;;;;AAAA;;;;;;eAEe;AACbA,EAAAA,KAAK,wBACAC,eAAQD,KADR;AAEHE,IAAAA,IAAI,EAAE,SAFH;AAGHC,IAAAA,cAAc,EAAE;AAHb;AADQ,C","sourcesContent":["import Default from './ready';\n\nexport default {\n  props: {\n    ...Default.props,\n    type: 'podcast',\n    warningMessage: 'We can’t verify this url. Please check its authenticity before saving.'\n  }\n};\n"],"file":"ready-invalid.js"}
+{"version":3,"sources":["../../../../../src/molecule/drag-and-drop/test/fixtures/ready-invalid.js"],"names":["props","Default","type","warningMessage"],"mappings":";;;;;AAAA;;;;;;eAEe;AACbA,EAAAA,KAAK,eACAC,eAAQD,KADR;AAEHE,IAAAA,IAAI,EAAE,SAFH;AAGHC,IAAAA,cAAc,EAAE;AAHb;AADQ,C","sourcesContent":["import Default from './ready';\n\nexport default {\n  props: {\n    ...Default.props,\n    type: 'podcast',\n    warningMessage: 'We can’t verify this url. Please check its authenticity before saving.'\n  }\n};\n"],"file":"ready-invalid.js"}

package/lib/molecule/drag-and-drop/test/fixtures/ready.js

@@ -10,7 +10,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 var _default = {
-  props: _extends(_extends({}, _default2.default.props), {}, {
+  props: _extends({}, _default2.default.props, {
     state: 'ready',
     message: 'Drag & Drop your file here',
     type: 'scorm',

package/lib/molecule/drag-and-drop/test/fixtures/ready.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/drag-and-drop/test/fixtures/ready.js"],"names":["props","Default","state","message","type","fields","title","value","required","placeholder","description","onChange","onDelete","console","log","mode"],"mappings":";;;;;AAAA;;;;;;eAEe;AACbA,EAAAA,KAAK,wBACAC,kBAAQD,KADR;AAEHE,IAAAA,KAAK,EAAE,OAFJ;AAGHC,IAAAA,OAAO,EAAE,4BAHN;AAIHC,IAAAA,IAAI,EAAE,OAJH;AAKHC,IAAAA,MAAM,EAAE,CACN;AACEC,MAAAA,KAAK,EAAE,KADT;AAEEC,MAAAA,KAAK,EAAE,8EAFT;AAGEC,MAAAA,QAAQ,EAAE,IAHZ;AAIEJ,MAAAA,IAAI,EAAE,MAJR;AAKEK,MAAAA,WAAW,EAAE,UALf;AAMEC,MAAAA,WAAW,EAAE,6BANf;AAOEC,MAAAA,QAAQ,EAAE,MAAM,CAAE;AAPpB,KADM,CALL;AAgBHC,IAAAA,QAAQ,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,QAAZ,CAhBb;AAiBHC,IAAAA,IAAI,EAAE;AAjBH;AADQ,C","sourcesContent":["import Default from './default';\n\nexport default {\n  props: {\n    ...Default.props,\n    state: 'ready',\n    message: 'Drag & Drop your file here',\n    type: 'scorm',\n    fields: [\n      {\n        title: 'Url',\n        value: 'https://static.coorpacademy.com/content/up/raw/logo_mobile-1491560713685.svg',\n        required: true,\n        type: 'text',\n        placeholder: 'Your url',\n        description: 'Lorem Ipsum dolor sit amet.',\n        onChange: () => {}\n      }\n    ],\n    onDelete: () => console.log('Delete'),\n    mode: 'edit'\n  }\n};\n"],"file":"ready.js"}
+{"version":3,"sources":["../../../../../src/molecule/drag-and-drop/test/fixtures/ready.js"],"names":["props","Default","state","message","type","fields","title","value","required","placeholder","description","onChange","onDelete","console","log","mode"],"mappings":";;;;;AAAA;;;;;;eAEe;AACbA,EAAAA,KAAK,eACAC,kBAAQD,KADR;AAEHE,IAAAA,KAAK,EAAE,OAFJ;AAGHC,IAAAA,OAAO,EAAE,4BAHN;AAIHC,IAAAA,IAAI,EAAE,OAJH;AAKHC,IAAAA,MAAM,EAAE,CACN;AACEC,MAAAA,KAAK,EAAE,KADT;AAEEC,MAAAA,KAAK,EAAE,8EAFT;AAGEC,MAAAA,QAAQ,EAAE,IAHZ;AAIEJ,MAAAA,IAAI,EAAE,MAJR;AAKEK,MAAAA,WAAW,EAAE,UALf;AAMEC,MAAAA,WAAW,EAAE,6BANf;AAOEC,MAAAA,QAAQ,EAAE,MAAM,CAAE;AAPpB,KADM,CALL;AAgBHC,IAAAA,QAAQ,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,QAAZ,CAhBb;AAiBHC,IAAAA,IAAI,EAAE;AAjBH;AADQ,C","sourcesContent":["import Default from './default';\n\nexport default {\n  props: {\n    ...Default.props,\n    state: 'ready',\n    message: 'Drag & Drop your file here',\n    type: 'scorm',\n    fields: [\n      {\n        title: 'Url',\n        value: 'https://static.coorpacademy.com/content/up/raw/logo_mobile-1491560713685.svg',\n        required: true,\n        type: 'text',\n        placeholder: 'Your url',\n        description: 'Lorem Ipsum dolor sit amet.',\n        onChange: () => {}\n      }\n    ],\n    onDelete: () => console.log('Delete'),\n    mode: 'edit'\n  }\n};\n"],"file":"ready.js"}

package/lib/molecule/drag-and-drop/test/fixtures/success-video.js

@@ -10,7 +10,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 var _default = {
-  props: _extends(_extends({}, _default2.default.props), {}, {
+  props: _extends({}, _default2.default.props, {
     state: 'success',
     message: 'Your file is successfully imported!',
     type: 'video',

package/lib/molecule/drag-and-drop/test/fixtures/success-video.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/drag-and-drop/test/fixtures/success-video.js"],"names":["props","Default","state","message","type","fields","title","value","onDelete","console","log"],"mappings":";;;;;AAAA;;;;;;eAEe;AACbA,EAAAA,KAAK,wBACAC,kBAAQD,KADR;AAEHE,IAAAA,KAAK,EAAE,SAFJ;AAGHC,IAAAA,OAAO,EAAE,qCAHN;AAIHC,IAAAA,IAAI,EAAE,OAJH;AAKHC,IAAAA,MAAM,EAAE,CACN;AACEC,MAAAA,KAAK,EAAE,KADT;AAEEC,MAAAA,KAAK,EAAE,8EAFT;AAGEH,MAAAA,IAAI,EAAE;AAHR,KADM,CALL;AAYHI,IAAAA,QAAQ,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,QAAZ;AAZb;AADQ,C","sourcesContent":["import Default from './default';\n\nexport default {\n  props: {\n    ...Default.props,\n    state: 'success',\n    message: 'Your file is successfully imported!',\n    type: 'video',\n    fields: [\n      {\n        title: 'Url',\n        value: 'https://static.coorpacademy.com/content/up/raw/logo_mobile-1491560713685.svg',\n        type: 'text'\n      }\n    ],\n    onDelete: () => console.log('Delete')\n  }\n};\n"],"file":"success-video.js"}
+{"version":3,"sources":["../../../../../src/molecule/drag-and-drop/test/fixtures/success-video.js"],"names":["props","Default","state","message","type","fields","title","value","onDelete","console","log"],"mappings":";;;;;AAAA;;;;;;eAEe;AACbA,EAAAA,KAAK,eACAC,kBAAQD,KADR;AAEHE,IAAAA,KAAK,EAAE,SAFJ;AAGHC,IAAAA,OAAO,EAAE,qCAHN;AAIHC,IAAAA,IAAI,EAAE,OAJH;AAKHC,IAAAA,MAAM,EAAE,CACN;AACEC,MAAAA,KAAK,EAAE,KADT;AAEEC,MAAAA,KAAK,EAAE,8EAFT;AAGEH,MAAAA,IAAI,EAAE;AAHR,KADM,CALL;AAYHI,IAAAA,QAAQ,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,QAAZ;AAZb;AADQ,C","sourcesContent":["import Default from './default';\n\nexport default {\n  props: {\n    ...Default.props,\n    state: 'success',\n    message: 'Your file is successfully imported!',\n    type: 'video',\n    fields: [\n      {\n        title: 'Url',\n        value: 'https://static.coorpacademy.com/content/up/raw/logo_mobile-1491560713685.svg',\n        type: 'text'\n      }\n    ],\n    onDelete: () => console.log('Delete')\n  }\n};\n"],"file":"success-video.js"}

package/lib/molecule/drag-and-drop/test/fixtures/success.js

@@ -10,7 +10,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 var _default = {
-  props: _extends(_extends({}, _default2.default.props), {}, {
+  props: _extends({}, _default2.default.props, {
     state: 'success',
     message: 'Your file is successfully imported!',
     type: 'scorm',

package/lib/molecule/drag-and-drop/test/fixtures/success.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/drag-and-drop/test/fixtures/success.js"],"names":["props","Default","state","message","type","fields","title","value","onDelete","console","log","mode"],"mappings":";;;;;AAAA;;;;;;eAEe;AACbA,EAAAA,KAAK,wBACAC,kBAAQD,KADR;AAEHE,IAAAA,KAAK,EAAE,SAFJ;AAGHC,IAAAA,OAAO,EAAE,qCAHN;AAIHC,IAAAA,IAAI,EAAE,OAJH;AAKHC,IAAAA,MAAM,EAAE,CACN;AACEC,MAAAA,KAAK,EAAE,KADT;AAEEC,MAAAA,KAAK,EAAE,8EAFT;AAGEH,MAAAA,IAAI,EAAE;AAHR,KADM,CALL;AAYHI,IAAAA,QAAQ,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,QAAZ,CAZb;AAaHC,IAAAA,IAAI,EAAE;AAbH;AADQ,C","sourcesContent":["import Default from './default';\n\nexport default {\n  props: {\n    ...Default.props,\n    state: 'success',\n    message: 'Your file is successfully imported!',\n    type: 'scorm',\n    fields: [\n      {\n        title: 'Url',\n        value: 'https://static.coorpacademy.com/content/up/raw/logo_mobile-1491560713685.svg',\n        type: 'text'\n      }\n    ],\n    onDelete: () => console.log('Delete'),\n    mode: 'edit'\n  }\n};\n"],"file":"success.js"}
+{"version":3,"sources":["../../../../../src/molecule/drag-and-drop/test/fixtures/success.js"],"names":["props","Default","state","message","type","fields","title","value","onDelete","console","log","mode"],"mappings":";;;;;AAAA;;;;;;eAEe;AACbA,EAAAA,KAAK,eACAC,kBAAQD,KADR;AAEHE,IAAAA,KAAK,EAAE,SAFJ;AAGHC,IAAAA,OAAO,EAAE,qCAHN;AAIHC,IAAAA,IAAI,EAAE,OAJH;AAKHC,IAAAA,MAAM,EAAE,CACN;AACEC,MAAAA,KAAK,EAAE,KADT;AAEEC,MAAAA,KAAK,EAAE,8EAFT;AAGEH,MAAAA,IAAI,EAAE;AAHR,KADM,CALL;AAYHI,IAAAA,QAAQ,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,QAAZ,CAZb;AAaHC,IAAAA,IAAI,EAAE;AAbH;AADQ,C","sourcesContent":["import Default from './default';\n\nexport default {\n  props: {\n    ...Default.props,\n    state: 'success',\n    message: 'Your file is successfully imported!',\n    type: 'scorm',\n    fields: [\n      {\n        title: 'Url',\n        value: 'https://static.coorpacademy.com/content/up/raw/logo_mobile-1491560713685.svg',\n        type: 'text'\n      }\n    ],\n    onDelete: () => console.log('Delete'),\n    mode: 'edit'\n  }\n};\n"],"file":"success.js"}

package/lib/molecule/drag-and-drop/test/on-click.js

@@ -37,7 +37,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
     stopPropagation: () => t.pass()
   };
 
-  const props = _extends(_extends({}, _ready.default.props), {}, {
+  const props = _extends({}, _ready.default.props, {
     onBack: () => t.pass()
   });
 
@@ -55,7 +55,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
     stopPropagation: () => t.pass()
   };
 
-  const props = _extends(_extends({}, _ready.default.props), {}, {
+  const props = _extends({}, _ready.default.props, {
     onDelete: () => t.pass()
   });
 

package/lib/molecule/drag-and-drop/test/on-click.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/molecule/drag-and-drop/test/on-click.js"],"names":["adapter","Adapter","t","plan","clickEvent","preventDefault","pass","stopPropagation","props","readyFixture","onBack","backStyle","style","back","wrapper","wrappingComponent","is","find","exists","simulate","onDelete","deleteButtonStyle","uploadReportStyle","trashIcon"],"mappings":";;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA;AACA,uBAAU;AAACA,EAAAA,OAAO,EAAE,IAAIC,2BAAJ;AAAV,CAAV;AAEA,kBAAK,iCAAL,EAAwCC,CAAC,IAAI;AAC3CA,EAAAA,CAAC,CAACC,IAAF,CAAO,CAAP;AAEA,QAAMC,UAAU,GAAG;AAACC,IAAAA,cAAc,EAAE,MAAMH,CAAC,CAACI,IAAF,EAAvB;AAAiCC,IAAAA,eAAe,EAAE,MAAML,CAAC,CAACI,IAAF;AAAxD,GAAnB;;AACA,QAAME,KAAK,yBACNC,eAAaD,KADP;AAETE,IAAAA,MAAM,EAAE,MAAMR,CAAC,CAACI,IAAF;AAFL,IAAX;;AAIA,QAAMK,SAAS,GAAI,IAAG,uBAAQ,GAAR,EAAa,GAAb,EAAkBC,eAAMC,IAAxB,CAA8B,EAApD;AACA,QAAMC,OAAO,GAAG,iCAAM,6BAAC,SAAD,EAAcN,KAAd,CAAN,EAA+B;AAACO,IAAAA,iBAAiB,EAAjBA;AAAD,GAA/B,CAAhB;AAEAb,EAAAA,CAAC,CAACc,EAAF,CAAKF,OAAO,CAACG,IAAR,CAAaN,SAAb,EAAwBO,MAAxB,EAAL,EAAuC,IAAvC;AAEAJ,EAAAA,OAAO,CAACG,IAAR,CAAaN,SAAb,EAAwBQ,QAAxB,CAAiC,OAAjC,EAA0Cf,UAA1C;AACD,CAdD;AAgBA,kBAAK,mCAAL,EAA0CF,CAAC,IAAI;AAC7CA,EAAAA,CAAC,CAACC,IAAF,CAAO,CAAP;AAEA,QAAMC,UAAU,GAAG;AAACC,IAAAA,cAAc,EAAE,MAAMH,CAAC,CAACI,IAAF,EAAvB;AAAiCC,IAAAA,eAAe,EAAE,MAAML,CAAC,CAACI,IAAF;AAAxD,GAAnB;;AACA,QAAME,KAAK,yBACNC,eAAaD,KADP;AAETY,IAAAA,QAAQ,EAAE,MAAMlB,CAAC,CAACI,IAAF;AAFP,IAAX;;AAIA,QAAMe,iBAAiB,GAAI,IAAG,uBAAQ,GAAR,EAAa,GAAb,EAAkBC,sBAAkBC,SAApC,CAA+C,EAA7E;AACA,QAAMT,OAAO,GAAG,iCAAM,6BAAC,SAAD,EAAcN,KAAd,CAAN,EAA+B;AAACO,IAAAA,iBAAiB,EAAjBA;AAAD,GAA/B,CAAhB;AAEAb,EAAAA,CAAC,CAACc,EAAF,CAAKF,OAAO,CAACG,IAAR,CAAaI,iBAAb,EAAgCH,MAAhC,EAAL,EAA+C,IAA/C;AAEAJ,EAAAA,OAAO,CAACG,IAAR,CAAaI,iBAAb,EAAgCF,QAAhC,CAAyC,OAAzC,EAAkDf,UAAlD;AACD,CAdD","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {replace} from 'lodash/fp';\nimport {mount, configure} from 'enzyme';\nimport Adapter from 'enzyme-adapter-react-16';\nimport {wrappingComponent} from '../../../test/helpers/render-component';\nimport style from '../style.css'; // eslint-disable-line css-modules/no-unused-class\nimport uploadReportStyle from '../upload-report.css'; // eslint-disable-line css-modules/no-unused-class\nimport DragDrop from '..';\nimport readyFixture from './fixtures/ready';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\n\ntest('should call the onBack function', t => {\n  t.plan(4);\n\n  const clickEvent = {preventDefault: () => t.pass(), stopPropagation: () => t.pass()};\n  const props = {\n    ...readyFixture.props,\n    onBack: () => t.pass()\n  };\n  const backStyle = `.${replace(' ', '.', style.back)}`;\n  const wrapper = mount(<DragDrop {...props} />, {wrappingComponent});\n\n  t.is(wrapper.find(backStyle).exists(), true);\n\n  wrapper.find(backStyle).simulate('click', clickEvent);\n});\n\ntest('should call the onDelete function', t => {\n  t.plan(7);\n\n  const clickEvent = {preventDefault: () => t.pass(), stopPropagation: () => t.pass()};\n  const props = {\n    ...readyFixture.props,\n    onDelete: () => t.pass()\n  };\n  const deleteButtonStyle = `.${replace(' ', '.', uploadReportStyle.trashIcon)}`;\n  const wrapper = mount(<DragDrop {...props} />, {wrappingComponent});\n\n  t.is(wrapper.find(deleteButtonStyle).exists(), true);\n\n  wrapper.find(deleteButtonStyle).simulate('click', clickEvent);\n});\n"],"file":"on-click.js"}
+{"version":3,"sources":["../../../../src/molecule/drag-and-drop/test/on-click.js"],"names":["adapter","Adapter","t","plan","clickEvent","preventDefault","pass","stopPropagation","props","readyFixture","onBack","backStyle","style","back","wrapper","wrappingComponent","is","find","exists","simulate","onDelete","deleteButtonStyle","uploadReportStyle","trashIcon"],"mappings":";;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA;AACA,uBAAU;AAACA,EAAAA,OAAO,EAAE,IAAIC,2BAAJ;AAAV,CAAV;AAEA,kBAAK,iCAAL,EAAwCC,CAAC,IAAI;AAC3CA,EAAAA,CAAC,CAACC,IAAF,CAAO,CAAP;AAEA,QAAMC,UAAU,GAAG;AAACC,IAAAA,cAAc,EAAE,MAAMH,CAAC,CAACI,IAAF,EAAvB;AAAiCC,IAAAA,eAAe,EAAE,MAAML,CAAC,CAACI,IAAF;AAAxD,GAAnB;;AACA,QAAME,KAAK,gBACNC,eAAaD,KADP;AAETE,IAAAA,MAAM,EAAE,MAAMR,CAAC,CAACI,IAAF;AAFL,IAAX;;AAIA,QAAMK,SAAS,GAAI,IAAG,uBAAQ,GAAR,EAAa,GAAb,EAAkBC,eAAMC,IAAxB,CAA8B,EAApD;AACA,QAAMC,OAAO,GAAG,iCAAM,6BAAC,SAAD,EAAcN,KAAd,CAAN,EAA+B;AAACO,IAAAA,iBAAiB,EAAjBA;AAAD,GAA/B,CAAhB;AAEAb,EAAAA,CAAC,CAACc,EAAF,CAAKF,OAAO,CAACG,IAAR,CAAaN,SAAb,EAAwBO,MAAxB,EAAL,EAAuC,IAAvC;AAEAJ,EAAAA,OAAO,CAACG,IAAR,CAAaN,SAAb,EAAwBQ,QAAxB,CAAiC,OAAjC,EAA0Cf,UAA1C;AACD,CAdD;AAgBA,kBAAK,mCAAL,EAA0CF,CAAC,IAAI;AAC7CA,EAAAA,CAAC,CAACC,IAAF,CAAO,CAAP;AAEA,QAAMC,UAAU,GAAG;AAACC,IAAAA,cAAc,EAAE,MAAMH,CAAC,CAACI,IAAF,EAAvB;AAAiCC,IAAAA,eAAe,EAAE,MAAML,CAAC,CAACI,IAAF;AAAxD,GAAnB;;AACA,QAAME,KAAK,gBACNC,eAAaD,KADP;AAETY,IAAAA,QAAQ,EAAE,MAAMlB,CAAC,CAACI,IAAF;AAFP,IAAX;;AAIA,QAAMe,iBAAiB,GAAI,IAAG,uBAAQ,GAAR,EAAa,GAAb,EAAkBC,sBAAkBC,SAApC,CAA+C,EAA7E;AACA,QAAMT,OAAO,GAAG,iCAAM,6BAAC,SAAD,EAAcN,KAAd,CAAN,EAA+B;AAACO,IAAAA,iBAAiB,EAAjBA;AAAD,GAA/B,CAAhB;AAEAb,EAAAA,CAAC,CAACc,EAAF,CAAKF,OAAO,CAACG,IAAR,CAAaI,iBAAb,EAAgCH,MAAhC,EAAL,EAA+C,IAA/C;AAEAJ,EAAAA,OAAO,CAACG,IAAR,CAAaI,iBAAb,EAAgCF,QAAhC,CAAyC,OAAzC,EAAkDf,UAAlD;AACD,CAdD","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {replace} from 'lodash/fp';\nimport {mount, configure} from 'enzyme';\nimport Adapter from 'enzyme-adapter-react-16';\nimport {wrappingComponent} from '../../../test/helpers/render-component';\nimport style from '../style.css'; // eslint-disable-line css-modules/no-unused-class\nimport uploadReportStyle from '../upload-report.css'; // eslint-disable-line css-modules/no-unused-class\nimport DragDrop from '..';\nimport readyFixture from './fixtures/ready';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\n\ntest('should call the onBack function', t => {\n  t.plan(4);\n\n  const clickEvent = {preventDefault: () => t.pass(), stopPropagation: () => t.pass()};\n  const props = {\n    ...readyFixture.props,\n    onBack: () => t.pass()\n  };\n  const backStyle = `.${replace(' ', '.', style.back)}`;\n  const wrapper = mount(<DragDrop {...props} />, {wrappingComponent});\n\n  t.is(wrapper.find(backStyle).exists(), true);\n\n  wrapper.find(backStyle).simulate('click', clickEvent);\n});\n\ntest('should call the onDelete function', t => {\n  t.plan(7);\n\n  const clickEvent = {preventDefault: () => t.pass(), stopPropagation: () => t.pass()};\n  const props = {\n    ...readyFixture.props,\n    onDelete: () => t.pass()\n  };\n  const deleteButtonStyle = `.${replace(' ', '.', uploadReportStyle.trashIcon)}`;\n  const wrapper = mount(<DragDrop {...props} />, {wrappingComponent});\n\n  t.is(wrapper.find(deleteButtonStyle).exists(), true);\n\n  wrapper.find(deleteButtonStyle).simulate('click', clickEvent);\n});\n"],"file":"on-click.js"}

package/lib/molecule/drag-and-drop/upload-report.js

@@ -35,9 +35,9 @@ var _button = _interopRequireDefault(require("../../atom/button"));
 
 var _uploadReport = _interopRequireDefault(require("./upload-report.css"));
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -170,7 +170,7 @@ UploadReport.propTypes = process.env.NODE_ENV !== "production" ? {
   warningMessage: _propTypes.default.string,
   orLabel: _propTypes.default.string,
   type: _propTypes.default.string,
-  fields: _propTypes.default.arrayOf(_propTypes.default.shape(_extends(_extends({}, _inputText.default.propTypes), {}, {
+  fields: _propTypes.default.arrayOf(_propTypes.default.shape(_extends({}, _inputText.default.propTypes, {
     type: _propTypes.default.oneOf(['text'])
   }))),
   mode: _propTypes.default.oneOf(['edit', 'upload']),

package/lib/molecule/drag-and-drop/upload-report.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/drag-and-drop/upload-report.js"],"names":["UploadReport","state","message","warningMessage","type","contentType","fields","mode","orLabel","buttonTitle","primaryColor","onDelete","handleDelete","e","stopPropagation","preventDefault","stopPropagationHandler","SuccessMessage","style","emoticon","ErrorMessage","selectButton","backgroundColor","showMessage","fileName","fileView","fileWrapper","validateIcon","warning","showToolTip","warningIcon","emptyFileWrapper","IconType","EXTERNAL_CONTENT_ICONS","icon","iconColor","color","buildField","field","index","deleteView","actionIcon","trashIcon","fieldsList","convert","cap","reportingContainer","reportHeader","iconContainer","oval","iconHeader","reportContainer","or","drop","propTypes","PropTypes","string","isRequired","arrayOf","shape","InputText","oneOf","func"],"mappings":"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","sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyValidate as Validated,\n  NovaLineContentEditionBin as TrashIcon,\n  NovaCompositionCoorpacademyWarn as WarnIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport {pipe, split, last, map, head, getOr, isEmpty, includes} from 'lodash/fp';\nimport {EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport InputText from '../../atom/input-text';\n\nimport Button from '../../atom/button';\nimport style from './upload-report.css';\n\nexport const UploadReport = ({\n  state,\n  message,\n  warningMessage,\n  type: contentType,\n  fields,\n  mode = 'upload',\n  orLabel,\n  buttonTitle,\n  primaryColor,\n  onDelete\n}) => {\n  const handleDelete = useCallback(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      onDelete && onDelete(e);\n    },\n    [onDelete]\n  );\n\n  const stopPropagationHandler = useCallback(e => {\n    e.stopPropagation();\n    e.preventDefault();\n  }, []);\n\n  const SuccessMessage = () => (\n    <div>\n      <span className={style.emoticon}>🎉</span>\n      <p className={style.message}>{message}</p>\n    </div>\n  );\n  const ErrorMessage = () => (\n    <div>\n      <div>\n        <span className={style.emoticon}>🥺</span>\n        <p className={style.message}>{message}</p>\n      </div>\n      <div>\n        <Button\n          data-name=\"cta\"\n          type=\"link\"\n          submitValue={buttonTitle}\n          className={style.selectButton}\n          style={{backgroundColor: primaryColor}}\n        />\n      </div>\n    </div>\n  );\n  const showMessage = includes(state, ['success', 'error']);\n\n  const fileName = pipe(head, getOr('', 'value'), split('/'), last)(fields);\n  const fileView = fileName ? (\n    <div className={style.fileWrapper}>\n      <div className={style.fileName} title={fileName}>\n        {fileName}\n      </div>\n      {isEmpty(warningMessage) ? (\n        <Validated className={style.validateIcon} />\n      ) : (\n        <div className={style.warning}>\n          <div className={style.showToolTip}>\n            <span>{warningMessage}</span>\n          </div>\n          <div className={style.warningIcon}>\n            <WarnIcon width={11} height={11} />\n          </div>\n        </div>\n      )}\n    </div>\n  ) : (\n    <div className={style.emptyFileWrapper} />\n  );\n  const IconType = EXTERNAL_CONTENT_ICONS[contentType].icon;\n  const iconColor = EXTERNAL_CONTENT_ICONS[contentType].color;\n  const buildField = (field, index) => <InputText {...field} key={index} theme={'cockpit'} />;\n  const deleteView = onDelete ? (\n    <div onClick={handleDelete} className={classnames(style.actionIcon, style.trashIcon)}>\n      <TrashIcon width={20} height={20} />\n    </div>\n  ) : null;\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n  return (\n    <div className={style.reportingContainer}>\n      <div className={style.reportHeader} onClick={stopPropagationHandler}>\n        <div className={style.iconContainer} style={{backgroundColor: iconColor}}>\n          <div className={style.oval}>\n            <IconType className={style.iconHeader} color={iconColor} />\n          </div>\n        </div>\n        {fileView}\n        {deleteView}\n      </div>\n      <div className={style.reportContainer} onClick={stopPropagationHandler}>\n        {state === 'success' ? <SuccessMessage /> : null}\n        {state === 'error' ? <ErrorMessage /> : null}\n        {mode === 'edit' && !showMessage ? <div>{fieldsList}</div> : null}\n        {mode === 'edit' && !showMessage ? <span className={style.or}>{orLabel}</span> : null}\n      </div>\n      {!showMessage ? (\n        <div className={style.drop}>\n          <p className={style.message}>{message}</p>\n          <Button\n            data-name=\"cta\"\n            type=\"link\"\n            submitValue={buttonTitle}\n            className={style.selectButton}\n            style={{backgroundColor: primaryColor}}\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport default UploadReport;\n\nUploadReport.propTypes = {\n  state: PropTypes.string.isRequired,\n  message: PropTypes.string.isRequired,\n  warningMessage: PropTypes.string,\n  orLabel: PropTypes.string,\n  type: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...InputText.propTypes,\n      type: PropTypes.oneOf(['text'])\n    })\n  ),\n  mode: PropTypes.oneOf(['edit', 'upload']),\n  buttonTitle: PropTypes.string,\n  primaryColor: PropTypes.string,\n  onDelete: PropTypes.func\n};\n"],"file":"upload-report.js"}
+{"version":3,"sources":["../../../src/molecule/drag-and-drop/upload-report.js"],"names":["UploadReport","state","message","warningMessage","type","contentType","fields","mode","orLabel","buttonTitle","primaryColor","onDelete","handleDelete","e","stopPropagation","preventDefault","stopPropagationHandler","SuccessMessage","style","emoticon","ErrorMessage","selectButton","backgroundColor","showMessage","fileName","fileView","fileWrapper","validateIcon","warning","showToolTip","warningIcon","emptyFileWrapper","IconType","EXTERNAL_CONTENT_ICONS","icon","iconColor","color","buildField","field","index","deleteView","actionIcon","trashIcon","fieldsList","convert","cap","reportingContainer","reportHeader","iconContainer","oval","iconHeader","reportContainer","or","drop","propTypes","PropTypes","string","isRequired","arrayOf","shape","InputText","oneOf","func"],"mappings":"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","sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyValidate as Validated,\n  NovaLineContentEditionBin as TrashIcon,\n  NovaCompositionCoorpacademyWarn as WarnIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport {pipe, split, last, map, head, getOr, isEmpty, includes} from 'lodash/fp';\nimport {EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport InputText from '../../atom/input-text';\n\nimport Button from '../../atom/button';\nimport style from './upload-report.css';\n\nexport const UploadReport = ({\n  state,\n  message,\n  warningMessage,\n  type: contentType,\n  fields,\n  mode = 'upload',\n  orLabel,\n  buttonTitle,\n  primaryColor,\n  onDelete\n}) => {\n  const handleDelete = useCallback(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      onDelete && onDelete(e);\n    },\n    [onDelete]\n  );\n\n  const stopPropagationHandler = useCallback(e => {\n    e.stopPropagation();\n    e.preventDefault();\n  }, []);\n\n  const SuccessMessage = () => (\n    <div>\n      <span className={style.emoticon}>🎉</span>\n      <p className={style.message}>{message}</p>\n    </div>\n  );\n  const ErrorMessage = () => (\n    <div>\n      <div>\n        <span className={style.emoticon}>🥺</span>\n        <p className={style.message}>{message}</p>\n      </div>\n      <div>\n        <Button\n          data-name=\"cta\"\n          type=\"link\"\n          submitValue={buttonTitle}\n          className={style.selectButton}\n          style={{backgroundColor: primaryColor}}\n        />\n      </div>\n    </div>\n  );\n  const showMessage = includes(state, ['success', 'error']);\n\n  const fileName = pipe(head, getOr('', 'value'), split('/'), last)(fields);\n  const fileView = fileName ? (\n    <div className={style.fileWrapper}>\n      <div className={style.fileName} title={fileName}>\n        {fileName}\n      </div>\n      {isEmpty(warningMessage) ? (\n        <Validated className={style.validateIcon} />\n      ) : (\n        <div className={style.warning}>\n          <div className={style.showToolTip}>\n            <span>{warningMessage}</span>\n          </div>\n          <div className={style.warningIcon}>\n            <WarnIcon width={11} height={11} />\n          </div>\n        </div>\n      )}\n    </div>\n  ) : (\n    <div className={style.emptyFileWrapper} />\n  );\n  const IconType = EXTERNAL_CONTENT_ICONS[contentType].icon;\n  const iconColor = EXTERNAL_CONTENT_ICONS[contentType].color;\n  const buildField = (field, index) => <InputText {...field} key={index} theme={'cockpit'} />;\n  const deleteView = onDelete ? (\n    <div onClick={handleDelete} className={classnames(style.actionIcon, style.trashIcon)}>\n      <TrashIcon width={20} height={20} />\n    </div>\n  ) : null;\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n  return (\n    <div className={style.reportingContainer}>\n      <div className={style.reportHeader} onClick={stopPropagationHandler}>\n        <div className={style.iconContainer} style={{backgroundColor: iconColor}}>\n          <div className={style.oval}>\n            <IconType className={style.iconHeader} color={iconColor} />\n          </div>\n        </div>\n        {fileView}\n        {deleteView}\n      </div>\n      <div className={style.reportContainer} onClick={stopPropagationHandler}>\n        {state === 'success' ? <SuccessMessage /> : null}\n        {state === 'error' ? <ErrorMessage /> : null}\n        {mode === 'edit' && !showMessage ? <div>{fieldsList}</div> : null}\n        {mode === 'edit' && !showMessage ? <span className={style.or}>{orLabel}</span> : null}\n      </div>\n      {!showMessage ? (\n        <div className={style.drop}>\n          <p className={style.message}>{message}</p>\n          <Button\n            data-name=\"cta\"\n            type=\"link\"\n            submitValue={buttonTitle}\n            className={style.selectButton}\n            style={{backgroundColor: primaryColor}}\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport default UploadReport;\n\nUploadReport.propTypes = {\n  state: PropTypes.string.isRequired,\n  message: PropTypes.string.isRequired,\n  warningMessage: PropTypes.string,\n  orLabel: PropTypes.string,\n  type: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...InputText.propTypes,\n      type: PropTypes.oneOf(['text'])\n    })\n  ),\n  mode: PropTypes.oneOf(['edit', 'upload']),\n  buttonTitle: PropTypes.string,\n  primaryColor: PropTypes.string,\n  onDelete: PropTypes.func\n};\n"],"file":"upload-report.js"}

package/lib/molecule/feedback/index.js

@@ -21,9 +21,9 @@ var _resourcePlayer = _interopRequireWildcard(require("../resource-player"));
 
 var _style2 = _interopRequireDefault(require("./style.css"));
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -37,7 +37,7 @@ const Feedback = (props, context) => {
     description
   } = props;
 
-  const resource = media && media.type && _extends(_extends({}, media), (0, _pipe2.default)((0, _get2.default)('src.0'), (0, _extend2.default)({
+  const resource = media && media.type && _extends({}, media, (0, _pipe2.default)((0, _get2.default)('src.0'), (0, _extend2.default)({
     description: mediaDescription
   }))(media));
 

package/lib/molecule/feedback/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/feedback/index.js"],"names":["Feedback","props","context","media","mediaDescription","title","description","resource","type","style","feedback","innerHTML","__html","descWrapper","resourcePlayer","propTypes","PropTypes","string","shape","oneOf","TYPE_IMAGE","TYPE_PDF","TYPE_VIDEO","TYPE_AUDIO","src","array"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AAEA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,QAAQ,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AACnC,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA,gBAAR;AAA0BC,IAAAA,KAA1B;AAAiCC,IAAAA;AAAjC,MAAgDL,KAAtD;;AACA,QAAMM,QAAQ,GAAGJ,KAAK,IACpBA,KAAK,CAACK,IADS,0BAEVL,KAFU,GAGV,oBAAK,mBAAI,OAAJ,CAAL,EAAmB,sBAAO;AAACG,IAAAA,WAAW,EAAEF;AAAd,GAAP,CAAnB,EAA4DD,KAA5D,CAHU,CAAjB;;AAMA,SACE,CAACI,QAAQ,IAAIF,KAAZ,IAAqBC,WAArB,gBACC;AAAK,IAAA,SAAS,EAAEG,gBAAMC,QAAtB;AAAgC,iBAAU;AAA1C,kBACE;AACE,IAAA,SAAS,EAAE,yBAAWD,gBAAMJ,KAAjB,EAAwBM,gBAAxB,CADb;AAEE,iBAAU,OAFZ,CAGE;AAHF;AAIE,IAAA,uBAAuB,EAAE;AAACC,MAAAA,MAAM,EAAEP;AAAT;AAJ3B,IADF,eAOE;AAAK,IAAA,SAAS,EAAEI,gBAAMI;AAAtB,kBACE;AACE,IAAA,SAAS,EAAE,yBAAWJ,gBAAMH,WAAjB,EAA8BK,gBAA9B,CADb;AAEE,iBAAU,aAFZ,CAGE;AAHF;AAIE,IAAA,uBAAuB,EAAE;AAACC,MAAAA,MAAM,EAAEN;AAAT;AAJ3B,IADF,EAOGC,QAAQ,gBACP,uDACE,6BAAC,uBAAD;AAAgB,IAAA,SAAS,EAAEE,gBAAMK,cAAjC;AAAiD,IAAA,QAAQ,EAAEP;AAA3D,IADF,eAEE;AACE,iBAAU,kBADZ;AAEE,IAAA,SAAS,EAAE,yBAAWE,gBAAML,gBAAjB,EAAmCO,gBAAnC,CAFb,CAGE;AAHF;AAIE,IAAA,uBAAuB,EAAE;AAACC,MAAAA,MAAM,EAAER;AAAT;AAJ3B,IAFF,CADO,GAUL,IAjBN,CAPF,CADD,GA4BG,IA5BJ,KA4Ba,EA7Bf;AA+BD,CAvCD;;AAyCAJ,QAAQ,CAACe,SAAT,2CAAqB;AACnBV,EAAAA,KAAK,EAAEW,mBAAUC,MADE;AAEnBX,EAAAA,WAAW,EAAEU,mBAAUC,MAFJ;AAGnBd,EAAAA,KAAK,EAAEa,mBAAUE,KAAV,CAAgB;AACrBV,IAAAA,IAAI,EAAEQ,mBAAUG,KAAV,CAAgB,CAACC,0BAAD,EAAaC,wBAAb,EAAuBC,0BAAvB,EAAmCC,0BAAnC,CAAhB,CADe;AAErBC,IAAAA,GAAG,EAAER,mBAAUS;AAFM,GAAhB,CAHY;AAOnBrB,EAAAA,gBAAgB,EAAEY,mBAAUC;AAPT,CAArB;eAUejB,Q","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {pipe, get, extend} from 'lodash/fp';\nimport classnames from 'classnames';\n\nimport {innerHTML} from '../../atom/label/style.css';\nimport ResourcePlayer, {TYPE_IMAGE, TYPE_VIDEO, TYPE_PDF, TYPE_AUDIO} from '../resource-player';\nimport style from './style.css';\n\nconst Feedback = (props, context) => {\n  const {media, mediaDescription, title, description} = props;\n  const resource = media &&\n    media.type && {\n      ...media,\n      ...pipe(get('src.0'), extend({description: mediaDescription}))(media)\n    };\n\n  return (\n    (resource || title || description ? (\n      <div className={style.feedback} data-name=\"feedback\">\n        <div\n          className={classnames(style.title, innerHTML)}\n          data-name=\"title\"\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n        <div className={style.descWrapper}>\n          <div\n            className={classnames(style.description, innerHTML)}\n            data-name=\"description\"\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: description}}\n          />\n          {resource ? (\n            <div>\n              <ResourcePlayer className={style.resourcePlayer} resource={resource} />\n              <div\n                data-name=\"mediaDescription\"\n                className={classnames(style.mediaDescription, innerHTML)}\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{__html: mediaDescription}}\n              />\n            </div>\n          ) : null}\n        </div>\n      </div>\n    ) : null) || ''\n  );\n};\n\nFeedback.propTypes = {\n  title: PropTypes.string,\n  description: PropTypes.string,\n  media: PropTypes.shape({\n    type: PropTypes.oneOf([TYPE_IMAGE, TYPE_PDF, TYPE_VIDEO, TYPE_AUDIO]),\n    src: PropTypes.array\n  }),\n  mediaDescription: PropTypes.string\n};\n\nexport default Feedback;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/feedback/index.js"],"names":["Feedback","props","context","media","mediaDescription","title","description","resource","type","style","feedback","innerHTML","__html","descWrapper","resourcePlayer","propTypes","PropTypes","string","shape","oneOf","TYPE_IMAGE","TYPE_PDF","TYPE_VIDEO","TYPE_AUDIO","src","array"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AAEA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,QAAQ,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AACnC,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA,gBAAR;AAA0BC,IAAAA,KAA1B;AAAiCC,IAAAA;AAAjC,MAAgDL,KAAtD;;AACA,QAAMM,QAAQ,GAAGJ,KAAK,IACpBA,KAAK,CAACK,IADS,iBAEVL,KAFU,EAGV,oBAAK,mBAAI,OAAJ,CAAL,EAAmB,sBAAO;AAACG,IAAAA,WAAW,EAAEF;AAAd,GAAP,CAAnB,EAA4DD,KAA5D,CAHU,CAAjB;;AAMA,SACE,CAACI,QAAQ,IAAIF,KAAZ,IAAqBC,WAArB,gBACC;AAAK,IAAA,SAAS,EAAEG,gBAAMC,QAAtB;AAAgC,iBAAU;AAA1C,kBACE;AACE,IAAA,SAAS,EAAE,yBAAWD,gBAAMJ,KAAjB,EAAwBM,gBAAxB,CADb;AAEE,iBAAU,OAFZ,CAGE;AAHF;AAIE,IAAA,uBAAuB,EAAE;AAACC,MAAAA,MAAM,EAAEP;AAAT;AAJ3B,IADF,eAOE;AAAK,IAAA,SAAS,EAAEI,gBAAMI;AAAtB,kBACE;AACE,IAAA,SAAS,EAAE,yBAAWJ,gBAAMH,WAAjB,EAA8BK,gBAA9B,CADb;AAEE,iBAAU,aAFZ,CAGE;AAHF;AAIE,IAAA,uBAAuB,EAAE;AAACC,MAAAA,MAAM,EAAEN;AAAT;AAJ3B,IADF,EAOGC,QAAQ,gBACP,uDACE,6BAAC,uBAAD;AAAgB,IAAA,SAAS,EAAEE,gBAAMK,cAAjC;AAAiD,IAAA,QAAQ,EAAEP;AAA3D,IADF,eAEE;AACE,iBAAU,kBADZ;AAEE,IAAA,SAAS,EAAE,yBAAWE,gBAAML,gBAAjB,EAAmCO,gBAAnC,CAFb,CAGE;AAHF;AAIE,IAAA,uBAAuB,EAAE;AAACC,MAAAA,MAAM,EAAER;AAAT;AAJ3B,IAFF,CADO,GAUL,IAjBN,CAPF,CADD,GA4BG,IA5BJ,KA4Ba,EA7Bf;AA+BD,CAvCD;;AAyCAJ,QAAQ,CAACe,SAAT,2CAAqB;AACnBV,EAAAA,KAAK,EAAEW,mBAAUC,MADE;AAEnBX,EAAAA,WAAW,EAAEU,mBAAUC,MAFJ;AAGnBd,EAAAA,KAAK,EAAEa,mBAAUE,KAAV,CAAgB;AACrBV,IAAAA,IAAI,EAAEQ,mBAAUG,KAAV,CAAgB,CAACC,0BAAD,EAAaC,wBAAb,EAAuBC,0BAAvB,EAAmCC,0BAAnC,CAAhB,CADe;AAErBC,IAAAA,GAAG,EAAER,mBAAUS;AAFM,GAAhB,CAHY;AAOnBrB,EAAAA,gBAAgB,EAAEY,mBAAUC;AAPT,CAArB;eAUejB,Q","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {pipe, get, extend} from 'lodash/fp';\nimport classnames from 'classnames';\n\nimport {innerHTML} from '../../atom/label/style.css';\nimport ResourcePlayer, {TYPE_IMAGE, TYPE_VIDEO, TYPE_PDF, TYPE_AUDIO} from '../resource-player';\nimport style from './style.css';\n\nconst Feedback = (props, context) => {\n  const {media, mediaDescription, title, description} = props;\n  const resource = media &&\n    media.type && {\n      ...media,\n      ...pipe(get('src.0'), extend({description: mediaDescription}))(media)\n    };\n\n  return (\n    (resource || title || description ? (\n      <div className={style.feedback} data-name=\"feedback\">\n        <div\n          className={classnames(style.title, innerHTML)}\n          data-name=\"title\"\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n        <div className={style.descWrapper}>\n          <div\n            className={classnames(style.description, innerHTML)}\n            data-name=\"description\"\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: description}}\n          />\n          {resource ? (\n            <div>\n              <ResourcePlayer className={style.resourcePlayer} resource={resource} />\n              <div\n                data-name=\"mediaDescription\"\n                className={classnames(style.mediaDescription, innerHTML)}\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{__html: mediaDescription}}\n              />\n            </div>\n          ) : null}\n        </div>\n      </div>\n    ) : null) || ''\n  );\n};\n\nFeedback.propTypes = {\n  title: PropTypes.string,\n  description: PropTypes.string,\n  media: PropTypes.shape({\n    type: PropTypes.oneOf([TYPE_IMAGE, TYPE_PDF, TYPE_VIDEO, TYPE_AUDIO]),\n    src: PropTypes.array\n  }),\n  mediaDescription: PropTypes.string\n};\n\nexport default Feedback;\n"],"file":"index.js"}

package/lib/molecule/filters/test/fixtures/default.js

@@ -22,7 +22,7 @@ var _default = {
     filterCTALabel: 'Filter',
     sortTabLabel: 'Sort by',
     sortCTALabel: 'Sort',
-    filters: [_extends(_extends({}, selectFilter), {}, {
+    filters: [_extends({}, selectFilter, {
       type: 'select',
       fieldName: 'Thematic',
       title: 'Thematic:',
@@ -40,7 +40,7 @@ var _default = {
         selected: false
       }],
       onChange: value => console.log(value)
-    }), _extends(_extends({}, selectFilter), {}, {
+    }), _extends({}, selectFilter, {
       type: 'select',
       fieldName: 'Courses',
       title: 'Learning Paths:',
@@ -62,13 +62,13 @@ var _default = {
         selected: false
       }],
       onChange: value => console.log(value)
-    }), _extends(_extends({}, types), {}, {
+    }), _extends({}, types, {
       type: 'radio',
       fieldName: 'contentType',
       title: 'Type:',
       onChange: value => console.log(value)
     })],
-    sorting: _extends(_extends({}, selectSort), {}, {
+    sorting: _extends({}, selectSort, {
       title: 'Sort by:',
       options: [{
         name: 'Position',

package/lib/molecule/filters/test/fixtures/default.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/filters/test/fixtures/default.js"],"names":["selectFilter","dropdownsFilter","props","selectSort","dropdownsSort","types","RadioGroup","filterTabLabel","filterCTALabel","sortTabLabel","sortCTALabel","filters","type","fieldName","title","options","name","value","selected","onChange","console","log","sorting","onSearch"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;;;AAEA,MAAMA,YAAY,GAAGC,gBAAgBC,KAArC;AACA,MAAMC,UAAU,GAAGC,cAAcF,KAAjC;AACA,MAAMG,KAAK,GAAGC,kBAAWJ,KAAzB;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLK,IAAAA,cAAc,EAAE,QADX;AAELC,IAAAA,cAAc,EAAE,QAFX;AAGLC,IAAAA,YAAY,EAAE,SAHT;AAILC,IAAAA,YAAY,EAAE,MAJT;AAKLC,IAAAA,OAAO,EAAE,uBAEFX,YAFE;AAGLY,MAAAA,IAAI,EAAE,QAHD;AAILC,MAAAA,SAAS,EAAE,UAJN;AAKLC,MAAAA,KAAK,EAAE,WALF;AAMLC,MAAAA,OAAO,EAAE,CACP;AACEC,QAAAA,IAAI,EAAE,SADR;AAEEC,QAAAA,KAAK,EAAE,SAFT;AAGEC,QAAAA,QAAQ,EAAE;AAHZ,OADO,EAMP;AACEF,QAAAA,IAAI,EAAE,iBADR;AAEEC,QAAAA,KAAK,EAAE,iBAFT;AAGEC,QAAAA,QAAQ,EAAE;AAHZ,OANO,EAWP;AACEF,QAAAA,IAAI,EAAE,sCADR;AAEEC,QAAAA,KAAK,EAAE,+BAFT;AAGEC,QAAAA,QAAQ,EAAE;AAHZ,OAXO,CANJ;AAuBLC,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AAvBd,8BA0BFjB,YA1BE;AA2BLY,MAAAA,IAAI,EAAE,QA3BD;AA4BLC,MAAAA,SAAS,EAAE,SA5BN;AA6BLC,MAAAA,KAAK,EAAE,iBA7BF;AA8BLC,MAAAA,OAAO,EAAE,CACP;AACEC,QAAAA,IAAI,EAAE,gBADR;AAEEC,QAAAA,KAAK,EAAE,KAFT;AAGEC,QAAAA,QAAQ,EAAE;AAHZ,OADO,EAMP;AACEF,QAAAA,IAAI,EAAE,4BADR;AAEEC,QAAAA,KAAK,EAAE,aAFT;AAGEC,QAAAA,QAAQ,EAAE;AAHZ,OANO,EAWP;AACEF,QAAAA,IAAI,EAAE,YADR;AAEEC,QAAAA,KAAK,EAAE,YAFT;AAGEC,QAAAA,QAAQ,EAAE;AAHZ,OAXO,EAgBP;AACEF,QAAAA,IAAI,EAAE,yBADR;AAEEC,QAAAA,KAAK,EAAE,aAFT;AAGEC,QAAAA,QAAQ,EAAE;AAHZ,OAhBO,CA9BJ;AAoDLC,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AApDd,8BAuDFZ,KAvDE;AAwDLO,MAAAA,IAAI,EAAE,OAxDD;AAyDLC,MAAAA,SAAS,EAAE,aAzDN;AA0DLC,MAAAA,KAAK,EAAE,OA1DF;AA2DLK,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AA3Dd,OALJ;AAmELK,IAAAA,OAAO,wBACFnB,UADE;AAELW,MAAAA,KAAK,EAAE,UAFF;AAGLC,MAAAA,OAAO,EAAE,CACP;AACEC,QAAAA,IAAI,EAAE,UADR;AAEEC,QAAAA,KAAK,EAAE,UAFT;AAGEC,QAAAA,QAAQ,EAAE;AAHZ,OADO,EAMP;AACEF,QAAAA,IAAI,EAAE,cADR;AAEEC,QAAAA,KAAK,EAAE,cAFT;AAGEC,QAAAA,QAAQ,EAAE;AAHZ,OANO,EAWP;AACEF,QAAAA,IAAI,EAAE,QADR;AAEEC,QAAAA,KAAK,EAAE,QAFT;AAGEC,QAAAA,QAAQ,EAAE;AAHZ,OAXO,CAHJ;AAoBLC,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AApBd,MAnEF;AAyFLM,IAAAA,QAAQ,EAAE,MAAMH,OAAO,CAACC,GAAR,CAAY,UAAZ;AAzFX;AADM,C","sourcesContent":["import dropdownsFilter from '../../../../atom/select/test/fixtures/filter';\nimport dropdownsSort from '../../../../atom/select/test/fixtures/sort';\nimport RadioGroup from '../../../../atom/radio-group/test/fixtures/default';\n\nconst selectFilter = dropdownsFilter.props;\nconst selectSort = dropdownsSort.props;\nconst types = RadioGroup.props;\n\nexport default {\n  props: {\n    filterTabLabel: 'Filter',\n    filterCTALabel: 'Filter',\n    sortTabLabel: 'Sort by',\n    sortCTALabel: 'Sort',\n    filters: [\n      {\n        ...selectFilter,\n        type: 'select',\n        fieldName: 'Thematic',\n        title: 'Thematic:',\n        options: [\n          {\n            name: 'digital',\n            value: 'digital',\n            selected: false\n          },\n          {\n            name: 'Esprit du temps',\n            value: 'Esprit du temps',\n            selected: true\n          },\n          {\n            name: 'La troisième révolution industrielle',\n            value: 'La 3e révolution industrielle',\n            selected: false\n          }\n        ],\n        onChange: value => console.log(value)\n      },\n      {\n        ...selectFilter,\n        type: 'select',\n        fieldName: 'Courses',\n        title: 'Learning Paths:',\n        options: [\n          {\n            name: 'All categories',\n            value: 'ALL',\n            selected: false\n          },\n          {\n            name: 'Innovations & Technologies',\n            value: 'Innovations',\n            selected: true\n          },\n          {\n            name: 'Management',\n            value: 'Management',\n            selected: false\n          },\n          {\n            name: 'Sustainable development',\n            value: 'Sustainable',\n            selected: false\n          }\n        ],\n        onChange: value => console.log(value)\n      },\n      {\n        ...types,\n        type: 'radio',\n        fieldName: 'contentType',\n        title: 'Type:',\n        onChange: value => console.log(value)\n      }\n    ],\n    sorting: {\n      ...selectSort,\n      title: 'Sort by:',\n      options: [\n        {\n          name: 'Position',\n          value: 'Position',\n          selected: true\n        },\n        {\n          name: 'Most popular',\n          value: 'Most popular',\n          selected: false\n        },\n        {\n          name: 'Newest',\n          value: 'Newest',\n          selected: false\n        }\n      ],\n      onChange: value => console.log(value)\n    },\n    onSearch: () => console.log('onSearch')\n  }\n};\n"],"file":"default.js"}
+{"version":3,"sources":["../../../../../src/molecule/filters/test/fixtures/default.js"],"names":["selectFilter","dropdownsFilter","props","selectSort","dropdownsSort","types","RadioGroup","filterTabLabel","filterCTALabel","sortTabLabel","sortCTALabel","filters","type","fieldName","title","options","name","value","selected","onChange","console","log","sorting","onSearch"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;;;AAEA,MAAMA,YAAY,GAAGC,gBAAgBC,KAArC;AACA,MAAMC,UAAU,GAAGC,cAAcF,KAAjC;AACA,MAAMG,KAAK,GAAGC,kBAAWJ,KAAzB;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLK,IAAAA,cAAc,EAAE,QADX;AAELC,IAAAA,cAAc,EAAE,QAFX;AAGLC,IAAAA,YAAY,EAAE,SAHT;AAILC,IAAAA,YAAY,EAAE,MAJT;AAKLC,IAAAA,OAAO,EAAE,cAEFX,YAFE;AAGLY,MAAAA,IAAI,EAAE,QAHD;AAILC,MAAAA,SAAS,EAAE,UAJN;AAKLC,MAAAA,KAAK,EAAE,WALF;AAMLC,MAAAA,OAAO,EAAE,CACP;AACEC,QAAAA,IAAI,EAAE,SADR;AAEEC,QAAAA,KAAK,EAAE,SAFT;AAGEC,QAAAA,QAAQ,EAAE;AAHZ,OADO,EAMP;AACEF,QAAAA,IAAI,EAAE,iBADR;AAEEC,QAAAA,KAAK,EAAE,iBAFT;AAGEC,QAAAA,QAAQ,EAAE;AAHZ,OANO,EAWP;AACEF,QAAAA,IAAI,EAAE,sCADR;AAEEC,QAAAA,KAAK,EAAE,+BAFT;AAGEC,QAAAA,QAAQ,EAAE;AAHZ,OAXO,CANJ;AAuBLC,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AAvBd,qBA0BFjB,YA1BE;AA2BLY,MAAAA,IAAI,EAAE,QA3BD;AA4BLC,MAAAA,SAAS,EAAE,SA5BN;AA6BLC,MAAAA,KAAK,EAAE,iBA7BF;AA8BLC,MAAAA,OAAO,EAAE,CACP;AACEC,QAAAA,IAAI,EAAE,gBADR;AAEEC,QAAAA,KAAK,EAAE,KAFT;AAGEC,QAAAA,QAAQ,EAAE;AAHZ,OADO,EAMP;AACEF,QAAAA,IAAI,EAAE,4BADR;AAEEC,QAAAA,KAAK,EAAE,aAFT;AAGEC,QAAAA,QAAQ,EAAE;AAHZ,OANO,EAWP;AACEF,QAAAA,IAAI,EAAE,YADR;AAEEC,QAAAA,KAAK,EAAE,YAFT;AAGEC,QAAAA,QAAQ,EAAE;AAHZ,OAXO,EAgBP;AACEF,QAAAA,IAAI,EAAE,yBADR;AAEEC,QAAAA,KAAK,EAAE,aAFT;AAGEC,QAAAA,QAAQ,EAAE;AAHZ,OAhBO,CA9BJ;AAoDLC,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AApDd,qBAuDFZ,KAvDE;AAwDLO,MAAAA,IAAI,EAAE,OAxDD;AAyDLC,MAAAA,SAAS,EAAE,aAzDN;AA0DLC,MAAAA,KAAK,EAAE,OA1DF;AA2DLK,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AA3Dd,OALJ;AAmELK,IAAAA,OAAO,eACFnB,UADE;AAELW,MAAAA,KAAK,EAAE,UAFF;AAGLC,MAAAA,OAAO,EAAE,CACP;AACEC,QAAAA,IAAI,EAAE,UADR;AAEEC,QAAAA,KAAK,EAAE,UAFT;AAGEC,QAAAA,QAAQ,EAAE;AAHZ,OADO,EAMP;AACEF,QAAAA,IAAI,EAAE,cADR;AAEEC,QAAAA,KAAK,EAAE,cAFT;AAGEC,QAAAA,QAAQ,EAAE;AAHZ,OANO,EAWP;AACEF,QAAAA,IAAI,EAAE,QADR;AAEEC,QAAAA,KAAK,EAAE,QAFT;AAGEC,QAAAA,QAAQ,EAAE;AAHZ,OAXO,CAHJ;AAoBLC,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AApBd,MAnEF;AAyFLM,IAAAA,QAAQ,EAAE,MAAMH,OAAO,CAACC,GAAR,CAAY,UAAZ;AAzFX;AADM,C","sourcesContent":["import dropdownsFilter from '../../../../atom/select/test/fixtures/filter';\nimport dropdownsSort from '../../../../atom/select/test/fixtures/sort';\nimport RadioGroup from '../../../../atom/radio-group/test/fixtures/default';\n\nconst selectFilter = dropdownsFilter.props;\nconst selectSort = dropdownsSort.props;\nconst types = RadioGroup.props;\n\nexport default {\n  props: {\n    filterTabLabel: 'Filter',\n    filterCTALabel: 'Filter',\n    sortTabLabel: 'Sort by',\n    sortCTALabel: 'Sort',\n    filters: [\n      {\n        ...selectFilter,\n        type: 'select',\n        fieldName: 'Thematic',\n        title: 'Thematic:',\n        options: [\n          {\n            name: 'digital',\n            value: 'digital',\n            selected: false\n          },\n          {\n            name: 'Esprit du temps',\n            value: 'Esprit du temps',\n            selected: true\n          },\n          {\n            name: 'La troisième révolution industrielle',\n            value: 'La 3e révolution industrielle',\n            selected: false\n          }\n        ],\n        onChange: value => console.log(value)\n      },\n      {\n        ...selectFilter,\n        type: 'select',\n        fieldName: 'Courses',\n        title: 'Learning Paths:',\n        options: [\n          {\n            name: 'All categories',\n            value: 'ALL',\n            selected: false\n          },\n          {\n            name: 'Innovations & Technologies',\n            value: 'Innovations',\n            selected: true\n          },\n          {\n            name: 'Management',\n            value: 'Management',\n            selected: false\n          },\n          {\n            name: 'Sustainable development',\n            value: 'Sustainable',\n            selected: false\n          }\n        ],\n        onChange: value => console.log(value)\n      },\n      {\n        ...types,\n        type: 'radio',\n        fieldName: 'contentType',\n        title: 'Type:',\n        onChange: value => console.log(value)\n      }\n    ],\n    sorting: {\n      ...selectSort,\n      title: 'Sort by:',\n      options: [\n        {\n          name: 'Position',\n          value: 'Position',\n          selected: true\n        },\n        {\n          name: 'Most popular',\n          value: 'Most popular',\n          selected: false\n        },\n        {\n          name: 'Newest',\n          value: 'Newest',\n          selected: false\n        }\n      ],\n      onChange: value => console.log(value)\n    },\n    onSearch: () => console.log('onSearch')\n  }\n};\n"],"file":"default.js"}

package/lib/molecule/filters/test/fixtures/filters-list.js

@@ -25,7 +25,7 @@ var _default = {
     filterCTALabel: 'Filter',
     sortTabLabel: 'Sort by',
     sortCTALabel: 'Sort',
-    filters: [_extends(_extends({}, selectFilter), {}, {
+    filters: [_extends({}, selectFilter, {
       type: 'select',
       fieldName: 'Thematic',
       title: 'Thematic:',
@@ -43,7 +43,7 @@ var _default = {
         selected: false
       }],
       onChange: value => console.log(value)
-    }), _extends(_extends({}, selectFilter), {}, {
+    }), _extends({}, selectFilter, {
       type: 'select',
       fieldName: 'Authors',
       title: 'Authors:',
@@ -61,7 +61,7 @@ var _default = {
         selected: false
       }],
       onChange: value => console.log(value)
-    }), _extends(_extends({}, selectFilter), {}, {
+    }), _extends({}, selectFilter, {
       type: 'select',
       fieldName: 'Courses',
       title: 'Learning Paths:',
@@ -83,7 +83,7 @@ var _default = {
         selected: false
       }],
       onChange: value => console.log(value)
-    }), _extends(_extends({}, timer), {}, {
+    }), _extends({}, timer, {
       type: 'range',
       fieldName: 'Time',
       title: 'Time:',
@@ -96,13 +96,13 @@ var _default = {
         value: true,
         onChange: () => console.log('onFavorites')
       }
-    }, _extends(_extends({}, types), {}, {
+    }, _extends({}, types, {
       type: 'radio',
       fieldName: 'contentType',
       title: 'Type:',
       onChange: value => console.log(value)
     })],
-    sorting: _extends(_extends({}, selectSort), {}, {
+    sorting: _extends({}, selectSort, {
       title: 'Sort by:',
       options: [{
         name: 'Position',

package/lib/molecule/filters/test/fixtures/filters-list.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/filters/test/fixtures/filters-list.js"],"names":["types","RadioGroup","props","selectFilter","dropdownsFilter","selectSort","dropdownsSort","timer","rangeslider","filterTabLabel","filterCTALabel","sortTabLabel","sortCTALabel","filters","type","fieldName","title","options","name","value","selected","onChange","console","log","subtitle","display","sorting","onSearch"],"mappings":"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","sourcesContent":["import dropdownsFilter from '../../../../atom/select/test/fixtures/filter';\nimport dropdownsSort from '../../../../atom/select/test/fixtures/sort';\nimport rangeslider from '../../../../atom/range/test/fixtures/multi';\nimport RadioGroup from '../../../../atom/radio-group/test/fixtures/default';\n\nconst types = RadioGroup.props;\nconst selectFilter = dropdownsFilter.props;\nconst selectSort = dropdownsSort.props;\nconst timer = rangeslider.props;\n\nexport default {\n  props: {\n    filterTabLabel: 'Filter',\n    filterCTALabel: 'Filter',\n    sortTabLabel: 'Sort by',\n    sortCTALabel: 'Sort',\n    filters: [\n      {\n        ...selectFilter,\n        type: 'select',\n        fieldName: 'Thematic',\n        title: 'Thematic:',\n        options: [\n          {\n            name: 'digital',\n            value: 'digital',\n            selected: false\n          },\n          {\n            name: 'Esprit du temps',\n            value: 'Esprit du temps',\n            selected: true\n          },\n          {\n            name: 'La troisième révolution industrielle',\n            value: 'La 3e révolution industrielle',\n            selected: false\n          }\n        ],\n        onChange: value => console.log(value)\n      },\n      {\n        ...selectFilter,\n        type: 'select',\n        fieldName: 'Authors',\n        title: 'Authors:',\n        options: [\n          {\n            name: 'Coorpacademy',\n            value: 'Coorpacademy',\n            selected: false\n          },\n          {\n            name:\n              'World Health Organization - Mental Health Policy' +\n              'and Service Development, Michelle Funk and Nathalie Drew',\n            value: 'WHO',\n            selected: true\n          },\n          {\n            name: 'Elephant',\n            value: 'Elephant',\n            selected: false\n          }\n        ],\n        onChange: value => console.log(value)\n      },\n      {\n        ...selectFilter,\n        type: 'select',\n        fieldName: 'Courses',\n        title: 'Learning Paths:',\n        options: [\n          {\n            name: 'All categories',\n            value: 'ALL',\n            selected: false\n          },\n          {\n            name: 'Innovations & Technologies',\n            value: 'Innovations',\n            selected: true\n          },\n          {\n            name: 'Management',\n            value: 'Management',\n            selected: false\n          },\n          {\n            name: 'Sustainable development',\n            value: 'Sustainable',\n            selected: false\n          }\n        ],\n        onChange: value => console.log(value)\n      },\n      {\n        ...timer,\n        type: 'range',\n        fieldName: 'Time',\n        title: 'Time:',\n        subtitle: '2 mins - 3 hours +'\n      },\n      {\n        type: 'switch',\n        fieldName: 'Favorite',\n        title: 'Favorite:',\n        display: {\n          value: true,\n          onChange: () => console.log('onFavorites')\n        }\n      },\n      {\n        ...types,\n        type: 'radio',\n        fieldName: 'contentType',\n        title: 'Type:',\n        onChange: value => console.log(value)\n      }\n    ],\n    sorting: {\n      ...selectSort,\n      title: 'Sort by:',\n      options: [\n        {\n          name: 'Position',\n          value: 'Position',\n          selected: true\n        },\n        {\n          name: 'Most popular',\n          value: 'Most popular',\n          selected: false\n        },\n        {\n          name: 'Newest',\n          value: 'Newest',\n          selected: false\n        }\n      ],\n      onChange: value => console.log(value)\n    },\n    onSearch: () => console.log('onSearch')\n  }\n};\n"],"file":"filters-list.js"}
+{"version":3,"sources":["../../../../../src/molecule/filters/test/fixtures/filters-list.js"],"names":["types","RadioGroup","props","selectFilter","dropdownsFilter","selectSort","dropdownsSort","timer","rangeslider","filterTabLabel","filterCTALabel","sortTabLabel","sortCTALabel","filters","type","fieldName","title","options","name","value","selected","onChange","console","log","subtitle","display","sorting","onSearch"],"mappings":"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","sourcesContent":["import dropdownsFilter from '../../../../atom/select/test/fixtures/filter';\nimport dropdownsSort from '../../../../atom/select/test/fixtures/sort';\nimport rangeslider from '../../../../atom/range/test/fixtures/multi';\nimport RadioGroup from '../../../../atom/radio-group/test/fixtures/default';\n\nconst types = RadioGroup.props;\nconst selectFilter = dropdownsFilter.props;\nconst selectSort = dropdownsSort.props;\nconst timer = rangeslider.props;\n\nexport default {\n  props: {\n    filterTabLabel: 'Filter',\n    filterCTALabel: 'Filter',\n    sortTabLabel: 'Sort by',\n    sortCTALabel: 'Sort',\n    filters: [\n      {\n        ...selectFilter,\n        type: 'select',\n        fieldName: 'Thematic',\n        title: 'Thematic:',\n        options: [\n          {\n            name: 'digital',\n            value: 'digital',\n            selected: false\n          },\n          {\n            name: 'Esprit du temps',\n            value: 'Esprit du temps',\n            selected: true\n          },\n          {\n            name: 'La troisième révolution industrielle',\n            value: 'La 3e révolution industrielle',\n            selected: false\n          }\n        ],\n        onChange: value => console.log(value)\n      },\n      {\n        ...selectFilter,\n        type: 'select',\n        fieldName: 'Authors',\n        title: 'Authors:',\n        options: [\n          {\n            name: 'Coorpacademy',\n            value: 'Coorpacademy',\n            selected: false\n          },\n          {\n            name:\n              'World Health Organization - Mental Health Policy' +\n              'and Service Development, Michelle Funk and Nathalie Drew',\n            value: 'WHO',\n            selected: true\n          },\n          {\n            name: 'Elephant',\n            value: 'Elephant',\n            selected: false\n          }\n        ],\n        onChange: value => console.log(value)\n      },\n      {\n        ...selectFilter,\n        type: 'select',\n        fieldName: 'Courses',\n        title: 'Learning Paths:',\n        options: [\n          {\n            name: 'All categories',\n            value: 'ALL',\n            selected: false\n          },\n          {\n            name: 'Innovations & Technologies',\n            value: 'Innovations',\n            selected: true\n          },\n          {\n            name: 'Management',\n            value: 'Management',\n            selected: false\n          },\n          {\n            name: 'Sustainable development',\n            value: 'Sustainable',\n            selected: false\n          }\n        ],\n        onChange: value => console.log(value)\n      },\n      {\n        ...timer,\n        type: 'range',\n        fieldName: 'Time',\n        title: 'Time:',\n        subtitle: '2 mins - 3 hours +'\n      },\n      {\n        type: 'switch',\n        fieldName: 'Favorite',\n        title: 'Favorite:',\n        display: {\n          value: true,\n          onChange: () => console.log('onFavorites')\n        }\n      },\n      {\n        ...types,\n        type: 'radio',\n        fieldName: 'contentType',\n        title: 'Type:',\n        onChange: value => console.log(value)\n      }\n    ],\n    sorting: {\n      ...selectSort,\n      title: 'Sort by:',\n      options: [\n        {\n          name: 'Position',\n          value: 'Position',\n          selected: true\n        },\n        {\n          name: 'Most popular',\n          value: 'Most popular',\n          selected: false\n        },\n        {\n          name: 'Newest',\n          value: 'Newest',\n          selected: false\n        }\n      ],\n      onChange: value => console.log(value)\n    },\n    onSearch: () => console.log('onSearch')\n  }\n};\n"],"file":"filters-list.js"}

package/lib/molecule/filters/test/fixtures/one.js

@@ -19,7 +19,7 @@ var _default = {
     filterCTALabel: 'Filter',
     sortTabLabel: 'Sort by',
     sortCTALabel: 'Sort',
-    filters: [_extends(_extends({}, selectFilter), {}, {
+    filters: [_extends({}, selectFilter, {
       type: 'select',
       fieldName: 'Thematic',
       title: 'Thematic:',
@@ -38,7 +38,7 @@ var _default = {
       }],
       onChange: value => console.log(value)
     })],
-    sorting: _extends(_extends({}, selectSort), {}, {
+    sorting: _extends({}, selectSort, {
       title: 'Sort by',
       options: [{
         name: 'Position',

package/lib/molecule/filters/test/fixtures/one.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/filters/test/fixtures/one.js"],"names":["selectFilter","dropdownsFilter","props","selectSort","dropdownsSort","filterTabLabel","filterCTALabel","sortTabLabel","sortCTALabel","filters","type","fieldName","title","options","name","value","selected","onChange","console","log","sorting"],"mappings":";;;;;AAAA;;AACA;;;;;;AAEA,MAAMA,YAAY,GAAGC,gBAAgBC,KAArC;AACA,MAAMC,UAAU,GAAGC,cAAcF,KAAjC;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLG,IAAAA,cAAc,EAAE,QADX;AAELC,IAAAA,cAAc,EAAE,QAFX;AAGLC,IAAAA,YAAY,EAAE,SAHT;AAILC,IAAAA,YAAY,EAAE,MAJT;AAKLC,IAAAA,OAAO,EAAE,uBAEFT,YAFE;AAGLU,MAAAA,IAAI,EAAE,QAHD;AAILC,MAAAA,SAAS,EAAE,UAJN;AAKLC,MAAAA,KAAK,EAAE,WALF;AAMLC,MAAAA,OAAO,EAAE,CACP;AACEC,QAAAA,IAAI,EAAE,SADR;AAEEC,QAAAA,KAAK,EAAE,SAFT;AAGEC,QAAAA,QAAQ,EAAE;AAHZ,OADO,EAMP;AACEF,QAAAA,IAAI,EAAE,iBADR;AAEEC,QAAAA,KAAK,EAAE,iBAFT;AAGEC,QAAAA,QAAQ,EAAE;AAHZ,OANO,EAWP;AACEF,QAAAA,IAAI,EAAE,sCADR;AAEEC,QAAAA,KAAK,EAAE,+BAFT;AAGEC,QAAAA,QAAQ,EAAE;AAHZ,OAXO,CANJ;AAuBLC,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AAvBd,OALJ;AA+BLK,IAAAA,OAAO,wBACFjB,UADE;AAELS,MAAAA,KAAK,EAAE,SAFF;AAGLC,MAAAA,OAAO,EAAE,CACP;AACEC,QAAAA,IAAI,EAAE,UADR;AAEEC,QAAAA,KAAK,EAAE,UAFT;AAGEC,QAAAA,QAAQ,EAAE;AAHZ,OADO,EAMP;AACEF,QAAAA,IAAI,EAAE,cADR;AAEEC,QAAAA,KAAK,EAAE,cAFT;AAGEC,QAAAA,QAAQ,EAAE;AAHZ,OANO,EAWP;AACEF,QAAAA,IAAI,EAAE,QADR;AAEEC,QAAAA,KAAK,EAAE,QAFT;AAGEC,QAAAA,QAAQ,EAAE;AAHZ,OAXO,CAHJ;AAoBLC,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AApBd;AA/BF;AADM,C","sourcesContent":["import dropdownsFilter from '../../../../atom/select/test/fixtures/filter';\nimport dropdownsSort from '../../../../atom/select/test/fixtures/sort';\n\nconst selectFilter = dropdownsFilter.props;\nconst selectSort = dropdownsSort.props;\n\nexport default {\n  props: {\n    filterTabLabel: 'Filter',\n    filterCTALabel: 'Filter',\n    sortTabLabel: 'Sort by',\n    sortCTALabel: 'Sort',\n    filters: [\n      {\n        ...selectFilter,\n        type: 'select',\n        fieldName: 'Thematic',\n        title: 'Thematic:',\n        options: [\n          {\n            name: 'digital',\n            value: 'digital',\n            selected: false\n          },\n          {\n            name: 'Esprit du temps',\n            value: 'Esprit du temps',\n            selected: true\n          },\n          {\n            name: 'La troisième révolution industrielle',\n            value: 'La 3e révolution industrielle',\n            selected: false\n          }\n        ],\n        onChange: value => console.log(value)\n      }\n    ],\n    sorting: {\n      ...selectSort,\n      title: 'Sort by',\n      options: [\n        {\n          name: 'Position',\n          value: 'Position',\n          selected: true\n        },\n        {\n          name: 'Most popular',\n          value: 'Most popular',\n          selected: false\n        },\n        {\n          name: 'Newest',\n          value: 'Newest',\n          selected: false\n        }\n      ],\n      onChange: value => console.log(value)\n    }\n  }\n};\n"],"file":"one.js"}
+{"version":3,"sources":["../../../../../src/molecule/filters/test/fixtures/one.js"],"names":["selectFilter","dropdownsFilter","props","selectSort","dropdownsSort","filterTabLabel","filterCTALabel","sortTabLabel","sortCTALabel","filters","type","fieldName","title","options","name","value","selected","onChange","console","log","sorting"],"mappings":";;;;;AAAA;;AACA;;;;;;AAEA,MAAMA,YAAY,GAAGC,gBAAgBC,KAArC;AACA,MAAMC,UAAU,GAAGC,cAAcF,KAAjC;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLG,IAAAA,cAAc,EAAE,QADX;AAELC,IAAAA,cAAc,EAAE,QAFX;AAGLC,IAAAA,YAAY,EAAE,SAHT;AAILC,IAAAA,YAAY,EAAE,MAJT;AAKLC,IAAAA,OAAO,EAAE,cAEFT,YAFE;AAGLU,MAAAA,IAAI,EAAE,QAHD;AAILC,MAAAA,SAAS,EAAE,UAJN;AAKLC,MAAAA,KAAK,EAAE,WALF;AAMLC,MAAAA,OAAO,EAAE,CACP;AACEC,QAAAA,IAAI,EAAE,SADR;AAEEC,QAAAA,KAAK,EAAE,SAFT;AAGEC,QAAAA,QAAQ,EAAE;AAHZ,OADO,EAMP;AACEF,QAAAA,IAAI,EAAE,iBADR;AAEEC,QAAAA,KAAK,EAAE,iBAFT;AAGEC,QAAAA,QAAQ,EAAE;AAHZ,OANO,EAWP;AACEF,QAAAA,IAAI,EAAE,sCADR;AAEEC,QAAAA,KAAK,EAAE,+BAFT;AAGEC,QAAAA,QAAQ,EAAE;AAHZ,OAXO,CANJ;AAuBLC,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AAvBd,OALJ;AA+BLK,IAAAA,OAAO,eACFjB,UADE;AAELS,MAAAA,KAAK,EAAE,SAFF;AAGLC,MAAAA,OAAO,EAAE,CACP;AACEC,QAAAA,IAAI,EAAE,UADR;AAEEC,QAAAA,KAAK,EAAE,UAFT;AAGEC,QAAAA,QAAQ,EAAE;AAHZ,OADO,EAMP;AACEF,QAAAA,IAAI,EAAE,cADR;AAEEC,QAAAA,KAAK,EAAE,cAFT;AAGEC,QAAAA,QAAQ,EAAE;AAHZ,OANO,EAWP;AACEF,QAAAA,IAAI,EAAE,QADR;AAEEC,QAAAA,KAAK,EAAE,QAFT;AAGEC,QAAAA,QAAQ,EAAE;AAHZ,OAXO,CAHJ;AAoBLC,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AApBd;AA/BF;AADM,C","sourcesContent":["import dropdownsFilter from '../../../../atom/select/test/fixtures/filter';\nimport dropdownsSort from '../../../../atom/select/test/fixtures/sort';\n\nconst selectFilter = dropdownsFilter.props;\nconst selectSort = dropdownsSort.props;\n\nexport default {\n  props: {\n    filterTabLabel: 'Filter',\n    filterCTALabel: 'Filter',\n    sortTabLabel: 'Sort by',\n    sortCTALabel: 'Sort',\n    filters: [\n      {\n        ...selectFilter,\n        type: 'select',\n        fieldName: 'Thematic',\n        title: 'Thematic:',\n        options: [\n          {\n            name: 'digital',\n            value: 'digital',\n            selected: false\n          },\n          {\n            name: 'Esprit du temps',\n            value: 'Esprit du temps',\n            selected: true\n          },\n          {\n            name: 'La troisième révolution industrielle',\n            value: 'La 3e révolution industrielle',\n            selected: false\n          }\n        ],\n        onChange: value => console.log(value)\n      }\n    ],\n    sorting: {\n      ...selectSort,\n      title: 'Sort by',\n      options: [\n        {\n          name: 'Position',\n          value: 'Position',\n          selected: true\n        },\n        {\n          name: 'Most popular',\n          value: 'Most popular',\n          selected: false\n        },\n        {\n          name: 'Newest',\n          value: 'Newest',\n          selected: false\n        }\n      ],\n      onChange: value => console.log(value)\n    }\n  }\n};\n"],"file":"one.js"}

package/lib/molecule/filters/test/fixtures/only-radio-group.js

@@ -17,7 +17,7 @@ const types = _default2.default.props;
 
 var _default = (0, _defaultsDeep2.default)(_zero.default, {
   props: {
-    filters: [_extends(_extends({}, types), {}, {
+    filters: [_extends({}, types, {
       type: 'radio',
       fieldName: 'contentType',
       title: 'Type:',

package/lib/molecule/filters/test/fixtures/only-radio-group.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/filters/test/fixtures/only-radio-group.js"],"names":["types","RadioGroup","props","Default","filters","type","fieldName","title","onChange","value","console","log","openFilters"],"mappings":";;;;;;;AACA;;AACA;;;;;;AAEA,MAAMA,KAAK,GAAGC,kBAAWC,KAAzB;;eAEe,4BAAaC,aAAb,EAAsB;AACnCD,EAAAA,KAAK,EAAE;AACLE,IAAAA,OAAO,EAAE,uBAEFJ,KAFE;AAGLK,MAAAA,IAAI,EAAE,OAHD;AAILC,MAAAA,SAAS,EAAE,aAJN;AAKLC,MAAAA,KAAK,EAAE,OALF;AAMLC,MAAAA,QAAQ,EAAEC,KAAK,IAAIC,OAAO,CAACC,GAAR,CAAYF,KAAZ;AANd,OADJ;AAULG,IAAAA,WAAW,EAAE;AAVR;AAD4B,CAAtB,C","sourcesContent":["import {defaultsDeep} from 'lodash/fp';\nimport RadioGroup from '../../../../atom/radio-group/test/fixtures/default';\nimport Default from './zero';\n\nconst types = RadioGroup.props;\n\nexport default defaultsDeep(Default, {\n  props: {\n    filters: [\n      {\n        ...types,\n        type: 'radio',\n        fieldName: 'contentType',\n        title: 'Type:',\n        onChange: value => console.log(value)\n      }\n    ],\n    openFilters: true\n  }\n});\n"],"file":"only-radio-group.js"}
+{"version":3,"sources":["../../../../../src/molecule/filters/test/fixtures/only-radio-group.js"],"names":["types","RadioGroup","props","Default","filters","type","fieldName","title","onChange","value","console","log","openFilters"],"mappings":";;;;;;;AACA;;AACA;;;;;;AAEA,MAAMA,KAAK,GAAGC,kBAAWC,KAAzB;;eAEe,4BAAaC,aAAb,EAAsB;AACnCD,EAAAA,KAAK,EAAE;AACLE,IAAAA,OAAO,EAAE,cAEFJ,KAFE;AAGLK,MAAAA,IAAI,EAAE,OAHD;AAILC,MAAAA,SAAS,EAAE,aAJN;AAKLC,MAAAA,KAAK,EAAE,OALF;AAMLC,MAAAA,QAAQ,EAAEC,KAAK,IAAIC,OAAO,CAACC,GAAR,CAAYF,KAAZ;AANd,OADJ;AAULG,IAAAA,WAAW,EAAE;AAVR;AAD4B,CAAtB,C","sourcesContent":["import {defaultsDeep} from 'lodash/fp';\nimport RadioGroup from '../../../../atom/radio-group/test/fixtures/default';\nimport Default from './zero';\n\nconst types = RadioGroup.props;\n\nexport default defaultsDeep(Default, {\n  props: {\n    filters: [\n      {\n        ...types,\n        type: 'radio',\n        fieldName: 'contentType',\n        title: 'Type:',\n        onChange: value => console.log(value)\n      }\n    ],\n    openFilters: true\n  }\n});\n"],"file":"only-radio-group.js"}

package/lib/molecule/filters/test/fixtures/only-timer.js

@@ -17,7 +17,7 @@ const timer = _multi.default.props;
 
 var _default = (0, _defaultsDeep2.default)(_zero.default, {
   props: {
-    filters: [_extends(_extends({}, timer), {}, {
+    filters: [_extends({}, timer, {
       type: 'range',
       fieldName: 'Time',
       title: 'Time:',

package/lib/molecule/filters/test/fixtures/only-timer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/filters/test/fixtures/only-timer.js"],"names":["timer","rangeslider","props","Default","filters","type","fieldName","title","subtitle","openFilters"],"mappings":";;;;;;;AACA;;AACA;;;;;;AAEA,MAAMA,KAAK,GAAGC,eAAYC,KAA1B;;eAEe,4BAAaC,aAAb,EAAsB;AACnCD,EAAAA,KAAK,EAAE;AACLE,IAAAA,OAAO,EAAE,uBAEFJ,KAFE;AAGLK,MAAAA,IAAI,EAAE,OAHD;AAILC,MAAAA,SAAS,EAAE,MAJN;AAKLC,MAAAA,KAAK,EAAE,OALF;AAMLC,MAAAA,QAAQ,EAAE;AANL,OADJ;AAULC,IAAAA,WAAW,EAAE;AAVR;AAD4B,CAAtB,C","sourcesContent":["import {defaultsDeep} from 'lodash/fp';\nimport rangeslider from '../../../../atom/range/test/fixtures/multi';\nimport Default from './zero';\n\nconst timer = rangeslider.props;\n\nexport default defaultsDeep(Default, {\n  props: {\n    filters: [\n      {\n        ...timer,\n        type: 'range',\n        fieldName: 'Time',\n        title: 'Time:',\n        subtitle: '2 mins - 3 hours +'\n      }\n    ],\n    openFilters: true\n  }\n});\n"],"file":"only-timer.js"}
+{"version":3,"sources":["../../../../../src/molecule/filters/test/fixtures/only-timer.js"],"names":["timer","rangeslider","props","Default","filters","type","fieldName","title","subtitle","openFilters"],"mappings":";;;;;;;AACA;;AACA;;;;;;AAEA,MAAMA,KAAK,GAAGC,eAAYC,KAA1B;;eAEe,4BAAaC,aAAb,EAAsB;AACnCD,EAAAA,KAAK,EAAE;AACLE,IAAAA,OAAO,EAAE,cAEFJ,KAFE;AAGLK,MAAAA,IAAI,EAAE,OAHD;AAILC,MAAAA,SAAS,EAAE,MAJN;AAKLC,MAAAA,KAAK,EAAE,OALF;AAMLC,MAAAA,QAAQ,EAAE;AANL,OADJ;AAULC,IAAAA,WAAW,EAAE;AAVR;AAD4B,CAAtB,C","sourcesContent":["import {defaultsDeep} from 'lodash/fp';\nimport rangeslider from '../../../../atom/range/test/fixtures/multi';\nimport Default from './zero';\n\nconst timer = rangeslider.props;\n\nexport default defaultsDeep(Default, {\n  props: {\n    filters: [\n      {\n        ...timer,\n        type: 'range',\n        fieldName: 'Time',\n        title: 'Time:',\n        subtitle: '2 mins - 3 hours +'\n      }\n    ],\n    openFilters: true\n  }\n});\n"],"file":"only-timer.js"}