@coorpacademy/components 11.19.1-alpha.4 → 11.19.1

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/title/style.css

@@ -58,7 +58,7 @@
 
 .smallSubtitleFormGroup{
     composes: subtitleFormGroup;
-    max-width: 455px;
+    max-width: 450px
 }
 
 .smallSubtitleFormGroupWithoutMargin{

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":"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"}

package/lib/molecule/card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/card/index.js"],"names":[],"mappings":";;;;;AA2PA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BE;;;AAlKF,uDA8HG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/card/index.js"],"names":[],"mappings":";;;;;AAuPA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BE;;;AA9JF,uDA0HG"}

package/lib/molecule/card/index.js

@@ -182,12 +182,8 @@ const Card = /*#__PURE__*/(0, _react.memo)(function Card(props, context) {
     className: _style.default.lockIcon,
     height: 48
   }), /*#__PURE__*/_react.default.createElement("span", {
-    "aria-label": disabledArialabel // eslint-disable-next-line react/no-danger
-    ,
-    dangerouslySetInnerHTML: {
-      __html: disabledContent
-    }
-  })) : null;
+    "aria-label": disabledArialabel
+  }, disabledContent)) : null;
   const inlineBadgeStyle = {
     color: primaryColor
   };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["THEMES","default","coorpmanager","style","CardBackground","type","image","empty","ariaLabel","skin","externalContent","isExternalContent","primaryColor","whiteColor","EXTERNAL_CONTENT_ICONS","IconType","icon","iconColor","color","backgroundIcon","externalIconCircleWrapper","externalIcon","_backgroundIcon","classnames","externalIconCircleWithImageWrapper","backgroundColor","externalIconWithImage","imageWrapper","backgroundImage","externalContentHeader","externalBackground","emptyIcon","chapterImageWrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","bool","Card","memo","props","context","badge","adaptiv","disabled","hidden","title","author","customer","certifiedAuthor","progress","favorite","addFavoriteToolTip","removeFavoriteToolTip","onClick","onFavoriteClick","isSelected","notification","badgeCategory","badgeLabel","theme","disabledContent","cardArialabel","backgroundAriaLabel","favoriteAriaLabel","selectableAriaLabel","customerAriaLabel","badgeAriaLabel","disabledArialabel","cardContentLabelAriaLabel","cardStyle","chapter","course","lazy","grid","handleClick","useMemo","e","lock","lockContent","lockIcon","__html","inlineBadgeStyle","getType","contentType","MODES","CARD","lockWrapper","cardPropTypes","shape","Customer","number","func","Notification","CardContentInfo","oneOf","Favorite","Selectable"],"sources":["../../../src/molecule/card/index.js"],"sourcesContent":["import React, {useMemo, memo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isEmpty, isUndefined, pick, keys} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyPadlock as LockIcon,\n  NovaCompositionCoorpacademyPictures as PicturesIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport CardContentInfo, {MODES} from '../card-content';\nimport Customer from './customer';\nimport Favorite from './favorite';\nimport Selectable from './selectable';\nimport Notification from './notification';\nimport style from './style.css';\n\nexport const THEMES = {\n  default: null,\n  coorpmanager: style.coorpmanager\n};\n\nconst CardBackground = ({type, image, empty, 'aria-label': ariaLabel}, {skin}) => {\n  const externalContent = isExternalContent(type);\n  const primaryColor = get('common.primary', skin);\n  const whiteColor = get('common.white', skin);\n\n  if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {\n    const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n    const iconColor = EXTERNAL_CONTENT_ICONS[type].color;\n    const backgroundIcon = (\n      <div className={style.externalIconCircleWrapper}>\n        <IconType className={style.externalIcon} />\n      </div>\n    );\n\n    if (image) {\n      const _backgroundIcon = (\n        <div\n          className={classnames(\n            style.externalIconCircleWrapper,\n            style.externalIconCircleWithImageWrapper\n          )}\n          style={{\n            backgroundColor: iconColor\n          }}\n        >\n          <IconType className={style.externalIconWithImage} />\n        </div>\n      );\n\n      return (\n        <div className={style.imageWrapper}>\n          <div\n            data-name=\"cover\"\n            aria-label={ariaLabel}\n            style={{\n              backgroundColor: iconColor,\n              backgroundImage: `url('${image}')`\n            }}\n            className={classnames(style.externalContentHeader, style.externalBackground)}\n          >\n            {_backgroundIcon}\n          </div>\n        </div>\n      );\n    }\n    return (\n      <div className={style.imageWrapper}>\n        <div\n          data-name=\"cover\"\n          aria-label={ariaLabel}\n          style={{\n            backgroundColor: iconColor\n          }}\n          className={style.externalContentHeader}\n        >\n          {backgroundIcon}\n        </div>\n      </div>\n    );\n  }\n\n  const emptyIcon = empty ? (\n    <PicturesIcon className={style.emptyIcon} style={{color: whiteColor}} />\n  ) : null;\n  return (\n    <div\n      className={classnames(\n        style.imageWrapper,\n        type === 'chapter' ? style.chapterImageWrapper : null\n      )}\n    >\n      <div\n        data-name=\"cover\"\n        aria-label={ariaLabel}\n        className={style.image}\n        style={{\n          backgroundColor: primaryColor,\n          backgroundImage: image ? `url('${image}')` : 'none'\n        }}\n      >\n        {emptyIcon}\n      </div>\n    </div>\n  );\n};\n\nCardBackground.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nCardBackground.propTypes = {\n  type: PropTypes.string,\n  image: PropTypes.string,\n  empty: PropTypes.bool,\n  'aria-label': PropTypes.string\n};\n\nconst Card = memo(function Card(props, context) {\n  const {skin} = context;\n  const {\n    image,\n    badge,\n    adaptiv,\n    disabled: hidden = false,\n    type = 'course',\n    title,\n    author,\n    customer,\n    certifiedAuthor,\n    progress,\n    favorite,\n    addFavoriteToolTip,\n    removeFavoriteToolTip,\n    onClick,\n    onFavoriteClick,\n    isSelected,\n    notification,\n    badgeCategory,\n    badgeLabel,\n    theme = 'default',\n    disabledContent,\n    'aria-label': cardArialabel,\n    'background-aria-label': backgroundAriaLabel,\n    'favorite-aria-label': favoriteAriaLabel,\n    'selectable-aria-label': selectableAriaLabel,\n    'customer-aria-label': customerAriaLabel,\n    'badge-aria-label': badgeAriaLabel,\n    'disabled-aria-label': disabledArialabel,\n    'card-content-aria-label': cardContentLabelAriaLabel\n  } = props;\n  const empty = isEmpty(pick(['title', 'type', 'author', 'image'], props));\n  const primaryColor = get('common.primary', skin);\n  const cardStyle = classnames(\n    THEMES[theme],\n    type === 'chapter' ? style.chapter : style.course,\n    title ? null : style.lazy,\n    style.grid,\n    empty ? style.empty : null\n  );\n  const disabled = hidden && (!isSelected || isUndefined(isSelected));\n  const handleClick = useMemo(() => e => onClick(e), [onClick]);\n  const lock = disabled ? (\n    <div className={style.lockContent}>\n      <LockIcon className={style.lockIcon} height={48} />\n      <span\n        aria-label={disabledArialabel}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: disabledContent}}\n      />\n    </div>\n  ) : null;\n  const inlineBadgeStyle = {color: primaryColor};\n  const getType = contentType => {\n    switch (contentType) {\n      case 'chapter':\n        return 'microlearning';\n      case 'course':\n        return 'learner';\n      default:\n        return contentType;\n    }\n  };\n\n  return (\n    <div\n      className={cardStyle}\n      data-name=\"card\"\n      data-lock={disabled}\n      data-type={getType(type)}\n      disabled={disabled}\n      onClick={handleClick}\n      aria-label={cardArialabel}\n    >\n      <CardBackground type={type} image={image} empty={empty} aria-label={backgroundAriaLabel} />\n      {isUndefined(isSelected) && !isUndefined(favorite) ? (\n        <Favorite\n          className={style.favorite}\n          favorite={favorite}\n          disabled={disabled}\n          onFavoriteClick={onFavoriteClick}\n          addFavoriteToolTip={addFavoriteToolTip}\n          removeFavoriteToolTip={removeFavoriteToolTip}\n          aria-label={favoriteAriaLabel}\n        />\n      ) : null}\n      <Selectable isSelected={isSelected} hidden={hidden} aria-label={selectableAriaLabel} />\n      {notification ? <Notification {...notification} /> : null}\n      {customer ? (\n        <Customer\n          {...customer}\n          theme={theme}\n          type={type}\n          disabled={disabled}\n          aria-label={customerAriaLabel}\n        />\n      ) : null}\n      <CardContentInfo\n        mode={MODES.CARD}\n        adaptiv={adaptiv}\n        author={author}\n        certifiedAuthor={certifiedAuthor}\n        disabled={disabled}\n        empty={empty}\n        progress={progress}\n        title={title}\n        type={type}\n        badgeCategory={badgeCategory}\n        badgeLabel={badgeLabel}\n        theme={theme}\n        aria-label={cardContentLabelAriaLabel}\n      />\n      {badge ? (\n        <div className={style.badge} style={inlineBadgeStyle} aria-label={badgeAriaLabel}>\n          {badge}\n        </div>\n      ) : null}\n      {disabled ? (\n        <div className={style.lockWrapper} aria-label={disabledArialabel}>\n          {lock}\n        </div>\n      ) : null}\n    </div>\n  );\n});\n\nCard.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport const cardPropTypes = {\n  badge: PropTypes.string,\n  image: PropTypes.string,\n  disabled: PropTypes.bool,\n  adaptiv: PropTypes.bool,\n  type: PropTypes.string,\n  title: PropTypes.string,\n  author: PropTypes.string,\n  certifiedAuthor: PropTypes.bool,\n  customer: PropTypes.shape(Customer.propTypes),\n  progress: PropTypes.number,\n  favorite: PropTypes.bool,\n  addFavoriteToolTip: PropTypes.string,\n  removeFavoriteToolTip: PropTypes.string,\n  onClick: PropTypes.func,\n  onFavoriteClick: PropTypes.func,\n  isSelected: PropTypes.bool,\n  notification: PropTypes.shape(Notification.propTypes),\n  badgeCategory: CardContentInfo.propTypes.badgeCategory,\n  badgeLabel: CardContentInfo.propTypes.badgeLabel,\n  theme: PropTypes.oneOf(keys(THEMES)),\n  disabledContent: PropTypes.string,\n  'aria-label': PropTypes.string,\n  'background-aria-label': PropTypes.string,\n  'favorite-aria-label': Favorite.propTypes['aria-label'],\n  'selectable-aria-label': Selectable.propTypes['aria-label'],\n  'customer-aria-label': Customer.propTypes['aria-label'],\n  'badge-aria-label': PropTypes.string,\n  'disabled-aria-label': PropTypes.string,\n  'card-content-aria-label': CardContentInfo.propTypes['aria-label']\n};\n\nCard.propTypes = cardPropTypes;\n\nexport default Card;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["THEMES","default","coorpmanager","style","CardBackground","type","image","empty","ariaLabel","skin","externalContent","isExternalContent","primaryColor","whiteColor","EXTERNAL_CONTENT_ICONS","IconType","icon","iconColor","color","backgroundIcon","externalIconCircleWrapper","externalIcon","_backgroundIcon","classnames","externalIconCircleWithImageWrapper","backgroundColor","externalIconWithImage","imageWrapper","backgroundImage","externalContentHeader","externalBackground","emptyIcon","chapterImageWrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","bool","Card","memo","props","context","badge","adaptiv","disabled","hidden","title","author","customer","certifiedAuthor","progress","favorite","addFavoriteToolTip","removeFavoriteToolTip","onClick","onFavoriteClick","isSelected","notification","badgeCategory","badgeLabel","theme","disabledContent","cardArialabel","backgroundAriaLabel","favoriteAriaLabel","selectableAriaLabel","customerAriaLabel","badgeAriaLabel","disabledArialabel","cardContentLabelAriaLabel","cardStyle","chapter","course","lazy","grid","handleClick","useMemo","e","lock","lockContent","lockIcon","inlineBadgeStyle","getType","contentType","MODES","CARD","lockWrapper","cardPropTypes","shape","Customer","number","func","Notification","CardContentInfo","oneOf","Favorite","Selectable"],"sources":["../../../src/molecule/card/index.js"],"sourcesContent":["import React, {useMemo, memo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isEmpty, isUndefined, pick, keys} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyPadlock as LockIcon,\n  NovaCompositionCoorpacademyPictures as PicturesIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport CardContentInfo, {MODES} from '../card-content';\nimport Customer from './customer';\nimport Favorite from './favorite';\nimport Selectable from './selectable';\nimport Notification from './notification';\nimport style from './style.css';\n\nexport const THEMES = {\n  default: null,\n  coorpmanager: style.coorpmanager\n};\n\nconst CardBackground = ({type, image, empty, 'aria-label': ariaLabel}, {skin}) => {\n  const externalContent = isExternalContent(type);\n  const primaryColor = get('common.primary', skin);\n  const whiteColor = get('common.white', skin);\n\n  if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {\n    const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n    const iconColor = EXTERNAL_CONTENT_ICONS[type].color;\n    const backgroundIcon = (\n      <div className={style.externalIconCircleWrapper}>\n        <IconType className={style.externalIcon} />\n      </div>\n    );\n\n    if (image) {\n      const _backgroundIcon = (\n        <div\n          className={classnames(\n            style.externalIconCircleWrapper,\n            style.externalIconCircleWithImageWrapper\n          )}\n          style={{\n            backgroundColor: iconColor\n          }}\n        >\n          <IconType className={style.externalIconWithImage} />\n        </div>\n      );\n\n      return (\n        <div className={style.imageWrapper}>\n          <div\n            data-name=\"cover\"\n            aria-label={ariaLabel}\n            style={{\n              backgroundColor: iconColor,\n              backgroundImage: `url('${image}')`\n            }}\n            className={classnames(style.externalContentHeader, style.externalBackground)}\n          >\n            {_backgroundIcon}\n          </div>\n        </div>\n      );\n    }\n    return (\n      <div className={style.imageWrapper}>\n        <div\n          data-name=\"cover\"\n          aria-label={ariaLabel}\n          style={{\n            backgroundColor: iconColor\n          }}\n          className={style.externalContentHeader}\n        >\n          {backgroundIcon}\n        </div>\n      </div>\n    );\n  }\n\n  const emptyIcon = empty ? (\n    <PicturesIcon className={style.emptyIcon} style={{color: whiteColor}} />\n  ) : null;\n  return (\n    <div\n      className={classnames(\n        style.imageWrapper,\n        type === 'chapter' ? style.chapterImageWrapper : null\n      )}\n    >\n      <div\n        data-name=\"cover\"\n        aria-label={ariaLabel}\n        className={style.image}\n        style={{\n          backgroundColor: primaryColor,\n          backgroundImage: image ? `url('${image}')` : 'none'\n        }}\n      >\n        {emptyIcon}\n      </div>\n    </div>\n  );\n};\n\nCardBackground.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nCardBackground.propTypes = {\n  type: PropTypes.string,\n  image: PropTypes.string,\n  empty: PropTypes.bool,\n  'aria-label': PropTypes.string\n};\n\nconst Card = memo(function Card(props, context) {\n  const {skin} = context;\n  const {\n    image,\n    badge,\n    adaptiv,\n    disabled: hidden = false,\n    type = 'course',\n    title,\n    author,\n    customer,\n    certifiedAuthor,\n    progress,\n    favorite,\n    addFavoriteToolTip,\n    removeFavoriteToolTip,\n    onClick,\n    onFavoriteClick,\n    isSelected,\n    notification,\n    badgeCategory,\n    badgeLabel,\n    theme = 'default',\n    disabledContent,\n    'aria-label': cardArialabel,\n    'background-aria-label': backgroundAriaLabel,\n    'favorite-aria-label': favoriteAriaLabel,\n    'selectable-aria-label': selectableAriaLabel,\n    'customer-aria-label': customerAriaLabel,\n    'badge-aria-label': badgeAriaLabel,\n    'disabled-aria-label': disabledArialabel,\n    'card-content-aria-label': cardContentLabelAriaLabel\n  } = props;\n  const empty = isEmpty(pick(['title', 'type', 'author', 'image'], props));\n  const primaryColor = get('common.primary', skin);\n  const cardStyle = classnames(\n    THEMES[theme],\n    type === 'chapter' ? style.chapter : style.course,\n    title ? null : style.lazy,\n    style.grid,\n    empty ? style.empty : null\n  );\n  const disabled = hidden && (!isSelected || isUndefined(isSelected));\n  const handleClick = useMemo(() => e => onClick(e), [onClick]);\n  const lock = disabled ? (\n    <div className={style.lockContent}>\n      <LockIcon className={style.lockIcon} height={48} />\n      <span aria-label={disabledArialabel}>{disabledContent}</span>\n    </div>\n  ) : null;\n  const inlineBadgeStyle = {color: primaryColor};\n  const getType = contentType => {\n    switch (contentType) {\n      case 'chapter':\n        return 'microlearning';\n      case 'course':\n        return 'learner';\n      default:\n        return contentType;\n    }\n  };\n\n  return (\n    <div\n      className={cardStyle}\n      data-name=\"card\"\n      data-lock={disabled}\n      data-type={getType(type)}\n      disabled={disabled}\n      onClick={handleClick}\n      aria-label={cardArialabel}\n    >\n      <CardBackground type={type} image={image} empty={empty} aria-label={backgroundAriaLabel} />\n      {isUndefined(isSelected) && !isUndefined(favorite) ? (\n        <Favorite\n          className={style.favorite}\n          favorite={favorite}\n          disabled={disabled}\n          onFavoriteClick={onFavoriteClick}\n          addFavoriteToolTip={addFavoriteToolTip}\n          removeFavoriteToolTip={removeFavoriteToolTip}\n          aria-label={favoriteAriaLabel}\n        />\n      ) : null}\n      <Selectable isSelected={isSelected} hidden={hidden} aria-label={selectableAriaLabel} />\n      {notification ? <Notification {...notification} /> : null}\n      {customer ? (\n        <Customer\n          {...customer}\n          theme={theme}\n          type={type}\n          disabled={disabled}\n          aria-label={customerAriaLabel}\n        />\n      ) : null}\n      <CardContentInfo\n        mode={MODES.CARD}\n        adaptiv={adaptiv}\n        author={author}\n        certifiedAuthor={certifiedAuthor}\n        disabled={disabled}\n        empty={empty}\n        progress={progress}\n        title={title}\n        type={type}\n        badgeCategory={badgeCategory}\n        badgeLabel={badgeLabel}\n        theme={theme}\n        aria-label={cardContentLabelAriaLabel}\n      />\n      {badge ? (\n        <div className={style.badge} style={inlineBadgeStyle} aria-label={badgeAriaLabel}>\n          {badge}\n        </div>\n      ) : null}\n      {disabled ? (\n        <div className={style.lockWrapper} aria-label={disabledArialabel}>\n          {lock}\n        </div>\n      ) : null}\n    </div>\n  );\n});\n\nCard.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport const cardPropTypes = {\n  badge: PropTypes.string,\n  image: PropTypes.string,\n  disabled: PropTypes.bool,\n  adaptiv: PropTypes.bool,\n  type: PropTypes.string,\n  title: PropTypes.string,\n  author: PropTypes.string,\n  certifiedAuthor: PropTypes.bool,\n  customer: PropTypes.shape(Customer.propTypes),\n  progress: PropTypes.number,\n  favorite: PropTypes.bool,\n  addFavoriteToolTip: PropTypes.string,\n  removeFavoriteToolTip: PropTypes.string,\n  onClick: PropTypes.func,\n  onFavoriteClick: PropTypes.func,\n  isSelected: PropTypes.bool,\n  notification: PropTypes.shape(Notification.propTypes),\n  badgeCategory: CardContentInfo.propTypes.badgeCategory,\n  badgeLabel: CardContentInfo.propTypes.badgeLabel,\n  theme: PropTypes.oneOf(keys(THEMES)),\n  disabledContent: PropTypes.string,\n  'aria-label': PropTypes.string,\n  'background-aria-label': PropTypes.string,\n  'favorite-aria-label': Favorite.propTypes['aria-label'],\n  'selectable-aria-label': Selectable.propTypes['aria-label'],\n  'customer-aria-label': Customer.propTypes['aria-label'],\n  'badge-aria-label': PropTypes.string,\n  'disabled-aria-label': PropTypes.string,\n  'card-content-aria-label': CardContentInfo.propTypes['aria-label']\n};\n\nCard.propTypes = cardPropTypes;\n\nexport default Card;\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAIA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEO,MAAMA,MAAM,GAAG;EACpBC,OAAO,EAAE,IADW;EAEpBC,YAAY,EAAEC,cAAA,CAAMD;AAFA,CAAf;;;AAKP,MAAME,cAAc,GAAG,CAAC;EAACC,IAAD;EAAOC,KAAP;EAAcC,KAAd;EAAqB,cAAcC;AAAnC,CAAD,EAAgD;EAACC;AAAD,CAAhD,KAA2D;EAChF,MAAMC,eAAe,GAAG,IAAAC,kCAAA,EAAkBN,IAAlB,CAAxB;EACA,MAAMO,YAAY,GAAG,mBAAI,gBAAJ,EAAsBH,IAAtB,CAArB;EACA,MAAMI,UAAU,GAAG,mBAAI,cAAJ,EAAoBJ,IAApB,CAAnB;;EAEA,IAAIC,eAAe,IAAII,uCAAA,CAAuBT,IAAvB,CAAvB,EAAqD;IACnD,MAAMU,QAAQ,GAAGD,uCAAA,CAAuBT,IAAvB,EAA6BW,IAA9C;IACA,MAAMC,SAAS,GAAGH,uCAAA,CAAuBT,IAAvB,EAA6Ba,KAA/C;;IACA,MAAMC,cAAc,gBAClB;MAAK,SAAS,EAAEhB,cAAA,CAAMiB;IAAtB,gBACE,6BAAC,QAAD;MAAU,SAAS,EAAEjB,cAAA,CAAMkB;IAA3B,EADF,CADF;;IAMA,IAAIf,KAAJ,EAAW;MACT,MAAMgB,eAAe,gBACnB;QACE,SAAS,EAAE,IAAAC,mBAAA,EACTpB,cAAA,CAAMiB,yBADG,EAETjB,cAAA,CAAMqB,kCAFG,CADb;QAKE,KAAK,EAAE;UACLC,eAAe,EAAER;QADZ;MALT,gBASE,6BAAC,QAAD;QAAU,SAAS,EAAEd,cAAA,CAAMuB;MAA3B,EATF,CADF;;MAcA,oBACE;QAAK,SAAS,EAAEvB,cAAA,CAAMwB;MAAtB,gBACE;QACE,aAAU,OADZ;QAEE,cAAYnB,SAFd;QAGE,KAAK,EAAE;UACLiB,eAAe,EAAER,SADZ;UAELW,eAAe,EAAG,QAAOtB,KAAM;QAF1B,CAHT;QAOE,SAAS,EAAE,IAAAiB,mBAAA,EAAWpB,cAAA,CAAM0B,qBAAjB,EAAwC1B,cAAA,CAAM2B,kBAA9C;MAPb,GASGR,eATH,CADF,CADF;IAeD;;IACD,oBACE;MAAK,SAAS,EAAEnB,cAAA,CAAMwB;IAAtB,gBACE;MACE,aAAU,OADZ;MAEE,cAAYnB,SAFd;MAGE,KAAK,EAAE;QACLiB,eAAe,EAAER;MADZ,CAHT;MAME,SAAS,EAAEd,cAAA,CAAM0B;IANnB,GAQGV,cARH,CADF,CADF;EAcD;;EAED,MAAMY,SAAS,GAAGxB,KAAK,gBACrB,6BAAC,8CAAD;IAAc,SAAS,EAAEJ,cAAA,CAAM4B,SAA/B;IAA0C,KAAK,EAAE;MAACb,KAAK,EAAEL;IAAR;EAAjD,EADqB,GAEnB,IAFJ;EAGA,oBACE;IACE,SAAS,EAAE,IAAAU,mBAAA,EACTpB,cAAA,CAAMwB,YADG,EAETtB,IAAI,KAAK,SAAT,GAAqBF,cAAA,CAAM6B,mBAA3B,GAAiD,IAFxC;EADb,gBAME;IACE,aAAU,OADZ;IAEE,cAAYxB,SAFd;IAGE,SAAS,EAAEL,cAAA,CAAMG,KAHnB;IAIE,KAAK,EAAE;MACLmB,eAAe,EAAEb,YADZ;MAELgB,eAAe,EAAEtB,KAAK,GAAI,QAAOA,KAAM,IAAjB,GAAuB;IAFxC;EAJT,GASGyB,SATH,CANF,CADF;AAoBD,CApFD;;AAsFA3B,cAAc,CAAC6B,YAAf,GAA8B;EAC5BxB,IAAI,EAAEyB,iBAAA,CAASC,iBAAT,CAA2B1B;AADL,CAA9B;AAIAL,cAAc,CAACgC,SAAf,2CAA2B;EACzB/B,IAAI,EAAEgC,kBAAA,CAAUC,MADS;EAEzBhC,KAAK,EAAE+B,kBAAA,CAAUC,MAFQ;EAGzB/B,KAAK,EAAE8B,kBAAA,CAAUE,IAHQ;EAIzB,cAAcF,kBAAA,CAAUC;AAJC,CAA3B;AAOA,MAAME,IAAI,gBAAG,IAAAC,WAAA,EAAK,SAASD,IAAT,CAAcE,KAAd,EAAqBC,OAArB,EAA8B;EAC9C,MAAM;IAAClC;EAAD,IAASkC,OAAf;EACA,MAAM;IACJrC,KADI;IAEJsC,KAFI;IAGJC,OAHI;IAIJC,QAAQ,EAAEC,MAAM,GAAG,KAJf;IAKJ1C,IAAI,GAAG,QALH;IAMJ2C,KANI;IAOJC,MAPI;IAQJC,QARI;IASJC,eATI;IAUJC,QAVI;IAWJC,QAXI;IAYJC,kBAZI;IAaJC,qBAbI;IAcJC,OAdI;IAeJC,eAfI;IAgBJC,UAhBI;IAiBJC,YAjBI;IAkBJC,aAlBI;IAmBJC,UAnBI;IAoBJC,KAAK,GAAG,SApBJ;IAqBJC,eArBI;IAsBJ,cAAcC,aAtBV;IAuBJ,yBAAyBC,mBAvBrB;IAwBJ,uBAAuBC,iBAxBnB;IAyBJ,yBAAyBC,mBAzBrB;IA0BJ,uBAAuBC,iBA1BnB;IA2BJ,oBAAoBC,cA3BhB;IA4BJ,uBAAuBC,iBA5BnB;IA6BJ,2BAA2BC;EA7BvB,IA8BF7B,KA9BJ;EA+BA,MAAMnC,KAAK,GAAG,uBAAQ,oBAAK,CAAC,OAAD,EAAU,MAAV,EAAkB,QAAlB,EAA4B,OAA5B,CAAL,EAA2CmC,KAA3C,CAAR,CAAd;EACA,MAAM9B,YAAY,GAAG,mBAAI,gBAAJ,EAAsBH,IAAtB,CAArB;EACA,MAAM+D,SAAS,GAAG,IAAAjD,mBAAA,EAChBvB,MAAM,CAAC8D,KAAD,CADU,EAEhBzD,IAAI,KAAK,SAAT,GAAqBF,cAAA,CAAMsE,OAA3B,GAAqCtE,cAAA,CAAMuE,MAF3B,EAGhB1B,KAAK,GAAG,IAAH,GAAU7C,cAAA,CAAMwE,IAHL,EAIhBxE,cAAA,CAAMyE,IAJU,EAKhBrE,KAAK,GAAGJ,cAAA,CAAMI,KAAT,GAAiB,IALN,CAAlB;EAOA,MAAMuC,QAAQ,GAAGC,MAAM,KAAK,CAACW,UAAD,IAAe,2BAAYA,UAAZ,CAApB,CAAvB;EACA,MAAMmB,WAAW,GAAG,IAAAC,cAAA,EAAQ,MAAMC,CAAC,IAAIvB,OAAO,CAACuB,CAAD,CAA1B,EAA+B,CAACvB,OAAD,CAA/B,CAApB;EACA,MAAMwB,IAAI,GAAGlC,QAAQ,gBACnB;IAAK,SAAS,EAAE3C,cAAA,CAAM8E;EAAtB,gBACE,6BAAC,6CAAD;IAAU,SAAS,EAAE9E,cAAA,CAAM+E,QAA3B;IAAqC,MAAM,EAAE;EAA7C,EADF,eAEE;IAAM,cAAYZ;EAAlB,GAAsCP,eAAtC,CAFF,CADmB,GAKjB,IALJ;EAMA,MAAMoB,gBAAgB,GAAG;IAACjE,KAAK,EAAEN;EAAR,CAAzB;;EACA,MAAMwE,OAAO,GAAGC,WAAW,IAAI;IAC7B,QAAQA,WAAR;MACE,KAAK,SAAL;QACE,OAAO,eAAP;;MACF,KAAK,QAAL;QACE,OAAO,SAAP;;MACF;QACE,OAAOA,WAAP;IANJ;EAQD,CATD;;EAWA,oBACE;IACE,SAAS,EAAEb,SADb;IAEE,aAAU,MAFZ;IAGE,aAAW1B,QAHb;IAIE,aAAWsC,OAAO,CAAC/E,IAAD,CAJpB;IAKE,QAAQ,EAAEyC,QALZ;IAME,OAAO,EAAE+B,WANX;IAOE,cAAYb;EAPd,gBASE,6BAAC,cAAD;IAAgB,IAAI,EAAE3D,IAAtB;IAA4B,KAAK,EAAEC,KAAnC;IAA0C,KAAK,EAAEC,KAAjD;IAAwD,cAAY0D;EAApE,EATF,EAUG,2BAAYP,UAAZ,KAA2B,CAAC,2BAAYL,QAAZ,CAA5B,gBACC,6BAAC,iBAAD;IACE,SAAS,EAAElD,cAAA,CAAMkD,QADnB;IAEE,QAAQ,EAAEA,QAFZ;IAGE,QAAQ,EAAEP,QAHZ;IAIE,eAAe,EAAEW,eAJnB;IAKE,kBAAkB,EAAEH,kBALtB;IAME,qBAAqB,EAAEC,qBANzB;IAOE,cAAYW;EAPd,EADD,GAUG,IApBN,eAqBE,6BAAC,mBAAD;IAAY,UAAU,EAAER,UAAxB;IAAoC,MAAM,EAAEX,MAA5C;IAAoD,cAAYoB;EAAhE,EArBF,EAsBGR,YAAY,gBAAG,6BAAC,qBAAD,EAAkBA,YAAlB,CAAH,GAAwC,IAtBvD,EAuBGT,QAAQ,gBACP,6BAAC,iBAAD,eACMA,QADN;IAEE,KAAK,EAAEY,KAFT;IAGE,IAAI,EAAEzD,IAHR;IAIE,QAAQ,EAAEyC,QAJZ;IAKE,cAAYsB;EALd,GADO,GAQL,IA/BN,eAgCE,6BAAC,oBAAD;IACE,IAAI,EAAEkB,kBAAA,CAAMC,IADd;IAEE,OAAO,EAAE1C,OAFX;IAGE,MAAM,EAAEI,MAHV;IAIE,eAAe,EAAEE,eAJnB;IAKE,QAAQ,EAAEL,QALZ;IAME,KAAK,EAAEvC,KANT;IAOE,QAAQ,EAAE6C,QAPZ;IAQE,KAAK,EAAEJ,KART;IASE,IAAI,EAAE3C,IATR;IAUE,aAAa,EAAEuD,aAVjB;IAWE,UAAU,EAAEC,UAXd;IAYE,KAAK,EAAEC,KAZT;IAaE,cAAYS;EAbd,EAhCF,EA+CG3B,KAAK,gBACJ;IAAK,SAAS,EAAEzC,cAAA,CAAMyC,KAAtB;IAA6B,KAAK,EAAEuC,gBAApC;IAAsD,cAAYd;EAAlE,GACGzB,KADH,CADI,GAIF,IAnDN,EAoDGE,QAAQ,gBACP;IAAK,SAAS,EAAE3C,cAAA,CAAMqF,WAAtB;IAAmC,cAAYlB;EAA/C,GACGU,IADH,CADO,GAIL,IAxDN,CADF;AA4DD,CA1HY,CAAb;AA4HAxC,IAAI,CAACP,YAAL,GAAoB;EAClBxB,IAAI,EAAEyB,iBAAA,CAASC,iBAAT,CAA2B1B;AADf,CAApB;AAIO,MAAMgF,aAAa,GAAG;EAC3B7C,KAAK,EAAEP,kBAAA,CAAUC,MADU;EAE3BhC,KAAK,EAAE+B,kBAAA,CAAUC,MAFU;EAG3BQ,QAAQ,EAAET,kBAAA,CAAUE,IAHO;EAI3BM,OAAO,EAAER,kBAAA,CAAUE,IAJQ;EAK3BlC,IAAI,EAAEgC,kBAAA,CAAUC,MALW;EAM3BU,KAAK,EAAEX,kBAAA,CAAUC,MANU;EAO3BW,MAAM,EAAEZ,kBAAA,CAAUC,MAPS;EAQ3Ba,eAAe,EAAEd,kBAAA,CAAUE,IARA;EAS3BW,QAAQ,EAAEb,kBAAA,CAAUqD,KAAV,CAAgBC,iBAAA,CAASvD,SAAzB,CATiB;EAU3BgB,QAAQ,EAAEf,kBAAA,CAAUuD,MAVO;EAW3BvC,QAAQ,EAAEhB,kBAAA,CAAUE,IAXO;EAY3Be,kBAAkB,EAAEjB,kBAAA,CAAUC,MAZH;EAa3BiB,qBAAqB,EAAElB,kBAAA,CAAUC,MAbN;EAc3BkB,OAAO,EAAEnB,kBAAA,CAAUwD,IAdQ;EAe3BpC,eAAe,EAAEpB,kBAAA,CAAUwD,IAfA;EAgB3BnC,UAAU,EAAErB,kBAAA,CAAUE,IAhBK;EAiB3BoB,YAAY,EAAEtB,kBAAA,CAAUqD,KAAV,CAAgBI,qBAAA,CAAa1D,SAA7B,CAjBa;EAkB3BwB,aAAa,EAAEmC,oBAAA,CAAgB3D,SAAhB,CAA0BwB,aAlBd;EAmB3BC,UAAU,EAAEkC,oBAAA,CAAgB3D,SAAhB,CAA0ByB,UAnBX;EAoB3BC,KAAK,EAAEzB,kBAAA,CAAU2D,KAAV,CAAgB,oBAAKhG,MAAL,CAAhB,CApBoB;EAqB3B+D,eAAe,EAAE1B,kBAAA,CAAUC,MArBA;EAsB3B,cAAcD,kBAAA,CAAUC,MAtBG;EAuB3B,yBAAyBD,kBAAA,CAAUC,MAvBR;EAwB3B,uBAAuB2D,iBAAA,CAAS7D,SAAT,CAAmB,YAAnB,CAxBI;EAyB3B,yBAAyB8D,mBAAA,CAAW9D,SAAX,CAAqB,YAArB,CAzBE;EA0B3B,uBAAuBuD,iBAAA,CAASvD,SAAT,CAAmB,YAAnB,CA1BI;EA2B3B,oBAAoBC,kBAAA,CAAUC,MA3BH;EA4B3B,uBAAuBD,kBAAA,CAAUC,MA5BN;EA6B3B,2BAA2ByD,oBAAA,CAAgB3D,SAAhB,CAA0B,YAA1B;AA7BA,CAAtB;;AAgCPI,IAAI,CAACJ,SAAL,2CAAiBqD,aAAjB;eAEejD,I"}

package/lib/molecule/card/style.css

@@ -206,7 +206,7 @@
 
 .lockWrapper:hover span {
   font-weight: 600;
-  width: 174px;
+  width: 150px;
 }
 
 .lockContent {
@@ -217,7 +217,7 @@
 }
 
 .lockContent span {
-  width: 174px;
+  width: 134px;
   height: 40px;
   color: white;
   text-align: center;

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