@coorpacademy/components 11.19.1-alpha.4 → 11.19.1

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["IconType","lockedContent","style","lockIcon","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","renderHeader","title","headerIcon","TopTitleIcon","headerContent","headerTitle","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","background","popinCookie","popin","popinHeader","cookieTitleContainer","titleContainer","contentSection","message","__html","descriptionBtn","itemsContainer","buttonContainer","largeButton","button","label","handleOnclick","customStyle","propTypes"],"sources":["../../../src/molecule/cm-popin/index.js"],"sourcesContent":["import React 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} from '@coorpacademy/nova-icons';\nimport map from 'lodash/fp/map';\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 style from './style.css';\nimport propTypes from './types';\n\nconst IconType = {\n  lockedContent: <LockIcon className={style.lockIcon} />\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 renderHeader = () => {\n    if (header) {\n      const {title, headerIcon, backgroundImage} = header;\n      const TopTitleIcon = IconType[headerIcon];\n      if (title) {\n        return (\n          <div className={style.headerContent}>\n            {TopTitleIcon}\n            <div className={style.headerTitle}>\n              <Title {...title} />\n            </div>\n          </div>\n        );\n      }\n      return <img className={style.headerBackground} src={backgroundImage} />;\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    return null;\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  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  const renderItems = () => {\n    const {type, list} = items;\n    return type === 'content' ? <CardsGrid {...list} /> : null;\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={mode === 'cookie' ? style.popinCookie : style.popin}>\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' ? (\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        {items ? (\n          <div className={style.itemsContainer} data-name={'cm-popin-cards'}>\n            {renderItems()}\n          </div>\n        ) : 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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"}
+{"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","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","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 {\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\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    style.popin\n  );\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}>\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

@@ -73,9 +73,11 @@
   line-height: 20px;
   margin: 0;
 }
+
 .message p {
   margin: 10px 0px;
 }
+
 @keyframes popup {
   0% {
     transform: scale(0);
@@ -140,25 +142,21 @@
 }
 
 .headerContent {
+  gap: 16px;
   display: flex;
+  justify-content: start;
+  align-items: center;
   width: 100%;
-  gap: 16px;
-  padding: 8px;
+  padding-bottom: 16px;
+  border-bottom: 1px solid cm_grey_100;
 }
 
-.headerTitle {
-  width: 612px;
-  margin-bottom: 16px;
-  padding: 2px 0px 2px;
-}
 
 .lockIcon {
   height: 48px;
   width: 48px;
   background-color: negative_100;
   border-radius: 16px;
-  min-width: 48px;
-  min-height: 48px;
   color: cm_negative_200;
 }
 
@@ -178,13 +176,6 @@
   margin: 20px 32px;
 }
 
-.cookieTitleContainer {
-  align-items: center;
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-}
-
 .titleContainer {
   padding-top: 40px;
   align-items: center;
@@ -193,61 +184,6 @@
   width: 100%;
 }
 
-.cookieHeader {
-  width: 100%;
-  background-color: cm_grey_700;
-  padding: 16px 24px;
-  border-radius: 10px 10px 0px 0px;
-  display: flex;
-  align-items: center;
-}
-
-.popinCookie {
-  max-width: 550px;
-  flex-grow: 0;
-  margin: 16px;
-  border-radius: 10px;
-  background-color: cm_grey_50;
-  animation: popup 0.7s;
-  position: fixed;
-  bottom: 32px;
-  left: 32px;
-  z-index: 1000;
-}
-.cookieTitle {
-  font-family: "Gilroy";
-  font-style: normal;
-  font-weight: 700;
-  font-size: 24px;
-  line-height: 32px;
-  color: white;
-  padding-left: 16px;
-}
-.cookieIcon {
-  height: 20px;
-  width: 20px;
-}
-.cookieIconContainer {
-  width: 39px;
-  height: 39px;
-  border-radius: 8px;
-  background-color: cm_blue_50;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.popinCookie .button  {
-  width: 100%;
-  padding: 0px 8px 0px 0px
-}
-.popinCookie .button span {
-  margin: 0
-}
-
-.popinCookie .message {
-  padding: 24px 24px 40px 24px 
-}
-
 .descriptionBtn {
   font-family: "Gilroy";
   font-weight: 500;
@@ -262,7 +198,6 @@
   margin-bottom: 24px;
 }
 
-
 .firstBtnSwitchContainer {
   height: 56px;
   background-color: cm_grey_75;
@@ -270,9 +205,11 @@
   display: flex;
   align-items: center;
 }
+
 .firstBtnSwitchContainer div:first-child {
   margin-left: 9px;
 }
+
 .singleSwitchContainer div:first-child {
  margin-left: 9px;
 }
@@ -289,11 +226,80 @@
   width: 100%;
   margin-top: 24px;
 }
+
 a {
   color: cm_primary_blue;
   text-decoration: none;
 }
 
+/* ---------- COOKIES ---------- */
+.popinCookie {
+  max-width: 550px;
+  flex-grow: 0;
+  margin: 16px;
+  border-radius: 10px;
+  background-color: cm_grey_50;
+  animation: popup 0.7s;
+  position: fixed;
+  bottom: 32px;
+  left: 32px;
+  z-index: 1000;
+}
+
+.cookieHeader {
+  width: 100%;
+  background-color: cm_grey_700;
+  padding: 16px 24px;
+  border-radius: 10px 10px 0px 0px;
+  display: flex;
+  align-items: center;
+}
+
+.cookieIconContainer {
+  width: 39px;
+  height: 39px;
+  border-radius: 8px;
+  background-color: cm_blue_50;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.cookieIcon {
+  height: 20px;
+  width: 20px;
+}
+
+.cookieTitle {
+  font-family: "Gilroy";
+  font-style: normal;
+  font-weight: 700;
+  font-size: 24px;
+  line-height: 32px;
+  color: white;
+  padding-left: 16px;
+}
+
+.cookieTitleContainer {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  width: 100%;
+}
+
+.popinCookie .button  {
+  width: 100%;
+  padding: 0px 8px 0px 0px
+}
+
+.popinCookie .button span {
+  margin: 0
+}
+
+.popinCookie .message {
+  padding: 24px 24px 40px 24px 
+}
+
 .popinCookie .buttonContainer  {
   min-height: 44px;
   padding-bottom: 16px;
@@ -301,6 +307,7 @@ a {
   padding-left: 24px;
   padding-right: 16px;
 }
+
 .popinCookie .largeButton {
   padding: 0px 8px 0px 0px
 }
@@ -309,9 +316,41 @@ a {
   max-height: 369px;
   overflow-y: auto;
   width: 100%;
-  border-top: 1px solid cm_grey_100;
 }
 
+/* ---------- FILES DETAILS ---------- */
+.popinFilesList {
+  font-family: "Gilroy";
+  width: 70%;
+  padding: 16px;
+  border-radius: 20px;
+  background-color: white;
+  animation: popup 0.7s;
+}
+
+.filesListIconContainer {
+  composes: lockIcon;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 12px;
+  background-color: cm_blue_50;
+  color: cm_primary_blue;
+}
+
+.filesListIcon {
+  height: 20px;
+  width: 20px;
+}
+
+.filesListContainer {
+  max-height: 600px;
+  width: 100%;
+  margin-top: 24px;
+  overflow: scroll;
+}
+
+/* ---------- MEDIA QUERIES ---------- */
 @media tablet {
   .popin {
     width: 80%;

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

@@ -1,6 +1,7 @@
 import PropTypes from 'prop-types';
 import { TitleProps } from '../../atom/title/types';
 import CardsGrid from '../../organism/cards-grid';
+import ListItems from '../../organism/list-items';
 declare const propTypes: {
     content: PropTypes.Requireable<string>;
     mode: PropTypes.Requireable<string>;
@@ -45,6 +46,7 @@ declare const propTypes: {
     backgroundImageUrl: PropTypes.Requireable<string>;
     descriptionText: PropTypes.Requireable<string>;
     cookieTitle: PropTypes.Requireable<string>;
+    headerSubtitle: PropTypes.Requireable<string>;
     descriptionBtnTxt: PropTypes.Requireable<string>;
     listBtnSwicth: PropTypes.Requireable<(PropTypes.InferProps<{
         title: PropTypes.Requireable<string>;
@@ -65,10 +67,185 @@ declare const propTypes: {
     }> | null | undefined)[]>;
     items: PropTypes.Requireable<PropTypes.InferProps<{
         type: PropTypes.Requireable<string>;
-        list: PropTypes.Requireable<PropTypes.InferProps<{
+        list: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
             list: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
             loading: PropTypes.Requireable<boolean>;
-        }>>;
+        }> | PropTypes.InferProps<{
+            'aria-label': PropTypes.Requireable<string>;
+            buttonLink: PropTypes.Requireable<PropTypes.InferProps<{
+                type: PropTypes.Requireable<string>;
+                label: PropTypes.Requireable<string>;
+                'aria-label': PropTypes.Requireable<string>;
+                'data-name': PropTypes.Requireable<string>;
+                'data-testid': PropTypes.Requireable<string>;
+                icon: PropTypes.Requireable<PropTypes.InferProps<{
+                    position: PropTypes.Requireable<string>;
+                    type: PropTypes.Requireable<string>;
+                }>>;
+                onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                link: PropTypes.Requireable<PropTypes.InferProps<{
+                    href: PropTypes.Requireable<string>;
+                    download: PropTypes.Requireable<boolean>;
+                    target: PropTypes.Requireable<string>;
+                }>>;
+                disabled: PropTypes.Requireable<boolean>;
+                className: PropTypes.Requireable<string>;
+                customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+            }>>;
+            selectMultiple: PropTypes.Requireable<PropTypes.InferProps<{
+                title: PropTypes.Requireable<string>;
+                placeholder: PropTypes.Requireable<string>;
+                description: PropTypes.Requireable<string>;
+                hint: PropTypes.Requireable<string>;
+                options: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
+                    selected: PropTypes.Validator<boolean>;
+                    name: PropTypes.Validator<string>;
+                    value: PropTypes.Requireable<string>;
+                }>>[]>;
+                onChange: PropTypes.Requireable<(...args: any[]) => any>;
+                onError: PropTypes.Requireable<(...args: any[]) => any>;
+                multiple: PropTypes.Requireable<boolean>;
+                modified: PropTypes.Requireable<boolean>;
+                disabled: PropTypes.Requireable<boolean>;
+                error: PropTypes.Requireable<string>;
+                theme: PropTypes.Requireable<string>;
+            }>>;
+            content: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
+                items: PropTypes.Requireable<(PropTypes.InferProps<{
+                    title: PropTypes.Validator<string>;
+                    dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
+                        label: PropTypes.Requireable<string>;
+                        type: PropTypes.Requireable<string>;
+                        className: PropTypes.Requireable<string>;
+                    }> | null | undefined)[]>;
+                    buttonLink: PropTypes.Requireable<PropTypes.InferProps<{
+                        type: PropTypes.Requireable<string>;
+                        label: PropTypes.Requireable<string>;
+                        ariaLabel: PropTypes.Requireable<string>;
+                        dataName: PropTypes.Requireable<string>;
+                        icon: PropTypes.Requireable<PropTypes.InferProps<{
+                            position: PropTypes.Requireable<string>;
+                            type: PropTypes.Requireable<string>;
+                        }>>;
+                        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                    }>>;
+                    buttonLinkIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                        size: PropTypes.Requireable<string>;
+                        'aria-label': PropTypes.Requireable<string>;
+                        'data-name': PropTypes.Requireable<string>;
+                        icon: PropTypes.Requireable<string>;
+                        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                        link: PropTypes.Requireable<PropTypes.InferProps<{
+                            href: PropTypes.Requireable<string>;
+                            download: PropTypes.Requireable<boolean>;
+                            target: PropTypes.Requireable<string>;
+                        }>>;
+                        disabled: PropTypes.Requireable<boolean>;
+                        className: PropTypes.Requireable<string>;
+                    }>>;
+                    bulletPointMenuButton: PropTypes.Requireable<PropTypes.InferProps<{
+                        buttonAriaLabel: PropTypes.Requireable<string>;
+                        menuAriaLabel: PropTypes.Requireable<string>;
+                        buttons: PropTypes.Requireable<(PropTypes.InferProps<{
+                            'data-name': PropTypes.Requireable<string>;
+                            label: PropTypes.Requireable<string>;
+                            type: PropTypes.Requireable<string>;
+                            onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                        }> | null | undefined)[]>;
+                        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                    }>>;
+                    tags: PropTypes.Requireable<(PropTypes.InferProps<{
+                        label: PropTypes.Requireable<string>;
+                        type: PropTypes.Requireable<string>;
+                    }> | null | undefined)[]>;
+                    isBulkStyle: PropTypes.Requireable<boolean>;
+                    order: PropTypes.Requireable<number>;
+                    'aria-label': PropTypes.Requireable<string>;
+                    contentType: PropTypes.Requireable<string>;
+                    id: PropTypes.Requireable<string>;
+                }> | null | undefined)[]>;
+                type: PropTypes.Requireable<string>;
+                itemType: PropTypes.Requireable<string>;
+                onDrop: PropTypes.Requireable<(...args: any[]) => any>;
+                isDraggable: PropTypes.Requireable<boolean>;
+                tableHeader: PropTypes.Requireable<(string | null | undefined)[]>;
+            }> | PropTypes.InferProps<{
+                type: PropTypes.Requireable<string>;
+                columns: PropTypes.Requireable<(PropTypes.InferProps<{
+                    title: PropTypes.Validator<string>;
+                }> | null | undefined)[]>;
+                rows: PropTypes.Requireable<(PropTypes.InferProps<{
+                    fields: PropTypes.Requireable<(NonNullable<string | PropTypes.InferProps<{
+                        type: PropTypes.Requireable<string>;
+                        current: PropTypes.Requireable<boolean>;
+                        selected: PropTypes.Requireable<boolean>;
+                        icon: PropTypes.Requireable<string>;
+                        value: PropTypes.Requireable<string>;
+                    }> | null | undefined> | null | undefined)[]>;
+                    isRowExpandible: PropTypes.Requireable<boolean>;
+                    lastField: PropTypes.Requireable<NonNullable<string | PropTypes.InferProps<{
+                        type: PropTypes.Requireable<string>;
+                        disabled: PropTypes.Requireable<boolean>;
+                        buttonAriaLabel: PropTypes.Requireable<string>;
+                        menuAriaLabel: PropTypes.Requireable<string>;
+                        buttons: PropTypes.Validator<(PropTypes.InferProps<{
+                            'data-name': PropTypes.Requireable<string>;
+                            disabled: PropTypes.Requireable<boolean>;
+                            label: PropTypes.Validator<string>;
+                            onClick: PropTypes.Validator<(...args: any[]) => any>;
+                            type: PropTypes.Requireable<string>;
+                        }> | null | undefined)[]>;
+                        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                        menuButtonClassName: PropTypes.Requireable<string>;
+                        isBulkMenu: PropTypes.Requireable<boolean>;
+                    }> | null | undefined>>;
+                }> | null | undefined)[]>;
+                stickyFirstColumn: PropTypes.Requireable<boolean>;
+                stickyLastColumn: PropTypes.Requireable<boolean>;
+                columnWidth: PropTypes.Requireable<string>;
+                ariaDescribedby: PropTypes.Requireable<string>;
+                lastField: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
+                    componentType: PropTypes.Requireable<string>;
+                    type: PropTypes.Requireable<string>;
+                    label: PropTypes.Requireable<string>;
+                    'aria-label': PropTypes.Requireable<string>;
+                    'data-name': PropTypes.Requireable<string>;
+                    'data-testid': PropTypes.Requireable<string>;
+                    icon: PropTypes.Requireable<PropTypes.InferProps<{
+                        position: PropTypes.Requireable<string>;
+                        type: PropTypes.Requireable<string>;
+                    }>>;
+                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                    link: PropTypes.Requireable<PropTypes.InferProps<{
+                        href: PropTypes.Requireable<string>;
+                        download: PropTypes.Requireable<boolean>;
+                        target: PropTypes.Requireable<string>;
+                    }>>;
+                    disabled: PropTypes.Requireable<boolean>;
+                    className: PropTypes.Requireable<string>;
+                    customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+                }> | PropTypes.InferProps<{
+                    componentType: PropTypes.Requireable<string>;
+                    disabled: PropTypes.Requireable<boolean>;
+                    buttonAriaLabel: PropTypes.Requireable<string>;
+                    menuAriaLabel: PropTypes.Requireable<string>;
+                    buttons: PropTypes.Validator<(PropTypes.InferProps<{
+                        'data-name': PropTypes.Requireable<string>;
+                        disabled: PropTypes.Requireable<boolean>;
+                        label: PropTypes.Validator<string>;
+                        onClick: PropTypes.Validator<(...args: any[]) => any>;
+                        type: PropTypes.Requireable<string>;
+                    }> | null | undefined)[]>;
+                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                    menuButtonClassName: PropTypes.Requireable<string>;
+                    isBulkMenu: PropTypes.Requireable<boolean>;
+                }> | null | undefined>>;
+                isNestedTable: PropTypes.Requireable<boolean>;
+                emptyStateFirstMessage: PropTypes.Requireable<string>;
+                emptyStateSecondMessage: PropTypes.Requireable<string>;
+            }> | null | undefined>>;
+            title: PropTypes.Requireable<string>;
+        }> | null | undefined>>;
     }>>;
 };
 declare type PopinHeaderProps = {
@@ -89,14 +266,14 @@ export declare type QuitPopinButton = {
 export declare type CMPopinProps = {
     content: string;
     icon: string;
-    mode: string;
+    mode: 'alert' | 'information' | 'cookie' | 'items' | 'list';
     popinHeader?: PopinHeaderProps;
     descriptionText: string;
     firstButton?: QuitPopinButton;
     secondButton?: QuitPopinButton;
     items?: {
-        type: string;
-        list: PropTypes.InferProps<typeof CardsGrid.propTypes>;
+        type: 'content' | 'list';
+        list: PropTypes.InferProps<typeof CardsGrid.propTypes> | PropTypes.InferProps<typeof ListItems.propTypes>;
     };
 };
 export default propTypes;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAInC,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAElD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2Cd,CAAC;AAEF,aAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,UAAU,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE;QACZ,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,CAAC;KACxD,CAAC;CACH,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAInC,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAElD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+Cd,CAAC;AAEF,aAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,UAAU,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE;QACZ,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,OAAO,GAAG,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC5D,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,SAAS,GAAG,MAAM,CAAC;QACzB,IAAI,EACA,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,GAChD,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,CAAC;KACtD,CAAC;CACH,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -13,11 +13,13 @@ var _title = _interopRequireDefault(require("../../atom/title"));
 
 var _cardsGrid = _interopRequireDefault(require("../../organism/cards-grid"));
 
+var _listItems = _interopRequireDefault(require("../../organism/list-items"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const propTypes = {
   content: _propTypes.default.string,
-  mode: _propTypes.default.oneOf(['alert', 'information', 'cookie', 'items']),
+  mode: _propTypes.default.oneOf(['alert', 'information', 'cookie', 'items', 'list']),
   header: _propTypes.default.shape({
     title: _propTypes.default.shape(_title.default.propTypes),
     headerIcon: _propTypes.default.string,
@@ -52,11 +54,12 @@ const propTypes = {
   backgroundImageUrl: _propTypes.default.string,
   descriptionText: _propTypes.default.string,
   cookieTitle: _propTypes.default.string,
+  headerSubtitle: _propTypes.default.string,
   descriptionBtnTxt: _propTypes.default.string,
   listBtnSwicth: _propTypes.default.arrayOf(_propTypes.default.shape(_inputSwitch.default.propTypes)),
   items: _propTypes.default.shape({
-    type: _propTypes.default.string,
-    list: _propTypes.default.shape(_cardsGrid.default.propTypes)
+    type: _propTypes.default.oneOf(['content', 'list']),
+    list: _propTypes.default.oneOfType([_propTypes.default.shape(_cardsGrid.default.propTypes), _propTypes.default.shape(_listItems.default.propTypes)])
   })
 };
 var _default = propTypes;

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["propTypes","content","PropTypes","string","mode","oneOf","header","shape","title","Title","headerIcon","backgroundImage","firstButton","label","handleOnclick","func","largeButton","bool","type","customStyle","Cta","secondButton","thirdButton","onClose","icon","backgroundImageUrl","descriptionText","cookieTitle","descriptionBtnTxt","listBtnSwicth","arrayOf","InputSwitch","items","list","CardsGrid"],"sources":["../../../src/molecule/cm-popin/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Cta from '../../atom/button-link';\nimport InputSwitch from '../../atom/input-switch';\nimport Title from '../../atom/title';\nimport {TitleProps} from '../../atom/title/types';\nimport CardsGrid from '../../organism/cards-grid';\n\nconst propTypes = {\n  content: PropTypes.string,\n  mode: PropTypes.oneOf(['alert', 'information', 'cookie', 'items']),\n  header: PropTypes.shape({\n    title: PropTypes.shape(Title.propTypes),\n    headerIcon: PropTypes.string,\n    backgroundImage: PropTypes.string\n  }),\n  firstButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    'aria-label': PropTypes.string,\n    largeButton: PropTypes.bool,\n    type: PropTypes.oneOf(['dangerous', 'primary', 'secondary', 'tertiary']),\n    customStyle: Cta.propTypes.customStyle\n  }),\n  secondButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    type: PropTypes.oneOf(['dangerous', 'primary', 'secondary']),\n    'aria-label': PropTypes.string,\n    largeButton: PropTypes.bool,\n    customStyle: Cta.propTypes.customStyle\n  }),\n  thirdButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    type: PropTypes.oneOf(['dangerous', 'primary', 'secondary']),\n    'aria-label': PropTypes.string,\n    largeButton: PropTypes.bool,\n    customStyle: Cta.propTypes.customStyle\n  }),\n  onClose: PropTypes.func,\n  icon: PropTypes.string,\n  backgroundImageUrl: PropTypes.string,\n  descriptionText: PropTypes.string,\n  cookieTitle: PropTypes.string,\n  descriptionBtnTxt: PropTypes.string,\n  listBtnSwicth: PropTypes.arrayOf(PropTypes.shape(InputSwitch.propTypes)),\n  items: PropTypes.shape({\n    type: PropTypes.string,\n    list: PropTypes.shape(CardsGrid.propTypes)\n  })\n};\n\ntype PopinHeaderProps = {\n  title: TitleProps;\n  backgroundImage: string;\n  headerIcon: string;\n};\n\nexport type QuitPopinButton = {\n  'aria-label'?: string;\n  label: string;\n  type: string;\n  customStyle?: {\n    backgroundColor?: string;\n    color?: string;\n  };\n  handleOnclick: () => void;\n};\n\nexport type CMPopinProps = {\n  content: string;\n  icon: string;\n  mode: string;\n  popinHeader?: PopinHeaderProps;\n  descriptionText: string;\n  firstButton?: QuitPopinButton;\n  secondButton?: QuitPopinButton;\n  items?: {\n    type: string;\n    list: PropTypes.InferProps<typeof CardsGrid.propTypes>;\n  };\n};\n\nexport default propTypes;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;;;AAEA,MAAMA,SAAS,GAAG;EAChBC,OAAO,EAAEC,kBAAA,CAAUC,MADH;EAEhBC,IAAI,EAAEF,kBAAA,CAAUG,KAAV,CAAgB,CAAC,OAAD,EAAU,aAAV,EAAyB,QAAzB,EAAmC,OAAnC,CAAhB,CAFU;EAGhBC,MAAM,EAAEJ,kBAAA,CAAUK,KAAV,CAAgB;IACtBC,KAAK,EAAEN,kBAAA,CAAUK,KAAV,CAAgBE,cAAA,CAAMT,SAAtB,CADe;IAEtBU,UAAU,EAAER,kBAAA,CAAUC,MAFA;IAGtBQ,eAAe,EAAET,kBAAA,CAAUC;EAHL,CAAhB,CAHQ;EAQhBS,WAAW,EAAEV,kBAAA,CAAUK,KAAV,CAAgB;IAC3BM,KAAK,EAAEX,kBAAA,CAAUC,MADU;IAE3BW,aAAa,EAAEZ,kBAAA,CAAUa,IAFE;IAG3B,cAAcb,kBAAA,CAAUC,MAHG;IAI3Ba,WAAW,EAAEd,kBAAA,CAAUe,IAJI;IAK3BC,IAAI,EAAEhB,kBAAA,CAAUG,KAAV,CAAgB,CAAC,WAAD,EAAc,SAAd,EAAyB,WAAzB,EAAsC,UAAtC,CAAhB,CALqB;IAM3Bc,WAAW,EAAEC,mBAAA,CAAIpB,SAAJ,CAAcmB;EANA,CAAhB,CARG;EAgBhBE,YAAY,EAAEnB,kBAAA,CAAUK,KAAV,CAAgB;IAC5BM,KAAK,EAAEX,kBAAA,CAAUC,MADW;IAE5BW,aAAa,EAAEZ,kBAAA,CAAUa,IAFG;IAG5BG,IAAI,EAAEhB,kBAAA,CAAUG,KAAV,CAAgB,CAAC,WAAD,EAAc,SAAd,EAAyB,WAAzB,CAAhB,CAHsB;IAI5B,cAAcH,kBAAA,CAAUC,MAJI;IAK5Ba,WAAW,EAAEd,kBAAA,CAAUe,IALK;IAM5BE,WAAW,EAAEC,mBAAA,CAAIpB,SAAJ,CAAcmB;EANC,CAAhB,CAhBE;EAwBhBG,WAAW,EAAEpB,kBAAA,CAAUK,KAAV,CAAgB;IAC3BM,KAAK,EAAEX,kBAAA,CAAUC,MADU;IAE3BW,aAAa,EAAEZ,kBAAA,CAAUa,IAFE;IAG3BG,IAAI,EAAEhB,kBAAA,CAAUG,KAAV,CAAgB,CAAC,WAAD,EAAc,SAAd,EAAyB,WAAzB,CAAhB,CAHqB;IAI3B,cAAcH,kBAAA,CAAUC,MAJG;IAK3Ba,WAAW,EAAEd,kBAAA,CAAUe,IALI;IAM3BE,WAAW,EAAEC,mBAAA,CAAIpB,SAAJ,CAAcmB;EANA,CAAhB,CAxBG;EAgChBI,OAAO,EAAErB,kBAAA,CAAUa,IAhCH;EAiChBS,IAAI,EAAEtB,kBAAA,CAAUC,MAjCA;EAkChBsB,kBAAkB,EAAEvB,kBAAA,CAAUC,MAlCd;EAmChBuB,eAAe,EAAExB,kBAAA,CAAUC,MAnCX;EAoChBwB,WAAW,EAAEzB,kBAAA,CAAUC,MApCP;EAqChByB,iBAAiB,EAAE1B,kBAAA,CAAUC,MArCb;EAsChB0B,aAAa,EAAE3B,kBAAA,CAAU4B,OAAV,CAAkB5B,kBAAA,CAAUK,KAAV,CAAgBwB,oBAAA,CAAY/B,SAA5B,CAAlB,CAtCC;EAuChBgC,KAAK,EAAE9B,kBAAA,CAAUK,KAAV,CAAgB;IACrBW,IAAI,EAAEhB,kBAAA,CAAUC,MADK;IAErB8B,IAAI,EAAE/B,kBAAA,CAAUK,KAAV,CAAgB2B,kBAAA,CAAUlC,SAA1B;EAFe,CAAhB;AAvCS,CAAlB;eA4EeA,S"}
+{"version":3,"file":"types.js","names":["propTypes","content","PropTypes","string","mode","oneOf","header","shape","title","Title","headerIcon","backgroundImage","firstButton","label","handleOnclick","func","largeButton","bool","type","customStyle","Cta","secondButton","thirdButton","onClose","icon","backgroundImageUrl","descriptionText","cookieTitle","headerSubtitle","descriptionBtnTxt","listBtnSwicth","arrayOf","InputSwitch","items","list","oneOfType","CardsGrid","ListItems"],"sources":["../../../src/molecule/cm-popin/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Cta from '../../atom/button-link';\nimport InputSwitch from '../../atom/input-switch';\nimport Title from '../../atom/title';\nimport {TitleProps} from '../../atom/title/types';\nimport CardsGrid from '../../organism/cards-grid';\nimport ListItems from '../../organism/list-items';\n\nconst propTypes = {\n  content: PropTypes.string,\n  mode: PropTypes.oneOf(['alert', 'information', 'cookie', 'items', 'list']),\n  header: PropTypes.shape({\n    title: PropTypes.shape(Title.propTypes),\n    headerIcon: PropTypes.string,\n    backgroundImage: PropTypes.string\n  }),\n  firstButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    'aria-label': PropTypes.string,\n    largeButton: PropTypes.bool,\n    type: PropTypes.oneOf(['dangerous', 'primary', 'secondary', 'tertiary']),\n    customStyle: Cta.propTypes.customStyle\n  }),\n  secondButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    type: PropTypes.oneOf(['dangerous', 'primary', 'secondary']),\n    'aria-label': PropTypes.string,\n    largeButton: PropTypes.bool,\n    customStyle: Cta.propTypes.customStyle\n  }),\n  thirdButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    type: PropTypes.oneOf(['dangerous', 'primary', 'secondary']),\n    'aria-label': PropTypes.string,\n    largeButton: PropTypes.bool,\n    customStyle: Cta.propTypes.customStyle\n  }),\n  onClose: PropTypes.func,\n  icon: PropTypes.string,\n  backgroundImageUrl: PropTypes.string,\n  descriptionText: PropTypes.string,\n  cookieTitle: PropTypes.string,\n  headerSubtitle: PropTypes.string,\n  descriptionBtnTxt: PropTypes.string,\n  listBtnSwicth: PropTypes.arrayOf(PropTypes.shape(InputSwitch.propTypes)),\n  items: PropTypes.shape({\n    type: PropTypes.oneOf(['content', 'list']),\n    list: PropTypes.oneOfType([\n      PropTypes.shape(CardsGrid.propTypes),\n      PropTypes.shape(ListItems.propTypes)\n    ])\n  })\n};\n\ntype PopinHeaderProps = {\n  title: TitleProps;\n  backgroundImage: string;\n  headerIcon: string;\n};\n\nexport type QuitPopinButton = {\n  'aria-label'?: string;\n  label: string;\n  type: string;\n  customStyle?: {\n    backgroundColor?: string;\n    color?: string;\n  };\n  handleOnclick: () => void;\n};\n\nexport type CMPopinProps = {\n  content: string;\n  icon: string;\n  mode: 'alert' | 'information' | 'cookie' | 'items' | 'list';\n  popinHeader?: PopinHeaderProps;\n  descriptionText: string;\n  firstButton?: QuitPopinButton;\n  secondButton?: QuitPopinButton;\n  items?: {\n    type: 'content' | 'list';\n    list:\n      | PropTypes.InferProps<typeof CardsGrid.propTypes>\n      | PropTypes.InferProps<typeof ListItems.propTypes>;\n  };\n};\n\nexport default propTypes;\n"],"mappings":"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"}

package/lib/molecule/drag-and-drop-wrapper/index.d.ts

@@ -6,7 +6,7 @@ declare namespace DragAndDropWrapper {
             name: PropTypes.Requireable<string>;
             onChange: PropTypes.Requireable<(...args: any[]) => any>;
             onReset: PropTypes.Requireable<(...args: any[]) => any>;
-            imageTypes: (props: any, propName: any, componentName: any) => Error | null;
+            filesTypes: (props: any, propName: any, componentName: any) => Error | null;
             error: PropTypes.Requireable<string>;
             buttonAriaLabel: PropTypes.Requireable<string>;
             errorButtonLabel: PropTypes.Requireable<string>;
@@ -27,6 +27,7 @@ declare namespace DragAndDropWrapper {
             children: PropTypes.Requireable<(...args: any[]) => any>;
             pdfButtonLabel: PropTypes.Requireable<string>;
             pdfButtonAriaLabel: PropTypes.Requireable<string>;
+            multiple: PropTypes.Requireable<boolean>;
         }> | null | undefined)[]>;
         'data-name': PropTypes.Requireable<string>;
     };