@coorpacademy/components 11.19.2-alpha.11 → 11.19.2-alpha.14

package/es/molecule/cm-popin/index.d.ts

@@ -1,5 +1,5 @@
 export default CMPopin;
-declare function CMPopin(props: any): JSX.Element | null;
+declare function CMPopin(props: any): JSX.Element;
 declare namespace CMPopin {
     export { propTypes };
 }

package/es/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":";AAgCA,yDAsPC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/index.js"],"names":[],"mappings":";AAgCA,kDAqPC"}

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

@@ -1,5 +1,5 @@
 // import React from 'react';
-import React, { useRef, useEffect, useState } from 'react';
+import React, { useRef, useEffect } from 'react';
 import { NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond, NovaSolidApplicationsWindowUpload3 as WindowUpload, NovaLineSettingsCookie as Cookie, NovaSolidSpaceMoonRocket as MoonRocket, NovaCompositionCoorpacademyPadlock as LockIcon, NovaLineStatusCheckCircle1 as CheckCircle1, NovaSolidFilesBasicFileLines as FileLinesIcon } from '@coorpacademy/nova-icons';
 import map from 'lodash/fp/map';
 import isEmpty from 'lodash/fp/isEmpty';
@@ -51,13 +51,12 @@ const CMPopin = props => {
     backgroundImage: `url(${backgroundImageUrl})`,
     backgroundSize: 'cover'
   } : null;
-  const [shloudRender, setShouldRendered] = useState(true);
   const nodeRef = useRef(null);
   useEffect(() => {
     if (mode === 'items') {
       const closePopin = e => {
         if (nodeRef && nodeRef.current && !nodeRef.current.contains(e.target)) {
-          setShouldRendered(false);
+          onClose();
         }
       };
 
@@ -66,7 +65,7 @@ const CMPopin = props => {
         document.removeEventListener('click', closePopin);
       };
     }
-  }, [mode]);
+  }, [mode, onClose]);
 
   const renderHeader = () => {
     if (header) {
@@ -162,7 +161,7 @@ const CMPopin = props => {
   };
 
   const wrapperPopinStyle = classNames(mode === 'cookie' && style.popinCookie, mode === 'list' && style.popinFilesList, mode === 'items' && style.popinItems, style.popin);
-  return shloudRender ? /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: mode !== 'cookie' ? style.background : null,
     style: backgroundImageStyle,
     "data-name": 'cm-popin-container'
@@ -227,7 +226,7 @@ const CMPopin = props => {
     "aria-label": thirdButton['aria-label'],
     type: thirdButton.type,
     customStyle: thirdButton.customStyle
-  })) : null) : null)) : null;
+  })) : null) : null));
 };
 
 CMPopin.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};

package/es/molecule/cm-popin/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useRef","useEffect","useState","NovaSolidInterfaceFeedbackInterfaceAlertDiamond","AlertDiamond","NovaSolidApplicationsWindowUpload3","WindowUpload","NovaLineSettingsCookie","Cookie","NovaSolidSpaceMoonRocket","MoonRocket","NovaCompositionCoorpacademyPadlock","LockIcon","NovaLineStatusCheckCircle1","CheckCircle1","NovaSolidFilesBasicFileLines","FileLinesIcon","map","isEmpty","classNames","Cta","ButtonLinkIconOnly","InputSwitch","Title","CardsGrid","ListItems","style","propTypes","IconType","lockedContent","lockIcon","fileZipped","filesListIconContainer","filesListIcon","CMPopin","props","content","mode","firstButton","secondButton","onClose","header","icon","backgroundImageUrl","descriptionText","thirdButton","cookieTitle","descriptionBtnTxt","listBtnSwicth","items","logo","LogoComponent","backgroundImageStyle","backgroundImage","backgroundSize","shloudRender","setShouldRendered","nodeRef","closePopin","e","current","contains","target","document","addEventListener","removeEventListener","renderHeader","title","headerIcon","TopTitleIcon","headerContent","headerBackground","cookieHeader","cookieIconContainer","cookieIcon","getClassBtnSwitch","index","btnList","firstBtnSwitchContainer","length","lastBtnSwitchContainer","singleSwitchContainer","renderBtnSwitch","convert","cap","el","type","value","onChange","titlePosition","theme","details","requiredSelection","disabled","id","dataName","renderItems","list","itemsContainer","filesListContainer","wrapperPopinStyle","popinCookie","popinFilesList","popinItems","popin","background","popinHeader","cookieTitleContainer","titleContainer","contentSection","message","__html","descriptionBtn","buttonContainer","largeButton","button","label","handleOnclick","customStyle"],"sources":["../../../src/molecule/cm-popin/index.js"],"sourcesContent":["// import React from 'react';\nimport React, {useRef, useEffect, useState} from 'react';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n  NovaSolidApplicationsWindowUpload3 as WindowUpload,\n  NovaLineSettingsCookie as Cookie,\n  NovaSolidSpaceMoonRocket as MoonRocket,\n  NovaCompositionCoorpacademyPadlock as LockIcon,\n  NovaLineStatusCheckCircle1 as CheckCircle1,\n  NovaSolidFilesBasicFileLines as FileLinesIcon\n} from '@coorpacademy/nova-icons';\nimport map from 'lodash/fp/map';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport classNames from 'classnames';\nimport Cta from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport InputSwitch from '../../atom/input-switch';\nimport Title from '../../atom/title';\nimport CardsGrid from '../../organism/cards-grid';\nimport ListItems from '../../organism/list-items';\nimport style from './style.css';\nimport propTypes from './types';\n\nconst IconType = {\n  lockedContent: <LockIcon className={style.lockIcon} />,\n  fileZipped: (\n    <div className={style.filesListIconContainer}>\n      <FileLinesIcon className={style.filesListIcon} />\n    </div>\n  )\n};\n\nconst CMPopin = props => {\n  const {\n    content,\n    mode = 'alert',\n    firstButton,\n    secondButton,\n    onClose,\n    header,\n    icon,\n    backgroundImageUrl,\n    descriptionText,\n    thirdButton,\n    cookieTitle,\n    descriptionBtnTxt,\n    listBtnSwicth,\n    items\n  } = props;\n  const logo = {\n    AlertDiamond,\n    WindowUpload,\n    MoonRocket,\n    CheckCircle1\n  };\n  const LogoComponent = logo[icon];\n\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`,\n        backgroundSize: 'cover'\n      }\n    : null;\n  const [shloudRender, setShouldRendered] = useState(true);\n  const nodeRef = useRef(null);\n  useEffect(() => {\n    if (mode === 'items') {\n      const closePopin = e => {\n        if (nodeRef && nodeRef.current && !nodeRef.current.contains(e.target)) {\n          setShouldRendered(false);\n        }\n      };\n      document.addEventListener('click', closePopin);\n      return () => {\n        document.removeEventListener('click', closePopin);\n      };\n    }\n  }, [mode]);\n  const renderHeader = () => {\n    if (header) {\n      const {title, headerIcon, backgroundImage} = header;\n      const TopTitleIcon = IconType[headerIcon];\n\n      return (\n        <>\n          {title ? (\n            <div className={style.headerContent}>\n              {TopTitleIcon}\n              <Title {...title} />\n            </div>\n          ) : null}\n          {backgroundImage ? (\n            <img className={style.headerBackground} src={backgroundImage} />\n          ) : null}\n        </>\n      );\n    }\n\n    if (mode === 'cookie')\n      return (\n        <div className={style.cookieHeader}>\n          <div className={style.cookieIconContainer}>\n            <Cookie className={style.cookieIcon} />\n          </div>\n          <div className={style.cookieTitle}>{cookieTitle}</div>\n        </div>\n      );\n\n    return null;\n  };\n\n  const getClassBtnSwitch = (index, btnList) => {\n    switch (index) {\n      case 0:\n        return style.firstBtnSwitchContainer;\n      case btnList.length - 1:\n        return style.lastBtnSwitchContainer;\n      default:\n        return style.singleSwitchContainer;\n    }\n  };\n\n  const renderBtnSwitch = () => {\n    return map.convert({cap: false})((el, index) => {\n      const {\n        type,\n        title,\n        value,\n        onChange,\n        titlePosition,\n        theme,\n        details,\n        requiredSelection,\n        disabled,\n        id,\n        'data-name': dataName\n      } = el;\n      return (\n        <div key={index} className={getClassBtnSwitch(index, listBtnSwicth)}>\n          <InputSwitch\n            {...{\n              type,\n              title,\n              value,\n              onChange,\n              titlePosition,\n              theme,\n              details,\n              requiredSelection,\n              disabled,\n              id,\n              'data-name': dataName\n            }}\n          />\n        </div>\n      );\n    })(listBtnSwicth);\n  };\n\n  const renderItems = () => {\n    const {type, list} = items;\n    if (isEmpty(list)) return null;\n\n    if (type === 'content')\n      return (\n        <div className={style.itemsContainer} data-name={'cm-popin-cards'}>\n          <CardsGrid {...list} />\n        </div>\n      );\n    if (type === 'list')\n      return (\n        <div className={style.filesListContainer}>\n          <ListItems {...list} />\n        </div>\n      );\n\n    return null;\n  };\n\n  const wrapperPopinStyle = classNames(\n    mode === 'cookie' && style.popinCookie,\n    mode === 'list' && style.popinFilesList,\n    mode === 'items' && style.popinItems,\n    style.popin\n  );\n  return shloudRender ? (\n    <div\n      className={mode !== 'cookie' ? style.background : null}\n      style={backgroundImageStyle}\n      data-name={'cm-popin-container'}\n    >\n      <div className={wrapperPopinStyle} ref={nodeRef}>\n        <header className={style.popinHeader}>\n          {renderHeader()}\n          {onClose ? (\n            <ButtonLinkIconOnly\n              onClick={onClose}\n              data-name={'close-icon'}\n              aria-label={'close-icon'}\n              size=\"small\"\n              icon=\"close\"\n            />\n          ) : null}\n        </header>\n        {mode !== 'items' && mode !== 'list' ? (\n          <div\n            className={\n              mode === 'cookie' || mode === 'information'\n                ? style.cookieTitleContainer\n                : style.titleContainer\n            }\n          >\n            <div className={style.contentSection}>\n              {LogoComponent ? <LogoComponent className={style.icon} /> : null}\n              {content ? (\n                <p\n                  className={mode === 'alert' ? style.content : style.message}\n                  data-name={'cm-popin-content'}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: content}}\n                />\n              ) : null}\n            </div>\n            {descriptionText ? (\n              <p\n                className={style.descriptionText}\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{__html: descriptionText}}\n              />\n            ) : null}\n          </div>\n        ) : null}\n        {descriptionBtnTxt ? <div className={style.descriptionBtn}>{descriptionBtnTxt}</div> : null}\n        {!isEmpty(items) ? renderItems() : null}\n        {renderBtnSwitch()}\n        {firstButton || secondButton || thirdButton ? (\n          <div className={style.buttonContainer}>\n            {firstButton ? (\n              <div className={firstButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={firstButton.label}\n                  onClick={firstButton.handleOnclick}\n                  data-name={'cm-popin-cta'}\n                  aria-label={firstButton['aria-label']}\n                  type={firstButton.type}\n                  customStyle={firstButton.customStyle}\n                />\n              </div>\n            ) : null}\n            {secondButton ? (\n              <div className={secondButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={secondButton.label}\n                  onClick={secondButton.handleOnclick}\n                  data-name={`cm-popin-cta-${secondButton.type}`}\n                  aria-label={secondButton['aria-label']}\n                  type={secondButton.type}\n                  customStyle={secondButton.customStyle}\n                />\n              </div>\n            ) : null}\n            {thirdButton ? (\n              <div className={thirdButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={thirdButton.label}\n                  onClick={thirdButton.handleOnclick}\n                  data-name={`cm-popin-cta-${thirdButton.type}`}\n                  aria-label={thirdButton['aria-label']}\n                  type={thirdButton.type}\n                  customStyle={thirdButton.customStyle}\n                />\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n    </div>\n  ) : null;\n};\n\nCMPopin.propTypes = propTypes;\n\nexport default CMPopin;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useRef","useEffect","NovaSolidInterfaceFeedbackInterfaceAlertDiamond","AlertDiamond","NovaSolidApplicationsWindowUpload3","WindowUpload","NovaLineSettingsCookie","Cookie","NovaSolidSpaceMoonRocket","MoonRocket","NovaCompositionCoorpacademyPadlock","LockIcon","NovaLineStatusCheckCircle1","CheckCircle1","NovaSolidFilesBasicFileLines","FileLinesIcon","map","isEmpty","classNames","Cta","ButtonLinkIconOnly","InputSwitch","Title","CardsGrid","ListItems","style","propTypes","IconType","lockedContent","lockIcon","fileZipped","filesListIconContainer","filesListIcon","CMPopin","props","content","mode","firstButton","secondButton","onClose","header","icon","backgroundImageUrl","descriptionText","thirdButton","cookieTitle","descriptionBtnTxt","listBtnSwicth","items","logo","LogoComponent","backgroundImageStyle","backgroundImage","backgroundSize","nodeRef","closePopin","e","current","contains","target","document","addEventListener","removeEventListener","renderHeader","title","headerIcon","TopTitleIcon","headerContent","headerBackground","cookieHeader","cookieIconContainer","cookieIcon","getClassBtnSwitch","index","btnList","firstBtnSwitchContainer","length","lastBtnSwitchContainer","singleSwitchContainer","renderBtnSwitch","convert","cap","el","type","value","onChange","titlePosition","theme","details","requiredSelection","disabled","id","dataName","renderItems","list","itemsContainer","filesListContainer","wrapperPopinStyle","popinCookie","popinFilesList","popinItems","popin","background","popinHeader","cookieTitleContainer","titleContainer","contentSection","message","__html","descriptionBtn","buttonContainer","largeButton","button","label","handleOnclick","customStyle"],"sources":["../../../src/molecule/cm-popin/index.js"],"sourcesContent":["// import React from 'react';\nimport React, {useRef, useEffect} from 'react';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n  NovaSolidApplicationsWindowUpload3 as WindowUpload,\n  NovaLineSettingsCookie as Cookie,\n  NovaSolidSpaceMoonRocket as MoonRocket,\n  NovaCompositionCoorpacademyPadlock as LockIcon,\n  NovaLineStatusCheckCircle1 as CheckCircle1,\n  NovaSolidFilesBasicFileLines as FileLinesIcon\n} from '@coorpacademy/nova-icons';\nimport map from 'lodash/fp/map';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport classNames from 'classnames';\nimport Cta from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport InputSwitch from '../../atom/input-switch';\nimport Title from '../../atom/title';\nimport CardsGrid from '../../organism/cards-grid';\nimport ListItems from '../../organism/list-items';\nimport style from './style.css';\nimport propTypes from './types';\n\nconst IconType = {\n  lockedContent: <LockIcon className={style.lockIcon} />,\n  fileZipped: (\n    <div className={style.filesListIconContainer}>\n      <FileLinesIcon className={style.filesListIcon} />\n    </div>\n  )\n};\n\nconst CMPopin = props => {\n  const {\n    content,\n    mode = 'alert',\n    firstButton,\n    secondButton,\n    onClose,\n    header,\n    icon,\n    backgroundImageUrl,\n    descriptionText,\n    thirdButton,\n    cookieTitle,\n    descriptionBtnTxt,\n    listBtnSwicth,\n    items\n  } = props;\n  const logo = {\n    AlertDiamond,\n    WindowUpload,\n    MoonRocket,\n    CheckCircle1\n  };\n  const LogoComponent = logo[icon];\n\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`,\n        backgroundSize: 'cover'\n      }\n    : null;\n  const nodeRef = useRef(null);\n  useEffect(() => {\n    if (mode === 'items') {\n      const closePopin = e => {\n        if (nodeRef && nodeRef.current && !nodeRef.current.contains(e.target)) {\n          onClose();\n        }\n      };\n      document.addEventListener('click', closePopin);\n      return () => {\n        document.removeEventListener('click', closePopin);\n      };\n    }\n  }, [mode, onClose]);\n  const renderHeader = () => {\n    if (header) {\n      const {title, headerIcon, backgroundImage} = header;\n      const TopTitleIcon = IconType[headerIcon];\n\n      return (\n        <>\n          {title ? (\n            <div className={style.headerContent}>\n              {TopTitleIcon}\n              <Title {...title} />\n            </div>\n          ) : null}\n          {backgroundImage ? (\n            <img className={style.headerBackground} src={backgroundImage} />\n          ) : null}\n        </>\n      );\n    }\n\n    if (mode === 'cookie')\n      return (\n        <div className={style.cookieHeader}>\n          <div className={style.cookieIconContainer}>\n            <Cookie className={style.cookieIcon} />\n          </div>\n          <div className={style.cookieTitle}>{cookieTitle}</div>\n        </div>\n      );\n\n    return null;\n  };\n\n  const getClassBtnSwitch = (index, btnList) => {\n    switch (index) {\n      case 0:\n        return style.firstBtnSwitchContainer;\n      case btnList.length - 1:\n        return style.lastBtnSwitchContainer;\n      default:\n        return style.singleSwitchContainer;\n    }\n  };\n\n  const renderBtnSwitch = () => {\n    return map.convert({cap: false})((el, index) => {\n      const {\n        type,\n        title,\n        value,\n        onChange,\n        titlePosition,\n        theme,\n        details,\n        requiredSelection,\n        disabled,\n        id,\n        'data-name': dataName\n      } = el;\n      return (\n        <div key={index} className={getClassBtnSwitch(index, listBtnSwicth)}>\n          <InputSwitch\n            {...{\n              type,\n              title,\n              value,\n              onChange,\n              titlePosition,\n              theme,\n              details,\n              requiredSelection,\n              disabled,\n              id,\n              'data-name': dataName\n            }}\n          />\n        </div>\n      );\n    })(listBtnSwicth);\n  };\n\n  const renderItems = () => {\n    const {type, list} = items;\n    if (isEmpty(list)) return null;\n\n    if (type === 'content')\n      return (\n        <div className={style.itemsContainer} data-name={'cm-popin-cards'}>\n          <CardsGrid {...list} />\n        </div>\n      );\n    if (type === 'list')\n      return (\n        <div className={style.filesListContainer}>\n          <ListItems {...list} />\n        </div>\n      );\n\n    return null;\n  };\n\n  const wrapperPopinStyle = classNames(\n    mode === 'cookie' && style.popinCookie,\n    mode === 'list' && style.popinFilesList,\n    mode === 'items' && style.popinItems,\n    style.popin\n  );\n  return (\n    <div\n      className={mode !== 'cookie' ? style.background : null}\n      style={backgroundImageStyle}\n      data-name={'cm-popin-container'}\n    >\n      <div className={wrapperPopinStyle} ref={nodeRef}>\n        <header className={style.popinHeader}>\n          {renderHeader()}\n          {onClose ? (\n            <ButtonLinkIconOnly\n              onClick={onClose}\n              data-name={'close-icon'}\n              aria-label={'close-icon'}\n              size=\"small\"\n              icon=\"close\"\n            />\n          ) : null}\n        </header>\n        {mode !== 'items' && mode !== 'list' ? (\n          <div\n            className={\n              mode === 'cookie' || mode === 'information'\n                ? style.cookieTitleContainer\n                : style.titleContainer\n            }\n          >\n            <div className={style.contentSection}>\n              {LogoComponent ? <LogoComponent className={style.icon} /> : null}\n              {content ? (\n                <p\n                  className={mode === 'alert' ? style.content : style.message}\n                  data-name={'cm-popin-content'}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: content}}\n                />\n              ) : null}\n            </div>\n            {descriptionText ? (\n              <p\n                className={style.descriptionText}\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{__html: descriptionText}}\n              />\n            ) : null}\n          </div>\n        ) : null}\n        {descriptionBtnTxt ? <div className={style.descriptionBtn}>{descriptionBtnTxt}</div> : null}\n        {!isEmpty(items) ? renderItems() : null}\n        {renderBtnSwitch()}\n        {firstButton || secondButton || thirdButton ? (\n          <div className={style.buttonContainer}>\n            {firstButton ? (\n              <div className={firstButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={firstButton.label}\n                  onClick={firstButton.handleOnclick}\n                  data-name={'cm-popin-cta'}\n                  aria-label={firstButton['aria-label']}\n                  type={firstButton.type}\n                  customStyle={firstButton.customStyle}\n                />\n              </div>\n            ) : null}\n            {secondButton ? (\n              <div className={secondButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={secondButton.label}\n                  onClick={secondButton.handleOnclick}\n                  data-name={`cm-popin-cta-${secondButton.type}`}\n                  aria-label={secondButton['aria-label']}\n                  type={secondButton.type}\n                  customStyle={secondButton.customStyle}\n                />\n              </div>\n            ) : null}\n            {thirdButton ? (\n              <div className={thirdButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={thirdButton.label}\n                  onClick={thirdButton.handleOnclick}\n                  data-name={`cm-popin-cta-${thirdButton.type}`}\n                  aria-label={thirdButton['aria-label']}\n                  type={thirdButton.type}\n                  customStyle={thirdButton.customStyle}\n                />\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nCMPopin.propTypes = propTypes;\n\nexport default CMPopin;\n"],"mappings":"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"}

package/es/molecule/cm-popin/style.css

@@ -157,7 +157,8 @@
 }
 
 .popinItems .headerContent {
-  padding: 24px 0px 24px 24px;
+  padding: 24px;
+  width: 612px;
 }
 
 .popinItems .popinHeader button {
@@ -398,6 +399,10 @@ a {
     padding: 0px 0px 8px 0px
   }
 
+  .lockIcon {
+    min-width: 48px;
+  }
+
   .popinCookie .largeButton {
     padding: 8px 0px 0px 0px;
   }
@@ -434,6 +439,10 @@ a {
     width: 100%;
   }
 
+  .lockIcon {
+    min-width: 48px;
+  }
+
   .titleContainer {
     width: 100%;
     margin: 0px 16px;

package/es/template/common/search-page/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/common/search-page/index.js"],"names":[],"mappings":";AAWA,mEA4DC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/common/search-page/index.js"],"names":[],"mappings":";AAWA,mEA2DC"}

package/es/template/common/search-page/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useRef","PropTypes","Provider","Button","Filters","CardsGrid","CardsList","CMPopin","style","SearchPage","props","context","title","searchFilters","cards","noresultsfound","clearFilters","recommendations","moreSortAriaLabel","moreFilterAriaLabel","filterGroupAriaLabel","sortAriaLabel","popinWithCards","skin","defaultColor","nodeRef","recommendationsView","cardsView","list","noresults","noresultstxt","clear","background","cardsWrapper","contextTypes","childContextTypes","propTypes","string","shape"],"sources":["../../../../src/template/common/search-page/index.js"],"sourcesContent":["import React, {useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, isEmpty} from 'lodash/fp';\nimport Provider from '../../../atom/provider';\nimport Button from '../../../atom/button';\nimport Filters from '../../../molecule/filters';\nimport CardsGrid from '../../../organism/cards-grid';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport CMPopin from '../../../molecule/cm-popin';\nimport style from './style.css';\n\nconst SearchPage = (props, context) => {\n  const {\n    title,\n    searchFilters,\n    cards,\n    noresultsfound,\n    clearFilters,\n    recommendations,\n    moreSortAriaLabel,\n    moreFilterAriaLabel,\n    filterGroupAriaLabel,\n    sortAriaLabel,\n    popinWithCards\n  } = props;\n\n  const {skin} = context;\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n  const nodeRef = useRef(null);\n  const recommendationsView = isEmpty(recommendations) ? null : <CardsList {...recommendations} />;\n\n  const cardsView = isEmpty(cards.list) ? (\n    <div>\n      <div className={style.noresults}>\n        <div className={style.noresultstxt}>{noresultsfound}</div>\n        <Button\n          {...clearFilters}\n          data-name=\"searchPageClear\"\n          className={style.clear}\n          style={{background: defaultColor}}\n          type=\"link\"\n        />\n      </div>\n      {recommendationsView}\n    </div>\n  ) : (\n    <CardsGrid {...cards} />\n  );\n\n  return (\n    <div>\n      <Filters\n        {...searchFilters}\n        moreSortAriaLabel={moreSortAriaLabel}\n        moreFilterAriaLabel={moreFilterAriaLabel}\n        filterGroupAriaLabel={filterGroupAriaLabel}\n        sortAriaLabel={sortAriaLabel}\n      />\n      <div data-name=\"searchResult\" className={style.cardsWrapper}>\n        <div className={style.title} role=\"status\">\n          {title}\n        </div>\n        {cardsView}\n      </div>\n      {popinWithCards ? (\n        <div className={style.popinWithCards} ref={nodeRef}>\n          <CMPopin {...popinWithCards} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nSearchPage.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSearchPage.propTypes = {\n  noresultsfound: PropTypes.string,\n  title: PropTypes.string,\n  searchFilters: PropTypes.shape(Filters.propTypes),\n  cards: PropTypes.shape(CardsGrid.propTypes),\n  clearFilters: PropTypes.shape(Button.propTypes),\n  recommendations: PropTypes.shape(CardsList.propTypes),\n  moreSortAriaLabel: PropTypes.string,\n  moreFilterAriaLabel: PropTypes.string,\n  filterGroupAriaLabel: PropTypes.string,\n  sortAriaLabel: PropTypes.string,\n  popinWithCards: PropTypes.shape(CMPopin.propTypes)\n};\n\nexport default SearchPage;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useRef","PropTypes","Provider","Button","Filters","CardsGrid","CardsList","CMPopin","style","SearchPage","props","context","title","searchFilters","cards","noresultsfound","clearFilters","recommendations","moreSortAriaLabel","moreFilterAriaLabel","filterGroupAriaLabel","sortAriaLabel","popinWithCards","skin","defaultColor","nodeRef","recommendationsView","cardsView","list","noresults","noresultstxt","clear","background","cardsWrapper","contextTypes","childContextTypes","propTypes","string","shape"],"sources":["../../../../src/template/common/search-page/index.js"],"sourcesContent":["import React, {useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, isEmpty} from 'lodash/fp';\nimport Provider from '../../../atom/provider';\nimport Button from '../../../atom/button';\nimport Filters from '../../../molecule/filters';\nimport CardsGrid from '../../../organism/cards-grid';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport CMPopin from '../../../molecule/cm-popin';\nimport style from './style.css';\n\nconst SearchPage = (props, context) => {\n  const {\n    title,\n    searchFilters,\n    cards,\n    noresultsfound,\n    clearFilters,\n    recommendations,\n    moreSortAriaLabel,\n    moreFilterAriaLabel,\n    filterGroupAriaLabel,\n    sortAriaLabel,\n    popinWithCards\n  } = props;\n  const {skin} = context;\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n  const nodeRef = useRef(null);\n  const recommendationsView = isEmpty(recommendations) ? null : <CardsList {...recommendations} />;\n\n  const cardsView = isEmpty(cards.list) ? (\n    <div>\n      <div className={style.noresults}>\n        <div className={style.noresultstxt}>{noresultsfound}</div>\n        <Button\n          {...clearFilters}\n          data-name=\"searchPageClear\"\n          className={style.clear}\n          style={{background: defaultColor}}\n          type=\"link\"\n        />\n      </div>\n      {recommendationsView}\n    </div>\n  ) : (\n    <CardsGrid {...cards} />\n  );\n\n  return (\n    <div>\n      <Filters\n        {...searchFilters}\n        moreSortAriaLabel={moreSortAriaLabel}\n        moreFilterAriaLabel={moreFilterAriaLabel}\n        filterGroupAriaLabel={filterGroupAriaLabel}\n        sortAriaLabel={sortAriaLabel}\n      />\n      <div data-name=\"searchResult\" className={style.cardsWrapper}>\n        <div className={style.title} role=\"status\">\n          {title}\n        </div>\n        {cardsView}\n      </div>\n      {popinWithCards ? (\n        <div className={style.popinWithCards} ref={nodeRef}>\n          <CMPopin {...popinWithCards} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nSearchPage.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSearchPage.propTypes = {\n  noresultsfound: PropTypes.string,\n  title: PropTypes.string,\n  searchFilters: PropTypes.shape(Filters.propTypes),\n  cards: PropTypes.shape(CardsGrid.propTypes),\n  clearFilters: PropTypes.shape(Button.propTypes),\n  recommendations: PropTypes.shape(CardsList.propTypes),\n  moreSortAriaLabel: PropTypes.string,\n  moreFilterAriaLabel: PropTypes.string,\n  filterGroupAriaLabel: PropTypes.string,\n  sortAriaLabel: PropTypes.string,\n  popinWithCards: PropTypes.shape(CMPopin.propTypes)\n};\n\nexport default SearchPage;\n"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 export default CMPopin;
-declare function CMPopin(props: any): JSX.Element | null;
+declare function CMPopin(props: any): JSX.Element;
 declare namespace CMPopin {
     export { propTypes };
 }

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":";AAgCA,yDAsPC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/index.js"],"names":[],"mappings":";AAgCA,kDAqPC"}

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

@@ -75,13 +75,12 @@ const CMPopin = props => {
     backgroundImage: `url(${backgroundImageUrl})`,
     backgroundSize: 'cover'
   } : null;
-  const [shloudRender, setShouldRendered] = (0, _react.useState)(true);
   const nodeRef = (0, _react.useRef)(null);
   (0, _react.useEffect)(() => {
     if (mode === 'items') {
       const closePopin = e => {
         if (nodeRef && nodeRef.current && !nodeRef.current.contains(e.target)) {
-          setShouldRendered(false);
+          onClose();
         }
       };
 
@@ -90,7 +89,7 @@ const CMPopin = props => {
         document.removeEventListener('click', closePopin);
       };
     }
-  }, [mode]);
+  }, [mode, onClose]);
 
   const renderHeader = () => {
     if (header) {
@@ -186,7 +185,7 @@ const CMPopin = props => {
   };
 
   const wrapperPopinStyle = (0, _classnames.default)(mode === 'cookie' && _style.default.popinCookie, mode === 'list' && _style.default.popinFilesList, mode === 'items' && _style.default.popinItems, _style.default.popin);
-  return shloudRender ? /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: mode !== 'cookie' ? _style.default.background : null,
     style: backgroundImageStyle,
     "data-name": 'cm-popin-container'
@@ -251,7 +250,7 @@ const CMPopin = props => {
     "aria-label": thirdButton['aria-label'],
     type: thirdButton.type,
     customStyle: thirdButton.customStyle
-  })) : null) : null)) : null;
+  })) : null) : null));
 };
 
 CMPopin.propTypes = process.env.NODE_ENV !== "production" ? _types.default : {};

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["IconType","lockedContent","style","lockIcon","fileZipped","filesListIconContainer","filesListIcon","CMPopin","props","content","mode","firstButton","secondButton","onClose","header","icon","backgroundImageUrl","descriptionText","thirdButton","cookieTitle","descriptionBtnTxt","listBtnSwicth","items","logo","AlertDiamond","WindowUpload","MoonRocket","CheckCircle1","LogoComponent","backgroundImageStyle","backgroundImage","backgroundSize","shloudRender","setShouldRendered","useState","nodeRef","useRef","useEffect","closePopin","e","current","contains","target","document","addEventListener","removeEventListener","renderHeader","title","headerIcon","TopTitleIcon","headerContent","headerBackground","cookieHeader","cookieIconContainer","cookieIcon","getClassBtnSwitch","index","btnList","firstBtnSwitchContainer","length","lastBtnSwitchContainer","singleSwitchContainer","renderBtnSwitch","map","convert","cap","el","type","value","onChange","titlePosition","theme","details","requiredSelection","disabled","id","dataName","renderItems","list","isEmpty","itemsContainer","filesListContainer","wrapperPopinStyle","classNames","popinCookie","popinFilesList","popinItems","popin","background","popinHeader","cookieTitleContainer","titleContainer","contentSection","message","__html","descriptionBtn","buttonContainer","largeButton","button","label","handleOnclick","customStyle","propTypes"],"sources":["../../../src/molecule/cm-popin/index.js"],"sourcesContent":["// import React from 'react';\nimport React, {useRef, useEffect, useState} from 'react';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n  NovaSolidApplicationsWindowUpload3 as WindowUpload,\n  NovaLineSettingsCookie as Cookie,\n  NovaSolidSpaceMoonRocket as MoonRocket,\n  NovaCompositionCoorpacademyPadlock as LockIcon,\n  NovaLineStatusCheckCircle1 as CheckCircle1,\n  NovaSolidFilesBasicFileLines as FileLinesIcon\n} from '@coorpacademy/nova-icons';\nimport map from 'lodash/fp/map';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport classNames from 'classnames';\nimport Cta from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport InputSwitch from '../../atom/input-switch';\nimport Title from '../../atom/title';\nimport CardsGrid from '../../organism/cards-grid';\nimport ListItems from '../../organism/list-items';\nimport style from './style.css';\nimport propTypes from './types';\n\nconst IconType = {\n  lockedContent: <LockIcon className={style.lockIcon} />,\n  fileZipped: (\n    <div className={style.filesListIconContainer}>\n      <FileLinesIcon className={style.filesListIcon} />\n    </div>\n  )\n};\n\nconst CMPopin = props => {\n  const {\n    content,\n    mode = 'alert',\n    firstButton,\n    secondButton,\n    onClose,\n    header,\n    icon,\n    backgroundImageUrl,\n    descriptionText,\n    thirdButton,\n    cookieTitle,\n    descriptionBtnTxt,\n    listBtnSwicth,\n    items\n  } = props;\n  const logo = {\n    AlertDiamond,\n    WindowUpload,\n    MoonRocket,\n    CheckCircle1\n  };\n  const LogoComponent = logo[icon];\n\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`,\n        backgroundSize: 'cover'\n      }\n    : null;\n  const [shloudRender, setShouldRendered] = useState(true);\n  const nodeRef = useRef(null);\n  useEffect(() => {\n    if (mode === 'items') {\n      const closePopin = e => {\n        if (nodeRef && nodeRef.current && !nodeRef.current.contains(e.target)) {\n          setShouldRendered(false);\n        }\n      };\n      document.addEventListener('click', closePopin);\n      return () => {\n        document.removeEventListener('click', closePopin);\n      };\n    }\n  }, [mode]);\n  const renderHeader = () => {\n    if (header) {\n      const {title, headerIcon, backgroundImage} = header;\n      const TopTitleIcon = IconType[headerIcon];\n\n      return (\n        <>\n          {title ? (\n            <div className={style.headerContent}>\n              {TopTitleIcon}\n              <Title {...title} />\n            </div>\n          ) : null}\n          {backgroundImage ? (\n            <img className={style.headerBackground} src={backgroundImage} />\n          ) : null}\n        </>\n      );\n    }\n\n    if (mode === 'cookie')\n      return (\n        <div className={style.cookieHeader}>\n          <div className={style.cookieIconContainer}>\n            <Cookie className={style.cookieIcon} />\n          </div>\n          <div className={style.cookieTitle}>{cookieTitle}</div>\n        </div>\n      );\n\n    return null;\n  };\n\n  const getClassBtnSwitch = (index, btnList) => {\n    switch (index) {\n      case 0:\n        return style.firstBtnSwitchContainer;\n      case btnList.length - 1:\n        return style.lastBtnSwitchContainer;\n      default:\n        return style.singleSwitchContainer;\n    }\n  };\n\n  const renderBtnSwitch = () => {\n    return map.convert({cap: false})((el, index) => {\n      const {\n        type,\n        title,\n        value,\n        onChange,\n        titlePosition,\n        theme,\n        details,\n        requiredSelection,\n        disabled,\n        id,\n        'data-name': dataName\n      } = el;\n      return (\n        <div key={index} className={getClassBtnSwitch(index, listBtnSwicth)}>\n          <InputSwitch\n            {...{\n              type,\n              title,\n              value,\n              onChange,\n              titlePosition,\n              theme,\n              details,\n              requiredSelection,\n              disabled,\n              id,\n              'data-name': dataName\n            }}\n          />\n        </div>\n      );\n    })(listBtnSwicth);\n  };\n\n  const renderItems = () => {\n    const {type, list} = items;\n    if (isEmpty(list)) return null;\n\n    if (type === 'content')\n      return (\n        <div className={style.itemsContainer} data-name={'cm-popin-cards'}>\n          <CardsGrid {...list} />\n        </div>\n      );\n    if (type === 'list')\n      return (\n        <div className={style.filesListContainer}>\n          <ListItems {...list} />\n        </div>\n      );\n\n    return null;\n  };\n\n  const wrapperPopinStyle = classNames(\n    mode === 'cookie' && style.popinCookie,\n    mode === 'list' && style.popinFilesList,\n    mode === 'items' && style.popinItems,\n    style.popin\n  );\n  return shloudRender ? (\n    <div\n      className={mode !== 'cookie' ? style.background : null}\n      style={backgroundImageStyle}\n      data-name={'cm-popin-container'}\n    >\n      <div className={wrapperPopinStyle} ref={nodeRef}>\n        <header className={style.popinHeader}>\n          {renderHeader()}\n          {onClose ? (\n            <ButtonLinkIconOnly\n              onClick={onClose}\n              data-name={'close-icon'}\n              aria-label={'close-icon'}\n              size=\"small\"\n              icon=\"close\"\n            />\n          ) : null}\n        </header>\n        {mode !== 'items' && mode !== 'list' ? (\n          <div\n            className={\n              mode === 'cookie' || mode === 'information'\n                ? style.cookieTitleContainer\n                : style.titleContainer\n            }\n          >\n            <div className={style.contentSection}>\n              {LogoComponent ? <LogoComponent className={style.icon} /> : null}\n              {content ? (\n                <p\n                  className={mode === 'alert' ? style.content : style.message}\n                  data-name={'cm-popin-content'}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: content}}\n                />\n              ) : null}\n            </div>\n            {descriptionText ? (\n              <p\n                className={style.descriptionText}\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{__html: descriptionText}}\n              />\n            ) : null}\n          </div>\n        ) : null}\n        {descriptionBtnTxt ? <div className={style.descriptionBtn}>{descriptionBtnTxt}</div> : null}\n        {!isEmpty(items) ? renderItems() : null}\n        {renderBtnSwitch()}\n        {firstButton || secondButton || thirdButton ? (\n          <div className={style.buttonContainer}>\n            {firstButton ? (\n              <div className={firstButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={firstButton.label}\n                  onClick={firstButton.handleOnclick}\n                  data-name={'cm-popin-cta'}\n                  aria-label={firstButton['aria-label']}\n                  type={firstButton.type}\n                  customStyle={firstButton.customStyle}\n                />\n              </div>\n            ) : null}\n            {secondButton ? (\n              <div className={secondButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={secondButton.label}\n                  onClick={secondButton.handleOnclick}\n                  data-name={`cm-popin-cta-${secondButton.type}`}\n                  aria-label={secondButton['aria-label']}\n                  type={secondButton.type}\n                  customStyle={secondButton.customStyle}\n                />\n              </div>\n            ) : null}\n            {thirdButton ? (\n              <div className={thirdButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={thirdButton.label}\n                  onClick={thirdButton.handleOnclick}\n                  data-name={`cm-popin-cta-${thirdButton.type}`}\n                  aria-label={thirdButton['aria-label']}\n                  type={thirdButton.type}\n                  customStyle={thirdButton.customStyle}\n                />\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n    </div>\n  ) : null;\n};\n\nCMPopin.propTypes = propTypes;\n\nexport default CMPopin;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["IconType","lockedContent","style","lockIcon","fileZipped","filesListIconContainer","filesListIcon","CMPopin","props","content","mode","firstButton","secondButton","onClose","header","icon","backgroundImageUrl","descriptionText","thirdButton","cookieTitle","descriptionBtnTxt","listBtnSwicth","items","logo","AlertDiamond","WindowUpload","MoonRocket","CheckCircle1","LogoComponent","backgroundImageStyle","backgroundImage","backgroundSize","nodeRef","useRef","useEffect","closePopin","e","current","contains","target","document","addEventListener","removeEventListener","renderHeader","title","headerIcon","TopTitleIcon","headerContent","headerBackground","cookieHeader","cookieIconContainer","cookieIcon","getClassBtnSwitch","index","btnList","firstBtnSwitchContainer","length","lastBtnSwitchContainer","singleSwitchContainer","renderBtnSwitch","map","convert","cap","el","type","value","onChange","titlePosition","theme","details","requiredSelection","disabled","id","dataName","renderItems","list","isEmpty","itemsContainer","filesListContainer","wrapperPopinStyle","classNames","popinCookie","popinFilesList","popinItems","popin","background","popinHeader","cookieTitleContainer","titleContainer","contentSection","message","__html","descriptionBtn","buttonContainer","largeButton","button","label","handleOnclick","customStyle","propTypes"],"sources":["../../../src/molecule/cm-popin/index.js"],"sourcesContent":["// import React from 'react';\nimport React, {useRef, useEffect} from 'react';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n  NovaSolidApplicationsWindowUpload3 as WindowUpload,\n  NovaLineSettingsCookie as Cookie,\n  NovaSolidSpaceMoonRocket as MoonRocket,\n  NovaCompositionCoorpacademyPadlock as LockIcon,\n  NovaLineStatusCheckCircle1 as CheckCircle1,\n  NovaSolidFilesBasicFileLines as FileLinesIcon\n} from '@coorpacademy/nova-icons';\nimport map from 'lodash/fp/map';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport classNames from 'classnames';\nimport Cta from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport InputSwitch from '../../atom/input-switch';\nimport Title from '../../atom/title';\nimport CardsGrid from '../../organism/cards-grid';\nimport ListItems from '../../organism/list-items';\nimport style from './style.css';\nimport propTypes from './types';\n\nconst IconType = {\n  lockedContent: <LockIcon className={style.lockIcon} />,\n  fileZipped: (\n    <div className={style.filesListIconContainer}>\n      <FileLinesIcon className={style.filesListIcon} />\n    </div>\n  )\n};\n\nconst CMPopin = props => {\n  const {\n    content,\n    mode = 'alert',\n    firstButton,\n    secondButton,\n    onClose,\n    header,\n    icon,\n    backgroundImageUrl,\n    descriptionText,\n    thirdButton,\n    cookieTitle,\n    descriptionBtnTxt,\n    listBtnSwicth,\n    items\n  } = props;\n  const logo = {\n    AlertDiamond,\n    WindowUpload,\n    MoonRocket,\n    CheckCircle1\n  };\n  const LogoComponent = logo[icon];\n\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`,\n        backgroundSize: 'cover'\n      }\n    : null;\n  const nodeRef = useRef(null);\n  useEffect(() => {\n    if (mode === 'items') {\n      const closePopin = e => {\n        if (nodeRef && nodeRef.current && !nodeRef.current.contains(e.target)) {\n          onClose();\n        }\n      };\n      document.addEventListener('click', closePopin);\n      return () => {\n        document.removeEventListener('click', closePopin);\n      };\n    }\n  }, [mode, onClose]);\n  const renderHeader = () => {\n    if (header) {\n      const {title, headerIcon, backgroundImage} = header;\n      const TopTitleIcon = IconType[headerIcon];\n\n      return (\n        <>\n          {title ? (\n            <div className={style.headerContent}>\n              {TopTitleIcon}\n              <Title {...title} />\n            </div>\n          ) : null}\n          {backgroundImage ? (\n            <img className={style.headerBackground} src={backgroundImage} />\n          ) : null}\n        </>\n      );\n    }\n\n    if (mode === 'cookie')\n      return (\n        <div className={style.cookieHeader}>\n          <div className={style.cookieIconContainer}>\n            <Cookie className={style.cookieIcon} />\n          </div>\n          <div className={style.cookieTitle}>{cookieTitle}</div>\n        </div>\n      );\n\n    return null;\n  };\n\n  const getClassBtnSwitch = (index, btnList) => {\n    switch (index) {\n      case 0:\n        return style.firstBtnSwitchContainer;\n      case btnList.length - 1:\n        return style.lastBtnSwitchContainer;\n      default:\n        return style.singleSwitchContainer;\n    }\n  };\n\n  const renderBtnSwitch = () => {\n    return map.convert({cap: false})((el, index) => {\n      const {\n        type,\n        title,\n        value,\n        onChange,\n        titlePosition,\n        theme,\n        details,\n        requiredSelection,\n        disabled,\n        id,\n        'data-name': dataName\n      } = el;\n      return (\n        <div key={index} className={getClassBtnSwitch(index, listBtnSwicth)}>\n          <InputSwitch\n            {...{\n              type,\n              title,\n              value,\n              onChange,\n              titlePosition,\n              theme,\n              details,\n              requiredSelection,\n              disabled,\n              id,\n              'data-name': dataName\n            }}\n          />\n        </div>\n      );\n    })(listBtnSwicth);\n  };\n\n  const renderItems = () => {\n    const {type, list} = items;\n    if (isEmpty(list)) return null;\n\n    if (type === 'content')\n      return (\n        <div className={style.itemsContainer} data-name={'cm-popin-cards'}>\n          <CardsGrid {...list} />\n        </div>\n      );\n    if (type === 'list')\n      return (\n        <div className={style.filesListContainer}>\n          <ListItems {...list} />\n        </div>\n      );\n\n    return null;\n  };\n\n  const wrapperPopinStyle = classNames(\n    mode === 'cookie' && style.popinCookie,\n    mode === 'list' && style.popinFilesList,\n    mode === 'items' && style.popinItems,\n    style.popin\n  );\n  return (\n    <div\n      className={mode !== 'cookie' ? style.background : null}\n      style={backgroundImageStyle}\n      data-name={'cm-popin-container'}\n    >\n      <div className={wrapperPopinStyle} ref={nodeRef}>\n        <header className={style.popinHeader}>\n          {renderHeader()}\n          {onClose ? (\n            <ButtonLinkIconOnly\n              onClick={onClose}\n              data-name={'close-icon'}\n              aria-label={'close-icon'}\n              size=\"small\"\n              icon=\"close\"\n            />\n          ) : null}\n        </header>\n        {mode !== 'items' && mode !== 'list' ? (\n          <div\n            className={\n              mode === 'cookie' || mode === 'information'\n                ? style.cookieTitleContainer\n                : style.titleContainer\n            }\n          >\n            <div className={style.contentSection}>\n              {LogoComponent ? <LogoComponent className={style.icon} /> : null}\n              {content ? (\n                <p\n                  className={mode === 'alert' ? style.content : style.message}\n                  data-name={'cm-popin-content'}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: content}}\n                />\n              ) : null}\n            </div>\n            {descriptionText ? (\n              <p\n                className={style.descriptionText}\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{__html: descriptionText}}\n              />\n            ) : null}\n          </div>\n        ) : null}\n        {descriptionBtnTxt ? <div className={style.descriptionBtn}>{descriptionBtnTxt}</div> : null}\n        {!isEmpty(items) ? renderItems() : null}\n        {renderBtnSwitch()}\n        {firstButton || secondButton || thirdButton ? (\n          <div className={style.buttonContainer}>\n            {firstButton ? (\n              <div className={firstButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={firstButton.label}\n                  onClick={firstButton.handleOnclick}\n                  data-name={'cm-popin-cta'}\n                  aria-label={firstButton['aria-label']}\n                  type={firstButton.type}\n                  customStyle={firstButton.customStyle}\n                />\n              </div>\n            ) : null}\n            {secondButton ? (\n              <div className={secondButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={secondButton.label}\n                  onClick={secondButton.handleOnclick}\n                  data-name={`cm-popin-cta-${secondButton.type}`}\n                  aria-label={secondButton['aria-label']}\n                  type={secondButton.type}\n                  customStyle={secondButton.customStyle}\n                />\n              </div>\n            ) : null}\n            {thirdButton ? (\n              <div className={thirdButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={thirdButton.label}\n                  onClick={thirdButton.handleOnclick}\n                  data-name={`cm-popin-cta-${thirdButton.type}`}\n                  aria-label={thirdButton['aria-label']}\n                  type={thirdButton.type}\n                  customStyle={thirdButton.customStyle}\n                />\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nCMPopin.propTypes = propTypes;\n\nexport default CMPopin;\n"],"mappings":"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"}

package/lib/molecule/cm-popin/style.css

@@ -157,7 +157,8 @@
 }
 
 .popinItems .headerContent {
-  padding: 24px 0px 24px 24px;
+  padding: 24px;
+  width: 612px;
 }
 
 .popinItems .popinHeader button {
@@ -398,6 +399,10 @@ a {
     padding: 0px 0px 8px 0px
   }
 
+  .lockIcon {
+    min-width: 48px;
+  }
+
   .popinCookie .largeButton {
     padding: 8px 0px 0px 0px;
   }
@@ -434,6 +439,10 @@ a {
     width: 100%;
   }
 
+  .lockIcon {
+    min-width: 48px;
+  }
+
   .titleContainer {
     width: 100%;
     margin: 0px 16px;

package/lib/template/common/search-page/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/common/search-page/index.js"],"names":[],"mappings":";AAWA,mEA4DC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/common/search-page/index.js"],"names":[],"mappings":";AAWA,mEA2DC"}

package/lib/template/common/search-page/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["SearchPage","props","context","title","searchFilters","cards","noresultsfound","clearFilters","recommendations","moreSortAriaLabel","moreFilterAriaLabel","filterGroupAriaLabel","sortAriaLabel","popinWithCards","skin","defaultColor","nodeRef","useRef","recommendationsView","cardsView","list","style","noresults","noresultstxt","clear","background","cardsWrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","shape","Filters","CardsGrid","Button","CardsList","CMPopin"],"sources":["../../../../src/template/common/search-page/index.js"],"sourcesContent":["import React, {useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, isEmpty} from 'lodash/fp';\nimport Provider from '../../../atom/provider';\nimport Button from '../../../atom/button';\nimport Filters from '../../../molecule/filters';\nimport CardsGrid from '../../../organism/cards-grid';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport CMPopin from '../../../molecule/cm-popin';\nimport style from './style.css';\n\nconst SearchPage = (props, context) => {\n  const {\n    title,\n    searchFilters,\n    cards,\n    noresultsfound,\n    clearFilters,\n    recommendations,\n    moreSortAriaLabel,\n    moreFilterAriaLabel,\n    filterGroupAriaLabel,\n    sortAriaLabel,\n    popinWithCards\n  } = props;\n\n  const {skin} = context;\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n  const nodeRef = useRef(null);\n  const recommendationsView = isEmpty(recommendations) ? null : <CardsList {...recommendations} />;\n\n  const cardsView = isEmpty(cards.list) ? (\n    <div>\n      <div className={style.noresults}>\n        <div className={style.noresultstxt}>{noresultsfound}</div>\n        <Button\n          {...clearFilters}\n          data-name=\"searchPageClear\"\n          className={style.clear}\n          style={{background: defaultColor}}\n          type=\"link\"\n        />\n      </div>\n      {recommendationsView}\n    </div>\n  ) : (\n    <CardsGrid {...cards} />\n  );\n\n  return (\n    <div>\n      <Filters\n        {...searchFilters}\n        moreSortAriaLabel={moreSortAriaLabel}\n        moreFilterAriaLabel={moreFilterAriaLabel}\n        filterGroupAriaLabel={filterGroupAriaLabel}\n        sortAriaLabel={sortAriaLabel}\n      />\n      <div data-name=\"searchResult\" className={style.cardsWrapper}>\n        <div className={style.title} role=\"status\">\n          {title}\n        </div>\n        {cardsView}\n      </div>\n      {popinWithCards ? (\n        <div className={style.popinWithCards} ref={nodeRef}>\n          <CMPopin {...popinWithCards} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nSearchPage.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSearchPage.propTypes = {\n  noresultsfound: PropTypes.string,\n  title: PropTypes.string,\n  searchFilters: PropTypes.shape(Filters.propTypes),\n  cards: PropTypes.shape(CardsGrid.propTypes),\n  clearFilters: PropTypes.shape(Button.propTypes),\n  recommendations: PropTypes.shape(CardsList.propTypes),\n  moreSortAriaLabel: PropTypes.string,\n  moreFilterAriaLabel: PropTypes.string,\n  filterGroupAriaLabel: PropTypes.string,\n  sortAriaLabel: PropTypes.string,\n  popinWithCards: PropTypes.shape(CMPopin.propTypes)\n};\n\nexport default SearchPage;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,UAAU,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACrC,MAAM;IACJC,KADI;IAEJC,aAFI;IAGJC,KAHI;IAIJC,cAJI;IAKJC,YALI;IAMJC,eANI;IAOJC,iBAPI;IAQJC,mBARI;IASJC,oBATI;IAUJC,aAVI;IAWJC;EAXI,IAYFZ,KAZJ;EAcA,MAAM;IAACa;EAAD,IAASZ,OAAf;EACA,MAAMa,YAAY,GAAG,qBAAM,SAAN,EAAiB,gBAAjB,EAAmCD,IAAnC,CAArB;EACA,MAAME,OAAO,GAAG,IAAAC,aAAA,EAAO,IAAP,CAAhB;EACA,MAAMC,mBAAmB,GAAG,uBAAQV,eAAR,IAA2B,IAA3B,gBAAkC,6BAAC,kBAAD,EAAeA,eAAf,CAA9D;EAEA,MAAMW,SAAS,GAAG,uBAAQd,KAAK,CAACe,IAAd,iBAChB,uDACE;IAAK,SAAS,EAAEC,cAAA,CAAMC;EAAtB,gBACE;IAAK,SAAS,EAAED,cAAA,CAAME;EAAtB,GAAqCjB,cAArC,CADF,eAEE,6BAAC,eAAD,eACMC,YADN;IAEE,aAAU,iBAFZ;IAGE,SAAS,EAAEc,cAAA,CAAMG,KAHnB;IAIE,KAAK,EAAE;MAACC,UAAU,EAAEV;IAAb,CAJT;IAKE,IAAI,EAAC;EALP,GAFF,CADF,EAWGG,mBAXH,CADgB,gBAehB,6BAAC,kBAAD,EAAeb,KAAf,CAfF;EAkBA,oBACE,uDACE,6BAAC,gBAAD,eACMD,aADN;IAEE,iBAAiB,EAAEK,iBAFrB;IAGE,mBAAmB,EAAEC,mBAHvB;IAIE,oBAAoB,EAAEC,oBAJxB;IAKE,aAAa,EAAEC;EALjB,GADF,eAQE;IAAK,aAAU,cAAf;IAA8B,SAAS,EAAES,cAAA,CAAMK;EAA/C,gBACE;IAAK,SAAS,EAAEL,cAAA,CAAMlB,KAAtB;IAA6B,IAAI,EAAC;EAAlC,GACGA,KADH,CADF,EAIGgB,SAJH,CARF,EAcGN,cAAc,gBACb;IAAK,SAAS,EAAEQ,cAAA,CAAMR,cAAtB;IAAsC,GAAG,EAAEG;EAA3C,gBACE,6BAAC,gBAAD,EAAaH,cAAb,CADF,CADa,GAIX,IAlBN,CADF;AAsBD,CA5DD;;AA8DAb,UAAU,CAAC2B,YAAX,GAA0B;EACxBb,IAAI,EAAEc,iBAAA,CAASC,iBAAT,CAA2Bf;AADT,CAA1B;AAIAd,UAAU,CAAC8B,SAAX,2CAAuB;EACrBxB,cAAc,EAAEyB,kBAAA,CAAUC,MADL;EAErB7B,KAAK,EAAE4B,kBAAA,CAAUC,MAFI;EAGrB5B,aAAa,EAAE2B,kBAAA,CAAUE,KAAV,CAAgBC,gBAAA,CAAQJ,SAAxB,CAHM;EAIrBzB,KAAK,EAAE0B,kBAAA,CAAUE,KAAV,CAAgBE,kBAAA,CAAUL,SAA1B,CAJc;EAKrBvB,YAAY,EAAEwB,kBAAA,CAAUE,KAAV,CAAgBG,eAAA,CAAON,SAAvB,CALO;EAMrBtB,eAAe,EAAEuB,kBAAA,CAAUE,KAAV,CAAgBI,kBAAA,CAAUP,SAA1B,CANI;EAOrBrB,iBAAiB,EAAEsB,kBAAA,CAAUC,MAPR;EAQrBtB,mBAAmB,EAAEqB,kBAAA,CAAUC,MARV;EASrBrB,oBAAoB,EAAEoB,kBAAA,CAAUC,MATX;EAUrBpB,aAAa,EAAEmB,kBAAA,CAAUC,MAVJ;EAWrBnB,cAAc,EAAEkB,kBAAA,CAAUE,KAAV,CAAgBK,gBAAA,CAAQR,SAAxB;AAXK,CAAvB;eAce9B,U"}
+{"version":3,"file":"index.js","names":["SearchPage","props","context","title","searchFilters","cards","noresultsfound","clearFilters","recommendations","moreSortAriaLabel","moreFilterAriaLabel","filterGroupAriaLabel","sortAriaLabel","popinWithCards","skin","defaultColor","nodeRef","useRef","recommendationsView","cardsView","list","style","noresults","noresultstxt","clear","background","cardsWrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","shape","Filters","CardsGrid","Button","CardsList","CMPopin"],"sources":["../../../../src/template/common/search-page/index.js"],"sourcesContent":["import React, {useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, isEmpty} from 'lodash/fp';\nimport Provider from '../../../atom/provider';\nimport Button from '../../../atom/button';\nimport Filters from '../../../molecule/filters';\nimport CardsGrid from '../../../organism/cards-grid';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport CMPopin from '../../../molecule/cm-popin';\nimport style from './style.css';\n\nconst SearchPage = (props, context) => {\n  const {\n    title,\n    searchFilters,\n    cards,\n    noresultsfound,\n    clearFilters,\n    recommendations,\n    moreSortAriaLabel,\n    moreFilterAriaLabel,\n    filterGroupAriaLabel,\n    sortAriaLabel,\n    popinWithCards\n  } = props;\n  const {skin} = context;\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n  const nodeRef = useRef(null);\n  const recommendationsView = isEmpty(recommendations) ? null : <CardsList {...recommendations} />;\n\n  const cardsView = isEmpty(cards.list) ? (\n    <div>\n      <div className={style.noresults}>\n        <div className={style.noresultstxt}>{noresultsfound}</div>\n        <Button\n          {...clearFilters}\n          data-name=\"searchPageClear\"\n          className={style.clear}\n          style={{background: defaultColor}}\n          type=\"link\"\n        />\n      </div>\n      {recommendationsView}\n    </div>\n  ) : (\n    <CardsGrid {...cards} />\n  );\n\n  return (\n    <div>\n      <Filters\n        {...searchFilters}\n        moreSortAriaLabel={moreSortAriaLabel}\n        moreFilterAriaLabel={moreFilterAriaLabel}\n        filterGroupAriaLabel={filterGroupAriaLabel}\n        sortAriaLabel={sortAriaLabel}\n      />\n      <div data-name=\"searchResult\" className={style.cardsWrapper}>\n        <div className={style.title} role=\"status\">\n          {title}\n        </div>\n        {cardsView}\n      </div>\n      {popinWithCards ? (\n        <div className={style.popinWithCards} ref={nodeRef}>\n          <CMPopin {...popinWithCards} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nSearchPage.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSearchPage.propTypes = {\n  noresultsfound: PropTypes.string,\n  title: PropTypes.string,\n  searchFilters: PropTypes.shape(Filters.propTypes),\n  cards: PropTypes.shape(CardsGrid.propTypes),\n  clearFilters: PropTypes.shape(Button.propTypes),\n  recommendations: PropTypes.shape(CardsList.propTypes),\n  moreSortAriaLabel: PropTypes.string,\n  moreFilterAriaLabel: PropTypes.string,\n  filterGroupAriaLabel: PropTypes.string,\n  sortAriaLabel: PropTypes.string,\n  popinWithCards: PropTypes.shape(CMPopin.propTypes)\n};\n\nexport default SearchPage;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,UAAU,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACrC,MAAM;IACJC,KADI;IAEJC,aAFI;IAGJC,KAHI;IAIJC,cAJI;IAKJC,YALI;IAMJC,eANI;IAOJC,iBAPI;IAQJC,mBARI;IASJC,oBATI;IAUJC,aAVI;IAWJC;EAXI,IAYFZ,KAZJ;EAaA,MAAM;IAACa;EAAD,IAASZ,OAAf;EACA,MAAMa,YAAY,GAAG,qBAAM,SAAN,EAAiB,gBAAjB,EAAmCD,IAAnC,CAArB;EACA,MAAME,OAAO,GAAG,IAAAC,aAAA,EAAO,IAAP,CAAhB;EACA,MAAMC,mBAAmB,GAAG,uBAAQV,eAAR,IAA2B,IAA3B,gBAAkC,6BAAC,kBAAD,EAAeA,eAAf,CAA9D;EAEA,MAAMW,SAAS,GAAG,uBAAQd,KAAK,CAACe,IAAd,iBAChB,uDACE;IAAK,SAAS,EAAEC,cAAA,CAAMC;EAAtB,gBACE;IAAK,SAAS,EAAED,cAAA,CAAME;EAAtB,GAAqCjB,cAArC,CADF,eAEE,6BAAC,eAAD,eACMC,YADN;IAEE,aAAU,iBAFZ;IAGE,SAAS,EAAEc,cAAA,CAAMG,KAHnB;IAIE,KAAK,EAAE;MAACC,UAAU,EAAEV;IAAb,CAJT;IAKE,IAAI,EAAC;EALP,GAFF,CADF,EAWGG,mBAXH,CADgB,gBAehB,6BAAC,kBAAD,EAAeb,KAAf,CAfF;EAkBA,oBACE,uDACE,6BAAC,gBAAD,eACMD,aADN;IAEE,iBAAiB,EAAEK,iBAFrB;IAGE,mBAAmB,EAAEC,mBAHvB;IAIE,oBAAoB,EAAEC,oBAJxB;IAKE,aAAa,EAAEC;EALjB,GADF,eAQE;IAAK,aAAU,cAAf;IAA8B,SAAS,EAAES,cAAA,CAAMK;EAA/C,gBACE;IAAK,SAAS,EAAEL,cAAA,CAAMlB,KAAtB;IAA6B,IAAI,EAAC;EAAlC,GACGA,KADH,CADF,EAIGgB,SAJH,CARF,EAcGN,cAAc,gBACb;IAAK,SAAS,EAAEQ,cAAA,CAAMR,cAAtB;IAAsC,GAAG,EAAEG;EAA3C,gBACE,6BAAC,gBAAD,EAAaH,cAAb,CADF,CADa,GAIX,IAlBN,CADF;AAsBD,CA3DD;;AA6DAb,UAAU,CAAC2B,YAAX,GAA0B;EACxBb,IAAI,EAAEc,iBAAA,CAASC,iBAAT,CAA2Bf;AADT,CAA1B;AAIAd,UAAU,CAAC8B,SAAX,2CAAuB;EACrBxB,cAAc,EAAEyB,kBAAA,CAAUC,MADL;EAErB7B,KAAK,EAAE4B,kBAAA,CAAUC,MAFI;EAGrB5B,aAAa,EAAE2B,kBAAA,CAAUE,KAAV,CAAgBC,gBAAA,CAAQJ,SAAxB,CAHM;EAIrBzB,KAAK,EAAE0B,kBAAA,CAAUE,KAAV,CAAgBE,kBAAA,CAAUL,SAA1B,CAJc;EAKrBvB,YAAY,EAAEwB,kBAAA,CAAUE,KAAV,CAAgBG,eAAA,CAAON,SAAvB,CALO;EAMrBtB,eAAe,EAAEuB,kBAAA,CAAUE,KAAV,CAAgBI,kBAAA,CAAUP,SAA1B,CANI;EAOrBrB,iBAAiB,EAAEsB,kBAAA,CAAUC,MAPR;EAQrBtB,mBAAmB,EAAEqB,kBAAA,CAAUC,MARV;EASrBrB,oBAAoB,EAAEoB,kBAAA,CAAUC,MATX;EAUrBpB,aAAa,EAAEmB,kBAAA,CAAUC,MAVJ;EAWrBnB,cAAc,EAAEkB,kBAAA,CAAUE,KAAV,CAAgBK,gBAAA,CAAQR,SAAxB;AAXK,CAAvB;eAce9B,U"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "11.19.2-alpha.11+813211358",
+  "version": "11.19.2-alpha.14+8f59eb9f6",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -168,5 +168,5 @@
     "last 2 versions",
     "IE 11"
   ],
-  "gitHead": "8132113583339e8a6e895432300ea2d1bb7a3f2e"
+  "gitHead": "8f59eb9f6000d1e54fd5f38827193fddc030f905"
 }