@coorpacademy/components 11.32.26 → 11.32.28

package/lib/molecule/bullet-point-menu-button/index.js

@@ -7,7 +7,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _buttonLinkIconOnly = _interopRequireDefault(require("../../atom/button-link-icon-only"));
+var _buttonLinkIcon = _interopRequireDefault(require("../../atom/button-link-icon"));
 
 var _buttonMenu = _interopRequireDefault(require("../../atom/button-menu"));
 
@@ -55,7 +55,7 @@ const BulletPointMenuButton = props => {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.bulletPointWrapper,
     "data-name": "bullet-point-wrapper"
-  }, /*#__PURE__*/_react.default.createElement(_buttonLinkIconOnly.default, bulletPointButtonProps), menu);
+  }, /*#__PURE__*/_react.default.createElement(_buttonLinkIcon.default, bulletPointButtonProps), menu);
 };
 
 BulletPointMenuButton.propTypes = process.env.NODE_ENV !== "production" ? _types.default : {};

package/lib/molecule/bullet-point-menu-button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["BulletPointMenuButton","props","disabled","buttonAriaLabel","menuAriaLabel","onClick","buttons","menuButtonClassName","isBulkMenu","handleOnClick","useCallback","menuProps","menu","classnames","style","bulletPointMenu","bulkBulletPointMenu","bulletPointButtonProps","size","icon","className","bulletPointWrapper","propTypes"],"sources":["../../../src/molecule/bullet-point-menu-button/index.tsx"],"sourcesContent":["import React, {useCallback} from 'react';\nimport classnames from 'classnames';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport ButtonMenu from '../../atom/button-menu';\nimport propTypes, {BulletPointMenuButtonProps} from './types';\nimport style from './style.css';\n\nconst BulletPointMenuButton = (props: BulletPointMenuButtonProps) => {\n  const {\n    disabled = false,\n    buttonAriaLabel,\n    menuAriaLabel,\n    onClick,\n    buttons,\n    menuButtonClassName,\n    isBulkMenu\n  } = props;\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n  const menuProps = {\n    'data-name': 'button-menu',\n    buttons\n  };\n\n  const menu = (\n    <div\n      className={classnames(style.bulletPointMenu, isBulkMenu && style.bulkBulletPointMenu)}\n      data-name=\"menu-wrapper\"\n      aria-label={menuAriaLabel}\n    >\n      <ButtonMenu {...menuProps} />\n    </div>\n  );\n  const bulletPointButtonProps = {\n    size: 'default',\n    'aria-label': buttonAriaLabel,\n    'data-name': 'bullet-point-button',\n    icon: 'bullet-point',\n    onClick: handleOnClick,\n    disabled,\n    className: menuButtonClassName\n  };\n\n  return (\n    <div className={style.bulletPointWrapper} data-name=\"bullet-point-wrapper\">\n      <ButtonLinkIconOnly {...bulletPointButtonProps} />\n      {menu}\n    </div>\n  );\n};\n\nBulletPointMenuButton.propTypes = propTypes;\n\nexport default BulletPointMenuButton;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,qBAAqB,GAAIC,KAAD,IAAuC;EACnE,MAAM;IACJC,QAAQ,GAAG,KADP;IAEJC,eAFI;IAGJC,aAHI;IAIJC,OAJI;IAKJC,OALI;IAMJC,mBANI;IAOJC;EAPI,IAQFP,KARJ;EASA,MAAMQ,aAAa,GAAG,IAAAC,kBAAA,EAAY,MAAML,OAAO,EAAzB,EAA6B,CAACA,OAAD,CAA7B,CAAtB;EAEA,MAAMM,SAAS,GAAG;IAChB,aAAa,aADG;IAEhBL;EAFgB,CAAlB;;EAKA,MAAMM,IAAI,gBACR;IACE,SAAS,EAAE,IAAAC,mBAAA,EAAWC,cAAA,CAAMC,eAAjB,EAAkCP,UAAU,IAAIM,cAAA,CAAME,mBAAtD,CADb;IAEE,aAAU,cAFZ;IAGE,cAAYZ;EAHd,gBAKE,6BAAC,mBAAD,EAAgBO,SAAhB,CALF,CADF;;EASA,MAAMM,sBAAsB,GAAG;IAC7BC,IAAI,EAAE,SADuB;IAE7B,cAAcf,eAFe;IAG7B,aAAa,qBAHgB;IAI7BgB,IAAI,EAAE,cAJuB;IAK7Bd,OAAO,EAAEI,aALoB;IAM7BP,QAN6B;IAO7BkB,SAAS,EAAEb;EAPkB,CAA/B;EAUA,oBACE;IAAK,SAAS,EAAEO,cAAA,CAAMO,kBAAtB;IAA0C,aAAU;EAApD,gBACE,6BAAC,2BAAD,EAAwBJ,sBAAxB,CADF,EAEGL,IAFH,CADF;AAMD,CA1CD;;AA4CAZ,qBAAqB,CAACsB,SAAtB,2CAAkCA,cAAlC;eAEetB,qB"}
+{"version":3,"file":"index.js","names":["BulletPointMenuButton","props","disabled","buttonAriaLabel","menuAriaLabel","onClick","buttons","menuButtonClassName","isBulkMenu","handleOnClick","useCallback","menuProps","menu","classnames","style","bulletPointMenu","bulkBulletPointMenu","bulletPointButtonProps","size","icon","className","bulletPointWrapper","propTypes"],"sources":["../../../src/molecule/bullet-point-menu-button/index.tsx"],"sourcesContent":["import React, {useCallback} from 'react';\nimport classnames from 'classnames';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport ButtonMenu from '../../atom/button-menu';\nimport propTypes, {BulletPointMenuButtonProps} from './types';\nimport style from './style.css';\n\nconst BulletPointMenuButton = (props: BulletPointMenuButtonProps) => {\n  const {\n    disabled = false,\n    buttonAriaLabel,\n    menuAriaLabel,\n    onClick,\n    buttons,\n    menuButtonClassName,\n    isBulkMenu\n  } = props;\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n  const menuProps = {\n    'data-name': 'button-menu',\n    buttons\n  };\n\n  const menu = (\n    <div\n      className={classnames(style.bulletPointMenu, isBulkMenu && style.bulkBulletPointMenu)}\n      data-name=\"menu-wrapper\"\n      aria-label={menuAriaLabel}\n    >\n      <ButtonMenu {...menuProps} />\n    </div>\n  );\n  const bulletPointButtonProps = {\n    size: 'default',\n    'aria-label': buttonAriaLabel,\n    'data-name': 'bullet-point-button',\n    icon: 'bullet-point',\n    onClick: handleOnClick,\n    disabled,\n    className: menuButtonClassName\n  };\n\n  return (\n    <div className={style.bulletPointWrapper} data-name=\"bullet-point-wrapper\">\n      <ButtonLinkIcon {...bulletPointButtonProps} />\n      {menu}\n    </div>\n  );\n};\n\nBulletPointMenuButton.propTypes = propTypes;\n\nexport default BulletPointMenuButton;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,qBAAqB,GAAIC,KAAD,IAAuC;EACnE,MAAM;IACJC,QAAQ,GAAG,KADP;IAEJC,eAFI;IAGJC,aAHI;IAIJC,OAJI;IAKJC,OALI;IAMJC,mBANI;IAOJC;EAPI,IAQFP,KARJ;EASA,MAAMQ,aAAa,GAAG,IAAAC,kBAAA,EAAY,MAAML,OAAO,EAAzB,EAA6B,CAACA,OAAD,CAA7B,CAAtB;EAEA,MAAMM,SAAS,GAAG;IAChB,aAAa,aADG;IAEhBL;EAFgB,CAAlB;;EAKA,MAAMM,IAAI,gBACR;IACE,SAAS,EAAE,IAAAC,mBAAA,EAAWC,cAAA,CAAMC,eAAjB,EAAkCP,UAAU,IAAIM,cAAA,CAAME,mBAAtD,CADb;IAEE,aAAU,cAFZ;IAGE,cAAYZ;EAHd,gBAKE,6BAAC,mBAAD,EAAgBO,SAAhB,CALF,CADF;;EASA,MAAMM,sBAAsB,GAAG;IAC7BC,IAAI,EAAE,SADuB;IAE7B,cAAcf,eAFe;IAG7B,aAAa,qBAHgB;IAI7BgB,IAAI,EAAE,cAJuB;IAK7Bd,OAAO,EAAEI,aALoB;IAM7BP,QAN6B;IAO7BkB,SAAS,EAAEb;EAPkB,CAA/B;EAUA,oBACE;IAAK,SAAS,EAAEO,cAAA,CAAMO,kBAAtB;IAA0C,aAAU;EAApD,gBACE,6BAAC,uBAAD,EAAoBJ,sBAApB,CADF,EAEGL,IAFH,CADF;AAMD,CA1CD;;AA4CAZ,qBAAqB,CAACsB,SAAtB,2CAAkCA,cAAlC;eAEetB,qB"}

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

@@ -17,7 +17,7 @@ var _provider = _interopRequireDefault(require("../../atom/provider"));
 
 var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
 
-var _buttonLinkIconOnly = _interopRequireDefault(require("../../atom/button-link-icon-only"));
+var _buttonLinkIcon = _interopRequireDefault(require("../../atom/button-link-icon"));
 
 var _inputSwitch = _interopRequireDefault(require("../../atom/input-switch"));
 
@@ -212,7 +212,7 @@ const CMPopin = props => {
     className: _style.default.popinHeader
   }, renderHeader(), onClose ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.onCloseButton
-  }, /*#__PURE__*/_react.default.createElement(_buttonLinkIconOnly.default, {
+  }, /*#__PURE__*/_react.default.createElement(_buttonLinkIcon.default, {
     onClick: handleCloseButton,
     "data-name": 'close-icon',
     "aria-label": 'close-icon',

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","link","logo","AlertDiamond","WindowUpload","MoonRocket","CheckCircle1","AlertIcon","LogoComponent","backgroundImageStyle","backgroundImage","backgroundSize","handleCloseButton","useMemo","nodeRef","useRef","useEffect","closePopin","e","current","contains","target","handleKeyDown","key","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","onCloseButton","cookieTitleContainer","titleContainer","contentSection","message","__html","descriptionBtn","buttonContainer","largeButton","button","label","handleOnclick","customStyle","propTypes","contextTypes","translate","Provider","childContextTypes"],"sources":["../../../src/molecule/cm-popin/index.js"],"sourcesContent":["import React, {useRef, useEffect, useMemo} 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  NovaSolidInterfaceFeedbackInterfaceAlertRounded as AlertIcon\n} from '@coorpacademy/nova-icons';\nimport map from 'lodash/fp/map';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport classNames from 'classnames';\nimport Provider from '../../atom/provider';\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 Link from '../../atom/link';\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    link\n  } = props;\n  const logo = {\n    AlertDiamond,\n    WindowUpload,\n    MoonRocket,\n    CheckCircle1,\n    AlertIcon\n  };\n  const LogoComponent = logo[icon];\n\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`,\n        backgroundSize: 'cover'\n      }\n    : null;\n  const handleCloseButton = useMemo(() => () => onClose(), [onClose]);\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          handleCloseButton();\n        }\n      };\n      const handleKeyDown = e => {\n        if (e?.key === 'Escape') {\n          handleCloseButton();\n        }\n      };\n      document.addEventListener('click', closePopin);\n      document.addEventListener('touchstart', closePopin);\n      document.addEventListener('keydown', handleKeyDown);\n      return () => {\n        document.removeEventListener('click', closePopin);\n        document.removeEventListener('touchstart', closePopin);\n        document.removeEventListener('keydown', handleKeyDown);\n      };\n    }\n  }, [handleCloseButton, 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  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            <div className={style.onCloseButton}>\n              <ButtonLinkIconOnly\n                onClick={handleCloseButton}\n                data-name={'close-icon'}\n                aria-label={'close-icon'}\n                size=\"small\"\n                icon=\"close\"\n              />\n            </div>\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            {link ? <Link {...link} /> : 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                  icon={secondButton.icon}\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;\nCMPopin.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\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","link","logo","AlertDiamond","WindowUpload","MoonRocket","CheckCircle1","AlertIcon","LogoComponent","backgroundImageStyle","backgroundImage","backgroundSize","handleCloseButton","useMemo","nodeRef","useRef","useEffect","closePopin","e","current","contains","target","handleKeyDown","key","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","onCloseButton","cookieTitleContainer","titleContainer","contentSection","message","__html","descriptionBtn","buttonContainer","largeButton","button","label","handleOnclick","customStyle","propTypes","contextTypes","translate","Provider","childContextTypes"],"sources":["../../../src/molecule/cm-popin/index.js"],"sourcesContent":["import React, {useRef, useEffect, useMemo} 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  NovaSolidInterfaceFeedbackInterfaceAlertRounded as AlertIcon\n} from '@coorpacademy/nova-icons';\nimport map from 'lodash/fp/map';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport classNames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Cta from '../../atom/button-link';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport InputSwitch from '../../atom/input-switch';\nimport Title from '../../atom/title';\nimport CardsGrid from '../../organism/cards-grid';\nimport ListItems from '../../organism/list-items';\nimport Link from '../../atom/link';\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    link\n  } = props;\n  const logo = {\n    AlertDiamond,\n    WindowUpload,\n    MoonRocket,\n    CheckCircle1,\n    AlertIcon\n  };\n  const LogoComponent = logo[icon];\n\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`,\n        backgroundSize: 'cover'\n      }\n    : null;\n  const handleCloseButton = useMemo(() => () => onClose(), [onClose]);\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          handleCloseButton();\n        }\n      };\n      const handleKeyDown = e => {\n        if (e?.key === 'Escape') {\n          handleCloseButton();\n        }\n      };\n      document.addEventListener('click', closePopin);\n      document.addEventListener('touchstart', closePopin);\n      document.addEventListener('keydown', handleKeyDown);\n      return () => {\n        document.removeEventListener('click', closePopin);\n        document.removeEventListener('touchstart', closePopin);\n        document.removeEventListener('keydown', handleKeyDown);\n      };\n    }\n  }, [handleCloseButton, 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  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            <div className={style.onCloseButton}>\n              <ButtonLinkIcon\n                onClick={handleCloseButton}\n                data-name={'close-icon'}\n                aria-label={'close-icon'}\n                size=\"small\"\n                icon=\"close\"\n              />\n            </div>\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            {link ? <Link {...link} /> : 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                  icon={secondButton.icon}\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;\nCMPopin.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default CMPopin;\n"],"mappings":"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"}

package/lib/molecule/expandible-actionable-table/index.js

@@ -17,7 +17,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _buttonLinkIconOnly = _interopRequireDefault(require("../../atom/button-link-icon-only"));
+var _buttonLinkIcon = _interopRequireDefault(require("../../atom/button-link-icon"));
 
 var _statusItem = _interopRequireDefault(require("../../atom/status-item"));
 
@@ -172,7 +172,7 @@ const ActionableExpandableTable = (props, legacyContext) => {
         className: _style.default.columFirstWrapper
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: _style.default.expandButtonWrapper
-      }, isRowExpandible ? /*#__PURE__*/_react.default.createElement(_buttonLinkIconOnly.default, {
+      }, isRowExpandible ? /*#__PURE__*/_react.default.createElement(_buttonLinkIcon.default, {
         onClick: handleExpandRow(index),
         "data-name": `arrowUp-button-${index}`,
         icon: "down",

package/lib/molecule/expandible-actionable-table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["buildField","field","componentType","style","statusItemWrapper","buildLastField","lastField","buildNestedRow","row","ActionableExpandableTable","props","legacyContext","columns","rows","stickyFirstColumn","stickyLastColumn","ariaDescribedby","columnWidth","isNestedTable","emptyStateFistMessage","emptyStateSecondMessage","translate","GetTranslateFromContext","expandedRows","setExpandedRows","useState","expandState","setExpandState","wrapper","handleExpandRow","index","isRowExpanded","newExpandedRows","filter","id","concat","expandedState","forEach","headerRow","map","column","cIndex","title","classnames","headerFirstSticky","headerFirst","header","push","headerLastSticky","headerLast","headerView","bodyView","fields","isRowExpandible","bodyRow","fIndex","cellContent","columFirstWrapper","expandButtonWrapper","columnFirstSticky","columnFirst","col","width","columnLastSticky","columnLast","inspectButton","nestedRow","nestedRowCellule","includes","length","table","theadNested","thead","contextTypes","skin","Provider","childContextTypes","propTypes"],"sources":["../../../src/molecule/expandible-actionable-table/index.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport classnames from 'classnames';\nimport {get, isString, size, includes, isEmpty} from 'lodash/fp';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport StatusItem from '../../atom/status-item';\nimport BulkProgressBar from '../bulk-progress-bar';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport BulletPointMenuButton from '../bullet-point-menu-button';\nimport ButtonLink from '../../atom/button-link';\nimport ErrorsTable from '../errors-table';\nimport EmptySearchResult from '../../atom/empty-search-result';\nimport style from './style.css';\nimport {ExpandState, Field, LastField, NestedRow, Props, propTypes} from './types';\n\nconst buildField = (field: Field) => {\n  if (isString(field)) return field;\n  const {componentType} = field;\n  switch (componentType) {\n    case 'status':\n      return (\n        <div className={style.statusItemWrapper}>\n          <StatusItem {...field} />\n        </div>\n      );\n    case 'progress-bar':\n      return <BulkProgressBar {...field} />;\n  }\n};\n\nconst buildLastField = (lastField: LastField) => {\n  const {componentType} = lastField;\n  switch (componentType) {\n    case 'menu':\n      return <BulletPointMenuButton {...lastField} />;\n    case 'button-link':\n      return <ButtonLink {...lastField} />;\n  }\n};\n\nconst buildNestedRow = (row: NestedRow) => {\n  const {componentType} = row;\n  switch (componentType) {\n    case 'errors-table':\n      return <ErrorsTable {...row} />;\n    case 'expandible-errors-table':\n      return <ActionableExpandableTable {...row} />;\n  }\n};\n\nconst ActionableExpandableTable = (props: Props, legacyContext: WebContextValues) => {\n  const {\n    columns,\n    rows = [],\n    lastField,\n    stickyFirstColumn = false,\n    stickyLastColumn = false,\n    ariaDescribedby,\n    columnWidth = `${100 / size(columns)}%`,\n    isNestedTable = false,\n    emptyStateFistMessage = '',\n    emptyStateSecondMessage = ''\n  } = props;\n\n  const translate = GetTranslateFromContext(legacyContext);\n\n  /**\n   * State variable to keep track of all the expanded rows\n   * By default, nothing expanded. Hence initialized with empty array.\n   */\n  const [expandedRows, setExpandedRows] = useState<number[]>([]);\n\n  /**\n   * State variable to keep track which row is currently expanded.\n   */\n  const [expandState, setExpandState] = useState<ExpandState>({});\n\n  if (isEmpty(columns))\n    return (\n      <div className={style.wrapper}>\n        <EmptySearchResult\n          firstMessage={emptyStateFistMessage}\n          secondMessage={emptyStateSecondMessage}\n          isBulk\n        />\n      </div>\n    );\n\n  /**\n   * This function gets called when show/hide link is clicked.\n   */\n  const handleExpandRow = (index: number) => () => {\n    const isRowExpanded = includes(index, expandedRows);\n\n    /**\n     * If the row is expanded, we are here to hide it. Hence remove\n     * it from the state variable. Otherwise add to it.\n     */\n    const newExpandedRows = isRowExpanded\n      ? expandedRows.filter(id => id !== index)\n      : expandedRows.concat(index);\n\n    setExpandedRows(newExpandedRows);\n\n    /**\n     * Create a new object to update the expanded state of all rows\n     * Use the newExpandedRows array to set the state of all rows that are currently expanded\n     */\n    const expandedState: ExpandState = {};\n    newExpandedRows.forEach(id => {\n      expandedState[id] = true;\n    });\n\n    setExpandState(expandedState);\n  };\n\n  const headerRow = columns.map((column, cIndex) => {\n    const {title} = column;\n    return (\n      <th\n        className={\n          cIndex === 0\n            ? classnames(\n                stickyFirstColumn ? style.headerFirstSticky : style.headerFirst,\n                style.header\n              )\n            : style.header\n        }\n        key={`${title}-${cIndex}`}\n        role=\"columnheader\"\n      >\n        {title}\n      </th>\n    );\n  });\n\n  headerRow.push(\n    <th\n      className={stickyLastColumn ? style.headerLastSticky : style.headerLast}\n      key=\"action-header\"\n    />\n  );\n  const headerView = [...headerRow];\n\n  const bodyView = rows.map((row, index) => {\n    const {fields, isRowExpandible = false} = row;\n    const bodyRow = fields.map((field, fIndex) => {\n      const cellContent =\n        fIndex === 0 ? (\n          <div className={style.columFirstWrapper}>\n            <div className={style.expandButtonWrapper}>\n              {isRowExpandible ? (\n                <ButtonLinkIconOnly\n                  onClick={handleExpandRow(index)}\n                  data-name={`arrowUp-button-${index}`}\n                  icon=\"down\"\n                  className={expandState[index] ? 'bulkArrowUp' : 'bulkArrowDown'}\n                  aria-label={translate('bulk_import.show_errors')}\n                />\n              ) : null}\n            </div>\n            {buildField(field)}\n          </div>\n        ) : (\n          buildField(field)\n        );\n      return (\n        <td\n          className={\n            fIndex === 0\n              ? classnames(\n                  stickyFirstColumn ? style.columnFirstSticky : style.columnFirst,\n                  style.col\n                )\n              : style.col\n          }\n          style={{width: columnWidth}}\n          key={`${field}-${fIndex}`}\n        >\n          {cellContent}\n        </td>\n      );\n    });\n\n    bodyRow.push(\n      <td\n        className={stickyLastColumn ? style.columnLastSticky : style.columnLast}\n        key=\"actionHeader\"\n      >\n        {lastField ? (\n          <div\n            className={classnames({\n              [style.inspectButton]: get('className', lastField) === 'bulkInspectButton'\n            })}\n          >\n            {buildLastField(lastField)}\n          </div>\n        ) : null}\n      </td>\n    );\n    const nestedRow = get('nestedRow', row);\n    const nestedRowCellule =\n      nestedRow && expandedRows.includes(index) ? (\n        <tr key={`line-${index}-error`}>\n          <td className={style.nestedRowCellule} colSpan={fields.length + 2}>\n            {buildNestedRow(nestedRow)}\n          </td>\n        </tr>\n      ) : null;\n\n    return nestedRowCellule\n      ? [<tr key={`line-${index}`}>{bodyRow}</tr>, nestedRowCellule]\n      : [<tr key={`line-${index}`}>{bodyRow}</tr>];\n  });\n\n  return (\n    <div className={style.wrapper}>\n      <table\n        {...(ariaDescribedby ? {'aria-describedby': ariaDescribedby} : {})}\n        className={style.table}\n        data-testid=\"expandible-actionable-table\"\n        data-name=\"expandible-actionable-table\"\n      >\n        <thead className={isNestedTable ? style.theadNested : style.thead}>\n          <tr>{headerView}</tr>\n        </thead>\n        <tbody>{bodyView}</tbody>\n      </table>\n    </div>\n  );\n};\n\nActionableExpandableTable.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nActionableExpandableTable.propTypes = propTypes;\n\nexport default ActionableExpandableTable;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["buildField","field","componentType","style","statusItemWrapper","buildLastField","lastField","buildNestedRow","row","ActionableExpandableTable","props","legacyContext","columns","rows","stickyFirstColumn","stickyLastColumn","ariaDescribedby","columnWidth","isNestedTable","emptyStateFistMessage","emptyStateSecondMessage","translate","GetTranslateFromContext","expandedRows","setExpandedRows","useState","expandState","setExpandState","wrapper","handleExpandRow","index","isRowExpanded","newExpandedRows","filter","id","concat","expandedState","forEach","headerRow","map","column","cIndex","title","classnames","headerFirstSticky","headerFirst","header","push","headerLastSticky","headerLast","headerView","bodyView","fields","isRowExpandible","bodyRow","fIndex","cellContent","columFirstWrapper","expandButtonWrapper","columnFirstSticky","columnFirst","col","width","columnLastSticky","columnLast","inspectButton","nestedRow","nestedRowCellule","includes","length","table","theadNested","thead","contextTypes","skin","Provider","childContextTypes","propTypes"],"sources":["../../../src/molecule/expandible-actionable-table/index.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport classnames from 'classnames';\nimport {get, isString, size, includes, isEmpty} from 'lodash/fp';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport StatusItem from '../../atom/status-item';\nimport BulkProgressBar from '../bulk-progress-bar';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport BulletPointMenuButton from '../bullet-point-menu-button';\nimport ButtonLink from '../../atom/button-link';\nimport ErrorsTable from '../errors-table';\nimport EmptySearchResult from '../../atom/empty-search-result';\nimport style from './style.css';\nimport {ExpandState, Field, LastField, NestedRow, Props, propTypes} from './types';\n\nconst buildField = (field: Field) => {\n  if (isString(field)) return field;\n  const {componentType} = field;\n  switch (componentType) {\n    case 'status':\n      return (\n        <div className={style.statusItemWrapper}>\n          <StatusItem {...field} />\n        </div>\n      );\n    case 'progress-bar':\n      return <BulkProgressBar {...field} />;\n  }\n};\n\nconst buildLastField = (lastField: LastField) => {\n  const {componentType} = lastField;\n  switch (componentType) {\n    case 'menu':\n      return <BulletPointMenuButton {...lastField} />;\n    case 'button-link':\n      return <ButtonLink {...lastField} />;\n  }\n};\n\nconst buildNestedRow = (row: NestedRow) => {\n  const {componentType} = row;\n  switch (componentType) {\n    case 'errors-table':\n      return <ErrorsTable {...row} />;\n    case 'expandible-errors-table':\n      return <ActionableExpandableTable {...row} />;\n  }\n};\n\nconst ActionableExpandableTable = (props: Props, legacyContext: WebContextValues) => {\n  const {\n    columns,\n    rows = [],\n    lastField,\n    stickyFirstColumn = false,\n    stickyLastColumn = false,\n    ariaDescribedby,\n    columnWidth = `${100 / size(columns)}%`,\n    isNestedTable = false,\n    emptyStateFistMessage = '',\n    emptyStateSecondMessage = ''\n  } = props;\n\n  const translate = GetTranslateFromContext(legacyContext);\n\n  /**\n   * State variable to keep track of all the expanded rows\n   * By default, nothing expanded. Hence initialized with empty array.\n   */\n  const [expandedRows, setExpandedRows] = useState<number[]>([]);\n\n  /**\n   * State variable to keep track which row is currently expanded.\n   */\n  const [expandState, setExpandState] = useState<ExpandState>({});\n\n  if (isEmpty(columns))\n    return (\n      <div className={style.wrapper}>\n        <EmptySearchResult\n          firstMessage={emptyStateFistMessage}\n          secondMessage={emptyStateSecondMessage}\n          isBulk\n        />\n      </div>\n    );\n\n  /**\n   * This function gets called when show/hide link is clicked.\n   */\n  const handleExpandRow = (index: number) => () => {\n    const isRowExpanded = includes(index, expandedRows);\n\n    /**\n     * If the row is expanded, we are here to hide it. Hence remove\n     * it from the state variable. Otherwise add to it.\n     */\n    const newExpandedRows = isRowExpanded\n      ? expandedRows.filter(id => id !== index)\n      : expandedRows.concat(index);\n\n    setExpandedRows(newExpandedRows);\n\n    /**\n     * Create a new object to update the expanded state of all rows\n     * Use the newExpandedRows array to set the state of all rows that are currently expanded\n     */\n    const expandedState: ExpandState = {};\n    newExpandedRows.forEach(id => {\n      expandedState[id] = true;\n    });\n\n    setExpandState(expandedState);\n  };\n\n  const headerRow = columns.map((column, cIndex) => {\n    const {title} = column;\n    return (\n      <th\n        className={\n          cIndex === 0\n            ? classnames(\n                stickyFirstColumn ? style.headerFirstSticky : style.headerFirst,\n                style.header\n              )\n            : style.header\n        }\n        key={`${title}-${cIndex}`}\n        role=\"columnheader\"\n      >\n        {title}\n      </th>\n    );\n  });\n\n  headerRow.push(\n    <th\n      className={stickyLastColumn ? style.headerLastSticky : style.headerLast}\n      key=\"action-header\"\n    />\n  );\n  const headerView = [...headerRow];\n\n  const bodyView = rows.map((row, index) => {\n    const {fields, isRowExpandible = false} = row;\n    const bodyRow = fields.map((field, fIndex) => {\n      const cellContent =\n        fIndex === 0 ? (\n          <div className={style.columFirstWrapper}>\n            <div className={style.expandButtonWrapper}>\n              {isRowExpandible ? (\n                <ButtonLinkIcon\n                  onClick={handleExpandRow(index)}\n                  data-name={`arrowUp-button-${index}`}\n                  icon=\"down\"\n                  className={expandState[index] ? 'bulkArrowUp' : 'bulkArrowDown'}\n                  aria-label={translate('bulk_import.show_errors')}\n                />\n              ) : null}\n            </div>\n            {buildField(field)}\n          </div>\n        ) : (\n          buildField(field)\n        );\n      return (\n        <td\n          className={\n            fIndex === 0\n              ? classnames(\n                  stickyFirstColumn ? style.columnFirstSticky : style.columnFirst,\n                  style.col\n                )\n              : style.col\n          }\n          style={{width: columnWidth}}\n          key={`${field}-${fIndex}`}\n        >\n          {cellContent}\n        </td>\n      );\n    });\n\n    bodyRow.push(\n      <td\n        className={stickyLastColumn ? style.columnLastSticky : style.columnLast}\n        key=\"actionHeader\"\n      >\n        {lastField ? (\n          <div\n            className={classnames({\n              [style.inspectButton]: get('className', lastField) === 'bulkInspectButton'\n            })}\n          >\n            {buildLastField(lastField)}\n          </div>\n        ) : null}\n      </td>\n    );\n    const nestedRow = get('nestedRow', row);\n    const nestedRowCellule =\n      nestedRow && expandedRows.includes(index) ? (\n        <tr key={`line-${index}-error`}>\n          <td className={style.nestedRowCellule} colSpan={fields.length + 2}>\n            {buildNestedRow(nestedRow)}\n          </td>\n        </tr>\n      ) : null;\n\n    return nestedRowCellule\n      ? [<tr key={`line-${index}`}>{bodyRow}</tr>, nestedRowCellule]\n      : [<tr key={`line-${index}`}>{bodyRow}</tr>];\n  });\n\n  return (\n    <div className={style.wrapper}>\n      <table\n        {...(ariaDescribedby ? {'aria-describedby': ariaDescribedby} : {})}\n        className={style.table}\n        data-testid=\"expandible-actionable-table\"\n        data-name=\"expandible-actionable-table\"\n      >\n        <thead className={isNestedTable ? style.theadNested : style.thead}>\n          <tr>{headerView}</tr>\n        </thead>\n        <tbody>{bodyView}</tbody>\n      </table>\n    </div>\n  );\n};\n\nActionableExpandableTable.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nActionableExpandableTable.propTypes = propTypes;\n\nexport default ActionableExpandableTable;\n"],"mappings":"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"}

package/lib/molecule/playlist-detail-cover/index.js

@@ -36,7 +36,7 @@ const PlaylistDetailCover = ({
       backgroundSize: 'cover',
       backgroundPosition: 'center'
     };
-  });
+  }, []);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.container
   }, images.length === 1 ? /*#__PURE__*/_react.default.createElement("img", {

package/lib/molecule/playlist-detail-cover/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["FALLBACK_PATH","PlaylistDetailCover","images","firstColumnImages","secondColumnImages","useMemo","imagesClone","splice","length","buildImageStyle","useCallback","type","image","imageUrl","replace","backgroundImage","backgroundSize","backgroundPosition","style","container","imagesWrapper","map","index","propTypes","PropTypes","arrayOf","shape","oneOf","EXTERNAL_COURSE_TYPES","string","isRequired"],"sources":["../../../src/molecule/playlist-detail-cover/index.js"],"sourcesContent":["import React, {useMemo, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {EXTERNAL_COURSE_TYPES} from '../../util/external-content';\nimport style from './style.css';\n\nconst FALLBACK_PATH =\n  'https://s3.eu-west-1.amazonaws.com/static.coorpacademy.com/assets/images/cover-fallback-external-$TYPE.png';\n\nconst PlaylistDetailCover = ({images}) => {\n  const [firstColumnImages, secondColumnImages] = useMemo(() => {\n    const imagesClone = [...images];\n    return [imagesClone.splice(0, imagesClone.length / 2), imagesClone];\n  }, [images]);\n\n  const buildImageStyle = useCallback(({type, image}) => {\n    const imageUrl = image || FALLBACK_PATH.replace('$TYPE', type);\n\n    return {\n      backgroundImage: `url(${imageUrl})`,\n      backgroundSize: 'cover',\n      backgroundPosition: 'center'\n    };\n  });\n\n  return (\n    <div className={style.container}>\n      {images.length === 1 ? (\n        <img className={style.image} style={buildImageStyle(images[0])} />\n      ) : (\n        <>\n          <div className={style.imagesWrapper}>\n            {firstColumnImages.map((image, index) => (\n              <img key={index} className={style.image} style={buildImageStyle(image)} />\n            ))}\n          </div>\n          <div className={style.imagesWrapper}>\n            {secondColumnImages.map((image, index) => (\n              <img key={index} className={style.image} style={buildImageStyle(image)} />\n            ))}\n          </div>\n        </>\n      )}\n    </div>\n  );\n};\n\nPlaylistDetailCover.propTypes = {\n  images: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.oneOf(EXTERNAL_COURSE_TYPES),\n      image: PropTypes.string\n    })\n  ).isRequired\n};\n\nexport default PlaylistDetailCover;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,aAAa,GACjB,4GADF;;AAGA,MAAMC,mBAAmB,GAAG,CAAC;EAACC;AAAD,CAAD,KAAc;EACxC,MAAM,CAACC,iBAAD,EAAoBC,kBAApB,IAA0C,IAAAC,cAAA,EAAQ,MAAM;IAC5D,MAAMC,WAAW,GAAG,CAAC,GAAGJ,MAAJ,CAApB;IACA,OAAO,CAACI,WAAW,CAACC,MAAZ,CAAmB,CAAnB,EAAsBD,WAAW,CAACE,MAAZ,GAAqB,CAA3C,CAAD,EAAgDF,WAAhD,CAAP;EACD,CAH+C,EAG7C,CAACJ,MAAD,CAH6C,CAAhD;EAKA,MAAMO,eAAe,GAAG,IAAAC,kBAAA,EAAY,CAAC;IAACC,IAAD;IAAOC;EAAP,CAAD,KAAmB;IACrD,MAAMC,QAAQ,GAAGD,KAAK,IAAIZ,aAAa,CAACc,OAAd,CAAsB,OAAtB,EAA+BH,IAA/B,CAA1B;IAEA,OAAO;MACLI,eAAe,EAAG,OAAMF,QAAS,GAD5B;MAELG,cAAc,EAAE,OAFX;MAGLC,kBAAkB,EAAE;IAHf,CAAP;EAKD,CARuB,CAAxB;EAUA,oBACE;IAAK,SAAS,EAAEC,cAAA,CAAMC;EAAtB,GACGjB,MAAM,CAACM,MAAP,KAAkB,CAAlB,gBACC;IAAK,SAAS,EAAEU,cAAA,CAAMN,KAAtB;IAA6B,KAAK,EAAEH,eAAe,CAACP,MAAM,CAAC,CAAD,CAAP;EAAnD,EADD,gBAGC,yEACE;IAAK,SAAS,EAAEgB,cAAA,CAAME;EAAtB,GACGjB,iBAAiB,CAACkB,GAAlB,CAAsB,CAACT,KAAD,EAAQU,KAAR,kBACrB;IAAK,GAAG,EAAEA,KAAV;IAAiB,SAAS,EAAEJ,cAAA,CAAMN,KAAlC;IAAyC,KAAK,EAAEH,eAAe,CAACG,KAAD;EAA/D,EADD,CADH,CADF,eAME;IAAK,SAAS,EAAEM,cAAA,CAAME;EAAtB,GACGhB,kBAAkB,CAACiB,GAAnB,CAAuB,CAACT,KAAD,EAAQU,KAAR,kBACtB;IAAK,GAAG,EAAEA,KAAV;IAAiB,SAAS,EAAEJ,cAAA,CAAMN,KAAlC;IAAyC,KAAK,EAAEH,eAAe,CAACG,KAAD;EAA/D,EADD,CADH,CANF,CAJJ,CADF;AAoBD,CApCD;;AAsCAX,mBAAmB,CAACsB,SAApB,2CAAgC;EAC9BrB,MAAM,EAAEsB,kBAAA,CAAUC,OAAV,CACND,kBAAA,CAAUE,KAAV,CAAgB;IACdf,IAAI,EAAEa,kBAAA,CAAUG,KAAV,CAAgBC,sCAAhB,CADQ;IAEdhB,KAAK,EAAEY,kBAAA,CAAUK;EAFH,CAAhB,CADM,EAKNC;AAN4B,CAAhC;eASe7B,mB"}
+{"version":3,"file":"index.js","names":["FALLBACK_PATH","PlaylistDetailCover","images","firstColumnImages","secondColumnImages","useMemo","imagesClone","splice","length","buildImageStyle","useCallback","type","image","imageUrl","replace","backgroundImage","backgroundSize","backgroundPosition","style","container","imagesWrapper","map","index","propTypes","PropTypes","arrayOf","shape","oneOf","EXTERNAL_COURSE_TYPES","string","isRequired"],"sources":["../../../src/molecule/playlist-detail-cover/index.js"],"sourcesContent":["import React, {useMemo, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {EXTERNAL_COURSE_TYPES} from '../../util/external-content';\nimport style from './style.css';\n\nconst FALLBACK_PATH =\n  'https://s3.eu-west-1.amazonaws.com/static.coorpacademy.com/assets/images/cover-fallback-external-$TYPE.png';\n\nconst PlaylistDetailCover = ({images}) => {\n  const [firstColumnImages, secondColumnImages] = useMemo(() => {\n    const imagesClone = [...images];\n    return [imagesClone.splice(0, imagesClone.length / 2), imagesClone];\n  }, [images]);\n\n  const buildImageStyle = useCallback(({type, image}) => {\n    const imageUrl = image || FALLBACK_PATH.replace('$TYPE', type);\n\n    return {\n      backgroundImage: `url(${imageUrl})`,\n      backgroundSize: 'cover',\n      backgroundPosition: 'center'\n    };\n  }, []);\n\n  return (\n    <div className={style.container}>\n      {images.length === 1 ? (\n        <img className={style.image} style={buildImageStyle(images[0])} />\n      ) : (\n        <>\n          <div className={style.imagesWrapper}>\n            {firstColumnImages.map((image, index) => (\n              <img key={index} className={style.image} style={buildImageStyle(image)} />\n            ))}\n          </div>\n          <div className={style.imagesWrapper}>\n            {secondColumnImages.map((image, index) => (\n              <img key={index} className={style.image} style={buildImageStyle(image)} />\n            ))}\n          </div>\n        </>\n      )}\n    </div>\n  );\n};\n\nPlaylistDetailCover.propTypes = {\n  images: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.oneOf(EXTERNAL_COURSE_TYPES),\n      image: PropTypes.string\n    })\n  ).isRequired\n};\n\nexport default PlaylistDetailCover;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,aAAa,GACjB,4GADF;;AAGA,MAAMC,mBAAmB,GAAG,CAAC;EAACC;AAAD,CAAD,KAAc;EACxC,MAAM,CAACC,iBAAD,EAAoBC,kBAApB,IAA0C,IAAAC,cAAA,EAAQ,MAAM;IAC5D,MAAMC,WAAW,GAAG,CAAC,GAAGJ,MAAJ,CAApB;IACA,OAAO,CAACI,WAAW,CAACC,MAAZ,CAAmB,CAAnB,EAAsBD,WAAW,CAACE,MAAZ,GAAqB,CAA3C,CAAD,EAAgDF,WAAhD,CAAP;EACD,CAH+C,EAG7C,CAACJ,MAAD,CAH6C,CAAhD;EAKA,MAAMO,eAAe,GAAG,IAAAC,kBAAA,EAAY,CAAC;IAACC,IAAD;IAAOC;EAAP,CAAD,KAAmB;IACrD,MAAMC,QAAQ,GAAGD,KAAK,IAAIZ,aAAa,CAACc,OAAd,CAAsB,OAAtB,EAA+BH,IAA/B,CAA1B;IAEA,OAAO;MACLI,eAAe,EAAG,OAAMF,QAAS,GAD5B;MAELG,cAAc,EAAE,OAFX;MAGLC,kBAAkB,EAAE;IAHf,CAAP;EAKD,CARuB,EAQrB,EARqB,CAAxB;EAUA,oBACE;IAAK,SAAS,EAAEC,cAAA,CAAMC;EAAtB,GACGjB,MAAM,CAACM,MAAP,KAAkB,CAAlB,gBACC;IAAK,SAAS,EAAEU,cAAA,CAAMN,KAAtB;IAA6B,KAAK,EAAEH,eAAe,CAACP,MAAM,CAAC,CAAD,CAAP;EAAnD,EADD,gBAGC,yEACE;IAAK,SAAS,EAAEgB,cAAA,CAAME;EAAtB,GACGjB,iBAAiB,CAACkB,GAAlB,CAAsB,CAACT,KAAD,EAAQU,KAAR,kBACrB;IAAK,GAAG,EAAEA,KAAV;IAAiB,SAAS,EAAEJ,cAAA,CAAMN,KAAlC;IAAyC,KAAK,EAAEH,eAAe,CAACG,KAAD;EAA/D,EADD,CADH,CADF,eAME;IAAK,SAAS,EAAEM,cAAA,CAAME;EAAtB,GACGhB,kBAAkB,CAACiB,GAAnB,CAAuB,CAACT,KAAD,EAAQU,KAAR,kBACtB;IAAK,GAAG,EAAEA,KAAV;IAAiB,SAAS,EAAEJ,cAAA,CAAMN,KAAlC;IAAyC,KAAK,EAAEH,eAAe,CAACG,KAAD;EAA/D,EADD,CADH,CANF,CAJJ,CADF;AAoBD,CApCD;;AAsCAX,mBAAmB,CAACsB,SAApB,2CAAgC;EAC9BrB,MAAM,EAAEsB,kBAAA,CAAUC,OAAV,CACND,kBAAA,CAAUE,KAAV,CAAgB;IACdf,IAAI,EAAEa,kBAAA,CAAUG,KAAV,CAAgBC,sCAAhB,CADQ;IAEdhB,KAAK,EAAEY,kBAAA,CAAUK;EAFH,CAAhB,CADM,EAKNC;AAN4B,CAAhC;eASe7B,mB"}

package/lib/organism/review-header/index.js

@@ -11,7 +11,7 @@ var _getOr = _interopRequireDefault(require("lodash/fp/getOr"));
 
 var _provider = _interopRequireWildcard(require("../../atom/provider"));
 
-var _buttonLinkIconOnly = _interopRequireDefault(require("../../atom/button-link-icon-only"));
+var _buttonLinkIcon = _interopRequireDefault(require("../../atom/button-link-icon"));
 
 var _reviewHeaderSteps = _interopRequireDefault(require("../../molecule/review-header-steps"));
 
@@ -74,7 +74,7 @@ const ReviewHeader = (props, legacyContext) => {
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.iconButtonWrapper,
     "data-testid": "review-header-close-button-wrapper"
-  }, /*#__PURE__*/_react.default.createElement(_buttonLinkIconOnly.default, buttonProps)));
+  }, /*#__PURE__*/_react.default.createElement(_buttonLinkIcon.default, buttonProps)));
 };
 
 ReviewHeader.propTypes = process.env.NODE_ENV !== "production" ? _types.default : {};

package/lib/organism/review-header/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ReviewHeader","props","legacyContext","steps","mode","skillName","ariaLabel","onQuitClick","hiddenSteps","translate","GetTranslateFromContext","skin","GetSkinFromContext","closeButtonAriaLabel","primarySkinColor","getOr","buttonProps","icon","onClick","size","className","style","review","stepsWrapper","classnames","stepsWrapperAnimation","headerWrapper","titlesWrapper","title","color","iconButtonWrapper","propTypes","contextTypes","Provider","childContextTypes"],"sources":["../../../src/organism/review-header/index.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport getOr from 'lodash/fp/getOr';\nimport Provider, {GetTranslateFromContext, GetSkinFromContext} from '../../atom/provider';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport ReviewHeaderSteps from '../../molecule/review-header-steps';\nimport style from './style.css';\nimport propTypes from './types';\n\nconst ReviewHeader = (props, legacyContext) => {\n  const {steps, mode, skillName, 'aria-label': ariaLabel, onQuitClick, hiddenSteps} = props;\n  const translate = GetTranslateFromContext(legacyContext);\n  const skin = GetSkinFromContext(legacyContext);\n  const closeButtonAriaLabel = translate('close_button_ariaLabel');\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const buttonProps = {\n    icon: 'close',\n    'data-name': 'review-header-close-button',\n    'aria-label': closeButtonAriaLabel,\n    onClick: onQuitClick,\n    size: 'responsive',\n    className: style.review\n  };\n\n  const stepsWrapper = classnames(\n    style.stepsWrapper,\n    hiddenSteps ? style.stepsWrapperAnimation : null\n  );\n\n  return (\n    <div className={style.headerWrapper} data-name=\"review-header\" aria-label={ariaLabel}>\n      <div className={style.titlesWrapper}>\n        <div className={style.title} title={mode} aria-label={mode} data-name=\"review-header-mode\">\n          {mode}\n        </div>\n        <div\n          className={style.skillName}\n          style={{\n            color: primarySkinColor\n          }}\n          title={skillName}\n          aria-label={skillName}\n          data-name=\"review-header-skill-name\"\n        >\n          {skillName}\n        </div>\n      </div>\n\n      <div className={stepsWrapper}>\n        <ReviewHeaderSteps steps={steps} key={'review-header-steps'} />\n      </div>\n\n      <div className={style.iconButtonWrapper} data-testid=\"review-header-close-button-wrapper\">\n        <ButtonLinkIconOnly {...buttonProps} />\n      </div>\n    </div>\n  );\n};\n\nReviewHeader.propTypes = propTypes;\n\nReviewHeader.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nexport default ReviewHeader;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,YAAY,GAAG,CAACC,KAAD,EAAQC,aAAR,KAA0B;EAC7C,MAAM;IAACC,KAAD;IAAQC,IAAR;IAAcC,SAAd;IAAyB,cAAcC,SAAvC;IAAkDC,WAAlD;IAA+DC;EAA/D,IAA8EP,KAApF;EACA,MAAMQ,SAAS,GAAG,IAAAC,iCAAA,EAAwBR,aAAxB,CAAlB;EACA,MAAMS,IAAI,GAAG,IAAAC,4BAAA,EAAmBV,aAAnB,CAAb;EACA,MAAMW,oBAAoB,GAAGJ,SAAS,CAAC,wBAAD,CAAtC;EACA,MAAMK,gBAAgB,GAAG,IAAAC,cAAA,EAAM,SAAN,EAAiB,gBAAjB,EAAmCJ,IAAnC,CAAzB;EAEA,MAAMK,WAAW,GAAG;IAClBC,IAAI,EAAE,OADY;IAElB,aAAa,4BAFK;IAGlB,cAAcJ,oBAHI;IAIlBK,OAAO,EAAEX,WAJS;IAKlBY,IAAI,EAAE,YALY;IAMlBC,SAAS,EAAEC,cAAA,CAAMC;EANC,CAApB;EASA,MAAMC,YAAY,GAAG,IAAAC,mBAAA,EACnBH,cAAA,CAAME,YADa,EAEnBf,WAAW,GAAGa,cAAA,CAAMI,qBAAT,GAAiC,IAFzB,CAArB;EAKA,oBACE;IAAK,SAAS,EAAEJ,cAAA,CAAMK,aAAtB;IAAqC,aAAU,eAA/C;IAA+D,cAAYpB;EAA3E,gBACE;IAAK,SAAS,EAAEe,cAAA,CAAMM;EAAtB,gBACE;IAAK,SAAS,EAAEN,cAAA,CAAMO,KAAtB;IAA6B,KAAK,EAAExB,IAApC;IAA0C,cAAYA,IAAtD;IAA4D,aAAU;EAAtE,GACGA,IADH,CADF,eAIE;IACE,SAAS,EAAEiB,cAAA,CAAMhB,SADnB;IAEE,KAAK,EAAE;MACLwB,KAAK,EAAEf;IADF,CAFT;IAKE,KAAK,EAAET,SALT;IAME,cAAYA,SANd;IAOE,aAAU;EAPZ,GASGA,SATH,CAJF,CADF,eAkBE;IAAK,SAAS,EAAEkB;EAAhB,gBACE,6BAAC,0BAAD;IAAmB,KAAK,EAAEpB,KAA1B;IAAiC,GAAG,EAAE;EAAtC,EADF,CAlBF,eAsBE;IAAK,SAAS,EAAEkB,cAAA,CAAMS,iBAAtB;IAAyC,eAAY;EAArD,gBACE,6BAAC,2BAAD,EAAwBd,WAAxB,CADF,CAtBF,CADF;AA4BD,CAjDD;;AAmDAhB,YAAY,CAAC+B,SAAb,2CAAyBA,cAAzB;AAEA/B,YAAY,CAACgC,YAAb,GAA4B;EAC1BrB,IAAI,EAAEsB,iBAAA,CAASC,iBAAT,CAA2BvB,IADP;EAE1BF,SAAS,EAAEwB,iBAAA,CAASC,iBAAT,CAA2BzB;AAFZ,CAA5B;eAKeT,Y"}
+{"version":3,"file":"index.js","names":["ReviewHeader","props","legacyContext","steps","mode","skillName","ariaLabel","onQuitClick","hiddenSteps","translate","GetTranslateFromContext","skin","GetSkinFromContext","closeButtonAriaLabel","primarySkinColor","getOr","buttonProps","icon","onClick","size","className","style","review","stepsWrapper","classnames","stepsWrapperAnimation","headerWrapper","titlesWrapper","title","color","iconButtonWrapper","propTypes","contextTypes","Provider","childContextTypes"],"sources":["../../../src/organism/review-header/index.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport getOr from 'lodash/fp/getOr';\nimport Provider, {GetTranslateFromContext, GetSkinFromContext} from '../../atom/provider';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport ReviewHeaderSteps from '../../molecule/review-header-steps';\nimport style from './style.css';\nimport propTypes from './types';\n\nconst ReviewHeader = (props, legacyContext) => {\n  const {steps, mode, skillName, 'aria-label': ariaLabel, onQuitClick, hiddenSteps} = props;\n  const translate = GetTranslateFromContext(legacyContext);\n  const skin = GetSkinFromContext(legacyContext);\n  const closeButtonAriaLabel = translate('close_button_ariaLabel');\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const buttonProps = {\n    icon: 'close',\n    'data-name': 'review-header-close-button',\n    'aria-label': closeButtonAriaLabel,\n    onClick: onQuitClick,\n    size: 'responsive',\n    className: style.review\n  };\n\n  const stepsWrapper = classnames(\n    style.stepsWrapper,\n    hiddenSteps ? style.stepsWrapperAnimation : null\n  );\n\n  return (\n    <div className={style.headerWrapper} data-name=\"review-header\" aria-label={ariaLabel}>\n      <div className={style.titlesWrapper}>\n        <div className={style.title} title={mode} aria-label={mode} data-name=\"review-header-mode\">\n          {mode}\n        </div>\n        <div\n          className={style.skillName}\n          style={{\n            color: primarySkinColor\n          }}\n          title={skillName}\n          aria-label={skillName}\n          data-name=\"review-header-skill-name\"\n        >\n          {skillName}\n        </div>\n      </div>\n\n      <div className={stepsWrapper}>\n        <ReviewHeaderSteps steps={steps} key={'review-header-steps'} />\n      </div>\n\n      <div className={style.iconButtonWrapper} data-testid=\"review-header-close-button-wrapper\">\n        <ButtonLinkIcon {...buttonProps} />\n      </div>\n    </div>\n  );\n};\n\nReviewHeader.propTypes = propTypes;\n\nReviewHeader.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nexport default ReviewHeader;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,YAAY,GAAG,CAACC,KAAD,EAAQC,aAAR,KAA0B;EAC7C,MAAM;IAACC,KAAD;IAAQC,IAAR;IAAcC,SAAd;IAAyB,cAAcC,SAAvC;IAAkDC,WAAlD;IAA+DC;EAA/D,IAA8EP,KAApF;EACA,MAAMQ,SAAS,GAAG,IAAAC,iCAAA,EAAwBR,aAAxB,CAAlB;EACA,MAAMS,IAAI,GAAG,IAAAC,4BAAA,EAAmBV,aAAnB,CAAb;EACA,MAAMW,oBAAoB,GAAGJ,SAAS,CAAC,wBAAD,CAAtC;EACA,MAAMK,gBAAgB,GAAG,IAAAC,cAAA,EAAM,SAAN,EAAiB,gBAAjB,EAAmCJ,IAAnC,CAAzB;EAEA,MAAMK,WAAW,GAAG;IAClBC,IAAI,EAAE,OADY;IAElB,aAAa,4BAFK;IAGlB,cAAcJ,oBAHI;IAIlBK,OAAO,EAAEX,WAJS;IAKlBY,IAAI,EAAE,YALY;IAMlBC,SAAS,EAAEC,cAAA,CAAMC;EANC,CAApB;EASA,MAAMC,YAAY,GAAG,IAAAC,mBAAA,EACnBH,cAAA,CAAME,YADa,EAEnBf,WAAW,GAAGa,cAAA,CAAMI,qBAAT,GAAiC,IAFzB,CAArB;EAKA,oBACE;IAAK,SAAS,EAAEJ,cAAA,CAAMK,aAAtB;IAAqC,aAAU,eAA/C;IAA+D,cAAYpB;EAA3E,gBACE;IAAK,SAAS,EAAEe,cAAA,CAAMM;EAAtB,gBACE;IAAK,SAAS,EAAEN,cAAA,CAAMO,KAAtB;IAA6B,KAAK,EAAExB,IAApC;IAA0C,cAAYA,IAAtD;IAA4D,aAAU;EAAtE,GACGA,IADH,CADF,eAIE;IACE,SAAS,EAAEiB,cAAA,CAAMhB,SADnB;IAEE,KAAK,EAAE;MACLwB,KAAK,EAAEf;IADF,CAFT;IAKE,KAAK,EAAET,SALT;IAME,cAAYA,SANd;IAOE,aAAU;EAPZ,GASGA,SATH,CAJF,CADF,eAkBE;IAAK,SAAS,EAAEkB;EAAhB,gBACE,6BAAC,0BAAD;IAAmB,KAAK,EAAEpB,KAA1B;IAAiC,GAAG,EAAE;EAAtC,EADF,CAlBF,eAsBE;IAAK,SAAS,EAAEkB,cAAA,CAAMS,iBAAtB;IAAyC,eAAY;EAArD,gBACE,6BAAC,uBAAD,EAAoBd,WAApB,CADF,CAtBF,CADF;AA4BD,CAjDD;;AAmDAhB,YAAY,CAAC+B,SAAb,2CAAyBA,cAAzB;AAEA/B,YAAY,CAACgC,YAAb,GAA4B;EAC1BrB,IAAI,EAAEsB,iBAAA,CAASC,iBAAT,CAA2BvB,IADP;EAE1BF,SAAS,EAAEwB,iBAAA,CAASC,iBAAT,CAA2BzB;AAFZ,CAA5B;eAKeT,Y"}

package/lib/organism/setup-header/index.js

@@ -15,7 +15,7 @@ var _link = _interopRequireDefault(require("../../atom/link"));
 
 var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
 
-var _buttonLinkIconOnly = _interopRequireDefault(require("../../atom/button-link-icon-only"));
+var _buttonLinkIcon = _interopRequireDefault(require("../../atom/button-link-icon"));
 
 var _style = _interopRequireDefault(require("./style.css"));
 
@@ -128,7 +128,7 @@ const SetupHeader = props => {
     className: (0, _classnames.default)([_style.default.button, _style.default.platformList])
   }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, platformListButtonProps)), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.platformListIcon
-  }, /*#__PURE__*/_react.default.createElement(_buttonLinkIconOnly.default, platformListIconButtonProps)), !isDashboard ? /*#__PURE__*/_react.default.createElement("li", {
+  }, /*#__PURE__*/_react.default.createElement(_buttonLinkIcon.default, platformListIconButtonProps)), !isDashboard ? /*#__PURE__*/_react.default.createElement("li", {
     className: (0, _classnames.default)(_style.default.element, _style.default.platformName)
   }, platformName) : null), /*#__PURE__*/_react.default.createElement("ul", {
     className: _style.default.list

package/lib/organism/setup-header/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["SetupHeader","props","show","updateShow","React","useState","platformName","items","href","user","logo","logoMobile","isHome","isDashboard","image","onMouseEnter","onMouseLeave","platformListButtonProps","type","label","platformList","link","icon","position","platformListIconButtonProps","goAnalyticsButtonProps","globalAnalytics","seeMyPlatformButtonProps","seeMyPlatform","target","logoutButtonProps","logOut","onClick","style","container","wrapper","logoDesktop","list","classnames","button","platformListIcon","element","profilePicture","arrowUp","propTypes","PropTypes","shape","ButtonLink","string","bool","Link","username","Picture","src"],"sources":["../../../src/organism/setup-header/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Picture from '../../atom/picture';\nimport Link from '../../atom/link';\nimport ButtonLink from '../../atom/button-link';\nimport IconLink from '../../atom/button-link-icon-only';\nimport style from './style.css';\n\nconst SetupHeader = props => {\n  const [show, updateShow] = React.useState(false);\n  const {\n    platformName,\n    items,\n    href,\n    user = {},\n    logo,\n    logoMobile,\n    isHome = false,\n    isDashboard = false\n  } = props;\n  const {image = ''} = user;\n\n  function onMouseEnter() {\n    updateShow(true);\n  }\n\n  function onMouseLeave() {\n    updateShow(false);\n  }\n\n  const platformListButtonProps = {\n    type: 'tertiary',\n    label: items.platformList.label,\n    'aria-label': items.platformList.label,\n    'data-name': `platform-list-button`,\n    link: {\n      href: items.platformList.href\n    },\n    icon: {\n      position: 'left',\n      type: 'list'\n    }\n  };\n\n  const platformListIconButtonProps = {\n    'aria-label': items.platformList.label,\n    'data-name': `platform-list-button`,\n    link: {\n      href: items.platformList.href\n    },\n    icon: 'list'\n  };\n\n  const goAnalyticsButtonProps =\n    items.globalAnalytics && isDashboard === false\n      ? {\n          type: 'secondary',\n          label: items.globalAnalytics.label,\n          'aria-label': items.globalAnalytics.label,\n          'data-name': `platform-list-button`,\n          link: {\n            href: items.globalAnalytics.href\n          },\n          icon: {\n            position: 'left',\n            type: 'analytics'\n          }\n        }\n      : null;\n\n  const seeMyPlatformButtonProps = {\n    type: 'primary',\n    label: items.seeMyPlatform.label,\n    'aria-label': items.seeMyPlatform.label,\n    'data-name': `see-my-platform`,\n    link: {\n      href: items.seeMyPlatform.href,\n      target: '_blank'\n    },\n    icon: {\n      position: 'left',\n      type: 'see'\n    }\n  };\n\n  const logoutButtonProps = {\n    type: 'text',\n    label: items.logOut.label,\n    'aria-label': items.logOut.label,\n    'data-name': `logout-list-button`,\n    link: {\n      href: items.logOut.href,\n      onClick: items.logOut.onClick\n    },\n    icon: {\n      position: 'left',\n      type: 'logout'\n    }\n  };\n\n  return (\n    <div className={style.container}>\n      <div className={style.wrapper}>\n        {isHome ? (\n          <div className={style.logo}>\n            <Link href={href}>\n              <Picture className={style.logoDesktop} src={logo} />\n              <Picture className={style.logoMobile} src={logoMobile} />\n            </Link>\n          </div>\n        ) : (\n          <ul className={style.list}>\n            <div className={classnames([style.button, style.platformList])}>\n              <ButtonLink {...platformListButtonProps} />\n            </div>\n            <div className={style.platformListIcon}>\n              <IconLink {...platformListIconButtonProps} />\n            </div>\n            {!isDashboard ? (\n              <li className={classnames(style.element, style.platformName)}>{platformName}</li>\n            ) : null}\n          </ul>\n        )}\n        <ul className={style.list}>\n          {goAnalyticsButtonProps ? (\n            <div className={style.button}>\n              <ButtonLink {...goAnalyticsButtonProps} />\n            </div>\n          ) : null}\n          {isDashboard || isHome ? null : (\n            <div className={style.button}>\n              <ButtonLink {...seeMyPlatformButtonProps} />\n            </div>\n          )}\n          <li onMouseEnter={onMouseEnter} className={style.profilePicture}>\n            <img src={image} />\n          </li>\n          <div className={style.logOut}>\n            <ButtonLink {...logoutButtonProps} />\n          </div>\n        </ul>\n      </div>\n      <div data-name={`logout-${show ? 'show' : 'hide'}`}>\n        <div className={style.arrowUp} />\n        <div className={style.logOut} onMouseLeave={onMouseLeave}>\n          <ButtonLink {...logoutButtonProps} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nSetupHeader.propTypes = {\n  items: PropTypes.shape({\n    seeMyPlatform: PropTypes.shape(ButtonLink.propTypes),\n    logOut: PropTypes.shape(ButtonLink.propTypes),\n    globalAnalytics: PropTypes.shape(ButtonLink.propTypes),\n    platformList: PropTypes.shape(ButtonLink.propTypes)\n  }),\n  platformName: PropTypes.string,\n  isDashboard: PropTypes.bool,\n  isHome: PropTypes.bool,\n  href: Link.propTypes.href,\n  user: PropTypes.shape({\n    username: PropTypes.string,\n    image: PropTypes.string\n  }),\n  logo: Picture.propTypes.src,\n  logoMobile: Picture.propTypes.src\n};\n\nexport default SetupHeader;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["SetupHeader","props","show","updateShow","React","useState","platformName","items","href","user","logo","logoMobile","isHome","isDashboard","image","onMouseEnter","onMouseLeave","platformListButtonProps","type","label","platformList","link","icon","position","platformListIconButtonProps","goAnalyticsButtonProps","globalAnalytics","seeMyPlatformButtonProps","seeMyPlatform","target","logoutButtonProps","logOut","onClick","style","container","wrapper","logoDesktop","list","classnames","button","platformListIcon","element","profilePicture","arrowUp","propTypes","PropTypes","shape","ButtonLink","string","bool","Link","username","Picture","src"],"sources":["../../../src/organism/setup-header/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Picture from '../../atom/picture';\nimport Link from '../../atom/link';\nimport ButtonLink from '../../atom/button-link';\nimport IconLink from '../../atom/button-link-icon';\nimport style from './style.css';\n\nconst SetupHeader = props => {\n  const [show, updateShow] = React.useState(false);\n  const {\n    platformName,\n    items,\n    href,\n    user = {},\n    logo,\n    logoMobile,\n    isHome = false,\n    isDashboard = false\n  } = props;\n  const {image = ''} = user;\n\n  function onMouseEnter() {\n    updateShow(true);\n  }\n\n  function onMouseLeave() {\n    updateShow(false);\n  }\n\n  const platformListButtonProps = {\n    type: 'tertiary',\n    label: items.platformList.label,\n    'aria-label': items.platformList.label,\n    'data-name': `platform-list-button`,\n    link: {\n      href: items.platformList.href\n    },\n    icon: {\n      position: 'left',\n      type: 'list'\n    }\n  };\n\n  const platformListIconButtonProps = {\n    'aria-label': items.platformList.label,\n    'data-name': `platform-list-button`,\n    link: {\n      href: items.platformList.href\n    },\n    icon: 'list'\n  };\n\n  const goAnalyticsButtonProps =\n    items.globalAnalytics && isDashboard === false\n      ? {\n          type: 'secondary',\n          label: items.globalAnalytics.label,\n          'aria-label': items.globalAnalytics.label,\n          'data-name': `platform-list-button`,\n          link: {\n            href: items.globalAnalytics.href\n          },\n          icon: {\n            position: 'left',\n            type: 'analytics'\n          }\n        }\n      : null;\n\n  const seeMyPlatformButtonProps = {\n    type: 'primary',\n    label: items.seeMyPlatform.label,\n    'aria-label': items.seeMyPlatform.label,\n    'data-name': `see-my-platform`,\n    link: {\n      href: items.seeMyPlatform.href,\n      target: '_blank'\n    },\n    icon: {\n      position: 'left',\n      type: 'see'\n    }\n  };\n\n  const logoutButtonProps = {\n    type: 'text',\n    label: items.logOut.label,\n    'aria-label': items.logOut.label,\n    'data-name': `logout-list-button`,\n    link: {\n      href: items.logOut.href,\n      onClick: items.logOut.onClick\n    },\n    icon: {\n      position: 'left',\n      type: 'logout'\n    }\n  };\n\n  return (\n    <div className={style.container}>\n      <div className={style.wrapper}>\n        {isHome ? (\n          <div className={style.logo}>\n            <Link href={href}>\n              <Picture className={style.logoDesktop} src={logo} />\n              <Picture className={style.logoMobile} src={logoMobile} />\n            </Link>\n          </div>\n        ) : (\n          <ul className={style.list}>\n            <div className={classnames([style.button, style.platformList])}>\n              <ButtonLink {...platformListButtonProps} />\n            </div>\n            <div className={style.platformListIcon}>\n              <IconLink {...platformListIconButtonProps} />\n            </div>\n            {!isDashboard ? (\n              <li className={classnames(style.element, style.platformName)}>{platformName}</li>\n            ) : null}\n          </ul>\n        )}\n        <ul className={style.list}>\n          {goAnalyticsButtonProps ? (\n            <div className={style.button}>\n              <ButtonLink {...goAnalyticsButtonProps} />\n            </div>\n          ) : null}\n          {isDashboard || isHome ? null : (\n            <div className={style.button}>\n              <ButtonLink {...seeMyPlatformButtonProps} />\n            </div>\n          )}\n          <li onMouseEnter={onMouseEnter} className={style.profilePicture}>\n            <img src={image} />\n          </li>\n          <div className={style.logOut}>\n            <ButtonLink {...logoutButtonProps} />\n          </div>\n        </ul>\n      </div>\n      <div data-name={`logout-${show ? 'show' : 'hide'}`}>\n        <div className={style.arrowUp} />\n        <div className={style.logOut} onMouseLeave={onMouseLeave}>\n          <ButtonLink {...logoutButtonProps} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nSetupHeader.propTypes = {\n  items: PropTypes.shape({\n    seeMyPlatform: PropTypes.shape(ButtonLink.propTypes),\n    logOut: PropTypes.shape(ButtonLink.propTypes),\n    globalAnalytics: PropTypes.shape(ButtonLink.propTypes),\n    platformList: PropTypes.shape(ButtonLink.propTypes)\n  }),\n  platformName: PropTypes.string,\n  isDashboard: PropTypes.bool,\n  isHome: PropTypes.bool,\n  href: Link.propTypes.href,\n  user: PropTypes.shape({\n    username: PropTypes.string,\n    image: PropTypes.string\n  }),\n  logo: Picture.propTypes.src,\n  logoMobile: Picture.propTypes.src\n};\n\nexport default SetupHeader;\n"],"mappings":"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"}

package/lib/organism/wizard-contents/index.js

@@ -11,7 +11,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
 
-var _buttonLinkIconOnly = _interopRequireDefault(require("../../atom/button-link-icon-only"));
+var _buttonLinkIcon = _interopRequireDefault(require("../../atom/button-link-icon"));
 
 var _wizardSteps = _interopRequireDefault(require("../../atom/wizard-steps"));
 
@@ -59,7 +59,7 @@ const buildHeader = (wizardHeader, actions, steps, tabs) => {
     className: _style.default.header
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.titleWrapper
-  }, /*#__PURE__*/_react.default.createElement(_buttonLinkIconOnly.default, buttonCloseIcon), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement(_buttonLinkIcon.default, buttonCloseIcon), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.headerTitle,
     "data-name": 'content-title'
   }, title)), actions ? /*#__PURE__*/_react.default.createElement("div", {

package/lib/organism/wizard-contents/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["buildHeader","wizardHeader","actions","steps","tabs","title","onClick","buttonCloseIcon","size","icon","style","header","titleWrapper","headerTitle","actionsWrapper","bulletPointMenuButton","buttonLink","firstButtonLink","secondButtonLink","buildView","content","type","buildButton","step","side","ICONS","previous","position","next","publish","label","buttonProps","buildActionZone","previousStep","nextStep","previousButton","nextStepType","getOr","nextButton","actionZone","button","THEMES","container","containerWithoutSummary","footer","footerWithoutSummary","actionFooter","actionFooterWithoutSummary","leftSection","leftSectionWithoutSummary","summary","getTheme","WizardContents","props","isLoading","headerView","view","rightActionView","footerActionView","currentStyle","summaryWrapper","rightSection","stickySection","summaryZone","form","summaryFooter","propTypes","PropTypes","bool","shape","string","func","isRequired","buttonAriaLabel","menuAriaLabel","buttons","arrayOf","ButtonLink","WizardSteps","BrandTabs","WizardSummary","oneOfType","BrandForm","oneOf","ContentTranslate","OrganismSearchAndChipsResults","CourseSelection","CourseSections","RewardsForm","ExpandibleActionableErrorsTable","BulkInfos"],"sources":["../../../src/organism/wizard-contents/index.js"],"sourcesContent":["import React from 'react';\nimport getOr from 'lodash/fp/getOr';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport WizardSteps from '../../atom/wizard-steps';\nimport WizardSummary from '../../molecule/wizard-summary';\nimport BrandForm from '../brand-form';\nimport ContentTranslate from '../content-translation';\nimport OrganismSearchAndChipsResults from '../search-and-chips-results';\nimport CourseSelection from '../course-selection';\nimport CourseSections from '../../molecule/course-sections';\nimport BrandTabs from '../../molecule/brand-tabs';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\nimport RewardsForm from '../rewards-form';\nimport ExpandibleActionableErrorsTable from '../../molecule/expandible-actionable-table';\nimport BulkInfos from '../../molecule/bulk-infos';\nimport style from './style.css';\n\nconst buildHeader = (wizardHeader, actions, steps, tabs) => {\n  const {title, onClick} = wizardHeader;\n\n  const buttonCloseIcon = {\n    size: 'small',\n    'data-name': 'close-button',\n    'aria-label': 'close button',\n    icon: 'close',\n    onClick\n  };\n\n  return (\n    <div>\n      <div className={style.header}>\n        <div className={style.titleWrapper}>\n          <ButtonLinkIconOnly {...buttonCloseIcon} />\n          <div className={style.headerTitle} data-name={'content-title'}>\n            {title}\n          </div>\n        </div>\n        {actions ? (\n          <div className={style.actionsWrapper}>\n            {actions.bulletPointMenuButton ? (\n              <BulletPointMenuButton {...actions.bulletPointMenuButton} />\n            ) : null}\n            <div className={style.buttonLink}>\n              <ButtonLink {...actions.firstButtonLink} />\n            </div>\n            <div className={style.buttonLink}>\n              <ButtonLink {...actions.secondButtonLink} />\n            </div>\n          </div>\n        ) : null}\n      </div>\n      {steps ? <WizardSteps steps={steps} /> : null}\n      {tabs ? (\n        <div className={style.tabs}>\n          <BrandTabs type=\"light\" tabs={tabs} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nconst buildView = content => {\n  const {type} = content;\n  switch (type) {\n    case 'form':\n      return <BrandForm {...content} />;\n    case 'translate':\n      return <ContentTranslate {...content} />;\n    case 'populations':\n      return <OrganismSearchAndChipsResults {...content} />;\n    case 'courses':\n      return <CourseSelection {...content} />;\n    case 'organize-courses':\n      return <CourseSections {...content} />;\n    case 'rewards':\n      return <RewardsForm {...content} />;\n    case 'expandible-table':\n      return <ExpandibleActionableErrorsTable {...content} />;\n    case 'upload-progression':\n      return <BulkInfos {...content} />;\n  }\n};\n\nconst buildButton = (type, step, side) => {\n  const ICONS = {\n    previous: {\n      position: 'left',\n      type: 'chevron-left'\n    },\n    next: {\n      position: 'right',\n      type: 'chevron-right'\n    },\n    publish: {\n      position: 'left',\n      type: 'publish'\n    }\n  };\n\n  const {label, onClick} = step;\n  const buttonProps = {\n    type: type === 'previous' ? 'secondary' : 'primary',\n    'aria-label': `${type} step button`,\n    'data-name': `${type}-step-button-${side}`,\n    icon: ICONS[type],\n    label,\n    onClick\n  };\n\n  return <ButtonLink {...buttonProps} />;\n};\n\nconst buildActionZone = (previousStep, nextStep, side) => {\n  const previousButton = previousStep ? buildButton('previous', previousStep, side) : null;\n  const nextStepType = getOr('next', 'type', nextStep);\n  const nextButton = nextStep ? buildButton(nextStepType, nextStep, side) : null;\n  return (\n    <div className={style.actionZone}>\n      <div className={style.button}>{previousButton}</div>\n      <div className={style.button}>{nextButton}</div>\n    </div>\n  );\n};\n\nconst THEMES = {\n  'no-summary': {\n    container: style.containerWithoutSummary,\n    footer: style.footerWithoutSummary,\n    actionFooter: style.actionFooterWithoutSummary,\n    leftSection: style.leftSectionWithoutSummary\n  },\n  summary: {\n    container: style.container,\n    footer: style.footer,\n    actionFooter: style.actionFooter,\n    leftSection: style.leftSection\n  }\n};\n\nconst getTheme = summary => (summary ? 'summary' : 'no-summary');\n\nconst WizardContents = props => {\n  const {isLoading, wizardHeader, actions, steps, tabs, summary, content, nextStep, previousStep} =\n    props;\n  const headerView = buildHeader(wizardHeader, actions, steps, tabs);\n  const view = buildView({...content, isLoading});\n  const rightActionView = buildActionZone(previousStep, nextStep, 'right');\n  const footerActionView = buildActionZone(previousStep, nextStep, 'footer');\n  const currentStyle = THEMES[getTheme(summary)];\n\n  const summaryWrapper = (\n    <div className={style.rightSection} data-name=\"summary-right-section\">\n      <div className={style.stickySection}>\n        <div className={style.summaryZone} data-name=\"summary-zone\">\n          <WizardSummary {...summary} side={'right'} />\n        </div>\n        {rightActionView}\n      </div>\n    </div>\n  );\n\n  return (\n    <div className={currentStyle.container} data-name=\"content-summary\">\n      <div className={currentStyle.leftSection}>\n        {headerView}\n        <div className={style.form}>{view}</div>\n      </div>\n      {summary ? summaryWrapper : null}\n      <div className={currentStyle.footer} data-name=\"footer-section\">\n        {summary ? (\n          <div className={style.summaryFooter}>\n            <WizardSummary {...summary} side={'footer'} />\n          </div>\n        ) : null}\n        <div className={currentStyle.actionFooter}>{footerActionView}</div>\n      </div>\n    </div>\n  );\n};\n\nWizardContents.propTypes = {\n  isLoading: PropTypes.bool,\n  wizardHeader: PropTypes.shape({\n    title: PropTypes.string,\n    onClick: PropTypes.func\n  }).isRequired,\n  actions: PropTypes.shape({\n    bulletPointMenuButton: PropTypes.shape({\n      buttonAriaLabel: PropTypes.string,\n      menuAriaLabel: PropTypes.string,\n      buttons: PropTypes.arrayOf(\n        PropTypes.shape({\n          'data-name': PropTypes.string,\n          label: PropTypes.string,\n          type: PropTypes.string,\n          onClick: PropTypes.func\n        })\n      ),\n      onClick: PropTypes.func\n    }),\n    firstButtonLink: PropTypes.shape(ButtonLink.propTypes),\n    secondButtonLink: PropTypes.shape(ButtonLink.propTypes)\n  }),\n  steps: WizardSteps.propTypes.steps,\n  tabs: BrandTabs.propTypes.tabs,\n  summary: PropTypes.shape({\n    ...WizardSummary.propTypes\n  }),\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...BrandForm.propTypes,\n      type: PropTypes.oneOf(['form'])\n    }),\n    PropTypes.shape({\n      ...ContentTranslate.propTypes,\n      type: PropTypes.oneOf(['translate'])\n    }),\n    PropTypes.shape({\n      ...OrganismSearchAndChipsResults.propTypes,\n      type: PropTypes.oneOf(['populations'])\n    }),\n    PropTypes.shape({\n      ...CourseSelection.propTypes,\n      type: PropTypes.oneOf(['courses'])\n    }),\n    PropTypes.shape({\n      ...CourseSections.propTypes,\n      type: PropTypes.oneOf(['organize-courses'])\n    }),\n    PropTypes.shape({\n      ...RewardsForm.propTypes,\n      type: PropTypes.oneOf(['rewards'])\n    }),\n    PropTypes.shape({\n      ...ExpandibleActionableErrorsTable.propTypes,\n      type: PropTypes.oneOf(['expandible-table'])\n    }),\n    PropTypes.shape({\n      ...BulkInfos.propTypes,\n      type: PropTypes.oneOf(['upload-progression'])\n    })\n  ]),\n  previousStep: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  }),\n  nextStep: PropTypes.shape({\n    type: PropTypes.oneOf(['next', 'publish']),\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  })\n};\n\nexport default WizardContents;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["buildHeader","wizardHeader","actions","steps","tabs","title","onClick","buttonCloseIcon","size","icon","style","header","titleWrapper","headerTitle","actionsWrapper","bulletPointMenuButton","buttonLink","firstButtonLink","secondButtonLink","buildView","content","type","buildButton","step","side","ICONS","previous","position","next","publish","label","buttonProps","buildActionZone","previousStep","nextStep","previousButton","nextStepType","getOr","nextButton","actionZone","button","THEMES","container","containerWithoutSummary","footer","footerWithoutSummary","actionFooter","actionFooterWithoutSummary","leftSection","leftSectionWithoutSummary","summary","getTheme","WizardContents","props","isLoading","headerView","view","rightActionView","footerActionView","currentStyle","summaryWrapper","rightSection","stickySection","summaryZone","form","summaryFooter","propTypes","PropTypes","bool","shape","string","func","isRequired","buttonAriaLabel","menuAriaLabel","buttons","arrayOf","ButtonLink","WizardSteps","BrandTabs","WizardSummary","oneOfType","BrandForm","oneOf","ContentTranslate","OrganismSearchAndChipsResults","CourseSelection","CourseSections","RewardsForm","ExpandibleActionableErrorsTable","BulkInfos"],"sources":["../../../src/organism/wizard-contents/index.js"],"sourcesContent":["import React from 'react';\nimport getOr from 'lodash/fp/getOr';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport WizardSteps from '../../atom/wizard-steps';\nimport WizardSummary from '../../molecule/wizard-summary';\nimport BrandForm from '../brand-form';\nimport ContentTranslate from '../content-translation';\nimport OrganismSearchAndChipsResults from '../search-and-chips-results';\nimport CourseSelection from '../course-selection';\nimport CourseSections from '../../molecule/course-sections';\nimport BrandTabs from '../../molecule/brand-tabs';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\nimport RewardsForm from '../rewards-form';\nimport ExpandibleActionableErrorsTable from '../../molecule/expandible-actionable-table';\nimport BulkInfos from '../../molecule/bulk-infos';\nimport style from './style.css';\n\nconst buildHeader = (wizardHeader, actions, steps, tabs) => {\n  const {title, onClick} = wizardHeader;\n\n  const buttonCloseIcon = {\n    size: 'small',\n    'data-name': 'close-button',\n    'aria-label': 'close button',\n    icon: 'close',\n    onClick\n  };\n\n  return (\n    <div>\n      <div className={style.header}>\n        <div className={style.titleWrapper}>\n          <ButtonLinkIcon {...buttonCloseIcon} />\n          <div className={style.headerTitle} data-name={'content-title'}>\n            {title}\n          </div>\n        </div>\n        {actions ? (\n          <div className={style.actionsWrapper}>\n            {actions.bulletPointMenuButton ? (\n              <BulletPointMenuButton {...actions.bulletPointMenuButton} />\n            ) : null}\n            <div className={style.buttonLink}>\n              <ButtonLink {...actions.firstButtonLink} />\n            </div>\n            <div className={style.buttonLink}>\n              <ButtonLink {...actions.secondButtonLink} />\n            </div>\n          </div>\n        ) : null}\n      </div>\n      {steps ? <WizardSteps steps={steps} /> : null}\n      {tabs ? (\n        <div className={style.tabs}>\n          <BrandTabs type=\"light\" tabs={tabs} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nconst buildView = content => {\n  const {type} = content;\n  switch (type) {\n    case 'form':\n      return <BrandForm {...content} />;\n    case 'translate':\n      return <ContentTranslate {...content} />;\n    case 'populations':\n      return <OrganismSearchAndChipsResults {...content} />;\n    case 'courses':\n      return <CourseSelection {...content} />;\n    case 'organize-courses':\n      return <CourseSections {...content} />;\n    case 'rewards':\n      return <RewardsForm {...content} />;\n    case 'expandible-table':\n      return <ExpandibleActionableErrorsTable {...content} />;\n    case 'upload-progression':\n      return <BulkInfos {...content} />;\n  }\n};\n\nconst buildButton = (type, step, side) => {\n  const ICONS = {\n    previous: {\n      position: 'left',\n      type: 'chevron-left'\n    },\n    next: {\n      position: 'right',\n      type: 'chevron-right'\n    },\n    publish: {\n      position: 'left',\n      type: 'publish'\n    }\n  };\n\n  const {label, onClick} = step;\n  const buttonProps = {\n    type: type === 'previous' ? 'secondary' : 'primary',\n    'aria-label': `${type} step button`,\n    'data-name': `${type}-step-button-${side}`,\n    icon: ICONS[type],\n    label,\n    onClick\n  };\n\n  return <ButtonLink {...buttonProps} />;\n};\n\nconst buildActionZone = (previousStep, nextStep, side) => {\n  const previousButton = previousStep ? buildButton('previous', previousStep, side) : null;\n  const nextStepType = getOr('next', 'type', nextStep);\n  const nextButton = nextStep ? buildButton(nextStepType, nextStep, side) : null;\n  return (\n    <div className={style.actionZone}>\n      <div className={style.button}>{previousButton}</div>\n      <div className={style.button}>{nextButton}</div>\n    </div>\n  );\n};\n\nconst THEMES = {\n  'no-summary': {\n    container: style.containerWithoutSummary,\n    footer: style.footerWithoutSummary,\n    actionFooter: style.actionFooterWithoutSummary,\n    leftSection: style.leftSectionWithoutSummary\n  },\n  summary: {\n    container: style.container,\n    footer: style.footer,\n    actionFooter: style.actionFooter,\n    leftSection: style.leftSection\n  }\n};\n\nconst getTheme = summary => (summary ? 'summary' : 'no-summary');\n\nconst WizardContents = props => {\n  const {isLoading, wizardHeader, actions, steps, tabs, summary, content, nextStep, previousStep} =\n    props;\n  const headerView = buildHeader(wizardHeader, actions, steps, tabs);\n  const view = buildView({...content, isLoading});\n  const rightActionView = buildActionZone(previousStep, nextStep, 'right');\n  const footerActionView = buildActionZone(previousStep, nextStep, 'footer');\n  const currentStyle = THEMES[getTheme(summary)];\n\n  const summaryWrapper = (\n    <div className={style.rightSection} data-name=\"summary-right-section\">\n      <div className={style.stickySection}>\n        <div className={style.summaryZone} data-name=\"summary-zone\">\n          <WizardSummary {...summary} side={'right'} />\n        </div>\n        {rightActionView}\n      </div>\n    </div>\n  );\n\n  return (\n    <div className={currentStyle.container} data-name=\"content-summary\">\n      <div className={currentStyle.leftSection}>\n        {headerView}\n        <div className={style.form}>{view}</div>\n      </div>\n      {summary ? summaryWrapper : null}\n      <div className={currentStyle.footer} data-name=\"footer-section\">\n        {summary ? (\n          <div className={style.summaryFooter}>\n            <WizardSummary {...summary} side={'footer'} />\n          </div>\n        ) : null}\n        <div className={currentStyle.actionFooter}>{footerActionView}</div>\n      </div>\n    </div>\n  );\n};\n\nWizardContents.propTypes = {\n  isLoading: PropTypes.bool,\n  wizardHeader: PropTypes.shape({\n    title: PropTypes.string,\n    onClick: PropTypes.func\n  }).isRequired,\n  actions: PropTypes.shape({\n    bulletPointMenuButton: PropTypes.shape({\n      buttonAriaLabel: PropTypes.string,\n      menuAriaLabel: PropTypes.string,\n      buttons: PropTypes.arrayOf(\n        PropTypes.shape({\n          'data-name': PropTypes.string,\n          label: PropTypes.string,\n          type: PropTypes.string,\n          onClick: PropTypes.func\n        })\n      ),\n      onClick: PropTypes.func\n    }),\n    firstButtonLink: PropTypes.shape(ButtonLink.propTypes),\n    secondButtonLink: PropTypes.shape(ButtonLink.propTypes)\n  }),\n  steps: WizardSteps.propTypes.steps,\n  tabs: BrandTabs.propTypes.tabs,\n  summary: PropTypes.shape({\n    ...WizardSummary.propTypes\n  }),\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...BrandForm.propTypes,\n      type: PropTypes.oneOf(['form'])\n    }),\n    PropTypes.shape({\n      ...ContentTranslate.propTypes,\n      type: PropTypes.oneOf(['translate'])\n    }),\n    PropTypes.shape({\n      ...OrganismSearchAndChipsResults.propTypes,\n      type: PropTypes.oneOf(['populations'])\n    }),\n    PropTypes.shape({\n      ...CourseSelection.propTypes,\n      type: PropTypes.oneOf(['courses'])\n    }),\n    PropTypes.shape({\n      ...CourseSections.propTypes,\n      type: PropTypes.oneOf(['organize-courses'])\n    }),\n    PropTypes.shape({\n      ...RewardsForm.propTypes,\n      type: PropTypes.oneOf(['rewards'])\n    }),\n    PropTypes.shape({\n      ...ExpandibleActionableErrorsTable.propTypes,\n      type: PropTypes.oneOf(['expandible-table'])\n    }),\n    PropTypes.shape({\n      ...BulkInfos.propTypes,\n      type: PropTypes.oneOf(['upload-progression'])\n    })\n  ]),\n  previousStep: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  }),\n  nextStep: PropTypes.shape({\n    type: PropTypes.oneOf(['next', 'publish']),\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  })\n};\n\nexport default WizardContents;\n"],"mappings":"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"}

package/lib/template/back-office/brand-update/index.js

@@ -49,7 +49,7 @@ var _coorpManager = _interopRequireDefault(require("../../../organism/accordion/
 
 var _cmPopin = _interopRequireDefault(require("../../../molecule/cm-popin"));
 
-var _buttonLinkIconOnly = _interopRequireDefault(require("../../../atom/button-link-icon-only"));
+var _buttonLinkIcon = _interopRequireDefault(require("../../../atom/button-link-icon"));
 
 var _expandibleActionableTable = _interopRequireDefault(require("../../../molecule/expandible-actionable-table"));
 
@@ -158,7 +158,7 @@ const buildDocumentation = documentation => {
     dangerouslySetInnerHTML: {
       __html: content
     }
-  }), onClose ? /*#__PURE__*/_react.default.createElement(_buttonLinkIconOnly.default, {
+  }), onClose ? /*#__PURE__*/_react.default.createElement(_buttonLinkIcon.default, {
     className: _style.default.closeButton,
     onClick: onClose,
     "data-name": 'close-icon',