@coorpacademy/components 11.14.1-alpha.3.27 → 11.14.2

package/es/template/external-course/index.js

@@ -3,8 +3,11 @@ import _isNil from "lodash/fp/isNil";
 import _identity from "lodash/fp/identity";
 import _keys from "lodash/fp/keys";
 import _getOr from "lodash/fp/getOr";
-import _get from "lodash/fp/get";
-import React from 'react';
+import _noop from "lodash/fp/noop";
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React, { useCallback, useMemo } from 'react';
 import { NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon } from '@coorpacademy/nova-icons';
 import { convert } from 'css-color-function';
 import classnames from 'classnames';
@@ -14,6 +17,7 @@ import Provider from '../../atom/provider';
 import Loader from '../../atom/loader';
 import Button from '../../atom/button';
 import ExternalContentViewer from '../../molecule/external-content-viewer';
+import CmPopin from '../../molecule/cm-popin';
 import style from './style.css';
 const defaultWrapperStyle = {
   default: style.default,
@@ -21,42 +25,30 @@ const defaultWrapperStyle = {
   mobile: style.default
 };
 
-class ExternalCourse extends React.Component {
-  constructor(...args) {
-    super(...args);
-
-    this.handleOnClick = field => e => {
-      e.stopPropagation();
-      e.preventDefault();
+const ExternalCourse = (props, context) => {
+  const {
+    name,
+    type,
+    url,
+    quit,
+    complete,
+    warning,
+    loading,
+    backgroundImageUrl,
+    contentType,
+    mode = 'default',
+    closePopin
+  } = props;
+  const {
+    skin
+  } = context;
 
-      const onClick = _get('onClick', field);
+  const primary = _getOr('#00B0FF', 'common.primary', skin);
 
-      return onClick && onClick(e);
-    };
-  }
-
-  render() {
-    const {
-      name,
-      type,
-      url,
-      warning,
-      complete,
-      quit,
-      loading,
-      backgroundImageUrl,
-      contentType,
-      mode = 'default'
-    } = this.props;
-    const {
-      skin
-    } = this.context;
-
-    const primary = _getOr('#00B0FF', 'common.primary', skin);
-
-    const IconType = EXTERNAL_CONTENT_ICONS[type].icon;
-    const IconColor = EXTERNAL_CONTENT_ICONS[type].color;
-    const mainContentSlot = loading ? /*#__PURE__*/React.createElement("div", {
+  const IconType = EXTERNAL_CONTENT_ICONS[type].icon;
+  const IconColor = EXTERNAL_CONTENT_ICONS[type].color;
+  const mainContentSlot = useMemo(() => {
+    return loading ? /*#__PURE__*/React.createElement("div", {
       className: style.loader
     }, /*#__PURE__*/React.createElement(Loader, null)) : /*#__PURE__*/React.createElement(ExternalContentViewer, {
       url: url,
@@ -64,34 +56,52 @@ class ExternalCourse extends React.Component {
       backgroundImageUrl: backgroundImageUrl,
       contentType: contentType
     });
-    const completeButton = !_isNil(complete) ? /*#__PURE__*/React.createElement(Button, {
+  }, [loading, url, mode, contentType, backgroundImageUrl]);
+  const handleOnClick = useCallback(field => {
+    const onClick = _getOr(_noop, ['onClick'], field);
+
+    return e => {
+      e.stopPropagation();
+      e.preventDefault();
+      return onClick(e);
+    };
+  }, []);
+  const completeButton = useMemo(() => {
+    return !_isNil(complete) ? /*#__PURE__*/React.createElement(Button, {
       type: "button",
       disabled: loading ? true : complete.disabled,
-      onClick: loading ? _identity : this.handleOnClick(complete),
+      onClick: loading ? _identity : handleOnClick(complete),
       submitValue: complete.label,
       style: {
         backgroundColor: complete.disabled || loading ? convert(`color(${primary} a(-50%))`) : primary,
         cursor: loading ? 'progress' : 'pointer'
       },
-      className: classnames(style.completeCta, complete.disabled || loading ? style.disabled : null, loading ? style.loading : null)
+      className: classnames(style.completeCta, complete.disabled || loading ? style.disabled : null, loading ? style.loading : null),
+      "data-testid": "complete-button"
     }) : null;
-    const warningButton = !_isNil(warning) ? /*#__PURE__*/React.createElement("div", {
+  }, [complete, loading, primary, handleOnClick]);
+  const warningButton = useMemo(() => {
+    return !_isNil(warning) ? /*#__PURE__*/React.createElement("div", {
       className: style.leftSection
     }, /*#__PURE__*/React.createElement("div", {
-      onClick: this.handleOnClick(warning),
+      onClick: handleOnClick(warning),
       className: classnames(style.iconLabel, style.link)
     }, /*#__PURE__*/React.createElement(QuestionIcon, {
       className: style.iconQuestion,
       width: 24,
       height: 24
     }), /*#__PURE__*/React.createElement("span", null, warning.label))) : null;
-    const quitButton = !_isNil(quit) ? /*#__PURE__*/React.createElement("div", {
+  }, [handleOnClick, warning]);
+  const quitButton = useMemo(() => {
+    return !_isNil(quit) ? /*#__PURE__*/React.createElement("div", {
       className: style.leftSection
     }, /*#__PURE__*/React.createElement("span", {
       className: classnames(style.quitCta, loading ? style.loading : null),
-      onClick: loading ? _identity : this.handleOnClick(quit)
+      onClick: loading ? _identity : handleOnClick(quit)
     }, quit.label)) : null;
-    const titleSection = !_isNil(name) ? /*#__PURE__*/React.createElement("div", {
+  }, [quit, loading, handleOnClick]);
+  const titleSection = useMemo(() => {
+    return !_isNil(name) ? /*#__PURE__*/React.createElement("div", {
       className: classnames(style.iconLabel, style.title)
     }, /*#__PURE__*/React.createElement("div", {
       className: style.oval,
@@ -107,26 +117,29 @@ class ExternalCourse extends React.Component {
         __html: name
       }
     })) : null;
-    const header = !_isNil(quit) || !_isEmpty(name) ? /*#__PURE__*/React.createElement("div", {
+  }, [name, IconColor]);
+  const header = useMemo(() => {
+    return !_isNil(quit) || !_isEmpty(name) ? /*#__PURE__*/React.createElement("div", {
       className: style.header
     }, quitButton, titleSection, _isNil(quit) ? null : /*#__PURE__*/React.createElement("div", {
       className: style.rightSection
     })) : null;
-    const footer = !_isNil(warning) || !_isNil(complete) ? /*#__PURE__*/React.createElement("div", {
+  }, [name, titleSection, quit, quitButton]);
+  const footer = useMemo(() => {
+    return !_isNil(warning) || !_isNil(complete) ? /*#__PURE__*/React.createElement("div", {
       className: style.footer
     }, warningButton, completeButton, _isNil(warning) ? null : /*#__PURE__*/React.createElement("div", {
       className: style.rightSection
     })) : null;
-    return /*#__PURE__*/React.createElement("div", {
-      className: defaultWrapperStyle[mode]
-    }, header, mainContentSlot, footer);
-  }
-
-}
-
-ExternalCourse.contextTypes = {
-  skin: Provider.childContextTypes.skin
+  }, [warning, warningButton, complete, completeButton]);
+  const popin = useMemo(() => {
+    return !_isNil(closePopin) ? /*#__PURE__*/React.createElement(CmPopin, closePopin) : null;
+  }, [closePopin]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: defaultWrapperStyle[mode]
+  }, header, popin, mainContentSlot, footer);
 };
+
 ExternalCourse.propTypes = process.env.NODE_ENV !== "production" ? {
   name: PropTypes.string,
   type: PropTypes.oneOf(_keys(EXTERNAL_CONTENT_ICONS)),
@@ -147,7 +160,11 @@ ExternalCourse.propTypes = process.env.NODE_ENV !== "production" ? {
   loading: PropTypes.bool,
   backgroundImageUrl: PropTypes.string,
   contentType: PropTypes.string,
-  mode: PropTypes.string
+  mode: PropTypes.string,
+  closePopin: PropTypes.shape(_extends({}, CmPopin.propTypes))
 } : {};
+ExternalCourse.contextTypes = {
+  skin: Provider.childContextTypes.skin
+};
 export default ExternalCourse;
 //# sourceMappingURL=index.js.map

package/es/template/external-course/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionIcon","convert","classnames","PropTypes","EXTERNAL_CONTENT_ICONS","Provider","Loader","Button","ExternalContentViewer","style","defaultWrapperStyle","default","cockpit","defaultCockpit","mobile","ExternalCourse","Component","handleOnClick","field","e","stopPropagation","preventDefault","onClick","render","name","type","url","warning","complete","quit","loading","backgroundImageUrl","contentType","mode","props","skin","context","primary","IconType","icon","IconColor","color","mainContentSlot","loader","completeButton","disabled","label","backgroundColor","cursor","completeCta","warningButton","leftSection","iconLabel","link","iconQuestion","quitButton","quitCta","titleSection","title","oval","iconHeader","innerHTML","__html","header","rightSection","footer","contextTypes","childContextTypes","propTypes","string","oneOf","isRequired","shape","func","bool"],"sources":["../../../src/template/external-course/index.js"],"sourcesContent":["import React from 'react';\nimport {NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon} from '@coorpacademy/nova-icons';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport {get, getOr, keys, identity, isNil, isEmpty} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport {EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport Loader from '../../atom/loader';\nimport Button from '../../atom/button';\nimport ExternalContentViewer from '../../molecule/external-content-viewer';\nimport style from './style.css';\n\nconst defaultWrapperStyle = {\n  default: style.default,\n  cockpit: style.defaultCockpit,\n  mobile: style.default\n};\n\nclass ExternalCourse extends React.Component {\n  static propTypes = {\n    name: PropTypes.string,\n    type: PropTypes.oneOf(keys(EXTERNAL_CONTENT_ICONS)),\n    url: PropTypes.string.isRequired,\n    quit: PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      onClick: PropTypes.func\n    }),\n    complete: PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      disabled: PropTypes.bool,\n      onClick: PropTypes.func\n    }),\n    warning: PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      onClick: PropTypes.func\n    }),\n    loading: PropTypes.bool,\n    backgroundImageUrl: PropTypes.string,\n    contentType: PropTypes.string,\n    mode: PropTypes.string\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  handleOnClick = field => e => {\n    e.stopPropagation();\n    e.preventDefault();\n    const onClick = get('onClick', field);\n    return onClick && onClick(e);\n  };\n\n  render() {\n    const {\n      name,\n      type,\n      url,\n      warning,\n      complete,\n      quit,\n      loading,\n      backgroundImageUrl,\n      contentType,\n      mode = 'default'\n    } = this.props;\n    const {skin} = this.context;\n    const primary = getOr('#00B0FF', 'common.primary', skin);\n    const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n    const IconColor = EXTERNAL_CONTENT_ICONS[type].color;\n\n    const mainContentSlot = loading ? (\n      <div className={style.loader}>\n        <Loader />\n      </div>\n    ) : (\n      <ExternalContentViewer\n        url={url}\n        mode={mode}\n        backgroundImageUrl={backgroundImageUrl}\n        contentType={contentType}\n      />\n    );\n\n    const completeButton = !isNil(complete) ? (\n      <Button\n        type=\"button\"\n        disabled={loading ? true : complete.disabled}\n        onClick={loading ? identity : this.handleOnClick(complete)}\n        submitValue={complete.label}\n        style={{\n          backgroundColor:\n            complete.disabled || loading ? convert(`color(${primary} a(-50%))`) : primary,\n          cursor: loading ? 'progress' : 'pointer'\n        }}\n        className={classnames(\n          style.completeCta,\n          complete.disabled || loading ? style.disabled : null,\n          loading ? style.loading : null\n        )}\n      />\n    ) : null;\n\n    const warningButton = !isNil(warning) ? (\n      <div className={style.leftSection}>\n        <div\n          onClick={this.handleOnClick(warning)}\n          className={classnames(style.iconLabel, style.link)}\n        >\n          <QuestionIcon className={style.iconQuestion} width={24} height={24} />\n          <span>{warning.label}</span>\n        </div>\n      </div>\n    ) : null;\n\n    const quitButton = !isNil(quit) ? (\n      <div className={style.leftSection}>\n        <span\n          className={classnames(style.quitCta, loading ? style.loading : null)}\n          onClick={loading ? identity : this.handleOnClick(quit)}\n        >\n          {quit.label}\n        </span>\n      </div>\n    ) : null;\n\n    const titleSection = !isNil(name) ? (\n      <div className={classnames(style.iconLabel, style.title)}>\n        <div className={style.oval} style={{backgroundColor: IconColor}}>\n          <IconType className={style.iconHeader} />\n        </div>\n        <span\n          className={style.innerHTML}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: name}}\n        />\n      </div>\n    ) : null;\n\n    const header =\n      !isNil(quit) || !isEmpty(name) ? (\n        <div className={style.header}>\n          {quitButton}\n          {titleSection}\n          {isNil(quit) ? null : <div className={style.rightSection} />}\n        </div>\n      ) : null;\n\n    const footer =\n      !isNil(warning) || !isNil(complete) ? (\n        <div className={style.footer}>\n          {warningButton}\n          {completeButton}\n          {isNil(warning) ? null : <div className={style.rightSection} />}\n        </div>\n      ) : null;\n\n    return (\n      <div className={defaultWrapperStyle[mode]}>\n        {header}\n        {mainContentSlot}\n        {footer}\n      </div>\n    );\n  }\n}\n\nexport default ExternalCourse;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useCallback","useMemo","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionIcon","convert","classnames","PropTypes","EXTERNAL_CONTENT_ICONS","Provider","Loader","Button","ExternalContentViewer","CmPopin","style","defaultWrapperStyle","default","cockpit","defaultCockpit","mobile","ExternalCourse","props","context","name","type","url","quit","complete","warning","loading","backgroundImageUrl","contentType","mode","closePopin","skin","primary","IconType","icon","IconColor","color","mainContentSlot","loader","handleOnClick","field","onClick","e","stopPropagation","preventDefault","completeButton","disabled","label","backgroundColor","cursor","completeCta","warningButton","leftSection","iconLabel","link","iconQuestion","quitButton","quitCta","titleSection","title","oval","iconHeader","innerHTML","__html","header","rightSection","footer","popin","propTypes","string","oneOf","isRequired","shape","func","bool","contextTypes","childContextTypes"],"sources":["../../../src/template/external-course/index.js"],"sourcesContent":["import React, {useCallback, useMemo} from 'react';\nimport {NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon} from '@coorpacademy/nova-icons';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport {noop, getOr, keys, identity, isNil, isEmpty} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport {EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport Loader from '../../atom/loader';\nimport Button from '../../atom/button';\nimport ExternalContentViewer from '../../molecule/external-content-viewer';\nimport CmPopin from '../../molecule/cm-popin';\nimport style from './style.css';\n\nconst defaultWrapperStyle = {\n  default: style.default,\n  cockpit: style.defaultCockpit,\n  mobile: style.default\n};\n\nconst ExternalCourse = (props, context) => {\n  const {\n    name,\n    type,\n    url,\n    quit,\n    complete,\n    warning,\n    loading,\n    backgroundImageUrl,\n    contentType,\n    mode = 'default',\n    closePopin\n  } = props;\n  const {skin} = context;\n  const primary = getOr('#00B0FF', 'common.primary', skin);\n  const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n  const IconColor = EXTERNAL_CONTENT_ICONS[type].color;\n\n  const mainContentSlot = useMemo(() => {\n    return loading ? (\n      <div className={style.loader}>\n        <Loader />\n      </div>\n    ) : (\n      <ExternalContentViewer\n        url={url}\n        mode={mode}\n        backgroundImageUrl={backgroundImageUrl}\n        contentType={contentType}\n      />\n    );\n  }, [loading, url, mode, contentType, backgroundImageUrl]);\n\n  const handleOnClick = useCallback(field => {\n    const onClick = getOr(noop, ['onClick'], field);\n    return e => {\n      e.stopPropagation();\n      e.preventDefault();\n      return onClick(e);\n    };\n  }, []);\n\n  const completeButton = useMemo(() => {\n    return !isNil(complete) ? (\n      <Button\n        type=\"button\"\n        disabled={loading ? true : complete.disabled}\n        onClick={loading ? identity : handleOnClick(complete)}\n        submitValue={complete.label}\n        style={{\n          backgroundColor:\n            complete.disabled || loading ? convert(`color(${primary} a(-50%))`) : primary,\n          cursor: loading ? 'progress' : 'pointer'\n        }}\n        className={classnames(\n          style.completeCta,\n          complete.disabled || loading ? style.disabled : null,\n          loading ? style.loading : null\n        )}\n        data-testid=\"complete-button\"\n      />\n    ) : null;\n  }, [complete, loading, primary, handleOnClick]);\n\n  const warningButton = useMemo(() => {\n    return !isNil(warning) ? (\n      <div className={style.leftSection}>\n        <div onClick={handleOnClick(warning)} className={classnames(style.iconLabel, style.link)}>\n          <QuestionIcon className={style.iconQuestion} width={24} height={24} />\n          <span>{warning.label}</span>\n        </div>\n      </div>\n    ) : null;\n  }, [handleOnClick, warning]);\n\n  const quitButton = useMemo(() => {\n    return !isNil(quit) ? (\n      <div className={style.leftSection}>\n        <span\n          className={classnames(style.quitCta, loading ? style.loading : null)}\n          onClick={loading ? identity : handleOnClick(quit)}\n        >\n          {quit.label}\n        </span>\n      </div>\n    ) : null;\n  }, [quit, loading, handleOnClick]);\n\n  const titleSection = useMemo(() => {\n    return !isNil(name) ? (\n      <div className={classnames(style.iconLabel, style.title)}>\n        <div className={style.oval} style={{backgroundColor: IconColor}}>\n          <IconType className={style.iconHeader} />\n        </div>\n        <span\n          className={style.innerHTML}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: name}}\n        />\n      </div>\n    ) : null;\n  }, [name, IconColor]);\n\n  const header = useMemo(() => {\n    return !isNil(quit) || !isEmpty(name) ? (\n      <div className={style.header}>\n        {quitButton}\n        {titleSection}\n        {isNil(quit) ? null : <div className={style.rightSection} />}\n      </div>\n    ) : null;\n  }, [name, titleSection, quit, quitButton]);\n\n  const footer = useMemo(() => {\n    return !isNil(warning) || !isNil(complete) ? (\n      <div className={style.footer}>\n        {warningButton}\n        {completeButton}\n        {isNil(warning) ? null : <div className={style.rightSection} />}\n      </div>\n    ) : null;\n  }, [warning, warningButton, complete, completeButton]);\n\n  const popin = useMemo(() => {\n    return !isNil(closePopin) ? <CmPopin {...closePopin} /> : null;\n  }, [closePopin]);\n\n  return (\n    <div className={defaultWrapperStyle[mode]}>\n      {header}\n      {popin}\n      {mainContentSlot}\n      {footer}\n    </div>\n  );\n};\n\nExternalCourse.propTypes = {\n  name: PropTypes.string,\n  type: PropTypes.oneOf(keys(EXTERNAL_CONTENT_ICONS)),\n  url: PropTypes.string.isRequired,\n  quit: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    onClick: PropTypes.func\n  }),\n  complete: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    disabled: PropTypes.bool,\n    onClick: PropTypes.func\n  }),\n  warning: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    onClick: PropTypes.func\n  }),\n  loading: PropTypes.bool,\n  backgroundImageUrl: PropTypes.string,\n  contentType: PropTypes.string,\n  mode: PropTypes.string,\n  closePopin: PropTypes.shape({...CmPopin.propTypes})\n};\n\nExternalCourse.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default ExternalCourse;\n"],"mappings":"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"}

package/es/template/external-course/style.css

@@ -24,7 +24,7 @@
 }
 
 .defaultCockpit{
-  composes:default;
+  composes: default;
   height: 100%;
 }
 

package/es/util/button-icons.d.ts

@@ -17,6 +17,5 @@ export const ICONS: {
     upload: any;
     down: any;
     pdf: any;
-    back: any;
 };
 //# sourceMappingURL=button-icons.d.ts.map

package/es/util/button-icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button-icons.d.ts","sourceRoot":"","sources":["../../src/util/button-icons.js"],"names":[],"mappings":"AAsBA;;;;;;;;;;;;;;;;;;;;EAoBE"}
+{"version":3,"file":"button-icons.d.ts","sourceRoot":"","sources":["../../src/util/button-icons.js"],"names":[],"mappings":"AAqBA;;;;;;;;;;;;;;;;;;;EAmBE"}

package/es/util/button-icons.js

@@ -1,4 +1,4 @@
-import { NovaSolidRemoveAddAddCircle1 as AddIcon, NovaCompositionCoorpacademyAnalytics as AnalyticsIcon, NovaSolidContentEditionBin as BinIcon, NovaCompositionCoorpacademyBulletPoint as BulletPointIcon, NovaCompositionNavigationArrowLeft as ChevronLeftIcon, NovaCompositionNavigationArrowRight as ChevronRightIcon, NovaSolidStatusClose as CloseIcon, NovaSolidContentEditionPencilWrite as EditIcon, NovaCompositionCoorpacademyEye as EyeIcon, NovaSolidContentContentViewModule1 as ListIcon, NovaSolidLoginLogout1 as LogoutIcon, NovaSolidApplicationsWindowUpload3 as PublishIcon, NovaSolidComputersSdCard as SaveIcon, NovaLineLoginKey1 as KlfIcon, NovaSolidFilesFoldersFolders as FoldersIcon, NovaSolidFilesBasicFileUpload2 as UploadIcon, NovaCompositionNavigationArrowDown as ArrowDown, NovaCompositionNavigationArrowLeft as ArrowLeft, NovaLineFilesOfficeFileOfficePdf as PDF } from '@coorpacademy/nova-icons';
+import { NovaSolidRemoveAddAddCircle1 as AddIcon, NovaCompositionCoorpacademyAnalytics as AnalyticsIcon, NovaSolidContentEditionBin as BinIcon, NovaCompositionCoorpacademyBulletPoint as BulletPointIcon, NovaCompositionNavigationArrowLeft as ChevronLeftIcon, NovaCompositionNavigationArrowRight as ChevronRightIcon, NovaSolidStatusClose as CloseIcon, NovaSolidContentEditionPencilWrite as EditIcon, NovaCompositionCoorpacademyEye as EyeIcon, NovaSolidContentContentViewModule1 as ListIcon, NovaSolidLoginLogout1 as LogoutIcon, NovaSolidApplicationsWindowUpload3 as PublishIcon, NovaSolidComputersSdCard as SaveIcon, NovaLineLoginKey1 as KlfIcon, NovaSolidFilesFoldersFolders as FoldersIcon, NovaSolidFilesBasicFileUpload2 as UploadIcon, NovaCompositionNavigationArrowDown as ArrowDown, NovaLineFilesOfficeFileOfficePdf as PDF } from '@coorpacademy/nova-icons';
 export const ICONS = {
   add: AddIcon,
   analytics: AnalyticsIcon,
@@ -17,7 +17,6 @@ export const ICONS = {
   folders: FoldersIcon,
   upload: UploadIcon,
   down: ArrowDown,
-  pdf: PDF,
-  back: ArrowLeft
+  pdf: PDF
 };
 //# sourceMappingURL=button-icons.js.map

package/es/util/button-icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-icons.js","names":["NovaSolidRemoveAddAddCircle1","AddIcon","NovaCompositionCoorpacademyAnalytics","AnalyticsIcon","NovaSolidContentEditionBin","BinIcon","NovaCompositionCoorpacademyBulletPoint","BulletPointIcon","NovaCompositionNavigationArrowLeft","ChevronLeftIcon","NovaCompositionNavigationArrowRight","ChevronRightIcon","NovaSolidStatusClose","CloseIcon","NovaSolidContentEditionPencilWrite","EditIcon","NovaCompositionCoorpacademyEye","EyeIcon","NovaSolidContentContentViewModule1","ListIcon","NovaSolidLoginLogout1","LogoutIcon","NovaSolidApplicationsWindowUpload3","PublishIcon","NovaSolidComputersSdCard","SaveIcon","NovaLineLoginKey1","KlfIcon","NovaSolidFilesFoldersFolders","FoldersIcon","NovaSolidFilesBasicFileUpload2","UploadIcon","NovaCompositionNavigationArrowDown","ArrowDown","ArrowLeft","NovaLineFilesOfficeFileOfficePdf","PDF","ICONS","add","analytics","bin","close","edit","key","list","logout","publish","save","see","folders","upload","down","pdf","back"],"sources":["../../src/util/button-icons.js"],"sourcesContent":["import {\n  NovaSolidRemoveAddAddCircle1 as AddIcon,\n  NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n  NovaSolidContentEditionBin as BinIcon,\n  NovaCompositionCoorpacademyBulletPoint as BulletPointIcon,\n  NovaCompositionNavigationArrowLeft as ChevronLeftIcon,\n  NovaCompositionNavigationArrowRight as ChevronRightIcon,\n  NovaSolidStatusClose as CloseIcon,\n  NovaSolidContentEditionPencilWrite as EditIcon,\n  NovaCompositionCoorpacademyEye as EyeIcon,\n  NovaSolidContentContentViewModule1 as ListIcon,\n  NovaSolidLoginLogout1 as LogoutIcon,\n  NovaSolidApplicationsWindowUpload3 as PublishIcon,\n  NovaSolidComputersSdCard as SaveIcon,\n  NovaLineLoginKey1 as KlfIcon,\n  NovaSolidFilesFoldersFolders as FoldersIcon,\n  NovaSolidFilesBasicFileUpload2 as UploadIcon,\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaCompositionNavigationArrowLeft as ArrowLeft,\n  NovaLineFilesOfficeFileOfficePdf as PDF\n} from '@coorpacademy/nova-icons';\n\nexport const ICONS = {\n  add: AddIcon,\n  analytics: AnalyticsIcon,\n  bin: BinIcon,\n  'bullet-point': BulletPointIcon,\n  'chevron-left': ChevronLeftIcon,\n  'chevron-right': ChevronRightIcon,\n  close: CloseIcon,\n  edit: EditIcon,\n  key: KlfIcon,\n  list: ListIcon,\n  logout: LogoutIcon,\n  publish: PublishIcon,\n  save: SaveIcon,\n  see: EyeIcon,\n  folders: FoldersIcon,\n  upload: UploadIcon,\n  down: ArrowDown,\n  pdf: PDF,\n  back: ArrowLeft\n};\n"],"mappings":"AAAA,SACEA,4BAA4B,IAAIC,OADlC,EAEEC,oCAAoC,IAAIC,aAF1C,EAGEC,0BAA0B,IAAIC,OAHhC,EAIEC,sCAAsC,IAAIC,eAJ5C,EAKEC,kCAAkC,IAAIC,eALxC,EAMEC,mCAAmC,IAAIC,gBANzC,EAOEC,oBAAoB,IAAIC,SAP1B,EAQEC,kCAAkC,IAAIC,QARxC,EASEC,8BAA8B,IAAIC,OATpC,EAUEC,kCAAkC,IAAIC,QAVxC,EAWEC,qBAAqB,IAAIC,UAX3B,EAYEC,kCAAkC,IAAIC,WAZxC,EAaEC,wBAAwB,IAAIC,QAb9B,EAcEC,iBAAiB,IAAIC,OAdvB,EAeEC,4BAA4B,IAAIC,WAflC,EAgBEC,8BAA8B,IAAIC,UAhBpC,EAiBEC,kCAAkC,IAAIC,SAjBxC,EAkBEzB,kCAAkC,IAAI0B,SAlBxC,EAmBEC,gCAAgC,IAAIC,GAnBtC,QAoBO,0BApBP;AAsBA,OAAO,MAAMC,KAAK,GAAG;EACnBC,GAAG,EAAErC,OADc;EAEnBsC,SAAS,EAAEpC,aAFQ;EAGnBqC,GAAG,EAAEnC,OAHc;EAInB,gBAAgBE,eAJG;EAKnB,gBAAgBE,eALG;EAMnB,iBAAiBE,gBANE;EAOnB8B,KAAK,EAAE5B,SAPY;EAQnB6B,IAAI,EAAE3B,QARa;EASnB4B,GAAG,EAAEhB,OATc;EAUnBiB,IAAI,EAAEzB,QAVa;EAWnB0B,MAAM,EAAExB,UAXW;EAYnByB,OAAO,EAAEvB,WAZU;EAanBwB,IAAI,EAAEtB,QAba;EAcnBuB,GAAG,EAAE/B,OAdc;EAenBgC,OAAO,EAAEpB,WAfU;EAgBnBqB,MAAM,EAAEnB,UAhBW;EAiBnBoB,IAAI,EAAElB,SAjBa;EAkBnBmB,GAAG,EAAEhB,GAlBc;EAmBnBiB,IAAI,EAAEnB;AAnBa,CAAd"}
+{"version":3,"file":"button-icons.js","names":["NovaSolidRemoveAddAddCircle1","AddIcon","NovaCompositionCoorpacademyAnalytics","AnalyticsIcon","NovaSolidContentEditionBin","BinIcon","NovaCompositionCoorpacademyBulletPoint","BulletPointIcon","NovaCompositionNavigationArrowLeft","ChevronLeftIcon","NovaCompositionNavigationArrowRight","ChevronRightIcon","NovaSolidStatusClose","CloseIcon","NovaSolidContentEditionPencilWrite","EditIcon","NovaCompositionCoorpacademyEye","EyeIcon","NovaSolidContentContentViewModule1","ListIcon","NovaSolidLoginLogout1","LogoutIcon","NovaSolidApplicationsWindowUpload3","PublishIcon","NovaSolidComputersSdCard","SaveIcon","NovaLineLoginKey1","KlfIcon","NovaSolidFilesFoldersFolders","FoldersIcon","NovaSolidFilesBasicFileUpload2","UploadIcon","NovaCompositionNavigationArrowDown","ArrowDown","NovaLineFilesOfficeFileOfficePdf","PDF","ICONS","add","analytics","bin","close","edit","key","list","logout","publish","save","see","folders","upload","down","pdf"],"sources":["../../src/util/button-icons.js"],"sourcesContent":["import {\n  NovaSolidRemoveAddAddCircle1 as AddIcon,\n  NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n  NovaSolidContentEditionBin as BinIcon,\n  NovaCompositionCoorpacademyBulletPoint as BulletPointIcon,\n  NovaCompositionNavigationArrowLeft as ChevronLeftIcon,\n  NovaCompositionNavigationArrowRight as ChevronRightIcon,\n  NovaSolidStatusClose as CloseIcon,\n  NovaSolidContentEditionPencilWrite as EditIcon,\n  NovaCompositionCoorpacademyEye as EyeIcon,\n  NovaSolidContentContentViewModule1 as ListIcon,\n  NovaSolidLoginLogout1 as LogoutIcon,\n  NovaSolidApplicationsWindowUpload3 as PublishIcon,\n  NovaSolidComputersSdCard as SaveIcon,\n  NovaLineLoginKey1 as KlfIcon,\n  NovaSolidFilesFoldersFolders as FoldersIcon,\n  NovaSolidFilesBasicFileUpload2 as UploadIcon,\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaLineFilesOfficeFileOfficePdf as PDF\n} from '@coorpacademy/nova-icons';\n\nexport const ICONS = {\n  add: AddIcon,\n  analytics: AnalyticsIcon,\n  bin: BinIcon,\n  'bullet-point': BulletPointIcon,\n  'chevron-left': ChevronLeftIcon,\n  'chevron-right': ChevronRightIcon,\n  close: CloseIcon,\n  edit: EditIcon,\n  key: KlfIcon,\n  list: ListIcon,\n  logout: LogoutIcon,\n  publish: PublishIcon,\n  save: SaveIcon,\n  see: EyeIcon,\n  folders: FoldersIcon,\n  upload: UploadIcon,\n  down: ArrowDown,\n  pdf: PDF\n};\n"],"mappings":"AAAA,SACEA,4BAA4B,IAAIC,OADlC,EAEEC,oCAAoC,IAAIC,aAF1C,EAGEC,0BAA0B,IAAIC,OAHhC,EAIEC,sCAAsC,IAAIC,eAJ5C,EAKEC,kCAAkC,IAAIC,eALxC,EAMEC,mCAAmC,IAAIC,gBANzC,EAOEC,oBAAoB,IAAIC,SAP1B,EAQEC,kCAAkC,IAAIC,QARxC,EASEC,8BAA8B,IAAIC,OATpC,EAUEC,kCAAkC,IAAIC,QAVxC,EAWEC,qBAAqB,IAAIC,UAX3B,EAYEC,kCAAkC,IAAIC,WAZxC,EAaEC,wBAAwB,IAAIC,QAb9B,EAcEC,iBAAiB,IAAIC,OAdvB,EAeEC,4BAA4B,IAAIC,WAflC,EAgBEC,8BAA8B,IAAIC,UAhBpC,EAiBEC,kCAAkC,IAAIC,SAjBxC,EAkBEC,gCAAgC,IAAIC,GAlBtC,QAmBO,0BAnBP;AAqBA,OAAO,MAAMC,KAAK,GAAG;EACnBC,GAAG,EAAEpC,OADc;EAEnBqC,SAAS,EAAEnC,aAFQ;EAGnBoC,GAAG,EAAElC,OAHc;EAInB,gBAAgBE,eAJG;EAKnB,gBAAgBE,eALG;EAMnB,iBAAiBE,gBANE;EAOnB6B,KAAK,EAAE3B,SAPY;EAQnB4B,IAAI,EAAE1B,QARa;EASnB2B,GAAG,EAAEf,OATc;EAUnBgB,IAAI,EAAExB,QAVa;EAWnByB,MAAM,EAAEvB,UAXW;EAYnBwB,OAAO,EAAEtB,WAZU;EAanBuB,IAAI,EAAErB,QAba;EAcnBsB,GAAG,EAAE9B,OAdc;EAenB+B,OAAO,EAAEnB,WAfU;EAgBnBoB,MAAM,EAAElB,UAhBW;EAiBnBmB,IAAI,EAAEjB,SAjBa;EAkBnBkB,GAAG,EAAEhB;AAlBc,CAAd"}

package/es/variables/breakpoints.css

@@ -2,4 +2,4 @@
 @value tablet:       (max-width: 960px);
 @value desktop:      (max-width: 1280px);
 @value wide:         (max-width: 1680px);
-@value cm_tablet:    (max-width: 1123px);
+@value cm_tablet:    (max-width: 1123px);

package/lib/atom/button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button/index.js"],"names":[],"mappings":";AA0IA,iDAgCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button/index.js"],"names":[],"mappings":";AA8IA,iDAgCC"}

package/lib/atom/button/index.js

@@ -65,7 +65,8 @@ const ButtonContent = props => {
         target: target,
         className: anchorClassName,
         style: style,
-        "aria-label": ariaLabel
+        "aria-label": ariaLabel,
+        "data-testid": dataTestid
       }, submitValue || children || 'submit');
 
     case 'a':
@@ -75,7 +76,8 @@ const ButtonContent = props => {
         target: target,
         className: anchorClassName,
         onClick: anchorOnClick,
-        style: style
+        style: style,
+        "data-testid": dataTestid
       }, submitValue || children);
 
     case 'button':
@@ -99,17 +101,20 @@ const ButtonContent = props => {
     // falls through in case type is button BUT no button tag is needed, for retro-compatibility
 
     default:
-      return /*#__PURE__*/_react.default.createElement("input", {
-        "data-name": dataName,
-        type: type,
-        value: submitValue,
-        disabled: disabled,
-        onClick: onClick,
-        className: inputClassName,
-        style: _extends({
-          color
-        }, style)
-      });
+      {
+        return /*#__PURE__*/_react.default.createElement("input", {
+          "data-name": dataName,
+          type: type,
+          value: submitValue,
+          disabled: disabled,
+          onClick: onClick,
+          className: inputClassName,
+          "data-testid": dataTestid,
+          style: _extends({
+            color
+          }, style)
+        });
+      }
   }
 };
 

package/lib/atom/button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ButtonContent","props","color","submitValue","disabled","download","href","target","onClick","className","children","type","style","dataName","ariaLabel","dataTestid","useButtonTag","buttonRef","dataFor","dataTooltipPlace","dataTip","onKeyDown","noop","onMouseLeave","onMouseOver","anchorClassName","cssStyle","disabledAnchor","anchorOnClick","anchorHref","inputClassName","buttonDisabled","favorite","propTypes","ColorPropType","PropTypes","string","bool","oneOf","node","shape","func","Button","buttonContentClassName","isLinkDisabled","useWrapper","buttonWrapperClassNames","useMemo","classnames","button","contentClassName","buttonContent"],"sources":["../../../src/atom/button/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport noop from 'lodash/fp/noop';\nimport {ColorPropType} from '../../util/proptypes';\nimport Link from '../link';\nimport cssStyle from './style.css';\n\nconst ButtonContent = props => {\n  const {\n    color,\n    submitValue,\n    disabled,\n    download,\n    href,\n    target,\n    onClick,\n    className,\n    children,\n    type,\n    style,\n    'data-name': dataName,\n    'aria-label': ariaLabel,\n    'data-testid': dataTestid,\n    useButtonTag,\n    buttonRef,\n    'data-for': dataFor,\n    'data-tooltip-place': dataTooltipPlace,\n    'data-tip': dataTip,\n    onKeyDown = noop,\n    onMouseLeave = noop,\n    onMouseOver = noop\n  } = props;\n  const anchorClassName = (disabled && `${className} ${cssStyle.disabledAnchor}`) || className;\n  const anchorOnClick = (disabled && null) || onClick;\n  const anchorHref = (disabled && null) || href;\n  const inputClassName = (disabled && `${className} ${cssStyle.buttonDisabled}`) || className;\n\n  switch (type) {\n    case 'link':\n      return (\n        <Link\n          data-name={dataName}\n          href={anchorHref}\n          download={download}\n          onClick={anchorOnClick}\n          target={target}\n          className={anchorClassName}\n          style={style}\n          aria-label={ariaLabel}\n        >\n          {submitValue || children || 'submit'}\n        </Link>\n      );\n\n    case 'a':\n      return (\n        <a\n          data-name={dataName}\n          href={anchorHref}\n          target={target}\n          className={anchorClassName}\n          onClick={anchorOnClick}\n          style={style}\n        >\n          {submitValue || children}\n        </a>\n      );\n\n    case 'button':\n      if (useButtonTag)\n        return (\n          <button\n            ref={buttonRef}\n            type=\"button\"\n            data-for={dataFor}\n            data-tooltip-place={dataTooltipPlace}\n            data-tip={dataTip}\n            data-name={dataName}\n            data-testid={dataTestid}\n            aria-label={ariaLabel.favorite}\n            className={className}\n            onClick={onClick}\n            style={style}\n            onKeyDown={onKeyDown}\n            onMouseLeave={onMouseLeave}\n            onMouseOver={onMouseOver}\n            tabIndex={0}\n          >\n            {children}\n          </button>\n        );\n    // falls through in case type is button BUT no button tag is needed, for retro-compatibility\n    default:\n      return (\n        <input\n          data-name={dataName}\n          type={type}\n          value={submitValue}\n          disabled={disabled}\n          onClick={onClick}\n          className={inputClassName}\n          style={{\n            color,\n            ...style\n          }}\n        />\n      );\n  }\n};\n\nButtonContent.propTypes = {\n  color: ColorPropType,\n  submitValue: PropTypes.string,\n  disabled: PropTypes.bool,\n  href: PropTypes.string,\n  download: PropTypes.bool,\n  target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n  type: PropTypes.string,\n  children: PropTypes.node,\n  className: PropTypes.string,\n  style: PropTypes.shape({}),\n  'data-name': PropTypes.string,\n  'aria-label': PropTypes.string,\n  'data-testid': PropTypes.string,\n  useButtonTag: PropTypes.bool,\n  // event handlers\n  onClick: PropTypes.func,\n  onKeyDown: PropTypes.func,\n  onMouseLeave: PropTypes.func,\n  onMouseOver: PropTypes.func,\n  // for ReactTooltip handling\n  buttonRef: PropTypes.shape({}),\n  'data-for': PropTypes.string,\n  'data-tooltip-place': PropTypes.string,\n  'data-tip': PropTypes.bool\n};\n\nconst Button = props => {\n  const {\n    className,\n    buttonContentClassName,\n    isLinkDisabled,\n    type = 'submit',\n    children,\n    useWrapper = true\n  } = props;\n  const buttonWrapperClassNames = useMemo(\n    () =>\n      (isLinkDisabled && classnames([cssStyle.disabledAnchor, className])) ||\n      classnames([cssStyle.button, className]),\n    [className, isLinkDisabled]\n  );\n\n  const contentClassName = useMemo(\n    () => (buttonContentClassName ? buttonContentClassName : cssStyle.buttonContent),\n    [buttonContentClassName]\n  );\n\n  return useWrapper ? (\n    <div className={buttonWrapperClassNames}>\n      <ButtonContent {...props} type={type} className={contentClassName}>\n        {children}\n      </ButtonContent>\n    </div>\n  ) : (\n    <ButtonContent {...props} type={type} className={contentClassName}>\n      {children}\n    </ButtonContent>\n  );\n};\n\nButton.propTypes = {\n  isLinkDisabled: PropTypes.bool,\n  useWrapper: PropTypes.bool,\n  buttonContentClassName: PropTypes.string,\n  ...ButtonContent.propTypes\n};\n\nexport default Button;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["ButtonContent","props","color","submitValue","disabled","download","href","target","onClick","className","children","type","style","dataName","ariaLabel","dataTestid","useButtonTag","buttonRef","dataFor","dataTooltipPlace","dataTip","onKeyDown","noop","onMouseLeave","onMouseOver","anchorClassName","cssStyle","disabledAnchor","anchorOnClick","anchorHref","inputClassName","buttonDisabled","favorite","propTypes","ColorPropType","PropTypes","string","bool","oneOf","node","shape","func","Button","buttonContentClassName","isLinkDisabled","useWrapper","buttonWrapperClassNames","useMemo","classnames","button","contentClassName","buttonContent"],"sources":["../../../src/atom/button/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport noop from 'lodash/fp/noop';\nimport {ColorPropType} from '../../util/proptypes';\nimport Link from '../link';\nimport cssStyle from './style.css';\n\nconst ButtonContent = props => {\n  const {\n    color,\n    submitValue,\n    disabled,\n    download,\n    href,\n    target,\n    onClick,\n    className,\n    children,\n    type,\n    style,\n    'data-name': dataName,\n    'aria-label': ariaLabel,\n    'data-testid': dataTestid,\n    useButtonTag,\n    buttonRef,\n    'data-for': dataFor,\n    'data-tooltip-place': dataTooltipPlace,\n    'data-tip': dataTip,\n    onKeyDown = noop,\n    onMouseLeave = noop,\n    onMouseOver = noop\n  } = props;\n  const anchorClassName = (disabled && `${className} ${cssStyle.disabledAnchor}`) || className;\n  const anchorOnClick = (disabled && null) || onClick;\n  const anchorHref = (disabled && null) || href;\n  const inputClassName = (disabled && `${className} ${cssStyle.buttonDisabled}`) || className;\n\n  switch (type) {\n    case 'link':\n      return (\n        <Link\n          data-name={dataName}\n          href={anchorHref}\n          download={download}\n          onClick={anchorOnClick}\n          target={target}\n          className={anchorClassName}\n          style={style}\n          aria-label={ariaLabel}\n          data-testid={dataTestid}\n        >\n          {submitValue || children || 'submit'}\n        </Link>\n      );\n\n    case 'a':\n      return (\n        <a\n          data-name={dataName}\n          href={anchorHref}\n          target={target}\n          className={anchorClassName}\n          onClick={anchorOnClick}\n          style={style}\n          data-testid={dataTestid}\n        >\n          {submitValue || children}\n        </a>\n      );\n\n    case 'button':\n      if (useButtonTag)\n        return (\n          <button\n            ref={buttonRef}\n            type=\"button\"\n            data-for={dataFor}\n            data-tooltip-place={dataTooltipPlace}\n            data-tip={dataTip}\n            data-name={dataName}\n            data-testid={dataTestid}\n            aria-label={ariaLabel.favorite}\n            className={className}\n            onClick={onClick}\n            style={style}\n            onKeyDown={onKeyDown}\n            onMouseLeave={onMouseLeave}\n            onMouseOver={onMouseOver}\n            tabIndex={0}\n          >\n            {children}\n          </button>\n        );\n    // falls through in case type is button BUT no button tag is needed, for retro-compatibility\n    default: {\n      return (\n        <input\n          data-name={dataName}\n          type={type}\n          value={submitValue}\n          disabled={disabled}\n          onClick={onClick}\n          className={inputClassName}\n          data-testid={dataTestid}\n          style={{\n            color,\n            ...style\n          }}\n        />\n      );\n    }\n  }\n};\n\nButtonContent.propTypes = {\n  color: ColorPropType,\n  submitValue: PropTypes.string,\n  disabled: PropTypes.bool,\n  href: PropTypes.string,\n  download: PropTypes.bool,\n  target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n  type: PropTypes.string,\n  children: PropTypes.node,\n  className: PropTypes.string,\n  style: PropTypes.shape({}),\n  'data-name': PropTypes.string,\n  'aria-label': PropTypes.string,\n  'data-testid': PropTypes.string,\n  useButtonTag: PropTypes.bool,\n  // event handlers\n  onClick: PropTypes.func,\n  onKeyDown: PropTypes.func,\n  onMouseLeave: PropTypes.func,\n  onMouseOver: PropTypes.func,\n  // for ReactTooltip handling\n  buttonRef: PropTypes.shape({}),\n  'data-for': PropTypes.string,\n  'data-tooltip-place': PropTypes.string,\n  'data-tip': PropTypes.bool\n};\n\nconst Button = props => {\n  const {\n    className,\n    buttonContentClassName,\n    isLinkDisabled,\n    type = 'submit',\n    children,\n    useWrapper = true\n  } = props;\n  const buttonWrapperClassNames = useMemo(\n    () =>\n      (isLinkDisabled && classnames([cssStyle.disabledAnchor, className])) ||\n      classnames([cssStyle.button, className]),\n    [className, isLinkDisabled]\n  );\n\n  const contentClassName = useMemo(\n    () => (buttonContentClassName ? buttonContentClassName : cssStyle.buttonContent),\n    [buttonContentClassName]\n  );\n\n  return useWrapper ? (\n    <div className={buttonWrapperClassNames}>\n      <ButtonContent {...props} type={type} className={contentClassName}>\n        {children}\n      </ButtonContent>\n    </div>\n  ) : (\n    <ButtonContent {...props} type={type} className={contentClassName}>\n      {children}\n    </ButtonContent>\n  );\n};\n\nButton.propTypes = {\n  isLinkDisabled: PropTypes.bool,\n  useWrapper: PropTypes.bool,\n  buttonContentClassName: PropTypes.string,\n  ...ButtonContent.propTypes\n};\n\nexport default Button;\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/index.js"],"names":[],"mappings":";AAcA,kDAiLC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/index.js"],"names":[],"mappings":";AAeA,kDAoLC"}

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

@@ -40,7 +40,8 @@ const CMPopin = props => {
   const logo = {
     AlertDiamond: _novaIcons.NovaSolidInterfaceFeedbackInterfaceAlertDiamond,
     WindowUpload: _novaIcons.NovaSolidApplicationsWindowUpload3,
-    MoonRocket: _novaIcons.NovaSolidSpaceMoonRocket
+    MoonRocket: _novaIcons.NovaSolidSpaceMoonRocket,
+    CheckCircle1: _novaIcons.NovaLineStatusCheckCircle1
   };
   const LogoComponent = logo[icon];
   const backgroundImageStyle = backgroundImageUrl ? {
@@ -149,7 +150,7 @@ const CMPopin = props => {
     }
   }) : null), descriptionBtnTxt ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.descriptionBtn
-  }, descriptionBtnTxt) : null, renderBtnSwitch(), /*#__PURE__*/_react.default.createElement("div", {
+  }, descriptionBtnTxt) : null, renderBtnSwitch(), firstButton || secondButton || thirdButton ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.buttonContainer
   }, firstButton ? /*#__PURE__*/_react.default.createElement("div", {
     className: firstButton.largeButton ? _style.default.largeButton : _style.default.button
@@ -178,7 +179,7 @@ const CMPopin = props => {
     "aria-label": thirdButton['aria-label'],
     type: thirdButton.type,
     customStyle: thirdButton.customStyle
-  })) : null)));
+  })) : null) : null));
 };
 
 CMPopin.propTypes = process.env.NODE_ENV !== "production" ? _types.default : {};

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["CMPopin","props","content","mode","firstButton","secondButton","onClose","header","icon","backgroundImageUrl","descriptionText","thirdButton","cookieTitle","descriptionBtnTxt","listBtnSwicth","logo","AlertDiamond","WindowUpload","MoonRocket","LogoComponent","backgroundImageStyle","backgroundImage","backgroundSize","renderHeader","style","headerBackground","cookieHeader","cookieIconContainer","cookieIcon","getClassBtnSwitch","index","btnList","firstBtnSwitchContainer","length","lastBtnSwitchContainer","singleSwitchContainer","renderBtnSwitch","map","convert","cap","el","type","title","value","onChange","titlePosition","theme","details","requiredSelection","disabled","id","dataName","background","popinCookie","popin","popinHeader","cookieTitleContainer","titleContainer","contentSection","message","__html","descriptionBtn","buttonContainer","largeButton","button","label","handleOnclick","customStyle","propTypes"],"sources":["../../../src/molecule/cm-popin/index.js"],"sourcesContent":["import React from 'react';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n  NovaSolidApplicationsWindowUpload3 as WindowUpload,\n  NovaLineSettingsCookie as Cookie,\n  NovaSolidSpaceMoonRocket as MoonRocket\n} from '@coorpacademy/nova-icons';\nimport map from 'lodash/fp/map';\nimport Cta from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport InputSwitch from '../../atom/input-switch';\nimport style from './style.css';\nimport propTypes from './types';\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  } = props;\n\n  const logo = {\n    AlertDiamond,\n    WindowUpload,\n    MoonRocket\n  };\n  const LogoComponent = logo[icon];\n\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`,\n        backgroundSize: 'cover'\n      }\n    : null;\n  const renderHeader = () => {\n    if (header) return <img className={style.headerBackground} src={header} />;\n    if (mode === 'cookie')\n      return (\n        <div className={style.cookieHeader}>\n          <div className={style.cookieIconContainer}>\n            <Cookie className={style.cookieIcon} />\n          </div>\n          <div className={style.cookieTitle}>{cookieTitle}</div>\n        </div>\n      );\n    return null;\n  };\n  const getClassBtnSwitch = (index, btnList) => {\n    switch (index) {\n      case 0:\n        return style.firstBtnSwitchContainer;\n      case btnList.length - 1:\n        return style.lastBtnSwitchContainer;\n      default:\n        return style.singleSwitchContainer;\n    }\n  };\n  const renderBtnSwitch = () => {\n    return map.convert({cap: false})((el, index) => {\n      const {\n        type,\n        title,\n        value,\n        onChange,\n        titlePosition,\n        theme,\n        details,\n        requiredSelection,\n        disabled,\n        id,\n        'data-name': dataName\n      } = el;\n      return (\n        <div key={index} className={getClassBtnSwitch(index, listBtnSwicth)}>\n          <InputSwitch\n            {...{\n              type,\n              title,\n              value,\n              onChange,\n              titlePosition,\n              theme,\n              details,\n              requiredSelection,\n              disabled,\n              id,\n              'data-name': dataName\n            }}\n          />\n        </div>\n      );\n    })(listBtnSwicth);\n  };\n  return (\n    <div\n      className={mode !== 'cookie' ? style.background : null}\n      style={backgroundImageStyle}\n      data-name={'cm-popin-container'}\n    >\n      <div className={mode === 'cookie' ? style.popinCookie : style.popin}>\n        <header className={style.popinHeader}>\n          {renderHeader()}\n          {onClose ? (\n            <ButtonLinkIconOnly\n              onClick={onClose}\n              data-name={'close-icon'}\n              aria-label={'close-icon'}\n              size=\"small\"\n              icon=\"close\"\n            />\n          ) : null}\n        </header>\n        <div\n          className={\n            mode === 'cookie' || mode === 'information'\n              ? style.cookieTitleContainer\n              : style.titleContainer\n          }\n        >\n          <div className={style.contentSection}>\n            {LogoComponent ? <LogoComponent className={style.icon} /> : null}\n            {content ? (\n              <p\n                className={mode === 'alert' ? style.content : style.message}\n                data-name={'cm-popin-content'}\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{__html: content}}\n              />\n            ) : null}\n          </div>\n          {descriptionText ? (\n            <p\n              className={style.descriptionText}\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: descriptionText}}\n            />\n          ) : null}\n        </div>\n        {descriptionBtnTxt ? <div className={style.descriptionBtn}>{descriptionBtnTxt}</div> : null}\n        {renderBtnSwitch()}\n        <div className={style.buttonContainer}>\n          {firstButton ? (\n            <div className={firstButton.largeButton ? style.largeButton : style.button}>\n              <Cta\n                label={firstButton.label}\n                onClick={firstButton.handleOnclick}\n                data-name={'cm-popin-cta'}\n                aria-label={firstButton['aria-label']}\n                type={firstButton.type}\n                customStyle={firstButton.customStyle}\n              />\n            </div>\n          ) : null}\n          {secondButton ? (\n            <div className={secondButton.largeButton ? style.largeButton : style.button}>\n              <Cta\n                label={secondButton.label}\n                onClick={secondButton.handleOnclick}\n                data-name={`cm-popin-cta-${secondButton.type}`}\n                aria-label={secondButton['aria-label']}\n                type={secondButton.type}\n                customStyle={secondButton.customStyle}\n              />\n            </div>\n          ) : null}\n          {thirdButton ? (\n            <div className={thirdButton.largeButton ? style.largeButton : style.button}>\n              <Cta\n                label={thirdButton.label}\n                onClick={thirdButton.handleOnclick}\n                data-name={`cm-popin-cta-${thirdButton.type}`}\n                aria-label={thirdButton['aria-label']}\n                type={thirdButton.type}\n                customStyle={thirdButton.customStyle}\n              />\n            </div>\n          ) : null}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nCMPopin.propTypes = propTypes;\n\nexport default CMPopin;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["CMPopin","props","content","mode","firstButton","secondButton","onClose","header","icon","backgroundImageUrl","descriptionText","thirdButton","cookieTitle","descriptionBtnTxt","listBtnSwicth","logo","AlertDiamond","WindowUpload","MoonRocket","CheckCircle1","LogoComponent","backgroundImageStyle","backgroundImage","backgroundSize","renderHeader","style","headerBackground","cookieHeader","cookieIconContainer","cookieIcon","getClassBtnSwitch","index","btnList","firstBtnSwitchContainer","length","lastBtnSwitchContainer","singleSwitchContainer","renderBtnSwitch","map","convert","cap","el","type","title","value","onChange","titlePosition","theme","details","requiredSelection","disabled","id","dataName","background","popinCookie","popin","popinHeader","cookieTitleContainer","titleContainer","contentSection","message","__html","descriptionBtn","buttonContainer","largeButton","button","label","handleOnclick","customStyle","propTypes"],"sources":["../../../src/molecule/cm-popin/index.js"],"sourcesContent":["import React from 'react';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n  NovaSolidApplicationsWindowUpload3 as WindowUpload,\n  NovaLineSettingsCookie as Cookie,\n  NovaSolidSpaceMoonRocket as MoonRocket,\n  NovaLineStatusCheckCircle1 as CheckCircle1\n} from '@coorpacademy/nova-icons';\nimport map from 'lodash/fp/map';\nimport Cta from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport InputSwitch from '../../atom/input-switch';\nimport style from './style.css';\nimport propTypes from './types';\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  } = props;\n\n  const logo = {\n    AlertDiamond,\n    WindowUpload,\n    MoonRocket,\n    CheckCircle1\n  };\n  const LogoComponent = logo[icon];\n\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`,\n        backgroundSize: 'cover'\n      }\n    : null;\n  const renderHeader = () => {\n    if (header) return <img className={style.headerBackground} src={header} />;\n    if (mode === 'cookie')\n      return (\n        <div className={style.cookieHeader}>\n          <div className={style.cookieIconContainer}>\n            <Cookie className={style.cookieIcon} />\n          </div>\n          <div className={style.cookieTitle}>{cookieTitle}</div>\n        </div>\n      );\n    return null;\n  };\n  const getClassBtnSwitch = (index, btnList) => {\n    switch (index) {\n      case 0:\n        return style.firstBtnSwitchContainer;\n      case btnList.length - 1:\n        return style.lastBtnSwitchContainer;\n      default:\n        return style.singleSwitchContainer;\n    }\n  };\n  const renderBtnSwitch = () => {\n    return map.convert({cap: false})((el, index) => {\n      const {\n        type,\n        title,\n        value,\n        onChange,\n        titlePosition,\n        theme,\n        details,\n        requiredSelection,\n        disabled,\n        id,\n        'data-name': dataName\n      } = el;\n      return (\n        <div key={index} className={getClassBtnSwitch(index, listBtnSwicth)}>\n          <InputSwitch\n            {...{\n              type,\n              title,\n              value,\n              onChange,\n              titlePosition,\n              theme,\n              details,\n              requiredSelection,\n              disabled,\n              id,\n              'data-name': dataName\n            }}\n          />\n        </div>\n      );\n    })(listBtnSwicth);\n  };\n  return (\n    <div\n      className={mode !== 'cookie' ? style.background : null}\n      style={backgroundImageStyle}\n      data-name={'cm-popin-container'}\n    >\n      <div className={mode === 'cookie' ? style.popinCookie : style.popin}>\n        <header className={style.popinHeader}>\n          {renderHeader()}\n          {onClose ? (\n            <ButtonLinkIconOnly\n              onClick={onClose}\n              data-name={'close-icon'}\n              aria-label={'close-icon'}\n              size=\"small\"\n              icon=\"close\"\n            />\n          ) : null}\n        </header>\n        <div\n          className={\n            mode === 'cookie' || mode === 'information'\n              ? style.cookieTitleContainer\n              : style.titleContainer\n          }\n        >\n          <div className={style.contentSection}>\n            {LogoComponent ? <LogoComponent className={style.icon} /> : null}\n            {content ? (\n              <p\n                className={mode === 'alert' ? style.content : style.message}\n                data-name={'cm-popin-content'}\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{__html: content}}\n              />\n            ) : null}\n          </div>\n          {descriptionText ? (\n            <p\n              className={style.descriptionText}\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: descriptionText}}\n            />\n          ) : null}\n        </div>\n        {descriptionBtnTxt ? <div className={style.descriptionBtn}>{descriptionBtnTxt}</div> : null}\n        {renderBtnSwitch()}\n        {firstButton || secondButton || thirdButton ? (\n          <div className={style.buttonContainer}>\n            {firstButton ? (\n              <div className={firstButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={firstButton.label}\n                  onClick={firstButton.handleOnclick}\n                  data-name={'cm-popin-cta'}\n                  aria-label={firstButton['aria-label']}\n                  type={firstButton.type}\n                  customStyle={firstButton.customStyle}\n                />\n              </div>\n            ) : null}\n            {secondButton ? (\n              <div className={secondButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={secondButton.label}\n                  onClick={secondButton.handleOnclick}\n                  data-name={`cm-popin-cta-${secondButton.type}`}\n                  aria-label={secondButton['aria-label']}\n                  type={secondButton.type}\n                  customStyle={secondButton.customStyle}\n                />\n              </div>\n            ) : null}\n            {thirdButton ? (\n              <div className={thirdButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={thirdButton.label}\n                  onClick={thirdButton.handleOnclick}\n                  data-name={`cm-popin-cta-${thirdButton.type}`}\n                  aria-label={thirdButton['aria-label']}\n                  type={thirdButton.type}\n                  customStyle={thirdButton.customStyle}\n                />\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nCMPopin.propTypes = propTypes;\n\nexport default CMPopin;\n"],"mappings":"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"}