@coorpacademy/components 11.19.0 → 11.19.1-alpha.10

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["constantNull","DragAndDrop","React","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","children","title","description","uploadLabel","previewLabel","previewContent","loading","modified","onReset","error","buttonAriaLabel","errorButtonLabel","disabled","pdfButtonLabel","pdfButtonAriaLabel","previewView","type","style","preview","src","previewPdf","previewLabelPdf","href","target","download","position","previewXlsxContainer","previewXlsx","iconFile","loaderWrapper","loadingCancel","closeIcon","loader","loaderText","resetContent","classnames","resetUploadWrapper","resetSrcLabel","label","buildButton","defaultButtonProps","icon","button","previewContainer","getClassState","modifiedPreviewContainer","inputWrapper","modifiedInputWrapper","errorInputWrapper","buildContent","infosContainer","iconError","dragAndDropLabel","content","wrapper","errorMessage","propTypes","PropTypes","string","shape","bool","func"],"sources":["../../../src/atom/drag-and-drop/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {uniqueId, constant, isEmpty} from 'lodash/fp';\nimport {\n  NovaSolidStatusClose as Close,\n  NovaSolidFilesBasicFileUpload2 as FileUploadIcon,\n  NovaSolidFilesBasicFileBlock2 as FileUploadBlockedIcon,\n  NovaSolidFilesBasicFileLines as FileLinesIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Loader from '../loader';\nimport Button from '../button-link';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst constantNull = constant(null);\n\nclass DragAndDrop extends React.Component {\n  static propTypes = {\n    title: PropTypes.string,\n    description: PropTypes.string,\n    uploadLabel: PropTypes.string,\n    previewLabel: PropTypes.string,\n    previewContent: PropTypes.shape({\n      type: PropTypes.string,\n      src: PropTypes.string,\n      label: PropTypes.string\n    }),\n    loading: PropTypes.bool,\n    modified: PropTypes.bool,\n    disabled: PropTypes.bool,\n    children: PropTypes.func,\n    onReset: PropTypes.func,\n    error: PropTypes.string,\n    buttonAriaLabel: PropTypes.string,\n    errorButtonLabel: PropTypes.string,\n    pdfButtonLabel: PropTypes.string,\n    pdfButtonAriaLabel: PropTypes.string\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      dragging: false\n    };\n\n    this.handleDragStart = this.handleDragStart.bind(this);\n    this.handleDragStop = this.handleDragStop.bind(this);\n  }\n\n  handleDragStart() {\n    this.setState({\n      dragging: true\n    });\n  }\n\n  handleDragStop() {\n    this.setState({\n      dragging: false\n    });\n  }\n\n  render() {\n    const idBox = uniqueId('drop-box-');\n    const {\n      children = constantNull,\n      title,\n      description,\n      uploadLabel,\n      previewLabel = '',\n      previewContent,\n      loading = false,\n      modified = false,\n      onReset = null,\n      error = '',\n      buttonAriaLabel = '',\n      errorButtonLabel = '',\n      disabled = false,\n      pdfButtonLabel,\n      pdfButtonAriaLabel\n    } = this.props;\n    const {dragging} = this.state;\n\n    let previewView = null;\n\n    if (previewContent && previewContent.type === 'image') {\n      previewView = (\n        <div className={style.preview}>\n          <img src={previewContent.src} />\n        </div>\n      );\n    } else if (previewContent && previewContent.type === 'video') {\n      previewView = (\n        <div className={style.preview}>\n          <video controls src={previewContent.src} type=\"video/*\" />\n        </div>\n      );\n    } else if (previewContent && previewContent.type === 'pdf') {\n      previewView = (\n        <div className={style.previewPdf}>\n          <p className={style.previewLabelPdf}>{previewLabel}</p>\n          <Button\n            type=\"secondary\"\n            link={{href: previewContent.src, target: '_blank', download: false}}\n            label={pdfButtonLabel}\n            aria-label={pdfButtonAriaLabel}\n            data-name=\"default-button-pdf\"\n            icon={{\n              position: 'left',\n              type: 'pdf'\n            }}\n          />\n        </div>\n      );\n    } else if (previewContent && previewContent.type === 'xlsx') {\n      previewView = (\n        <div className={style.previewXlsxContainer}>\n          <div className={style.previewXlsx}>\n            <FileLinesIcon className={style.iconFile} />\n          </div>\n        </div>\n      );\n    } else if (loading) {\n      previewView = (\n        <div className={style.loaderWrapper}>\n          <div className={style.loadingCancel}>\n            <Close\n              data-name=\"reset-content-icon\"\n              height={12}\n              width={12}\n              className={style.closeIcon}\n              onClick={onReset}\n            />\n          </div>\n          <div className={style.loader}>\n            <Loader theme=\"coorpmanager\" />\n          </div>\n          <span className={style.loaderText}>Uploading</span>\n        </div>\n      );\n    } else {\n      previewView = <span>{previewLabel}</span>;\n    }\n\n    const resetContent =\n      previewContent && previewContent.src ? (\n        <div className={classnames(style.resetUploadWrapper, disabled && style.disabled)}>\n          <div className={style.resetSrcLabel}>\n            {previewContent.label ? previewContent.label : previewContent.src}\n          </div>\n          {onReset ? (\n            <Close\n              data-name=\"reset-content-icon\"\n              height={12}\n              width={12}\n              className={style.closeIcon}\n              onClick={onReset}\n            />\n          ) : null}\n        </div>\n      ) : null;\n\n    const buildButton = () => {\n      const defaultButtonProps = {\n        label: uploadLabel,\n        'aria-label': buttonAriaLabel,\n        'data-name': 'default-button',\n        icon: {\n          position: 'left',\n          type: 'folders'\n        }\n      };\n      if (dragging) {\n        return null;\n      } else if (error) {\n        return <Button {...defaultButtonProps} label={errorButtonLabel} icon={{}} />;\n      } else {\n        return <Button {...defaultButtonProps} />;\n      }\n    };\n\n    const button = buildButton(dragging, error);\n\n    const previewContainer = getClassState(\n      style.previewContainer,\n      style.modifiedPreviewContainer,\n      null,\n      modified,\n      error\n    );\n    const inputWrapper = getClassState(\n      style.inputWrapper,\n      style.modifiedInputWrapper,\n      style.errorInputWrapper,\n      modified,\n      error\n    );\n\n    const buildContent = () => {\n      if (loading) {\n        return previewView;\n      } else if (!isEmpty(previewContent)) {\n        return (\n          <div className={classnames(previewContainer, disabled && style.disabled)}>\n            {previewView}\n          </div>\n        );\n      } else {\n        return (\n          <div\n            className={classnames(\n              dragging ? style.dragging : inputWrapper,\n              disabled && style.disabled\n            )}\n            id={idBox}\n            data-name=\"drag-and-drop-box\"\n          >\n            <div className={style.infosContainer}>\n              {error ? (\n                <FileUploadBlockedIcon className={style.iconError} />\n              ) : (\n                <FileUploadIcon className={style.icon} />\n              )}\n              {description ? <div className={style.description}>{description}</div> : null}\n              {error ? null : <div className={style.dragAndDropLabel}>{'Drag & Drop here'}</div>}\n            </div>\n            {button}\n            <div>{children(this.handleDragStart, this.handleDragStop)}</div>\n          </div>\n        );\n      }\n    };\n\n    const content = buildContent();\n\n    return (\n      <div className={style.wrapper} data-name=\"drag-and-drop-wrapper\">\n        <div className={style.title}>{title}</div>\n        {content}\n        {error ? (\n          <span className={classnames(style.errorMessage, disabled && style.disabled)}>\n            {error}\n          </span>\n        ) : (\n          resetContent\n        )}\n      </div>\n    );\n  }\n}\n\nexport default DragAndDrop;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["constantNull","DragAndDrop","React","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","children","title","description","uploadLabel","previewLabel","previewContent","loading","modified","onReset","error","buttonAriaLabel","errorButtonLabel","disabled","pdfButtonLabel","pdfButtonAriaLabel","multiple","previewView","customButtonStyle","width","maxWidth","padding","boxSizing","type","style","preview","src","previewPdf","previewLabelPdf","href","target","download","position","previewXlsxContainer","previewXlsx","iconFile","multiplePreview","loaderWrapper","loadingCancel","closeIcon","loader","loaderText","resetContent","classnames","resetUploadWrapper","resetSrcLabel","label","buildButton","defaultButtonProps","icon","customStyle","button","previewContainer","getClassState","previewContainerMultiple","modifiedPreviewContainer","inputWrapper","modifiedInputWrapper","errorInputWrapper","buildContent","infosContainer","iconError","dragAndDropLabel","content","wrapper","errorMessage","propTypes","PropTypes","string","shape","bool","func"],"sources":["../../../src/atom/drag-and-drop/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {uniqueId, constant, isEmpty} from 'lodash/fp';\nimport {\n  NovaSolidStatusClose as Close,\n  NovaSolidFilesBasicFileUpload2 as FileUploadIcon,\n  NovaSolidFilesBasicFileBlock2 as FileUploadBlockedIcon,\n  NovaSolidFilesBasicFileLines as FileLinesIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Loader from '../loader';\nimport Button from '../button-link';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst constantNull = constant(null);\n\nclass DragAndDrop extends React.Component {\n  static propTypes = {\n    title: PropTypes.string,\n    description: PropTypes.string,\n    uploadLabel: PropTypes.string,\n    previewLabel: PropTypes.string,\n    previewContent: PropTypes.shape({\n      type: PropTypes.string,\n      src: PropTypes.string,\n      label: PropTypes.string\n    }),\n    loading: PropTypes.bool,\n    modified: PropTypes.bool,\n    disabled: PropTypes.bool,\n    children: PropTypes.func,\n    onReset: PropTypes.func,\n    error: PropTypes.string,\n    buttonAriaLabel: PropTypes.string,\n    errorButtonLabel: PropTypes.string,\n    pdfButtonLabel: PropTypes.string,\n    pdfButtonAriaLabel: PropTypes.string,\n    multiple: PropTypes.bool\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      dragging: false\n    };\n\n    this.handleDragStart = this.handleDragStart.bind(this);\n    this.handleDragStop = this.handleDragStop.bind(this);\n  }\n\n  handleDragStart() {\n    this.setState({\n      dragging: true\n    });\n  }\n\n  handleDragStop() {\n    this.setState({\n      dragging: false\n    });\n  }\n\n  render() {\n    const idBox = uniqueId('drop-box-');\n    const {\n      children = constantNull,\n      title,\n      description,\n      uploadLabel,\n      previewLabel = '',\n      previewContent,\n      loading = false,\n      modified = false,\n      onReset = null,\n      error = '',\n      buttonAriaLabel = '',\n      errorButtonLabel = '',\n      disabled = false,\n      pdfButtonLabel,\n      pdfButtonAriaLabel,\n      multiple\n    } = this.props;\n    const {dragging} = this.state;\n\n    let previewView = null;\n\n    const customButtonStyle = {\n      width: 'auto',\n      maxWidth: '150px',\n      padding: '12px 24px',\n      boxSizing: 'border-box'\n    };\n\n    if (previewContent && previewContent.type === 'image') {\n      previewView = (\n        <div className={style.preview}>\n          <img src={previewContent.src} />\n        </div>\n      );\n    } else if (previewContent && previewContent.type === 'video') {\n      previewView = (\n        <div className={style.preview}>\n          <video controls src={previewContent.src} type=\"video/*\" />\n        </div>\n      );\n    } else if (previewContent && previewContent.type === 'pdf') {\n      previewView = (\n        <div className={style.previewPdf}>\n          <p className={style.previewLabelPdf}>{previewLabel}</p>\n          <Button\n            type=\"secondary\"\n            link={{href: previewContent.src, target: '_blank', download: false}}\n            label={pdfButtonLabel}\n            aria-label={pdfButtonAriaLabel}\n            data-name=\"default-button-pdf\"\n            icon={{\n              position: 'left',\n              type: 'pdf'\n            }}\n            customStyle={customButtonStyle}\n          />\n        </div>\n      );\n    } else if (previewContent && previewContent.type === 'xlsx') {\n      previewView = (\n        <div className={style.previewXlsxContainer}>\n          <div className={style.previewXlsx}>\n            <FileLinesIcon className={style.iconFile} />\n          </div>\n        </div>\n      );\n    } else if (previewContent && (multiple || previewContent.type === 'csv')) {\n      previewView = (\n        <div className={style.preview}>\n          <div className={style.multiplePreview}>\n            <FileLinesIcon className={style.iconFile} />\n          </div>\n        </div>\n      );\n    } else if (loading) {\n      previewView = (\n        <div className={style.loaderWrapper}>\n          <div className={style.loadingCancel}>\n            <Close\n              data-name=\"reset-content-icon\"\n              height={12}\n              width={12}\n              className={style.closeIcon}\n              onClick={onReset}\n            />\n          </div>\n          <div className={style.loader}>\n            <Loader theme=\"coorpmanager\" />\n          </div>\n          <span className={style.loaderText}>Uploading</span>\n        </div>\n      );\n    } else {\n      previewView = <span>{previewLabel}</span>;\n    }\n\n    const resetContent =\n      previewContent && previewContent.src && !multiple ? (\n        <div className={classnames(style.resetUploadWrapper, disabled && style.disabled)}>\n          <div className={style.resetSrcLabel}>\n            {previewContent.label ? previewContent.label : previewContent.src}\n          </div>\n          {onReset ? (\n            <Close\n              data-name=\"reset-content-icon\"\n              height={12}\n              width={12}\n              className={style.closeIcon}\n              onClick={onReset}\n            />\n          ) : null}\n        </div>\n      ) : null;\n\n    const buildButton = () => {\n      const defaultButtonProps = {\n        label: uploadLabel,\n        'aria-label': buttonAriaLabel,\n        'data-name': 'default-button',\n        icon: {\n          position: 'left',\n          type: 'folders'\n        },\n        customStyle: customButtonStyle\n      };\n      if (dragging) {\n        return null;\n      } else if (error) {\n        return <Button {...defaultButtonProps} label={errorButtonLabel} icon={{}} />;\n      } else {\n        return <Button {...defaultButtonProps} />;\n      }\n    };\n\n    const button = buildButton(dragging, error);\n\n    const previewContainer = getClassState(\n      multiple ? style.previewContainerMultiple : style.previewContainer,\n      style.modifiedPreviewContainer,\n      null,\n      modified,\n      error\n    );\n    const inputWrapper = getClassState(\n      style.inputWrapper,\n      style.modifiedInputWrapper,\n      style.errorInputWrapper,\n      modified,\n      error\n    );\n\n    const buildContent = () => {\n      if (loading) {\n        return previewView;\n      } else if (!isEmpty(previewContent)) {\n        return (\n          <div className={classnames(previewContainer, disabled && style.disabled)}>\n            {previewView}\n          </div>\n        );\n      } else {\n        return (\n          <div\n            className={classnames(\n              dragging ? style.dragging : inputWrapper,\n              disabled && style.disabled\n            )}\n            id={idBox}\n            data-name=\"drag-and-drop-box\"\n          >\n            <div className={style.infosContainer}>\n              {error ? (\n                <FileUploadBlockedIcon className={style.iconError} />\n              ) : (\n                <FileUploadIcon className={style.icon} />\n              )}\n              {description ? <div className={style.description}>{description}</div> : null}\n              {error ? null : <div className={style.dragAndDropLabel}>{'Drag & Drop here'}</div>}\n            </div>\n            {button}\n            <div>{children(this.handleDragStart, this.handleDragStop)}</div>\n          </div>\n        );\n      }\n    };\n\n    const content = buildContent();\n\n    return (\n      <div className={style.wrapper} data-name=\"drag-and-drop-wrapper\">\n        <div className={style.title}>{title}</div>\n        {content}\n        {error ? (\n          <span className={classnames(style.errorMessage, disabled && style.disabled)}>\n            {error}\n          </span>\n        ) : (\n          resetContent\n        )}\n      </div>\n    );\n  }\n}\n\nexport default DragAndDrop;\n"],"mappings":"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"}

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

@@ -125,18 +125,18 @@ video {
   flex-direction: column;
   align-items: center;
   justify-content: space-between;
-  padding: 14px 8px 8px 8px;
+  padding: 16px;
   overflow: hidden;
 }
 
 .inputWrapper:before {
   content: "";
   position: absolute;
-  border: 10px dashed cm_grey_200;
-  top: -8px;
-  bottom: -8px;
-  left: -8px;
-  right: -8px;
+  border: 7px dashed cm_grey_200;
+  top: -3px;
+  bottom: -3px;
+  left: -4px;
+  right: -4px;
 }
 
 .modifiedInputWrapper {
@@ -304,4 +304,19 @@ video {
   height: 25%;
   width: 25%;
   color: cm_grey_300;
-}
+}
+
+.previewContainerMultiple {
+  composes: previewContainer;
+  height: 100%;
+}
+
+.multiplePreview {
+  background-color: cm_grey_100;
+  border-radius: 8px;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}

package/lib/atom/{image-upload → input-file-draggable}/index.d.ts

@@ -1,5 +1,5 @@
-export default ImageUpload;
-declare function ImageUpload({ title, description, previewLabel, previewContent, uploadLabel, loading, modified, disabled, onChange, onReset, name, labelLink, labelButtonLink, hrefLink, imageTypes, error, buttonAriaLabel, errorButtonLabel, pdfButtonLabel, pdfButtonAriaLabel }: {
+export default InputFileDraggable;
+declare function InputFileDraggable({ title, description, previewLabel, previewContent, uploadLabel, loading, modified, disabled, onChange, onReset, name, labelLink, labelButtonLink, hrefLink, filesTypes, error, buttonAriaLabel, errorButtonLabel, pdfButtonLabel, pdfButtonAriaLabel, filesNumber, multiple, required, onClick }: {
     title: any;
     description: any;
     previewLabel: any;
@@ -14,19 +14,23 @@ declare function ImageUpload({ title, description, previewLabel, previewContent,
     labelLink: any;
     labelButtonLink: any;
     hrefLink: any;
-    imageTypes?: string | undefined;
+    filesTypes?: string | undefined;
     error?: string | undefined;
     buttonAriaLabel: any;
     errorButtonLabel: any;
     pdfButtonLabel: any;
     pdfButtonAriaLabel: any;
+    filesNumber?: number | undefined;
+    multiple?: boolean | undefined;
+    required?: boolean | undefined;
+    onClick: any;
 }): JSX.Element;
-declare namespace ImageUpload {
+declare namespace InputFileDraggable {
     const propTypes: {
         name: PropTypes.Requireable<string>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         onReset: PropTypes.Requireable<(...args: any[]) => any>;
-        imageTypes: (props: any, propName: any, componentName: any) => Error | null;
+        filesTypes: (props: any, propName: any, componentName: any) => Error | null;
         error: PropTypes.Requireable<string>;
         buttonAriaLabel: PropTypes.Requireable<string>;
         errorButtonLabel: PropTypes.Requireable<string>;
@@ -47,6 +51,7 @@ declare namespace ImageUpload {
         children: PropTypes.Requireable<(...args: any[]) => any>;
         pdfButtonLabel: PropTypes.Requireable<string>;
         pdfButtonAriaLabel: PropTypes.Requireable<string>;
+        multiple: PropTypes.Requireable<boolean>;
     };
 }
 import PropTypes from "prop-types";

package/lib/atom/input-file-draggable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-file-draggable/index.js"],"names":[],"mappings":";AAYA;;;;;;;;;;;;;;;;;;;;;;;;;gBA4GC"}

package/lib/atom/{image-upload → input-file-draggable}/index.js

@@ -9,6 +9,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _dragAndDrop = _interopRequireDefault(require("../drag-and-drop"));
 
 var _buttonLink = _interopRequireDefault(require("../button-link"));
@@ -25,7 +27,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const ImageUpload = ({
+const InputFileDraggable = ({
   title,
   description,
   previewLabel,
@@ -40,12 +42,16 @@ const ImageUpload = ({
   labelLink,
   labelButtonLink,
   hrefLink,
-  imageTypes = 'image/*',
+  filesTypes = '',
   error = '',
   buttonAriaLabel,
   errorButtonLabel,
   pdfButtonLabel,
-  pdfButtonAriaLabel
+  pdfButtonAriaLabel,
+  filesNumber = 0,
+  multiple = false,
+  required = false,
+  onClick
 }) => {
   const handleReset = (0, _react.useCallback)(e => {
     if ((0, _isNil2.default)(onReset)) return;
@@ -56,6 +62,10 @@ const ImageUpload = ({
     width: '40px',
     color: '#FF541F'
   };
+  const onClick_ = (0, _react.useCallback)(e => {
+    e.preventDefault();
+    return onClick(e);
+  }, [onClick]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_dragAndDrop.default, {
     title: title,
     description: description,
@@ -70,17 +80,20 @@ const ImageUpload = ({
     buttonAriaLabel: buttonAriaLabel,
     errorButtonLabel: errorButtonLabel,
     pdfButtonLabel: pdfButtonLabel,
-    pdfButtonAriaLabel: pdfButtonAriaLabel
+    pdfButtonAriaLabel: pdfButtonAriaLabel,
+    multiple: multiple
   }, (onDragStart, onDragStop) => /*#__PURE__*/_react.default.createElement("input", {
     type: "file",
     name: name,
-    accept: imageTypes,
+    accept: filesTypes,
     disabled: loading || disabled,
     className: _style.default.input,
     onChange: onChange,
     onDragEnter: onDragStart,
     onDrop: onDragStop,
-    onDragLeave: onDragStop
+    onDragLeave: onDragStop,
+    multiple: multiple,
+    required: required
   })), labelLink && hrefLink ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.templateLink
   }, labelLink, /*#__PURE__*/_react.default.createElement(_buttonLink.default, {
@@ -91,20 +104,31 @@ const ImageUpload = ({
       download: true
     },
     label: labelButtonLink
-  })) : null);
+  })) : null, multiple && filesNumber > 0 ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.multipleFilesContainer
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.filesNumber
+  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidFilesBasicFileLines, {
+    className: _style.default.icon
+  }), /*#__PURE__*/_react.default.createElement("div", null, filesNumber, " files")), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.seeDetailsButton,
+    onClick: onClick_
+  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyEye, {
+    className: _style.default.seeIcon
+  }), /*#__PURE__*/_react.default.createElement("div", null, "See details"))) : null);
 };
 
-ImageUpload.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, _dragAndDrop.default.propTypes, {
+InputFileDraggable.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, _dragAndDrop.default.propTypes, {
   name: _propTypes.default.string,
   onChange: _propTypes.default.func,
   onReset: _propTypes.default.func,
-  imageTypes: _proptypes.ImagePropType,
+  filesTypes: _proptypes.FilesPropType,
   error: _propTypes.default.string,
   buttonAriaLabel: _propTypes.default.string,
   errorButtonLabel: _propTypes.default.string,
   labelLink: _propTypes.default.string,
   hrefLink: _propTypes.default.string
 }) : {};
-var _default = ImageUpload;
+var _default = InputFileDraggable;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/atom/input-file-draggable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["InputFileDraggable","title","description","previewLabel","previewContent","uploadLabel","loading","modified","disabled","onChange","onReset","name","labelLink","labelButtonLink","hrefLink","filesTypes","error","buttonAriaLabel","errorButtonLabel","pdfButtonLabel","pdfButtonAriaLabel","filesNumber","multiple","required","onClick","handleReset","useCallback","e","preventDefault","linkCustomStyle","width","color","onClick_","onDragStart","onDragStop","style","input","templateLink","href","download","multipleFilesContainer","icon","seeDetailsButton","seeIcon","propTypes","DragAndDrop","PropTypes","string","func","FilesPropType"],"sources":["../../../src/atom/input-file-draggable/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {isNil} from 'lodash/fp';\nimport {\n  NovaSolidFilesBasicFileLines as FileLinesIcon,\n  NovaCompositionCoorpacademyEye as EyeIcon\n} from '@coorpacademy/nova-icons';\nimport DragAndDrop from '../drag-and-drop';\nimport Link from '../button-link';\nimport {FilesPropType} from '../../util/proptypes';\nimport style from './style.css';\n\nconst InputFileDraggable = ({\n  title,\n  description,\n  previewLabel,\n  previewContent,\n  uploadLabel,\n  loading,\n  modified,\n  disabled = false,\n  onChange,\n  onReset = null,\n  name,\n  labelLink,\n  labelButtonLink,\n  hrefLink,\n  filesTypes = '',\n  error = '',\n  buttonAriaLabel,\n  errorButtonLabel,\n  pdfButtonLabel,\n  pdfButtonAriaLabel,\n  filesNumber = 0,\n  multiple = false,\n  required = false,\n  onClick\n}) => {\n  const handleReset = useCallback(\n    e => {\n      if (isNil(onReset)) return;\n      e.preventDefault();\n      return onReset(e);\n    },\n    [onReset]\n  );\n\n  const linkCustomStyle = {\n    width: '40px',\n    color: '#FF541F'\n  };\n\n  const onClick_ = useCallback(\n    e => {\n      e.preventDefault();\n      return onClick(e);\n    },\n    [onClick]\n  );\n\n  return (\n    <>\n      <DragAndDrop\n        title={title}\n        description={description}\n        previewLabel={previewLabel}\n        previewContent={previewContent}\n        uploadLabel={uploadLabel}\n        loading={loading}\n        modified={modified}\n        onReset={handleReset}\n        error={error}\n        disabled={disabled}\n        buttonAriaLabel={buttonAriaLabel}\n        errorButtonLabel={errorButtonLabel}\n        pdfButtonLabel={pdfButtonLabel}\n        pdfButtonAriaLabel={pdfButtonAriaLabel}\n        multiple={multiple}\n      >\n        {(onDragStart, onDragStop) => (\n          <input\n            type=\"file\"\n            name={name}\n            accept={filesTypes}\n            disabled={loading || disabled}\n            className={style.input}\n            onChange={onChange}\n            onDragEnter={onDragStart}\n            onDrop={onDragStop}\n            onDragLeave={onDragStop}\n            multiple={multiple}\n            required={required}\n          />\n        )}\n      </DragAndDrop>\n      {labelLink && hrefLink ? (\n        <div className={style.templateLink}>\n          {labelLink}\n          <Link\n            type=\"text\"\n            customStyle={linkCustomStyle}\n            link={{href: hrefLink, download: true}}\n            label={labelButtonLink}\n          />\n        </div>\n      ) : null}\n      {multiple && filesNumber > 0 ? (\n        <div className={style.multipleFilesContainer}>\n          <div className={style.filesNumber}>\n            <FileLinesIcon className={style.icon} />\n            <div>{filesNumber} files</div>\n          </div>\n          <div className={style.seeDetailsButton} onClick={onClick_}>\n            <EyeIcon className={style.seeIcon} />\n            <div>See details</div>\n          </div>\n        </div>\n      ) : null}\n    </>\n  );\n};\n\nInputFileDraggable.propTypes = {\n  ...DragAndDrop.propTypes,\n  name: PropTypes.string,\n  onChange: PropTypes.func,\n  onReset: PropTypes.func,\n  filesTypes: FilesPropType,\n  error: PropTypes.string,\n  buttonAriaLabel: PropTypes.string,\n  errorButtonLabel: PropTypes.string,\n  labelLink: PropTypes.string,\n  hrefLink: PropTypes.string\n};\n\nexport default InputFileDraggable;\n"],"mappings":"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"}

package/lib/atom/input-file-draggable/style.css

@@ -0,0 +1,81 @@
+@value colors: "../../variables/colors.css";
+@value cm_grey_50 from colors;
+@value cm_grey_300 from colors;
+@value cm_grey_500 from colors;
+@value cm_grey_700 from colors;
+
+.input {
+  width: 100%;
+  height: 100%;
+  cursor: pointer;
+  opacity: 0;
+  margin: auto;
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+}
+
+.templateLink {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  text-align: center;
+  margin-top: 16px;
+  background-color: cm_grey_50;
+  padding: 16px 0 16px 0;
+  border-radius: 10px;
+  font-family: "Gilroy";
+  font-size: 14px;
+}
+
+/* ---------- MULTIPLE FILES ---------- */
+.multipleFilesContainer {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  text-align: center;
+  margin-top: 16px;
+  background-color: cm_grey_50;
+  padding: 16px 24px 16px 24px;
+  border-radius: 10px;
+  font-family: "Gilroy";
+  font-size: 14px;
+}
+
+.multipleFilesInfo {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-family: "Gilroy";
+}
+
+.filesNumber {
+  composes: multipleFilesInfo;
+  font-weight: 500;
+  color: cm_grey_700;
+}
+
+.seeDetailsButton {
+  composes: multipleFilesInfo;
+  font-weight: 700;
+  color: cm_grey_500;
+  cursor: pointer;
+}
+
+.icon {
+  min-width: 14px;
+  min-height: 14px;
+  max-width: 30px;
+  max-height: 30px;
+  height: 20%;
+  width: 20%;
+  transition: all 0.2s cubic-bezier(0.47, 1.04, 0.46, 2.16);
+  color: cm_grey_300;
+}
+
+.seeIcon {
+  composes: icon;
+  color: cm_grey_500;
+}

package/lib/atom/video-upload/index.d.ts

@@ -33,6 +33,7 @@ declare namespace VideoUpload {
         errorButtonLabel: PropTypes.Requireable<string>;
         pdfButtonLabel: PropTypes.Requireable<string>;
         pdfButtonAriaLabel: PropTypes.Requireable<string>;
+        multiple: PropTypes.Requireable<boolean>;
     };
 }
 import PropTypes from "prop-types";

package/lib/molecule/brand-form-group/index.js

@@ -43,7 +43,7 @@ var _inputHtml = _interopRequireDefault(require("../../atom/input-html"));
 
 var _inputDoublestep = _interopRequireDefault(require("../../atom/input-doublestep"));
 
-var _imageUpload = _interopRequireDefault(require("../../atom/image-upload"));
+var _inputFileDraggable = _interopRequireDefault(require("../../atom/input-file-draggable"));
 
 var _setupSlider = _interopRequireDefault(require("../setup-slider"));
 
@@ -116,12 +116,12 @@ const buildInput = field => {
     case 'image':
       return /*#__PURE__*/_react.default.createElement("div", {
         className: _style.default.imageUploadContainer
-      }, /*#__PURE__*/_react.default.createElement(_imageUpload.default, field));
+      }, /*#__PURE__*/_react.default.createElement(_inputFileDraggable.default, field));
 
     case 'bulkUpload':
       return /*#__PURE__*/_react.default.createElement("div", {
         className: _style.default.bulkUploadContainer
-      }, /*#__PURE__*/_react.default.createElement(_imageUpload.default, field));
+      }, /*#__PURE__*/_react.default.createElement(_inputFileDraggable.default, field));
 
     case 'slider':
       return /*#__PURE__*/_react.default.createElement(_setupSlider.default, field);
@@ -236,9 +236,9 @@ BrandFormGroup.propTypes = process.env.NODE_ENV !== "production" ? {
     size: _propTypes.default.oneOf((0, _keys2.default)(inputContainerStyle))
   })), _propTypes.default.shape(_extends({}, _inputCheckbox.default.propTypes, {
     type: _propTypes.default.oneOf(['checkbox'])
-  })), _propTypes.default.shape(_extends({}, _imageUpload.default.propTypes, {
+  })), _propTypes.default.shape(_extends({}, _inputFileDraggable.default.propTypes, {
     type: _propTypes.default.oneOf(['image'])
-  })), _propTypes.default.shape(_extends({}, _imageUpload.default.propTypes, {
+  })), _propTypes.default.shape(_extends({}, _inputFileDraggable.default.propTypes, {
     type: _propTypes.default.oneOf(['bulkImage'])
   })), _propTypes.default.shape(_extends({}, _setupSlider.default.propTypes, {
     type: _propTypes.default.oneOf(['slider'])

package/lib/molecule/brand-form-group/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["inputContainerStyle","default","style","defaultWidth","medium","mediumWidth","large","largeWidth","buildInput","field","type","imageUploadContainer","bulkUploadContainer","buttonType","buildField","index","input","theme","size","styleInput","styleField","fieldMassiveBattle","defineLayoutClass","layout","classNames","grid","layoutBulk","BrandFormGroup","props","title","subtitle","fieldsLayout","groupLayout","fields","subtitleSize","fieldsList","convert","cap","useMemo","wrapper","groupGrid","titleWrapper","propTypes","PropTypes","string","arrayOf","oneOfType","shape","Autocomplete","oneOf","InputColor","InputReadonly","InputSwitch","InputTextarea","InputHTML","InputDoublestep","Select","InputCheckbox","ImageUpload","SetupSlider","SetupSections","InputText","BrandDownloadBox","BrandUploadBox","Button","ButtonLink","SelectMultiple","Roles","TitleAndInput"],"sources":["../../../src/molecule/brand-form-group/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {keys, map, snakeCase} from 'lodash/fp';\nimport classNames from 'classnames';\nimport Autocomplete from '../../atom/autocomplete';\nimport Select from '../../atom/select';\nimport SelectMultiple from '../select-multiple';\nimport InputText from '../../atom/input-text';\nimport InputColor from '../../atom/input-color';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputSwitch from '../../atom/input-switch';\nimport BrandUploadBox from '../brand-upload-box';\nimport BrandDownloadBox from '../brand-download-box';\nimport Button from '../../atom/button';\nimport InputTextarea from '../../atom/input-textarea';\nimport InputHTML from '../../atom/input-html';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport ImageUpload from '../../atom/image-upload';\nimport SetupSlider from '../setup-slider';\nimport SetupSections from '../setup-sections';\nimport Title from '../../atom/title';\nimport Roles from '../coorp-manager-roles';\nimport TitleAndCheckBoxWrapper from '../title-and-checkbox-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport TitleAndInput from '../../organism/title-and-input';\nimport style from './style.css';\n\nconst inputContainerStyle = {\n  default: style.defaultWidth,\n  medium: style.mediumWidth,\n  large: style.largeWidth\n};\n\nconst buildInput = field => {\n  const {type} = field;\n\n  switch (type) {\n    case 'autoComplete':\n      return <Autocomplete {...field} />;\n    case 'color':\n      return <InputColor {...field} />;\n    case 'readonly':\n      return <InputReadonly {...field} />;\n    case 'switch':\n      return <InputSwitch {...field} />;\n    case 'textarea':\n      return <InputTextarea {...field} />;\n    case 'html':\n      return <InputHTML {...field} />;\n    case 'doublestep':\n      return <InputDoublestep {...field} />;\n    case 'select':\n      return <Select {...field} theme={'coorpmanager'} />;\n    case 'selectMultiple':\n      return <SelectMultiple {...field} />;\n    case 'checkbox':\n      return <InputCheckbox {...field} />;\n    case 'image':\n      return (\n        <div className={style.imageUploadContainer}>\n          <ImageUpload {...field} />\n        </div>\n      );\n    case 'bulkUpload':\n      return (\n        <div className={style.bulkUploadContainer}>\n          <ImageUpload {...field} />\n        </div>\n      );\n    case 'slider':\n      return <SetupSlider {...field} />;\n    case 'sections':\n      return <SetupSections {...field} />;\n    case 'text':\n      return <InputText {...field} />;\n    case 'downloadbox':\n      return <BrandDownloadBox {...field} />;\n    case 'uploadbox':\n      return <BrandUploadBox {...field} />;\n    case 'button':\n    case 'link':\n      return <Button {...field} />;\n    case 'buttonLink':\n      return <ButtonLink {...field} type={field.buttonType} />;\n    case 'roles':\n      return <Roles {...field} />;\n    case 'titleAndCheckBoxWrapper':\n      return <TitleAndCheckBoxWrapper {...field} />;\n    case 'titleAndInput':\n      return <TitleAndInput {...field} />;\n    default:\n      return <InputText {...field} />;\n  }\n};\n\nconst buildField = (field, index) => {\n  const input = buildInput(field);\n  const {theme, size = 'default'} = field.type === 'titleAndInput' ? field.field : field;\n  const styleInput = theme === 'coorpmanager' ? inputContainerStyle[size] : style.field;\n  const styleField = field.type === 'titleAndInput' ? style.fieldMassiveBattle : styleInput;\n\n  return (\n    <div className={styleField} key={index}>\n      {input}\n    </div>\n  );\n};\n\nconst defineLayoutClass = layout => {\n  if (layout === 'grid') return classNames(style.grid);\n  else if (layout === 'bulkLayout') return classNames(style.layoutBulk);\n  else return classNames(null);\n};\n\nconst BrandFormGroup = props => {\n  const {\n    title,\n    subtitle = '',\n    fieldsLayout = '',\n    groupLayout = '',\n    fields = [],\n    subtitleSize = 'standard'\n  } = props;\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n  const layout = useMemo(() => defineLayoutClass(fieldsLayout), [fieldsLayout]);\n\n  return (\n    <div\n      data-name={`brand_form_group_${snakeCase(title)}`}\n      className={classNames(style.wrapper, groupLayout === 'grid' && style.groupGrid)}\n    >\n      <div className={style.titleWrapper}>\n        <Title title={title} subtitle={subtitle} subtitleSize={subtitleSize} type={'form-group'} />\n      </div>\n      <div className={layout}>{fieldsList}</div>\n    </div>\n  );\n};\n\nBrandFormGroup.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  subtitleSize: PropTypes.string,\n  fieldsLayout: PropTypes.string,\n  groupLayout: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        ...Autocomplete.propTypes,\n        type: PropTypes.oneOf(['autoComplete']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputColor.propTypes,\n        type: PropTypes.oneOf(['color'])\n      }),\n      PropTypes.shape({\n        ...InputReadonly.propTypes,\n        type: PropTypes.oneOf(['readonly'])\n      }),\n      PropTypes.shape({\n        ...InputSwitch.propTypes,\n        type: PropTypes.oneOf(['switch'])\n      }),\n      PropTypes.shape({\n        ...InputTextarea.propTypes,\n        type: PropTypes.oneOf(['textarea']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputHTML.propTypes,\n        type: PropTypes.oneOf(['html'])\n      }),\n      PropTypes.shape({\n        ...InputDoublestep.propTypes,\n        type: PropTypes.oneOf(['doublestep'])\n      }),\n      PropTypes.shape({\n        ...Select.propTypes,\n        type: PropTypes.oneOf(['select']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputCheckbox.propTypes,\n        type: PropTypes.oneOf(['checkbox'])\n      }),\n      PropTypes.shape({\n        ...ImageUpload.propTypes,\n        type: PropTypes.oneOf(['image'])\n      }),\n      PropTypes.shape({\n        ...ImageUpload.propTypes,\n        type: PropTypes.oneOf(['bulkImage'])\n      }),\n      PropTypes.shape({\n        ...SetupSlider.propTypes,\n        type: PropTypes.oneOf(['slider'])\n      }),\n      PropTypes.shape({\n        ...SetupSections.propTypes,\n        type: PropTypes.oneOf(['sections'])\n      }),\n      PropTypes.shape({\n        ...InputText.propTypes,\n        type: PropTypes.oneOf(['text']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...BrandDownloadBox.propTypes,\n        type: PropTypes.oneOf(['downloadbox'])\n      }),\n      PropTypes.shape({\n        ...BrandUploadBox.propTypes,\n        type: PropTypes.oneOf(['uploadbox'])\n      }),\n      PropTypes.shape({\n        ...Button.propTypes,\n        type: PropTypes.oneOf(['button'])\n      }),\n      PropTypes.shape({\n        ...ButtonLink.propTypes,\n        buttonType: ButtonLink.propTypes.type,\n        type: PropTypes.oneOf(['buttonLink'])\n      }),\n      PropTypes.shape({\n        ...SelectMultiple.propTypes,\n        type: PropTypes.oneOf(['selectMultiple'])\n      }),\n      PropTypes.shape({\n        ...Roles.propTypes,\n        type: PropTypes.oneOf(['roles'])\n      }),\n      PropTypes.shape(InputText.propTypes),\n      PropTypes.shape({\n        ...TitleAndInput.propTypes,\n        type: PropTypes.oneOf(['titleAndInput'])\n      })\n    ])\n  )\n};\nexport default BrandFormGroup;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["inputContainerStyle","default","style","defaultWidth","medium","mediumWidth","large","largeWidth","buildInput","field","type","imageUploadContainer","bulkUploadContainer","buttonType","buildField","index","input","theme","size","styleInput","styleField","fieldMassiveBattle","defineLayoutClass","layout","classNames","grid","layoutBulk","BrandFormGroup","props","title","subtitle","fieldsLayout","groupLayout","fields","subtitleSize","fieldsList","convert","cap","useMemo","wrapper","groupGrid","titleWrapper","propTypes","PropTypes","string","arrayOf","oneOfType","shape","Autocomplete","oneOf","InputColor","InputReadonly","InputSwitch","InputTextarea","InputHTML","InputDoublestep","Select","InputCheckbox","InputFileDraggable","SetupSlider","SetupSections","InputText","BrandDownloadBox","BrandUploadBox","Button","ButtonLink","SelectMultiple","Roles","TitleAndInput"],"sources":["../../../src/molecule/brand-form-group/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {keys, map, snakeCase} from 'lodash/fp';\nimport classNames from 'classnames';\nimport Autocomplete from '../../atom/autocomplete';\nimport Select from '../../atom/select';\nimport SelectMultiple from '../select-multiple';\nimport InputText from '../../atom/input-text';\nimport InputColor from '../../atom/input-color';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputSwitch from '../../atom/input-switch';\nimport BrandUploadBox from '../brand-upload-box';\nimport BrandDownloadBox from '../brand-download-box';\nimport Button from '../../atom/button';\nimport InputTextarea from '../../atom/input-textarea';\nimport InputHTML from '../../atom/input-html';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport InputFileDraggable from '../../atom/input-file-draggable';\nimport SetupSlider from '../setup-slider';\nimport SetupSections from '../setup-sections';\nimport Title from '../../atom/title';\nimport Roles from '../coorp-manager-roles';\nimport TitleAndCheckBoxWrapper from '../title-and-checkbox-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport TitleAndInput from '../../organism/title-and-input';\nimport style from './style.css';\n\nconst inputContainerStyle = {\n  default: style.defaultWidth,\n  medium: style.mediumWidth,\n  large: style.largeWidth\n};\n\nconst buildInput = field => {\n  const {type} = field;\n\n  switch (type) {\n    case 'autoComplete':\n      return <Autocomplete {...field} />;\n    case 'color':\n      return <InputColor {...field} />;\n    case 'readonly':\n      return <InputReadonly {...field} />;\n    case 'switch':\n      return <InputSwitch {...field} />;\n    case 'textarea':\n      return <InputTextarea {...field} />;\n    case 'html':\n      return <InputHTML {...field} />;\n    case 'doublestep':\n      return <InputDoublestep {...field} />;\n    case 'select':\n      return <Select {...field} theme={'coorpmanager'} />;\n    case 'selectMultiple':\n      return <SelectMultiple {...field} />;\n    case 'checkbox':\n      return <InputCheckbox {...field} />;\n    case 'image':\n      return (\n        <div className={style.imageUploadContainer}>\n          <InputFileDraggable {...field} />\n        </div>\n      );\n    case 'bulkUpload':\n      return (\n        <div className={style.bulkUploadContainer}>\n          <InputFileDraggable {...field} />\n        </div>\n      );\n    case 'slider':\n      return <SetupSlider {...field} />;\n    case 'sections':\n      return <SetupSections {...field} />;\n    case 'text':\n      return <InputText {...field} />;\n    case 'downloadbox':\n      return <BrandDownloadBox {...field} />;\n    case 'uploadbox':\n      return <BrandUploadBox {...field} />;\n    case 'button':\n    case 'link':\n      return <Button {...field} />;\n    case 'buttonLink':\n      return <ButtonLink {...field} type={field.buttonType} />;\n    case 'roles':\n      return <Roles {...field} />;\n    case 'titleAndCheckBoxWrapper':\n      return <TitleAndCheckBoxWrapper {...field} />;\n    case 'titleAndInput':\n      return <TitleAndInput {...field} />;\n    default:\n      return <InputText {...field} />;\n  }\n};\n\nconst buildField = (field, index) => {\n  const input = buildInput(field);\n  const {theme, size = 'default'} = field.type === 'titleAndInput' ? field.field : field;\n  const styleInput = theme === 'coorpmanager' ? inputContainerStyle[size] : style.field;\n  const styleField = field.type === 'titleAndInput' ? style.fieldMassiveBattle : styleInput;\n\n  return (\n    <div className={styleField} key={index}>\n      {input}\n    </div>\n  );\n};\n\nconst defineLayoutClass = layout => {\n  if (layout === 'grid') return classNames(style.grid);\n  else if (layout === 'bulkLayout') return classNames(style.layoutBulk);\n  else return classNames(null);\n};\n\nconst BrandFormGroup = props => {\n  const {\n    title,\n    subtitle = '',\n    fieldsLayout = '',\n    groupLayout = '',\n    fields = [],\n    subtitleSize = 'standard'\n  } = props;\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n  const layout = useMemo(() => defineLayoutClass(fieldsLayout), [fieldsLayout]);\n\n  return (\n    <div\n      data-name={`brand_form_group_${snakeCase(title)}`}\n      className={classNames(style.wrapper, groupLayout === 'grid' && style.groupGrid)}\n    >\n      <div className={style.titleWrapper}>\n        <Title title={title} subtitle={subtitle} subtitleSize={subtitleSize} type={'form-group'} />\n      </div>\n      <div className={layout}>{fieldsList}</div>\n    </div>\n  );\n};\n\nBrandFormGroup.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  subtitleSize: PropTypes.string,\n  fieldsLayout: PropTypes.string,\n  groupLayout: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        ...Autocomplete.propTypes,\n        type: PropTypes.oneOf(['autoComplete']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputColor.propTypes,\n        type: PropTypes.oneOf(['color'])\n      }),\n      PropTypes.shape({\n        ...InputReadonly.propTypes,\n        type: PropTypes.oneOf(['readonly'])\n      }),\n      PropTypes.shape({\n        ...InputSwitch.propTypes,\n        type: PropTypes.oneOf(['switch'])\n      }),\n      PropTypes.shape({\n        ...InputTextarea.propTypes,\n        type: PropTypes.oneOf(['textarea']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputHTML.propTypes,\n        type: PropTypes.oneOf(['html'])\n      }),\n      PropTypes.shape({\n        ...InputDoublestep.propTypes,\n        type: PropTypes.oneOf(['doublestep'])\n      }),\n      PropTypes.shape({\n        ...Select.propTypes,\n        type: PropTypes.oneOf(['select']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputCheckbox.propTypes,\n        type: PropTypes.oneOf(['checkbox'])\n      }),\n      PropTypes.shape({\n        ...InputFileDraggable.propTypes,\n        type: PropTypes.oneOf(['image'])\n      }),\n      PropTypes.shape({\n        ...InputFileDraggable.propTypes,\n        type: PropTypes.oneOf(['bulkImage'])\n      }),\n      PropTypes.shape({\n        ...SetupSlider.propTypes,\n        type: PropTypes.oneOf(['slider'])\n      }),\n      PropTypes.shape({\n        ...SetupSections.propTypes,\n        type: PropTypes.oneOf(['sections'])\n      }),\n      PropTypes.shape({\n        ...InputText.propTypes,\n        type: PropTypes.oneOf(['text']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...BrandDownloadBox.propTypes,\n        type: PropTypes.oneOf(['downloadbox'])\n      }),\n      PropTypes.shape({\n        ...BrandUploadBox.propTypes,\n        type: PropTypes.oneOf(['uploadbox'])\n      }),\n      PropTypes.shape({\n        ...Button.propTypes,\n        type: PropTypes.oneOf(['button'])\n      }),\n      PropTypes.shape({\n        ...ButtonLink.propTypes,\n        buttonType: ButtonLink.propTypes.type,\n        type: PropTypes.oneOf(['buttonLink'])\n      }),\n      PropTypes.shape({\n        ...SelectMultiple.propTypes,\n        type: PropTypes.oneOf(['selectMultiple'])\n      }),\n      PropTypes.shape({\n        ...Roles.propTypes,\n        type: PropTypes.oneOf(['roles'])\n      }),\n      PropTypes.shape(InputText.propTypes),\n      PropTypes.shape({\n        ...TitleAndInput.propTypes,\n        type: PropTypes.oneOf(['titleAndInput'])\n      })\n    ])\n  )\n};\nexport default BrandFormGroup;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,mBAAmB,GAAG;EAC1BC,OAAO,EAAEC,cAAA,CAAMC,YADW;EAE1BC,MAAM,EAAEF,cAAA,CAAMG,WAFY;EAG1BC,KAAK,EAAEJ,cAAA,CAAMK;AAHa,CAA5B;;AAMA,MAAMC,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IAACC;EAAD,IAASD,KAAf;;EAEA,QAAQC,IAAR;IACE,KAAK,cAAL;MACE,oBAAO,6BAAC,qBAAD,EAAkBD,KAAlB,CAAP;;IACF,KAAK,OAAL;MACE,oBAAO,6BAAC,mBAAD,EAAgBA,KAAhB,CAAP;;IACF,KAAK,UAAL;MACE,oBAAO,6BAAC,sBAAD,EAAmBA,KAAnB,CAAP;;IACF,KAAK,QAAL;MACE,oBAAO,6BAAC,oBAAD,EAAiBA,KAAjB,CAAP;;IACF,KAAK,UAAL;MACE,oBAAO,6BAAC,sBAAD,EAAmBA,KAAnB,CAAP;;IACF,KAAK,MAAL;MACE,oBAAO,6BAAC,kBAAD,EAAeA,KAAf,CAAP;;IACF,KAAK,YAAL;MACE,oBAAO,6BAAC,wBAAD,EAAqBA,KAArB,CAAP;;IACF,KAAK,QAAL;MACE,oBAAO,6BAAC,eAAD,eAAYA,KAAZ;QAAmB,KAAK,EAAE;MAA1B,GAAP;;IACF,KAAK,gBAAL;MACE,oBAAO,6BAAC,uBAAD,EAAoBA,KAApB,CAAP;;IACF,KAAK,UAAL;MACE,oBAAO,6BAAC,sBAAD,EAAmBA,KAAnB,CAAP;;IACF,KAAK,OAAL;MACE,oBACE;QAAK,SAAS,EAAEP,cAAA,CAAMS;MAAtB,gBACE,6BAAC,2BAAD,EAAwBF,KAAxB,CADF,CADF;;IAKF,KAAK,YAAL;MACE,oBACE;QAAK,SAAS,EAAEP,cAAA,CAAMU;MAAtB,gBACE,6BAAC,2BAAD,EAAwBH,KAAxB,CADF,CADF;;IAKF,KAAK,QAAL;MACE,oBAAO,6BAAC,oBAAD,EAAiBA,KAAjB,CAAP;;IACF,KAAK,UAAL;MACE,oBAAO,6BAAC,sBAAD,EAAmBA,KAAnB,CAAP;;IACF,KAAK,MAAL;MACE,oBAAO,6BAAC,kBAAD,EAAeA,KAAf,CAAP;;IACF,KAAK,aAAL;MACE,oBAAO,6BAAC,yBAAD,EAAsBA,KAAtB,CAAP;;IACF,KAAK,WAAL;MACE,oBAAO,6BAAC,uBAAD,EAAoBA,KAApB,CAAP;;IACF,KAAK,QAAL;IACA,KAAK,MAAL;MACE,oBAAO,6BAAC,eAAD,EAAYA,KAAZ,CAAP;;IACF,KAAK,YAAL;MACE,oBAAO,6BAAC,mBAAD,eAAgBA,KAAhB;QAAuB,IAAI,EAAEA,KAAK,CAACI;MAAnC,GAAP;;IACF,KAAK,OAAL;MACE,oBAAO,6BAAC,0BAAD,EAAWJ,KAAX,CAAP;;IACF,KAAK,yBAAL;MACE,oBAAO,6BAAC,gCAAD,EAA6BA,KAA7B,CAAP;;IACF,KAAK,eAAL;MACE,oBAAO,6BAAC,sBAAD,EAAmBA,KAAnB,CAAP;;IACF;MACE,oBAAO,6BAAC,kBAAD,EAAeA,KAAf,CAAP;EAvDJ;AAyDD,CA5DD;;AA8DA,MAAMK,UAAU,GAAG,CAACL,KAAD,EAAQM,KAAR,KAAkB;EACnC,MAAMC,KAAK,GAAGR,UAAU,CAACC,KAAD,CAAxB;EACA,MAAM;IAACQ,KAAD;IAAQC,IAAI,GAAG;EAAf,IAA4BT,KAAK,CAACC,IAAN,KAAe,eAAf,GAAiCD,KAAK,CAACA,KAAvC,GAA+CA,KAAjF;EACA,MAAMU,UAAU,GAAGF,KAAK,KAAK,cAAV,GAA2BjB,mBAAmB,CAACkB,IAAD,CAA9C,GAAuDhB,cAAA,CAAMO,KAAhF;EACA,MAAMW,UAAU,GAAGX,KAAK,CAACC,IAAN,KAAe,eAAf,GAAiCR,cAAA,CAAMmB,kBAAvC,GAA4DF,UAA/E;EAEA,oBACE;IAAK,SAAS,EAAEC,UAAhB;IAA4B,GAAG,EAAEL;EAAjC,GACGC,KADH,CADF;AAKD,CAXD;;AAaA,MAAMM,iBAAiB,GAAGC,MAAM,IAAI;EAClC,IAAIA,MAAM,KAAK,MAAf,EAAuB,OAAO,IAAAC,mBAAA,EAAWtB,cAAA,CAAMuB,IAAjB,CAAP,CAAvB,KACK,IAAIF,MAAM,KAAK,YAAf,EAA6B,OAAO,IAAAC,mBAAA,EAAWtB,cAAA,CAAMwB,UAAjB,CAAP,CAA7B,KACA,OAAO,IAAAF,mBAAA,EAAW,IAAX,CAAP;AACN,CAJD;;AAMA,MAAMG,cAAc,GAAGC,KAAK,IAAI;EAC9B,MAAM;IACJC,KADI;IAEJC,QAAQ,GAAG,EAFP;IAGJC,YAAY,GAAG,EAHX;IAIJC,WAAW,GAAG,EAJV;IAKJC,MAAM,GAAG,EALL;IAMJC,YAAY,GAAG;EANX,IAOFN,KAPJ;;EAQA,MAAMO,UAAU,GAAG,cAAIC,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EAA0BvB,UAA1B,EAAsCmB,MAAtC,CAAnB;;EACA,MAAMV,MAAM,GAAG,IAAAe,cAAA,EAAQ,MAAMhB,iBAAiB,CAACS,YAAD,CAA/B,EAA+C,CAACA,YAAD,CAA/C,CAAf;EAEA,oBACE;IACE,aAAY,oBAAmB,yBAAUF,KAAV,CAAiB,EADlD;IAEE,SAAS,EAAE,IAAAL,mBAAA,EAAWtB,cAAA,CAAMqC,OAAjB,EAA0BP,WAAW,KAAK,MAAhB,IAA0B9B,cAAA,CAAMsC,SAA1D;EAFb,gBAIE;IAAK,SAAS,EAAEtC,cAAA,CAAMuC;EAAtB,gBACE,6BAAC,cAAD;IAAO,KAAK,EAAEZ,KAAd;IAAqB,QAAQ,EAAEC,QAA/B;IAAyC,YAAY,EAAEI,YAAvD;IAAqE,IAAI,EAAE;EAA3E,EADF,CAJF,eAOE;IAAK,SAAS,EAAEX;EAAhB,GAAyBY,UAAzB,CAPF,CADF;AAWD,CAvBD;;AAyBAR,cAAc,CAACe,SAAf,2CAA2B;EACzBb,KAAK,EAAEc,kBAAA,CAAUC,MADQ;EAEzBd,QAAQ,EAAEa,kBAAA,CAAUC,MAFK;EAGzBV,YAAY,EAAES,kBAAA,CAAUC,MAHC;EAIzBb,YAAY,EAAEY,kBAAA,CAAUC,MAJC;EAKzBZ,WAAW,EAAEW,kBAAA,CAAUC,MALE;EAMzBX,MAAM,EAAEU,kBAAA,CAAUE,OAAV,CACNF,kBAAA,CAAUG,SAAV,CAAoB,CAClBH,kBAAA,CAAUI,KAAV,cACKC,qBAAA,CAAaN,SADlB;IAEEhC,IAAI,EAAEiC,kBAAA,CAAUM,KAAV,CAAgB,CAAC,cAAD,CAAhB,CAFR;IAGE/B,IAAI,EAAEyB,kBAAA,CAAUM,KAAV,CAAgB,oBAAKjD,mBAAL,CAAhB;EAHR,GADkB,EAMlB2C,kBAAA,CAAUI,KAAV,cACKG,mBAAA,CAAWR,SADhB;IAEEhC,IAAI,EAAEiC,kBAAA,CAAUM,KAAV,CAAgB,CAAC,OAAD,CAAhB;EAFR,GANkB,EAUlBN,kBAAA,CAAUI,KAAV,cACKI,sBAAA,CAAcT,SADnB;IAEEhC,IAAI,EAAEiC,kBAAA,CAAUM,KAAV,CAAgB,CAAC,UAAD,CAAhB;EAFR,GAVkB,EAclBN,kBAAA,CAAUI,KAAV,cACKK,oBAAA,CAAYV,SADjB;IAEEhC,IAAI,EAAEiC,kBAAA,CAAUM,KAAV,CAAgB,CAAC,QAAD,CAAhB;EAFR,GAdkB,EAkBlBN,kBAAA,CAAUI,KAAV,cACKM,sBAAA,CAAcX,SADnB;IAEEhC,IAAI,EAAEiC,kBAAA,CAAUM,KAAV,CAAgB,CAAC,UAAD,CAAhB,CAFR;IAGE/B,IAAI,EAAEyB,kBAAA,CAAUM,KAAV,CAAgB,oBAAKjD,mBAAL,CAAhB;EAHR,GAlBkB,EAuBlB2C,kBAAA,CAAUI,KAAV,cACKO,kBAAA,CAAUZ,SADf;IAEEhC,IAAI,EAAEiC,kBAAA,CAAUM,KAAV,CAAgB,CAAC,MAAD,CAAhB;EAFR,GAvBkB,EA2BlBN,kBAAA,CAAUI,KAAV,cACKQ,wBAAA,CAAgBb,SADrB;IAEEhC,IAAI,EAAEiC,kBAAA,CAAUM,KAAV,CAAgB,CAAC,YAAD,CAAhB;EAFR,GA3BkB,EA+BlBN,kBAAA,CAAUI,KAAV,cACKS,eAAA,CAAOd,SADZ;IAEEhC,IAAI,EAAEiC,kBAAA,CAAUM,KAAV,CAAgB,CAAC,QAAD,CAAhB,CAFR;IAGE/B,IAAI,EAAEyB,kBAAA,CAAUM,KAAV,CAAgB,oBAAKjD,mBAAL,CAAhB;EAHR,GA/BkB,EAoClB2C,kBAAA,CAAUI,KAAV,cACKU,sBAAA,CAAcf,SADnB;IAEEhC,IAAI,EAAEiC,kBAAA,CAAUM,KAAV,CAAgB,CAAC,UAAD,CAAhB;EAFR,GApCkB,EAwClBN,kBAAA,CAAUI,KAAV,cACKW,2BAAA,CAAmBhB,SADxB;IAEEhC,IAAI,EAAEiC,kBAAA,CAAUM,KAAV,CAAgB,CAAC,OAAD,CAAhB;EAFR,GAxCkB,EA4ClBN,kBAAA,CAAUI,KAAV,cACKW,2BAAA,CAAmBhB,SADxB;IAEEhC,IAAI,EAAEiC,kBAAA,CAAUM,KAAV,CAAgB,CAAC,WAAD,CAAhB;EAFR,GA5CkB,EAgDlBN,kBAAA,CAAUI,KAAV,cACKY,oBAAA,CAAYjB,SADjB;IAEEhC,IAAI,EAAEiC,kBAAA,CAAUM,KAAV,CAAgB,CAAC,QAAD,CAAhB;EAFR,GAhDkB,EAoDlBN,kBAAA,CAAUI,KAAV,cACKa,sBAAA,CAAclB,SADnB;IAEEhC,IAAI,EAAEiC,kBAAA,CAAUM,KAAV,CAAgB,CAAC,UAAD,CAAhB;EAFR,GApDkB,EAwDlBN,kBAAA,CAAUI,KAAV,cACKc,kBAAA,CAAUnB,SADf;IAEEhC,IAAI,EAAEiC,kBAAA,CAAUM,KAAV,CAAgB,CAAC,MAAD,CAAhB,CAFR;IAGE/B,IAAI,EAAEyB,kBAAA,CAAUM,KAAV,CAAgB,oBAAKjD,mBAAL,CAAhB;EAHR,GAxDkB,EA6DlB2C,kBAAA,CAAUI,KAAV,cACKe,yBAAA,CAAiBpB,SADtB;IAEEhC,IAAI,EAAEiC,kBAAA,CAAUM,KAAV,CAAgB,CAAC,aAAD,CAAhB;EAFR,GA7DkB,EAiElBN,kBAAA,CAAUI,KAAV,cACKgB,uBAAA,CAAerB,SADpB;IAEEhC,IAAI,EAAEiC,kBAAA,CAAUM,KAAV,CAAgB,CAAC,WAAD,CAAhB;EAFR,GAjEkB,EAqElBN,kBAAA,CAAUI,KAAV,cACKiB,eAAA,CAAOtB,SADZ;IAEEhC,IAAI,EAAEiC,kBAAA,CAAUM,KAAV,CAAgB,CAAC,QAAD,CAAhB;EAFR,GArEkB,EAyElBN,kBAAA,CAAUI,KAAV,cACKkB,mBAAA,CAAWvB,SADhB;IAEE7B,UAAU,EAAEoD,mBAAA,CAAWvB,SAAX,CAAqBhC,IAFnC;IAGEA,IAAI,EAAEiC,kBAAA,CAAUM,KAAV,CAAgB,CAAC,YAAD,CAAhB;EAHR,GAzEkB,EA8ElBN,kBAAA,CAAUI,KAAV,cACKmB,uBAAA,CAAexB,SADpB;IAEEhC,IAAI,EAAEiC,kBAAA,CAAUM,KAAV,CAAgB,CAAC,gBAAD,CAAhB;EAFR,GA9EkB,EAkFlBN,kBAAA,CAAUI,KAAV,cACKoB,0BAAA,CAAMzB,SADX;IAEEhC,IAAI,EAAEiC,kBAAA,CAAUM,KAAV,CAAgB,CAAC,OAAD,CAAhB;EAFR,GAlFkB,EAsFlBN,kBAAA,CAAUI,KAAV,CAAgBc,kBAAA,CAAUnB,SAA1B,CAtFkB,EAuFlBC,kBAAA,CAAUI,KAAV,cACKqB,sBAAA,CAAc1B,SADnB;IAEEhC,IAAI,EAAEiC,kBAAA,CAAUM,KAAV,CAAgB,CAAC,eAAD,CAAhB;EAFR,GAvFkB,CAApB,CADM;AANiB,CAA3B;eAqGetB,c"}

package/lib/molecule/cm-popin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/index.js"],"names":[],"mappings":";AAsBA,kDA6MC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/index.js"],"names":[],"mappings":";AA+BA,kDAwOC"}

package/lib/molecule/cm-popin/index.js

@@ -9,6 +9,10 @@ var _novaIcons = require("@coorpacademy/nova-icons");
 
 var _map = _interopRequireDefault(require("lodash/fp/map"));
 
+var _isEmpty = _interopRequireDefault(require("lodash/fp/isEmpty"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
 
 var _buttonLinkIconOnly = _interopRequireDefault(require("../../atom/button-link-icon-only"));
@@ -19,6 +23,8 @@ var _title = _interopRequireDefault(require("../../atom/title"));
 
 var _cardsGrid = _interopRequireDefault(require("../../organism/cards-grid"));
 
+var _listItems = _interopRequireDefault(require("../../organism/list-items"));
+
 var _style = _interopRequireDefault(require("./style.css"));
 
 var _types = _interopRequireDefault(require("./types"));
@@ -28,7 +34,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const IconType = {
   lockedContent: /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyPadlock, {
     className: _style.default.lockIcon
-  })
+  }),
+  fileZipped: /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.filesListIconContainer
+  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidFilesBasicFileLines, {
+    className: _style.default.filesListIcon
+  }))
 };
 
 const CMPopin = props => {
@@ -68,19 +79,12 @@ const CMPopin = props => {
         backgroundImage
       } = header;
       const TopTitleIcon = IconType[headerIcon];
-
-      if (title) {
-        return /*#__PURE__*/_react.default.createElement("div", {
-          className: _style.default.headerContent
-        }, TopTitleIcon, /*#__PURE__*/_react.default.createElement("div", {
-          className: _style.default.headerTitle
-        }, /*#__PURE__*/_react.default.createElement(_title.default, title)));
-      }
-
-      return /*#__PURE__*/_react.default.createElement("img", {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, title ? /*#__PURE__*/_react.default.createElement("div", {
+        className: _style.default.headerContent
+      }, TopTitleIcon, /*#__PURE__*/_react.default.createElement(_title.default, title)) : null, backgroundImage ? /*#__PURE__*/_react.default.createElement("img", {
         className: _style.default.headerBackground,
         src: backgroundImage
-      });
+      }) : null);
     }
 
     if (mode === 'cookie') return /*#__PURE__*/_react.default.createElement("div", {
@@ -149,15 +153,24 @@ const CMPopin = props => {
       type,
       list
     } = items;
-    return type === 'content' ? /*#__PURE__*/_react.default.createElement(_cardsGrid.default, list) : null;
+    if ((0, _isEmpty.default)(list)) return null;
+    if (type === 'content') return /*#__PURE__*/_react.default.createElement("div", {
+      className: _style.default.itemsContainer,
+      "data-name": 'cm-popin-cards'
+    }, /*#__PURE__*/_react.default.createElement(_cardsGrid.default, list));
+    if (type === 'list') return /*#__PURE__*/_react.default.createElement("div", {
+      className: _style.default.filesListContainer
+    }, /*#__PURE__*/_react.default.createElement(_listItems.default, list));
+    return null;
   };
 
+  const wrapperPopinStyle = (0, _classnames.default)(mode === 'cookie' && _style.default.popinCookie, mode === 'list' && _style.default.popinFilesList, _style.default.popin);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: mode !== 'cookie' ? _style.default.background : null,
     style: backgroundImageStyle,
     "data-name": 'cm-popin-container'
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: mode === 'cookie' ? _style.default.popinCookie : _style.default.popin
+    className: wrapperPopinStyle
   }, /*#__PURE__*/_react.default.createElement("header", {
     className: _style.default.popinHeader
   }, renderHeader(), onClose ? /*#__PURE__*/_react.default.createElement(_buttonLinkIconOnly.default, {
@@ -166,7 +179,7 @@ const CMPopin = props => {
     "aria-label": 'close-icon',
     size: "small",
     icon: "close"
-  }) : null), mode !== 'items' ? /*#__PURE__*/_react.default.createElement("div", {
+  }) : null), mode !== 'items' && mode !== 'list' ? /*#__PURE__*/_react.default.createElement("div", {
     className: mode === 'cookie' || mode === 'information' ? _style.default.cookieTitleContainer : _style.default.titleContainer
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.contentSection
@@ -187,10 +200,7 @@ const CMPopin = props => {
     }
   }) : null) : null, descriptionBtnTxt ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.descriptionBtn
-  }, descriptionBtnTxt) : null, items ? /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.itemsContainer,
-    "data-name": 'cm-popin-cards'
-  }, renderItems()) : null, renderBtnSwitch(), firstButton || secondButton || thirdButton ? /*#__PURE__*/_react.default.createElement("div", {
+  }, descriptionBtnTxt) : null, !(0, _isEmpty.default)(items) ? renderItems() : null, renderBtnSwitch(), firstButton || secondButton || thirdButton ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.buttonContainer
   }, firstButton ? /*#__PURE__*/_react.default.createElement("div", {
     className: firstButton.largeButton ? _style.default.largeButton : _style.default.button