@coorpacademy/components 10.3.24 → 10.3.27-alpha.25

package/lib/molecule/wizard-summary/index.js

@@ -19,9 +19,9 @@ var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
 
 var _style = _interopRequireDefault(require("./style.css"));
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -156,6 +156,14 @@ const BuildAction = ({
   }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, buttonProps));
 };
 
+const checkOnClose = (checked, summaryElement, onCloseSummary, clickEvent) => {
+  if (checked) {
+    if (summaryElement && summaryElement.current && !summaryElement.current.contains(clickEvent.target)) {
+      onCloseSummary();
+    }
+  }
+};
+
 const WizardSummary = props => {
   const {
     title,
@@ -165,8 +173,25 @@ const WizardSummary = props => {
   } = props;
   const sectionsView = buildSections(sections);
   const idSwitch = (0, _uniqueId2.default)('open-summary-wizard');
+  const summaryElement = (0, _react.useRef)(null);
+  const [checked, setChecked] = (0, _react.useState)(false);
+
+  const onCloseSummary = () => setChecked(false);
+
+  const handleOnChange = (0, _react.useCallback)(() => {
+    if (!checked) {
+      document.addEventListener('click', clickEvent => checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent));
+      document.addEventListener('touchstart', clickEvent => checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent));
+    } else {
+      document.removeEventListener('click', clickEvent => checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent));
+      document.removeEventListener('touchstart', clickEvent => checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent));
+    }
+
+    setChecked(!checked);
+  }, [checked]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.container
+    className: _style.default.container,
+    ref: summaryElement
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: _style.default.desktopSummaryTitle,
     "data-name": `summary-title-${side}`
@@ -176,7 +201,9 @@ const WizardSummary = props => {
     name: "toogle",
     title: idSwitch,
     className: _style.default.checkbox,
-    "data-name": `summary-checkbox-${side}`
+    "data-name": `summary-checkbox-${side}`,
+    checked: checked,
+    onChange: handleOnChange
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.summary
   }, /*#__PURE__*/_react.default.createElement("div", {

package/lib/molecule/wizard-summary/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/wizard-summary/index.js"],"names":["buildItemsOfSection","items","map","item","index","type","title","style","value","category","label","author","unsaved","contentWrapper","contentCounter","contentItem","content","contentTitle","__html","text","valueSimpleText","buildSectionHeader","section","counterText","sectionHeader","buildSections","sections","itemsView","sectionWrapper","BuildAction","action","onClick","disabled","icon","ariaLabel","side","handleClick","buttonProps","position","button","WizardSummary","props","sectionsView","idSwitch","container","desktopSummaryTitle","checkbox","summary","tabletSummaryHeader","tabletSummaryTitle","tabletSummaryIcon","summarySections","actionZone","propTypes","PropTypes","shape","string","bool","func","arrayOf","oneOfType","oneOf"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {uniqueId} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowDown as ArrowDownIcon} from '@coorpacademy/nova-icons';\nimport ContentBadge from '../../atom/content-badge';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst buildItemsOfSection = items => {\n  return items.map((item, index) => {\n    const {type} = item;\n    switch (type) {\n      case 'mainElement':\n        return (\n          <li key={`${item.title}-${index}`} data-name={item.title}>\n            <span className={style.title}>{item.title}</span>\n            <span className={style.value}>{item.value}</span>\n          </li>\n        );\n      case 'content': {\n        const {category, label, title, author, unsaved = false} = item;\n        return (\n          <li className={style.contentWrapper} key={`${title}-${index}`} data-name={item.title}>\n            <span className={style.contentCounter}>{index + 1}</span>\n            <div className={style.contentItem}>\n              <div className={style.content}>\n                <ContentBadge category={category} label={label} />\n                <span\n                  className={classnames(style.contentTitle, unsaved && style.unsaved)}\n                  title={title}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: title}}\n                />\n              </div>\n              {author ? <span className={style.author}>{author}</span> : null}\n            </div>\n          </li>\n        );\n      }\n      case 'text':\n      default: {\n        const {text, unsaved = false} = item;\n        return (\n          <li key={`${item.text}-${index}`} data-name={item.title}>\n            <span className={classnames(style.valueSimpleText, unsaved && style.unsaved)}>\n              {text}\n            </span>\n          </li>\n        );\n      }\n    }\n  });\n};\n\nconst buildSectionHeader = section => {\n  const {title, counterText} = section;\n  if (!title) {\n    return null;\n  }\n  return (\n    <div className={style.sectionHeader}>\n      <span className={style.title}>{title}</span>\n      {counterText ? <span className={style.counterText}>{counterText}</span> : null}\n    </div>\n  );\n};\n\nconst buildSections = sections => {\n  return sections.map((section, index) => {\n    const sectionHeader = buildSectionHeader(section);\n    const itemsView = buildItemsOfSection(section.items);\n    return (\n      <div\n        key={`summary-section-${index}`}\n        data-step={index}\n        data-name={`summary-section-${index}`}\n        className={style.sectionWrapper}\n      >\n        {sectionHeader}\n        <ul>{itemsView}</ul>\n      </div>\n    );\n  });\n};\n\nconst BuildAction = ({action}) => {\n  const {onClick, text, disabled = false, icon, 'aria-label': ariaLabel, side} = action;\n  const handleClick = useMemo(() => () => onClick(), [onClick]);\n\n  if (!action) return null;\n\n  const buttonProps = {\n    type: 'text',\n    label: text,\n    disabled,\n    'aria-label': ariaLabel,\n    'data-name': `${icon}-button-${side}`,\n    onClick: handleClick,\n    icon: {\n      position: 'left',\n      type: icon\n    }\n  };\n\n  return (\n    <div className={style.button}>\n      <ButtonLink {...buttonProps} />\n    </div>\n  );\n};\n\nconst WizardSummary = props => {\n  const {title, sections, action, side} = props;\n  const sectionsView = buildSections(sections);\n  const idSwitch = uniqueId('open-summary-wizard');\n\n  return (\n    <div className={style.container}>\n      <span className={style.desktopSummaryTitle} data-name={`summary-title-${side}`}>\n        {title}\n      </span>\n      <input\n        type=\"checkbox\"\n        id={idSwitch}\n        name=\"toogle\"\n        title={idSwitch}\n        className={style.checkbox}\n        data-name={`summary-checkbox-${side}`}\n      />\n      <div className={style.summary}>\n        <div className={style.tabletSummaryHeader}>\n          <label htmlFor={idSwitch}>\n            <span className={style.tabletSummaryTitle}>{title}</span>\n            <ArrowDownIcon className={style.tabletSummaryIcon} />\n          </label>\n        </div>\n        <div className={style.summarySections} data-name={`summary-section-${side}`}>\n          {sectionsView}\n        </div>\n      </div>\n      <div className={style.actionZone} data-name={`summary-actions-${side}`}>\n        <BuildAction action={action} side={side} />\n      </div>\n    </div>\n  );\n};\n\nBuildAction.propTypes = {\n  action: PropTypes.shape({\n    icon: PropTypes.string,\n    disabled: PropTypes.bool,\n    text: PropTypes.string,\n    side: PropTypes.string,\n    onClick: PropTypes.func,\n    'aria-label': PropTypes.string\n  })\n};\n\nWizardSummary.propTypes = {\n  title: PropTypes.string,\n  side: PropTypes.string,\n  sections: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string,\n      items: PropTypes.arrayOf(\n        PropTypes.oneOfType([\n          PropTypes.shape({\n            type: PropTypes.string,\n            title: PropTypes.string,\n            value: PropTypes.string\n          }),\n          PropTypes.shape({\n            type: PropTypes.string,\n            text: PropTypes.string,\n            unsaved: PropTypes.bool\n          }),\n          PropTypes.shape({\n            type: PropTypes.string,\n            category: PropTypes.oneOf([\n              'base',\n              'advanced',\n              'coach',\n              'chapter',\n              'scorm',\n              'video',\n              'article',\n              'podcast',\n              'course'\n            ]),\n            title: PropTypes.string,\n            label: PropTypes.string,\n            author: PropTypes.string,\n            unsaved: PropTypes.bool\n          })\n        ])\n      ),\n      counterText: PropTypes.string\n    })\n  ),\n  action: BuildAction.propTypes.action\n};\n\nexport default WizardSummary;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/wizard-summary/index.js"],"names":["buildItemsOfSection","items","map","item","index","type","title","style","value","category","label","author","unsaved","contentWrapper","contentCounter","contentItem","content","contentTitle","__html","text","valueSimpleText","buildSectionHeader","section","counterText","sectionHeader","buildSections","sections","itemsView","sectionWrapper","BuildAction","action","onClick","disabled","icon","ariaLabel","side","handleClick","buttonProps","position","button","checkOnClose","checked","summaryElement","onCloseSummary","clickEvent","current","contains","target","WizardSummary","props","sectionsView","idSwitch","setChecked","handleOnChange","document","addEventListener","removeEventListener","container","desktopSummaryTitle","checkbox","summary","tabletSummaryHeader","tabletSummaryTitle","tabletSummaryIcon","summarySections","actionZone","propTypes","PropTypes","shape","string","bool","func","arrayOf","oneOfType","oneOf"],"mappings":"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","sourcesContent":["import React, {useMemo, useState, useCallback, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {uniqueId} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowDown as ArrowDownIcon} from '@coorpacademy/nova-icons';\nimport ContentBadge from '../../atom/content-badge';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst buildItemsOfSection = items => {\n  return items.map((item, index) => {\n    const {type} = item;\n    switch (type) {\n      case 'mainElement':\n        return (\n          <li key={`${item.title}-${index}`} data-name={item.title}>\n            <span className={style.title}>{item.title}</span>\n            <span className={style.value}>{item.value}</span>\n          </li>\n        );\n      case 'content': {\n        const {category, label, title, author, unsaved = false} = item;\n        return (\n          <li className={style.contentWrapper} key={`${title}-${index}`} data-name={item.title}>\n            <span className={style.contentCounter}>{index + 1}</span>\n            <div className={style.contentItem}>\n              <div className={style.content}>\n                <ContentBadge category={category} label={label} />\n                <span\n                  className={classnames(style.contentTitle, unsaved && style.unsaved)}\n                  title={title}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: title}}\n                />\n              </div>\n              {author ? <span className={style.author}>{author}</span> : null}\n            </div>\n          </li>\n        );\n      }\n      case 'text':\n      default: {\n        const {text, unsaved = false} = item;\n        return (\n          <li key={`${item.text}-${index}`} data-name={item.title}>\n            <span className={classnames(style.valueSimpleText, unsaved && style.unsaved)}>\n              {text}\n            </span>\n          </li>\n        );\n      }\n    }\n  });\n};\n\nconst buildSectionHeader = section => {\n  const {title, counterText} = section;\n  if (!title) {\n    return null;\n  }\n  return (\n    <div className={style.sectionHeader}>\n      <span className={style.title}>{title}</span>\n      {counterText ? <span className={style.counterText}>{counterText}</span> : null}\n    </div>\n  );\n};\n\nconst buildSections = sections => {\n  return sections.map((section, index) => {\n    const sectionHeader = buildSectionHeader(section);\n    const itemsView = buildItemsOfSection(section.items);\n    return (\n      <div\n        key={`summary-section-${index}`}\n        data-step={index}\n        data-name={`summary-section-${index}`}\n        className={style.sectionWrapper}\n      >\n        {sectionHeader}\n        <ul>{itemsView}</ul>\n      </div>\n    );\n  });\n};\n\nconst BuildAction = ({action}) => {\n  const {onClick, text, disabled = false, icon, 'aria-label': ariaLabel, side} = action;\n  const handleClick = useMemo(() => () => onClick(), [onClick]);\n\n  if (!action) return null;\n\n  const buttonProps = {\n    type: 'text',\n    label: text,\n    disabled,\n    'aria-label': ariaLabel,\n    'data-name': `${icon}-button-${side}`,\n    onClick: handleClick,\n    icon: {\n      position: 'left',\n      type: icon\n    }\n  };\n\n  return (\n    <div className={style.button}>\n      <ButtonLink {...buttonProps} />\n    </div>\n  );\n};\n\nconst checkOnClose = (checked, summaryElement, onCloseSummary, clickEvent) => {\n  if (checked) {\n    if (\n      summaryElement &&\n      summaryElement.current &&\n      !summaryElement.current.contains(clickEvent.target)\n    ) {\n      onCloseSummary();\n    }\n  }\n};\n\nconst WizardSummary = props => {\n  const {title, sections, action, side} = props;\n  const sectionsView = buildSections(sections);\n  const idSwitch = uniqueId('open-summary-wizard');\n  const summaryElement = useRef(null);\n  const [checked, setChecked] = useState(false);\n\n  const onCloseSummary = () => setChecked(false);\n  const handleOnChange = useCallback(() => {\n    if (!checked) {\n      document.addEventListener('click', clickEvent =>\n        checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent)\n      );\n      document.addEventListener('touchstart', clickEvent =>\n        checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent)\n      );\n    } else {\n      document.removeEventListener('click', clickEvent =>\n        checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent)\n      );\n      document.removeEventListener('touchstart', clickEvent =>\n        checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent)\n      );\n    }\n    setChecked(!checked);\n  }, [checked]);\n\n  return (\n    <div className={style.container} ref={summaryElement}>\n      <span className={style.desktopSummaryTitle} data-name={`summary-title-${side}`}>\n        {title}\n      </span>\n      <input\n        type=\"checkbox\"\n        id={idSwitch}\n        name=\"toogle\"\n        title={idSwitch}\n        className={style.checkbox}\n        data-name={`summary-checkbox-${side}`}\n        checked={checked}\n        onChange={handleOnChange}\n      />\n      <div className={style.summary}>\n        <div className={style.tabletSummaryHeader}>\n          <label htmlFor={idSwitch}>\n            <span className={style.tabletSummaryTitle}>{title}</span>\n            <ArrowDownIcon className={style.tabletSummaryIcon} />\n          </label>\n        </div>\n        <div className={style.summarySections} data-name={`summary-section-${side}`}>\n          {sectionsView}\n        </div>\n      </div>\n      <div className={style.actionZone} data-name={`summary-actions-${side}`}>\n        <BuildAction action={action} side={side} />\n      </div>\n    </div>\n  );\n};\n\nBuildAction.propTypes = {\n  action: PropTypes.shape({\n    icon: PropTypes.string,\n    disabled: PropTypes.bool,\n    text: PropTypes.string,\n    side: PropTypes.string,\n    onClick: PropTypes.func,\n    'aria-label': PropTypes.string\n  })\n};\n\nWizardSummary.propTypes = {\n  title: PropTypes.string,\n  side: PropTypes.string,\n  sections: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string,\n      items: PropTypes.arrayOf(\n        PropTypes.oneOfType([\n          PropTypes.shape({\n            type: PropTypes.string,\n            title: PropTypes.string,\n            value: PropTypes.string\n          }),\n          PropTypes.shape({\n            type: PropTypes.string,\n            text: PropTypes.string,\n            unsaved: PropTypes.bool\n          }),\n          PropTypes.shape({\n            type: PropTypes.string,\n            category: PropTypes.oneOf([\n              'base',\n              'advanced',\n              'coach',\n              'chapter',\n              'scorm',\n              'video',\n              'article',\n              'podcast',\n              'course'\n            ]),\n            title: PropTypes.string,\n            label: PropTypes.string,\n            author: PropTypes.string,\n            unsaved: PropTypes.bool\n          })\n        ])\n      ),\n      counterText: PropTypes.string\n    })\n  ),\n  action: BuildAction.propTypes.action\n};\n\nexport default WizardSummary;\n"],"file":"index.js"}

package/lib/molecule/wizard-summary/style.css

@@ -233,7 +233,7 @@ ul {
   }
 
   .checkbox:checked + .summary  {
-    height: 70%;
+    min-height: 500px;
     max-height: 1000px;
     padding: 12px 24px 12px 24px;
     box-shadow: 0 -6px 42px -14px rgba(0, 0, 0, 0.25);

package/lib/organism/accordion/container/index.js

@@ -17,9 +17,9 @@ var _part = _interopRequireDefault(require("../part"));
 
 var _style = _interopRequireDefault(require("./style.css"));
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 

package/lib/organism/accordion/coorp-manager/index.js

@@ -17,9 +17,9 @@ var _part = _interopRequireDefault(require("./part"));
 
 var _style = _interopRequireDefault(require("./style.css"));
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -93,7 +93,7 @@ const Accordion = props => {
 
   const tabs = _map2.default.convert({
     cap: false
-  })((tab, index) => _extends(_extends({}, tab), {}, {
+  })((tab, index) => _extends({}, tab, {
     child: children[index],
     children: undefined
   }))(tabProps);

package/lib/organism/accordion/coorp-manager/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/organism/accordion/coorp-manager/index.js"],"names":["themeStyle","setup","style","setupWrapper","default","wrapper","Tab","children","index","title","selected","iconType","onClick","href","type","theme","isOpen","onUpdateOpenedTab","handleOnClick","evt","wrapperHidden","propTypes","Part","content","PropTypes","number","Accordion","props","tabProps","selectedIndex","item","openedTab","updateOpenedTab","tabs","convert","cap","tab","child","undefined","accordion","defaultProps","arrayOf","shape","oneOf"],"mappings":"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","sourcesContent":["import React, {useMemo, useEffect, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {map, noop, findIndex} from 'lodash/fp';\nimport Part from './part';\nimport style from './style.css';\n\nconst themeStyle = {\n  setup: style.setupWrapper,\n  default: style.wrapper\n};\n\nconst Tab = ({\n  children,\n  index,\n  title,\n  selected,\n  iconType,\n  onClick,\n  href,\n  type,\n  theme,\n  isOpen,\n  onUpdateOpenedTab\n}) => {\n  const handleOnClick = useMemo(() => evt => onClick(index, evt), [index, onClick]);\n  return children ? (\n    <div data-name=\"accordion\" className={themeStyle[theme]}>\n      <Part\n        iconType={iconType}\n        title={title}\n        content={children}\n        selected={selected}\n        theme={theme}\n        href={href}\n        type={type}\n        onClick={handleOnClick}\n        onUpdateOpenedTab={onUpdateOpenedTab}\n        isOpen={isOpen}\n      />\n    </div>\n  ) : (\n    <div data-name=\"accordion\" className={style.wrapperHidden} />\n  );\n};\n\nTab.propTypes = {\n  children: Part.propTypes.content,\n  index: PropTypes.number,\n  title: Part.propTypes.title,\n  iconType: Part.propTypes.iconType,\n  theme: Part.propTypes.theme,\n  onClick: Part.propTypes.onClick,\n  selected: Part.propTypes.selected,\n  type: Part.propTypes.type,\n  href: Part.propTypes.href,\n  isOpen: Part.propTypes.isOpen,\n  onUpdateOpenedTab: Part.propTypes.onUpdateOpenedTab\n};\n\nconst Accordion = props => {\n  const {tabProps, children, theme = 'default', onClick = noop} = props;\n  const selectedIndex = findIndex(item => item.selected, tabProps);\n\n  const [openedTab, updateOpenedTab] = useState(selectedIndex);\n  useEffect(() => {\n    updateOpenedTab(selectedIndex);\n  }, [selectedIndex]);\n\n  const tabs = map.convert({cap: false})((tab, index) => ({\n    ...tab,\n    child: children[index],\n    children: undefined\n  }))(tabProps);\n\n  const accordion = map.convert({cap: false})((tab, index) => {\n    const isOpen = openedTab === index;\n    function onUpdateOpenedTab() {\n      updateOpenedTab(isOpen ? -1 : index);\n    }\n    return (\n      <Tab\n        {...tab}\n        key={index}\n        index={index}\n        theme={theme}\n        onClick={onClick}\n        onUpdateOpenedTab={onUpdateOpenedTab}\n        isOpen={isOpen}\n      >\n        {tab.child}\n      </Tab>\n    );\n  }, tabs);\n\n  return <div>{accordion}</div>;\n};\n\nAccordion.defaultProps = {\n  children: []\n};\n\nAccordion.propTypes = {\n  children: PropTypes.arrayOf(Tab.propTypes.children),\n  tabProps: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: Tab.propTypes.title,\n      iconType: Tab.propTypes.iconType,\n      selected: Tab.propTypes.selected,\n      type: Tab.propTypes.type,\n      href: Tab.propTypes.href,\n      index: Tab.propTypes.index,\n      children: Tab.propTypes.children\n    })\n  ),\n  onClick: Tab.propTypes.onClick,\n  theme: PropTypes.oneOf(['setup', 'default'])\n};\n\nexport default Accordion;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/organism/accordion/coorp-manager/index.js"],"names":["themeStyle","setup","style","setupWrapper","default","wrapper","Tab","children","index","title","selected","iconType","onClick","href","type","theme","isOpen","onUpdateOpenedTab","handleOnClick","evt","wrapperHidden","propTypes","Part","content","PropTypes","number","Accordion","props","tabProps","selectedIndex","item","openedTab","updateOpenedTab","tabs","convert","cap","tab","child","undefined","accordion","defaultProps","arrayOf","shape","oneOf"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;;;;;AAEA,MAAMA,UAAU,GAAG;AACjBC,EAAAA,KAAK,EAAEC,eAAMC,YADI;AAEjBC,EAAAA,OAAO,EAAEF,eAAMG;AAFE,CAAnB;;AAKA,MAAMC,GAAG,GAAG,CAAC;AACXC,EAAAA,QADW;AAEXC,EAAAA,KAFW;AAGXC,EAAAA,KAHW;AAIXC,EAAAA,QAJW;AAKXC,EAAAA,QALW;AAMXC,EAAAA,OANW;AAOXC,EAAAA,IAPW;AAQXC,EAAAA,IARW;AASXC,EAAAA,KATW;AAUXC,EAAAA,MAVW;AAWXC,EAAAA;AAXW,CAAD,KAYN;AACJ,QAAMC,aAAa,GAAG,oBAAQ,MAAMC,GAAG,IAAIP,OAAO,CAACJ,KAAD,EAAQW,GAAR,CAA5B,EAA0C,CAACX,KAAD,EAAQI,OAAR,CAA1C,CAAtB;AACA,SAAOL,QAAQ,gBACb;AAAK,iBAAU,WAAf;AAA2B,IAAA,SAAS,EAAEP,UAAU,CAACe,KAAD;AAAhD,kBACE,6BAAC,aAAD;AACE,IAAA,QAAQ,EAAEJ,QADZ;AAEE,IAAA,KAAK,EAAEF,KAFT;AAGE,IAAA,OAAO,EAAEF,QAHX;AAIE,IAAA,QAAQ,EAAEG,QAJZ;AAKE,IAAA,KAAK,EAAEK,KALT;AAME,IAAA,IAAI,EAAEF,IANR;AAOE,IAAA,IAAI,EAAEC,IAPR;AAQE,IAAA,OAAO,EAAEI,aARX;AASE,IAAA,iBAAiB,EAAED,iBATrB;AAUE,IAAA,MAAM,EAAED;AAVV,IADF,CADa,gBAgBb;AAAK,iBAAU,WAAf;AAA2B,IAAA,SAAS,EAAEd,eAAMkB;AAA5C,IAhBF;AAkBD,CAhCD;;AAkCAd,GAAG,CAACe,SAAJ,2CAAgB;AACdd,EAAAA,QAAQ,EAAEe,cAAKD,SAAL,CAAeE,OADX;AAEdf,EAAAA,KAAK,EAAEgB,mBAAUC,MAFH;AAGdhB,EAAAA,KAAK,EAAEa,cAAKD,SAAL,CAAeZ,KAHR;AAIdE,EAAAA,QAAQ,EAAEW,cAAKD,SAAL,CAAeV,QAJX;AAKdI,EAAAA,KAAK,EAAEO,cAAKD,SAAL,CAAeN,KALR;AAMdH,EAAAA,OAAO,EAAEU,cAAKD,SAAL,CAAeT,OANV;AAOdF,EAAAA,QAAQ,EAAEY,cAAKD,SAAL,CAAeX,QAPX;AAQdI,EAAAA,IAAI,EAAEQ,cAAKD,SAAL,CAAeP,IARP;AASdD,EAAAA,IAAI,EAAES,cAAKD,SAAL,CAAeR,IATP;AAUdG,EAAAA,MAAM,EAAEM,cAAKD,SAAL,CAAeL,MAVT;AAWdC,EAAAA,iBAAiB,EAAEK,cAAKD,SAAL,CAAeJ;AAXpB,CAAhB;;AAcA,MAAMS,SAAS,GAAGC,KAAK,IAAI;AACzB,QAAM;AAACC,IAAAA,QAAD;AAAWrB,IAAAA,QAAX;AAAqBQ,IAAAA,KAAK,GAAG,SAA7B;AAAwCH,IAAAA,OAAO;AAA/C,MAA0De,KAAhE;AACA,QAAME,aAAa,GAAG,yBAAUC,IAAI,IAAIA,IAAI,CAACpB,QAAvB,EAAiCkB,QAAjC,CAAtB;AAEA,QAAM,CAACG,SAAD,EAAYC,eAAZ,IAA+B,qBAASH,aAAT,CAArC;AACA,wBAAU,MAAM;AACdG,IAAAA,eAAe,CAACH,aAAD,CAAf;AACD,GAFD,EAEG,CAACA,aAAD,CAFH;;AAIA,QAAMI,IAAI,GAAG,cAAIC,OAAJ,CAAY;AAACC,IAAAA,GAAG,EAAE;AAAN,GAAZ,EAA0B,CAACC,GAAD,EAAM5B,KAAN,kBAClC4B,GADkC;AAErCC,IAAAA,KAAK,EAAE9B,QAAQ,CAACC,KAAD,CAFsB;AAGrCD,IAAAA,QAAQ,EAAE+B;AAH2B,IAA1B,EAITV,QAJS,CAAb;;AAMA,QAAMW,SAAS,GAAG,cAAIL,OAAJ,CAAY;AAACC,IAAAA,GAAG,EAAE;AAAN,GAAZ,EAA0B,CAACC,GAAD,EAAM5B,KAAN,KAAgB;AAC1D,UAAMQ,MAAM,GAAGe,SAAS,KAAKvB,KAA7B;;AACA,aAASS,iBAAT,GAA6B;AAC3Be,MAAAA,eAAe,CAAChB,MAAM,GAAG,CAAC,CAAJ,GAAQR,KAAf,CAAf;AACD;;AACD,wBACE,6BAAC,GAAD,eACM4B,GADN;AAEE,MAAA,GAAG,EAAE5B,KAFP;AAGE,MAAA,KAAK,EAAEA,KAHT;AAIE,MAAA,KAAK,EAAEO,KAJT;AAKE,MAAA,OAAO,EAAEH,OALX;AAME,MAAA,iBAAiB,EAAEK,iBANrB;AAOE,MAAA,MAAM,EAAED;AAPV,QASGoB,GAAG,CAACC,KATP,CADF;AAaD,GAlBiB,EAkBfJ,IAlBe,CAAlB;;AAoBA,sBAAO,0CAAMM,SAAN,CAAP;AACD,CApCD;;AAsCAb,SAAS,CAACc,YAAV,GAAyB;AACvBjC,EAAAA,QAAQ,EAAE;AADa,CAAzB;AAIAmB,SAAS,CAACL,SAAV,2CAAsB;AACpBd,EAAAA,QAAQ,EAAEiB,mBAAUiB,OAAV,CAAkBnC,GAAG,CAACe,SAAJ,CAAcd,QAAhC,CADU;AAEpBqB,EAAAA,QAAQ,EAAEJ,mBAAUiB,OAAV,CACRjB,mBAAUkB,KAAV,CAAgB;AACdjC,IAAAA,KAAK,EAAEH,GAAG,CAACe,SAAJ,CAAcZ,KADP;AAEdE,IAAAA,QAAQ,EAAEL,GAAG,CAACe,SAAJ,CAAcV,QAFV;AAGdD,IAAAA,QAAQ,EAAEJ,GAAG,CAACe,SAAJ,CAAcX,QAHV;AAIdI,IAAAA,IAAI,EAAER,GAAG,CAACe,SAAJ,CAAcP,IAJN;AAKdD,IAAAA,IAAI,EAAEP,GAAG,CAACe,SAAJ,CAAcR,IALN;AAMdL,IAAAA,KAAK,EAAEF,GAAG,CAACe,SAAJ,CAAcb,KANP;AAOdD,IAAAA,QAAQ,EAAED,GAAG,CAACe,SAAJ,CAAcd;AAPV,GAAhB,CADQ,CAFU;AAapBK,EAAAA,OAAO,EAAEN,GAAG,CAACe,SAAJ,CAAcT,OAbH;AAcpBG,EAAAA,KAAK,EAAES,mBAAUmB,KAAV,CAAgB,CAAC,OAAD,EAAU,SAAV,CAAhB;AAda,CAAtB;eAiBejB,S","sourcesContent":["import React, {useMemo, useEffect, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {map, noop, findIndex} from 'lodash/fp';\nimport Part from './part';\nimport style from './style.css';\n\nconst themeStyle = {\n  setup: style.setupWrapper,\n  default: style.wrapper\n};\n\nconst Tab = ({\n  children,\n  index,\n  title,\n  selected,\n  iconType,\n  onClick,\n  href,\n  type,\n  theme,\n  isOpen,\n  onUpdateOpenedTab\n}) => {\n  const handleOnClick = useMemo(() => evt => onClick(index, evt), [index, onClick]);\n  return children ? (\n    <div data-name=\"accordion\" className={themeStyle[theme]}>\n      <Part\n        iconType={iconType}\n        title={title}\n        content={children}\n        selected={selected}\n        theme={theme}\n        href={href}\n        type={type}\n        onClick={handleOnClick}\n        onUpdateOpenedTab={onUpdateOpenedTab}\n        isOpen={isOpen}\n      />\n    </div>\n  ) : (\n    <div data-name=\"accordion\" className={style.wrapperHidden} />\n  );\n};\n\nTab.propTypes = {\n  children: Part.propTypes.content,\n  index: PropTypes.number,\n  title: Part.propTypes.title,\n  iconType: Part.propTypes.iconType,\n  theme: Part.propTypes.theme,\n  onClick: Part.propTypes.onClick,\n  selected: Part.propTypes.selected,\n  type: Part.propTypes.type,\n  href: Part.propTypes.href,\n  isOpen: Part.propTypes.isOpen,\n  onUpdateOpenedTab: Part.propTypes.onUpdateOpenedTab\n};\n\nconst Accordion = props => {\n  const {tabProps, children, theme = 'default', onClick = noop} = props;\n  const selectedIndex = findIndex(item => item.selected, tabProps);\n\n  const [openedTab, updateOpenedTab] = useState(selectedIndex);\n  useEffect(() => {\n    updateOpenedTab(selectedIndex);\n  }, [selectedIndex]);\n\n  const tabs = map.convert({cap: false})((tab, index) => ({\n    ...tab,\n    child: children[index],\n    children: undefined\n  }))(tabProps);\n\n  const accordion = map.convert({cap: false})((tab, index) => {\n    const isOpen = openedTab === index;\n    function onUpdateOpenedTab() {\n      updateOpenedTab(isOpen ? -1 : index);\n    }\n    return (\n      <Tab\n        {...tab}\n        key={index}\n        index={index}\n        theme={theme}\n        onClick={onClick}\n        onUpdateOpenedTab={onUpdateOpenedTab}\n        isOpen={isOpen}\n      >\n        {tab.child}\n      </Tab>\n    );\n  }, tabs);\n\n  return <div>{accordion}</div>;\n};\n\nAccordion.defaultProps = {\n  children: []\n};\n\nAccordion.propTypes = {\n  children: PropTypes.arrayOf(Tab.propTypes.children),\n  tabProps: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: Tab.propTypes.title,\n      iconType: Tab.propTypes.iconType,\n      selected: Tab.propTypes.selected,\n      type: Tab.propTypes.type,\n      href: Tab.propTypes.href,\n      index: Tab.propTypes.index,\n      children: Tab.propTypes.children\n    })\n  ),\n  onClick: Tab.propTypes.onClick,\n  theme: PropTypes.oneOf(['setup', 'default'])\n};\n\nexport default Accordion;\n"],"file":"index.js"}

package/lib/organism/accordion/toggler/index.js

@@ -64,7 +64,7 @@ class AccordionToggler extends _react.default.Component {
     const {
       isOpenValues
     } = this.state;
-    return (0, _zipWith2.default)((props, isOpen) => _extends(_extends({}, props), {}, {
+    return (0, _zipWith2.default)((props, isOpen) => _extends({}, props, {
       isOpen
     }), tabProps, isOpenValues);
   }

package/lib/organism/accordion/toggler/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/organism/accordion/toggler/index.js"],"names":["AccordionToggler","React","Component","getDerivedStateFromProps","props","state","isOpenValues","length","tabProps","constructor","handleOnClick","bind","key","oneTabOnly","setState","prevState","mergePropsAndState","isOpen","render","children","theme","propTypes","PropTypes","arrayOf","shape","Accordion","bool","string","node"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAGA;;;;;;AAEA,MAAMA,gBAAN,SAA+BC,eAAMC,SAArC,CAA+C;AAQ7C,SAAOC,wBAAP,CAAgCC,KAAhC,EAAuCC,KAAvC,EAA8C;AAC5C,QAAIA,KAAK,CAACC,YAAN,IAAsBD,KAAK,CAACC,YAAN,CAAmBC,MAAnB,KAA8BH,KAAK,CAACI,QAAN,CAAeD,MAAvE,EAA+E,OAAO,IAAP;AAE/E,UAAMD,YAAY,GAAG,mBAAI,qBAAM,KAAN,EAAa,QAAb,CAAJ,EAA4BF,KAAK,CAACI,QAAlC,CAArB;AACA,WAAO;AAACF,MAAAA;AAAD,KAAP;AACD;;AAEDG,EAAAA,WAAW,CAACL,KAAD,EAAQ;AACjB,UAAMA,KAAN;AAEA,SAAKC,KAAL,GAAa;AAACC,MAAAA,YAAY,EAAE;AAAf,KAAb;AAEA,SAAKI,aAAL,GAAqB,KAAKA,aAAL,CAAmBC,IAAnB,CAAwB,IAAxB,CAArB;AACD;;AAEDD,EAAAA,aAAa,CAACE,GAAD,EAAM;AACjB,UAAM;AAACC,MAAAA;AAAD,QAAe,KAAKT,KAA1B;AACA,SAAKU,QAAL,CAAcC,SAAS,IAAI;AACzB,aAAO;AACLT,QAAAA,YAAY,EAAE,oBACZO,UAAU,GAAG,mBAAI,wBAAS,KAAT,CAAJ,CAAH,qBADE,EAEZ,mBAAID,GAAJ,EAAS,CAAC,mBAAIA,GAAJ,EAASG,SAAS,CAACT,YAAnB,CAAV,CAFY,EAGZS,SAAS,CAACT,YAHE;AADT,OAAP;AAMD,KAPD;AAQD;;AAEDU,EAAAA,kBAAkB,GAAG;AACnB,UAAM;AAACR,MAAAA;AAAD,QAAa,KAAKJ,KAAxB;AACA,UAAM;AAACE,MAAAA;AAAD,QAAiB,KAAKD,KAA5B;AAEA,WAAO,uBACL,CAACD,KAAD,EAAQa,MAAR,2BACKb,KADL;AAEEa,MAAAA;AAFF,MADK,EAKLT,QALK,EAMLF,YANK,CAAP;AAQD;;AAEDY,EAAAA,MAAM,GAAG;AACP,UAAM;AAACC,MAAAA,QAAQ,GAAG,EAAZ;AAAgBC,MAAAA;AAAhB,QAAyB,KAAKhB,KAApC;AACA,wBACE,6BAAC,kBAAD;AAAW,MAAA,QAAQ,EAAE,KAAKY,kBAAL,EAArB;AAAgD,MAAA,OAAO,EAAE,KAAKN,aAA9D;AAA6E,MAAA,KAAK,EAAEU;AAApF,OACGD,QADH,CADF;AAKD;;AAxD4C;;AAAzCnB,gB,CACGqB,S,2CAAY;AACjBb,EAAAA,QAAQ,EAAEc,mBAAUC,OAAV,CAAkBD,mBAAUE,KAAV,CAAgBC,mBAAUJ,SAA1B,CAAlB,CADO;AAEjBR,EAAAA,UAAU,EAAES,mBAAUI,IAFL;AAGjBN,EAAAA,KAAK,EAAEE,mBAAUK,MAHA;AAIjBR,EAAAA,QAAQ,EAAEG,mBAAUM;AAJH,C;eA0DN5B,gB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map, pipe, set, get, getOr, identity, constant, zipWith} from 'lodash/fp';\n\nimport Accordion from '../container';\n\nclass AccordionToggler extends React.Component {\n  static propTypes = {\n    tabProps: PropTypes.arrayOf(PropTypes.shape(Accordion.propTypes)),\n    oneTabOnly: PropTypes.bool,\n    theme: PropTypes.string,\n    children: PropTypes.node\n  };\n\n  static getDerivedStateFromProps(props, state) {\n    if (state.isOpenValues && state.isOpenValues.length === props.tabProps.length) return null;\n\n    const isOpenValues = map(getOr(false, 'isOpen'), props.tabProps);\n    return {isOpenValues};\n  }\n\n  constructor(props) {\n    super(props);\n\n    this.state = {isOpenValues: null};\n\n    this.handleOnClick = this.handleOnClick.bind(this);\n  }\n\n  handleOnClick(key) {\n    const {oneTabOnly} = this.props;\n    this.setState(prevState => {\n      return {\n        isOpenValues: pipe(\n          oneTabOnly ? map(constant(false)) : identity,\n          set(key, !get(key, prevState.isOpenValues))\n        )(prevState.isOpenValues)\n      };\n    });\n  }\n\n  mergePropsAndState() {\n    const {tabProps} = this.props;\n    const {isOpenValues} = this.state;\n\n    return zipWith(\n      (props, isOpen) => ({\n        ...props,\n        isOpen\n      }),\n      tabProps,\n      isOpenValues\n    );\n  }\n\n  render() {\n    const {children = [], theme} = this.props;\n    return (\n      <Accordion tabProps={this.mergePropsAndState()} onClick={this.handleOnClick} theme={theme}>\n        {children}\n      </Accordion>\n    );\n  }\n}\n\nexport default AccordionToggler;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/organism/accordion/toggler/index.js"],"names":["AccordionToggler","React","Component","getDerivedStateFromProps","props","state","isOpenValues","length","tabProps","constructor","handleOnClick","bind","key","oneTabOnly","setState","prevState","mergePropsAndState","isOpen","render","children","theme","propTypes","PropTypes","arrayOf","shape","Accordion","bool","string","node"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAGA;;;;;;AAEA,MAAMA,gBAAN,SAA+BC,eAAMC,SAArC,CAA+C;AAQd,SAAxBC,wBAAwB,CAACC,KAAD,EAAQC,KAAR,EAAe;AAC5C,QAAIA,KAAK,CAACC,YAAN,IAAsBD,KAAK,CAACC,YAAN,CAAmBC,MAAnB,KAA8BH,KAAK,CAACI,QAAN,CAAeD,MAAvE,EAA+E,OAAO,IAAP;AAE/E,UAAMD,YAAY,GAAG,mBAAI,qBAAM,KAAN,EAAa,QAAb,CAAJ,EAA4BF,KAAK,CAACI,QAAlC,CAArB;AACA,WAAO;AAACF,MAAAA;AAAD,KAAP;AACD;;AAEDG,EAAAA,WAAW,CAACL,KAAD,EAAQ;AACjB,UAAMA,KAAN;AAEA,SAAKC,KAAL,GAAa;AAACC,MAAAA,YAAY,EAAE;AAAf,KAAb;AAEA,SAAKI,aAAL,GAAqB,KAAKA,aAAL,CAAmBC,IAAnB,CAAwB,IAAxB,CAArB;AACD;;AAEDD,EAAAA,aAAa,CAACE,GAAD,EAAM;AACjB,UAAM;AAACC,MAAAA;AAAD,QAAe,KAAKT,KAA1B;AACA,SAAKU,QAAL,CAAcC,SAAS,IAAI;AACzB,aAAO;AACLT,QAAAA,YAAY,EAAE,oBACZO,UAAU,GAAG,mBAAI,wBAAS,KAAT,CAAJ,CAAH,qBADE,EAEZ,mBAAID,GAAJ,EAAS,CAAC,mBAAIA,GAAJ,EAASG,SAAS,CAACT,YAAnB,CAAV,CAFY,EAGZS,SAAS,CAACT,YAHE;AADT,OAAP;AAMD,KAPD;AAQD;;AAEDU,EAAAA,kBAAkB,GAAG;AACnB,UAAM;AAACR,MAAAA;AAAD,QAAa,KAAKJ,KAAxB;AACA,UAAM;AAACE,MAAAA;AAAD,QAAiB,KAAKD,KAA5B;AAEA,WAAO,uBACL,CAACD,KAAD,EAAQa,MAAR,kBACKb,KADL;AAEEa,MAAAA;AAFF,MADK,EAKLT,QALK,EAMLF,YANK,CAAP;AAQD;;AAEDY,EAAAA,MAAM,GAAG;AACP,UAAM;AAACC,MAAAA,QAAQ,GAAG,EAAZ;AAAgBC,MAAAA;AAAhB,QAAyB,KAAKhB,KAApC;AACA,wBACE,6BAAC,kBAAD;AAAW,MAAA,QAAQ,EAAE,KAAKY,kBAAL,EAArB;AAAgD,MAAA,OAAO,EAAE,KAAKN,aAA9D;AAA6E,MAAA,KAAK,EAAEU;AAApF,OACGD,QADH,CADF;AAKD;;AAxD4C;;AAAzCnB,gB,CACGqB,S,2CAAY;AACjBb,EAAAA,QAAQ,EAAEc,mBAAUC,OAAV,CAAkBD,mBAAUE,KAAV,CAAgBC,mBAAUJ,SAA1B,CAAlB,CADO;AAEjBR,EAAAA,UAAU,EAAES,mBAAUI,IAFL;AAGjBN,EAAAA,KAAK,EAAEE,mBAAUK,MAHA;AAIjBR,EAAAA,QAAQ,EAAEG,mBAAUM;AAJH,C;eA0DN5B,gB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map, pipe, set, get, getOr, identity, constant, zipWith} from 'lodash/fp';\n\nimport Accordion from '../container';\n\nclass AccordionToggler extends React.Component {\n  static propTypes = {\n    tabProps: PropTypes.arrayOf(PropTypes.shape(Accordion.propTypes)),\n    oneTabOnly: PropTypes.bool,\n    theme: PropTypes.string,\n    children: PropTypes.node\n  };\n\n  static getDerivedStateFromProps(props, state) {\n    if (state.isOpenValues && state.isOpenValues.length === props.tabProps.length) return null;\n\n    const isOpenValues = map(getOr(false, 'isOpen'), props.tabProps);\n    return {isOpenValues};\n  }\n\n  constructor(props) {\n    super(props);\n\n    this.state = {isOpenValues: null};\n\n    this.handleOnClick = this.handleOnClick.bind(this);\n  }\n\n  handleOnClick(key) {\n    const {oneTabOnly} = this.props;\n    this.setState(prevState => {\n      return {\n        isOpenValues: pipe(\n          oneTabOnly ? map(constant(false)) : identity,\n          set(key, !get(key, prevState.isOpenValues))\n        )(prevState.isOpenValues)\n      };\n    });\n  }\n\n  mergePropsAndState() {\n    const {tabProps} = this.props;\n    const {isOpenValues} = this.state;\n\n    return zipWith(\n      (props, isOpen) => ({\n        ...props,\n        isOpen\n      }),\n      tabProps,\n      isOpenValues\n    );\n  }\n\n  render() {\n    const {children = [], theme} = this.props;\n    return (\n      <Accordion tabProps={this.mergePropsAndState()} onClick={this.handleOnClick} theme={theme}>\n        {children}\n      </Accordion>\n    );\n  }\n}\n\nexport default AccordionToggler;\n"],"file":"index.js"}

package/lib/organism/accordion/toggler/test/render.js

@@ -25,7 +25,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
   adapter: new _enzymeAdapterReact.default()
 });
 
-const SINGLE_TAB_PROPS = _extends(_extends({}, _onlyOne.default.props), {}, {
+const SINGLE_TAB_PROPS = _extends({}, _onlyOne.default.props, {
   tabProps: (0, _take2.default)(1, _onlyOne.default.props.tabProps),
   children: (0, _take2.default)(1, _onlyOne.default.children)
 });
@@ -42,7 +42,7 @@ const SINGLE_TAB_PROPS = _extends(_extends({}, _onlyOne.default.props), {}, {
   t.false(wrapper.find('.part__openHeader').exists());
   wrapper.find('.part__header').at(0).simulate('click');
   t.true(wrapper.find('.part__openHeader').exists());
-  wrapper.setProps(_extends(_extends({}, _onlyOne.default.props), {}, {
+  wrapper.setProps(_extends({}, _onlyOne.default.props, {
     children: _onlyOne.default.children
   }));
   t.true(wrapper.find('.part__openHeader').exists());

package/lib/organism/accordion/toggler/test/render.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/organism/accordion/toggler/test/render.js"],"names":["adapter","Adapter","SINGLE_TAB_PROPS","onlyOneFixture","props","tabProps","children","t","multiPropsWrapper","setProps","singlePropsWrapper","is","html","wrapper","true","find","exists","false","at","simulate"],"mappings":";;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;AAEA;AACA,uBAAU;AAACA,EAAAA,OAAO,EAAE,IAAIC,2BAAJ;AAAV,CAAV;;AAEA,MAAMC,gBAAgB,yBACjBC,iBAAeC,KADE;AAEpBC,EAAAA,QAAQ,EAAE,oBAAK,CAAL,EAAQF,iBAAeC,KAAf,CAAqBC,QAA7B,CAFU;AAGpBC,EAAAA,QAAQ,EAAE,oBAAK,CAAL,EAAQH,iBAAeG,QAAvB;AAHU,EAAtB;;AAMA,kBAAM,0BAAN,EAAiCC,CAAC,IAAI;AACpC,QAAMC,iBAAiB,GAAG,iCAAM,6BAAC,SAAD,OAAN,CAA1B;AACAA,EAAAA,iBAAiB,CAACC,QAAlB,CAA2BP,gBAA3B;AAEA,QAAMQ,kBAAkB,GAAG,iCAAM,6BAAC,SAAD,EAAeR,gBAAf,CAAN,CAA3B;AAEAK,EAAAA,CAAC,CAACI,EAAF,CAAKH,iBAAiB,CAACI,IAAlB,EAAL,EAA+BF,kBAAkB,CAACE,IAAnB,EAA/B;AACD,CAPD;AASA,kBAAM,6BAAN,EAAoCL,CAAC,IAAI;AACvC,QAAMM,OAAO,GAAG,iCAAM,6BAAC,SAAD,EAAeX,gBAAf,CAAN,CAAhB;AAEAK,EAAAA,CAAC,CAACO,IAAF,CAAOD,OAAO,CAACE,IAAR,CAAa,eAAb,EAA8BC,MAA9B,EAAP;AAEAT,EAAAA,CAAC,CAACU,KAAF,CAAQJ,OAAO,CAACE,IAAR,CAAa,mBAAb,EAAkCC,MAAlC,EAAR;AAEAH,EAAAA,OAAO,CAACE,IAAR,CAAa,eAAb,EAA8BG,EAA9B,CAAiC,CAAjC,EAAoCC,QAApC,CAA6C,OAA7C;AAEAZ,EAAAA,CAAC,CAACO,IAAF,CAAOD,OAAO,CAACE,IAAR,CAAa,mBAAb,EAAkCC,MAAlC,EAAP;AAEAH,EAAAA,OAAO,CAACJ,QAAR,uBACKN,iBAAeC,KADpB;AAEEE,IAAAA,QAAQ,EAAEH,iBAAeG;AAF3B;AAKAC,EAAAA,CAAC,CAACO,IAAF,CAAOD,OAAO,CAACE,IAAR,CAAa,mBAAb,EAAkCC,MAAlC,EAAP;AACD,CAjBD","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {take} from 'lodash/fp';\nimport {mount, configure} from 'enzyme';\nimport Adapter from 'enzyme-adapter-react-16';\nimport Accordion from '..';\nimport onlyOneFixture from './fixtures/only-one';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\n\nconst SINGLE_TAB_PROPS = {\n  ...onlyOneFixture.props,\n  tabProps: take(1, onlyOneFixture.props.tabProps),\n  children: take(1, onlyOneFixture.children)\n};\n\ntest(`shouldn't props in state`, t => {\n  const multiPropsWrapper = mount(<Accordion />);\n  multiPropsWrapper.setProps(SINGLE_TAB_PROPS);\n\n  const singlePropsWrapper = mount(<Accordion {...SINGLE_TAB_PROPS} />);\n\n  t.is(multiPropsWrapper.html(), singlePropsWrapper.html());\n});\n\ntest(`should keep isOpen in state`, t => {\n  const wrapper = mount(<Accordion {...SINGLE_TAB_PROPS} />);\n\n  t.true(wrapper.find('.part__header').exists());\n\n  t.false(wrapper.find('.part__openHeader').exists());\n\n  wrapper.find('.part__header').at(0).simulate('click');\n\n  t.true(wrapper.find('.part__openHeader').exists());\n\n  wrapper.setProps({\n    ...onlyOneFixture.props,\n    children: onlyOneFixture.children\n  });\n\n  t.true(wrapper.find('.part__openHeader').exists());\n});\n"],"file":"render.js"}
+{"version":3,"sources":["../../../../../src/organism/accordion/toggler/test/render.js"],"names":["adapter","Adapter","SINGLE_TAB_PROPS","onlyOneFixture","props","tabProps","children","t","multiPropsWrapper","setProps","singlePropsWrapper","is","html","wrapper","true","find","exists","false","at","simulate"],"mappings":";;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;AAEA;AACA,uBAAU;AAACA,EAAAA,OAAO,EAAE,IAAIC,2BAAJ;AAAV,CAAV;;AAEA,MAAMC,gBAAgB,gBACjBC,iBAAeC,KADE;AAEpBC,EAAAA,QAAQ,EAAE,oBAAK,CAAL,EAAQF,iBAAeC,KAAf,CAAqBC,QAA7B,CAFU;AAGpBC,EAAAA,QAAQ,EAAE,oBAAK,CAAL,EAAQH,iBAAeG,QAAvB;AAHU,EAAtB;;AAMA,kBAAM,0BAAN,EAAiCC,CAAC,IAAI;AACpC,QAAMC,iBAAiB,GAAG,iCAAM,6BAAC,SAAD,OAAN,CAA1B;AACAA,EAAAA,iBAAiB,CAACC,QAAlB,CAA2BP,gBAA3B;AAEA,QAAMQ,kBAAkB,GAAG,iCAAM,6BAAC,SAAD,EAAeR,gBAAf,CAAN,CAA3B;AAEAK,EAAAA,CAAC,CAACI,EAAF,CAAKH,iBAAiB,CAACI,IAAlB,EAAL,EAA+BF,kBAAkB,CAACE,IAAnB,EAA/B;AACD,CAPD;AASA,kBAAM,6BAAN,EAAoCL,CAAC,IAAI;AACvC,QAAMM,OAAO,GAAG,iCAAM,6BAAC,SAAD,EAAeX,gBAAf,CAAN,CAAhB;AAEAK,EAAAA,CAAC,CAACO,IAAF,CAAOD,OAAO,CAACE,IAAR,CAAa,eAAb,EAA8BC,MAA9B,EAAP;AAEAT,EAAAA,CAAC,CAACU,KAAF,CAAQJ,OAAO,CAACE,IAAR,CAAa,mBAAb,EAAkCC,MAAlC,EAAR;AAEAH,EAAAA,OAAO,CAACE,IAAR,CAAa,eAAb,EAA8BG,EAA9B,CAAiC,CAAjC,EAAoCC,QAApC,CAA6C,OAA7C;AAEAZ,EAAAA,CAAC,CAACO,IAAF,CAAOD,OAAO,CAACE,IAAR,CAAa,mBAAb,EAAkCC,MAAlC,EAAP;AAEAH,EAAAA,OAAO,CAACJ,QAAR,cACKN,iBAAeC,KADpB;AAEEE,IAAAA,QAAQ,EAAEH,iBAAeG;AAF3B;AAKAC,EAAAA,CAAC,CAACO,IAAF,CAAOD,OAAO,CAACE,IAAR,CAAa,mBAAb,EAAkCC,MAAlC,EAAP;AACD,CAjBD","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {take} from 'lodash/fp';\nimport {mount, configure} from 'enzyme';\nimport Adapter from 'enzyme-adapter-react-16';\nimport Accordion from '..';\nimport onlyOneFixture from './fixtures/only-one';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\n\nconst SINGLE_TAB_PROPS = {\n  ...onlyOneFixture.props,\n  tabProps: take(1, onlyOneFixture.props.tabProps),\n  children: take(1, onlyOneFixture.children)\n};\n\ntest(`shouldn't props in state`, t => {\n  const multiPropsWrapper = mount(<Accordion />);\n  multiPropsWrapper.setProps(SINGLE_TAB_PROPS);\n\n  const singlePropsWrapper = mount(<Accordion {...SINGLE_TAB_PROPS} />);\n\n  t.is(multiPropsWrapper.html(), singlePropsWrapper.html());\n});\n\ntest(`should keep isOpen in state`, t => {\n  const wrapper = mount(<Accordion {...SINGLE_TAB_PROPS} />);\n\n  t.true(wrapper.find('.part__header').exists());\n\n  t.false(wrapper.find('.part__openHeader').exists());\n\n  wrapper.find('.part__header').at(0).simulate('click');\n\n  t.true(wrapper.find('.part__openHeader').exists());\n\n  wrapper.setProps({\n    ...onlyOneFixture.props,\n    children: onlyOneFixture.children\n  });\n\n  t.true(wrapper.find('.part__openHeader').exists());\n});\n"],"file":"render.js"}

package/lib/organism/brand-form/index.js

@@ -23,9 +23,9 @@ var _link = _interopRequireDefault(require("../../atom/link"));
 
 var _style = _interopRequireDefault(require("./style.css"));
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 

package/lib/organism/brand-form/test/fixtures/sso.js

@@ -20,7 +20,7 @@ var _default = {
       subtitle: 'Setup your platform’s single-sign-on method. This lets users connect to the Coorpacademy platform using your compny’s loing/password, adn have seamless integration with their business identity. Follow the steps below to set up your platform’s SSO.'
     }, {
       title: '1. Download Coorpacademy’s Service Provider (SP) Metadata',
-      fields: [_extends(_extends({}, _sso.default.props), {}, {
+      fields: [_extends({}, _sso.default.props, {
         type: 'downloadbox'
       })]
     }, {
@@ -57,12 +57,12 @@ var _default = {
     }, {
       title: 'Or Upload your Company’s Identity Provider (Idp)',
       subtitle: 'This is the information Coorpacademy needs to connect to your IdP as a Service Provider',
-      fields: [_extends(_extends({}, _sso2.default.props), {}, {
+      fields: [_extends({}, _sso2.default.props, {
         type: 'uploadbox'
       })]
     }, {
       title: '5. Test your connection',
-      fields: [_extends(_extends({}, _sso3.default.props), {}, {
+      fields: [_extends({}, _sso3.default.props, {
         type: 'button'
       })]
     }, {

package/lib/organism/brand-form/test/fixtures/sso.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/organism/brand-form/test/fixtures/sso.js"],"names":["props","groups","title","subtitle","fields","Download","type","placeholder","value","description","onChange","Upload","Connection","disabled","values","onSubmit","submitValue"],"mappings":"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","sourcesContent":["import Download from '../../../../molecule/brand-download-box/test/fixtures/sso';\nimport Upload from '../../../../molecule/brand-upload-box/test/fixtures/sso';\nimport Connection from '../../../../atom/button/test/fixtures/sso';\n\nexport default {\n  props: {\n    groups: [\n      {\n        title: 'Single Sign On (SSO)',\n        subtitle:\n          'Setup your platform’s single-sign-on method. This lets users connect to the Coorpacademy platform using your compny’s loing/password, adn have seamless integration with their business identity. Follow the steps below to set up your platform’s SSO.'\n      },\n      {\n        title: '1. Download Coorpacademy’s Service Provider (SP) Metadata',\n        fields: [\n          {\n            ...Download.props,\n            type: 'downloadbox'\n          }\n        ]\n      },\n      {\n        title:\n          '2. Enter Coorpacademy’s Service Provider (SP) Metadata in your Company’s Identity Provider IdP Settings',\n        subtitle:\n          'Go to your Company’s IdP Settings and follow the instructions they provide to connect to a Service Provider (in this case, Coorpacademy). Depending on your Idp, you wil either import the SAML Service Provider file that you downloaded Step 1, or manually add the Issuer ID, Callback URL, and PEM Certificate.'\n      },\n      {\n        title: '3. Export Metadata from your Identity Provider (Idp)',\n        subtitle:\n          'Get the metadata that Coorpacademy can use to connect to your IdP. Follow your IdP’s instructions for exporting a SAML metadata file.'\n      },\n      {\n        title: '4. Enter your Company’s Identity Provider (Idp)',\n        subtitle:\n          'This is the information Coorpacademy needs to connect to your IdP as a Service Provider',\n        fields: [\n          {\n            title: 'Call Back Url*',\n            placeholder: 'http://localhost:3000/sso/callback',\n            value: '',\n            type: 'text',\n            description: 'Lorem Ipsum',\n            onChange: () => {}\n          },\n          {\n            title: 'entry Point URL*',\n            placeholder: 'https://sts-test.adidas-group.com/adfs/ls/',\n            value: '',\n            type: 'text',\n            description:\n              'This is the URL users are redirected to when they connect to Coorpacademy so that they can log in to the SSO',\n            onChange: () => {}\n          },\n          {\n            title: 'Issuer*',\n            placeholder: 'http://localhost:3000',\n            value: '',\n            type: 'text',\n            description: 'Lorem Ipsum',\n            onChange: () => {}\n          }\n        ]\n      },\n      {\n        title: 'Or Upload your Company’s Identity Provider (Idp)',\n        subtitle:\n          'This is the information Coorpacademy needs to connect to your IdP as a Service Provider',\n        fields: [\n          {\n            ...Upload.props,\n            type: 'uploadbox'\n          }\n        ]\n      },\n      {\n        title: '5. Test your connection',\n        fields: [\n          {\n            ...Connection.props,\n            type: 'button'\n          }\n        ]\n      },\n      {\n        title: '6. User Attribute Mapping',\n        subtitle:\n          'Match Coorpacademy’s attributes to your compny’s. These are the names under which the attributes are stored in your database. If an attribute is left blank, it will not be matched.',\n        disabled: true,\n        fields: [\n          {\n            title: 'Unique Login*',\n            value: '',\n            type: 'text',\n            description: 'Mandatory',\n            onChange: () => {}\n          },\n          {\n            title: 'Email*',\n            value: '',\n            type: 'text',\n            description: 'Mandatory',\n            onChange: () => {}\n          },\n          {\n            title: 'First Name',\n            value: '',\n            type: 'text',\n            onChange: () => {}\n          },\n          {\n            title: 'Last Name',\n            value: '',\n            type: 'text',\n            onChange: () => {}\n          },\n          {\n            title: 'Provider',\n            value: '',\n            type: 'text',\n            onChange: () => {}\n          },\n          {\n            title: 'Language',\n            value: '',\n            type: 'text',\n            onChange: () => {}\n          },\n          {\n            title: 'Country',\n            value: '',\n            type: 'text',\n            onChange: () => {}\n          }\n        ]\n      },\n      {\n        title: '7. Activate SSO',\n        fields: [\n          {\n            title: 'Activate',\n            value: false,\n            type: 'switch',\n            onChange: () => {}\n          },\n          {\n            title: 'Default Route',\n            value: false,\n            type: 'switch',\n            description:\n              'Turn this setting on to make the SSO connection the default way to access the platform, rather than the traditional Coorpacademy-specific login',\n            onChange: () => {}\n          }\n        ]\n      },\n      {\n        title: 'Advanced Options',\n        disabled: true,\n        fields: [\n          {\n            title: 'Hash algorithm',\n            value: 'SHA-1',\n            values: ['SHA-1', 'SHA-256', 'RSA-SHA512'],\n            type: 'select',\n            description: 'Lorem Ipsum dolor sit amet.',\n            onChange: () => {}\n          },\n          {\n            title: 'Clock skew',\n            value: '0',\n            type: 'text',\n            description:\n              'if you geet an error that says \"SAML assertion not yet valid\", you can adjust this number (in ms) by trial and error to find a value that allows both servers to synchronize',\n            onChange: () => {}\n          },\n          {\n            title: 'Binding',\n            value: 'HTTP POST',\n            values: ['HTTP POST', 'HTTP_REDIRECT'],\n            type: 'select',\n            description: 'Lorem Ipsum dolor sit amet.',\n            onChange: () => {}\n          },\n          {\n            title: 'Force authorization (forceAuthn)',\n            value: false,\n            type: 'switch',\n            description:\n              'Toggle this option to force users to re-identify if they reconnect to the platform after having connected to another service',\n            onChange: () => {}\n          },\n          {\n            title: 'Disable Requested Authorization Context',\n            value: false,\n            type: 'switch',\n            description:\n              'Toggle this option to allow your IdP to use Microsoft Windows sessions as a login (winAuth)',\n            onChange: () => {}\n          }\n        ]\n      }\n    ],\n    onSubmit: () => {},\n    submitValue: 'Save changes'\n  }\n};\n"],"file":"sso.js"}
+{"version":3,"sources":["../../../../../src/organism/brand-form/test/fixtures/sso.js"],"names":["props","groups","title","subtitle","fields","Download","type","placeholder","value","description","onChange","Upload","Connection","disabled","values","onSubmit","submitValue"],"mappings":"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","sourcesContent":["import Download from '../../../../molecule/brand-download-box/test/fixtures/sso';\nimport Upload from '../../../../molecule/brand-upload-box/test/fixtures/sso';\nimport Connection from '../../../../atom/button/test/fixtures/sso';\n\nexport default {\n  props: {\n    groups: [\n      {\n        title: 'Single Sign On (SSO)',\n        subtitle:\n          'Setup your platform’s single-sign-on method. This lets users connect to the Coorpacademy platform using your compny’s loing/password, adn have seamless integration with their business identity. Follow the steps below to set up your platform’s SSO.'\n      },\n      {\n        title: '1. Download Coorpacademy’s Service Provider (SP) Metadata',\n        fields: [\n          {\n            ...Download.props,\n            type: 'downloadbox'\n          }\n        ]\n      },\n      {\n        title:\n          '2. Enter Coorpacademy’s Service Provider (SP) Metadata in your Company’s Identity Provider IdP Settings',\n        subtitle:\n          'Go to your Company’s IdP Settings and follow the instructions they provide to connect to a Service Provider (in this case, Coorpacademy). Depending on your Idp, you wil either import the SAML Service Provider file that you downloaded Step 1, or manually add the Issuer ID, Callback URL, and PEM Certificate.'\n      },\n      {\n        title: '3. Export Metadata from your Identity Provider (Idp)',\n        subtitle:\n          'Get the metadata that Coorpacademy can use to connect to your IdP. Follow your IdP’s instructions for exporting a SAML metadata file.'\n      },\n      {\n        title: '4. Enter your Company’s Identity Provider (Idp)',\n        subtitle:\n          'This is the information Coorpacademy needs to connect to your IdP as a Service Provider',\n        fields: [\n          {\n            title: 'Call Back Url*',\n            placeholder: 'http://localhost:3000/sso/callback',\n            value: '',\n            type: 'text',\n            description: 'Lorem Ipsum',\n            onChange: () => {}\n          },\n          {\n            title: 'entry Point URL*',\n            placeholder: 'https://sts-test.adidas-group.com/adfs/ls/',\n            value: '',\n            type: 'text',\n            description:\n              'This is the URL users are redirected to when they connect to Coorpacademy so that they can log in to the SSO',\n            onChange: () => {}\n          },\n          {\n            title: 'Issuer*',\n            placeholder: 'http://localhost:3000',\n            value: '',\n            type: 'text',\n            description: 'Lorem Ipsum',\n            onChange: () => {}\n          }\n        ]\n      },\n      {\n        title: 'Or Upload your Company’s Identity Provider (Idp)',\n        subtitle:\n          'This is the information Coorpacademy needs to connect to your IdP as a Service Provider',\n        fields: [\n          {\n            ...Upload.props,\n            type: 'uploadbox'\n          }\n        ]\n      },\n      {\n        title: '5. Test your connection',\n        fields: [\n          {\n            ...Connection.props,\n            type: 'button'\n          }\n        ]\n      },\n      {\n        title: '6. User Attribute Mapping',\n        subtitle:\n          'Match Coorpacademy’s attributes to your compny’s. These are the names under which the attributes are stored in your database. If an attribute is left blank, it will not be matched.',\n        disabled: true,\n        fields: [\n          {\n            title: 'Unique Login*',\n            value: '',\n            type: 'text',\n            description: 'Mandatory',\n            onChange: () => {}\n          },\n          {\n            title: 'Email*',\n            value: '',\n            type: 'text',\n            description: 'Mandatory',\n            onChange: () => {}\n          },\n          {\n            title: 'First Name',\n            value: '',\n            type: 'text',\n            onChange: () => {}\n          },\n          {\n            title: 'Last Name',\n            value: '',\n            type: 'text',\n            onChange: () => {}\n          },\n          {\n            title: 'Provider',\n            value: '',\n            type: 'text',\n            onChange: () => {}\n          },\n          {\n            title: 'Language',\n            value: '',\n            type: 'text',\n            onChange: () => {}\n          },\n          {\n            title: 'Country',\n            value: '',\n            type: 'text',\n            onChange: () => {}\n          }\n        ]\n      },\n      {\n        title: '7. Activate SSO',\n        fields: [\n          {\n            title: 'Activate',\n            value: false,\n            type: 'switch',\n            onChange: () => {}\n          },\n          {\n            title: 'Default Route',\n            value: false,\n            type: 'switch',\n            description:\n              'Turn this setting on to make the SSO connection the default way to access the platform, rather than the traditional Coorpacademy-specific login',\n            onChange: () => {}\n          }\n        ]\n      },\n      {\n        title: 'Advanced Options',\n        disabled: true,\n        fields: [\n          {\n            title: 'Hash algorithm',\n            value: 'SHA-1',\n            values: ['SHA-1', 'SHA-256', 'RSA-SHA512'],\n            type: 'select',\n            description: 'Lorem Ipsum dolor sit amet.',\n            onChange: () => {}\n          },\n          {\n            title: 'Clock skew',\n            value: '0',\n            type: 'text',\n            description:\n              'if you geet an error that says \"SAML assertion not yet valid\", you can adjust this number (in ms) by trial and error to find a value that allows both servers to synchronize',\n            onChange: () => {}\n          },\n          {\n            title: 'Binding',\n            value: 'HTTP POST',\n            values: ['HTTP POST', 'HTTP_REDIRECT'],\n            type: 'select',\n            description: 'Lorem Ipsum dolor sit amet.',\n            onChange: () => {}\n          },\n          {\n            title: 'Force authorization (forceAuthn)',\n            value: false,\n            type: 'switch',\n            description:\n              'Toggle this option to force users to re-identify if they reconnect to the platform after having connected to another service',\n            onChange: () => {}\n          },\n          {\n            title: 'Disable Requested Authorization Context',\n            value: false,\n            type: 'switch',\n            description:\n              'Toggle this option to allow your IdP to use Microsoft Windows sessions as a login (winAuth)',\n            onChange: () => {}\n          }\n        ]\n      }\n    ],\n    onSubmit: () => {},\n    submitValue: 'Save changes'\n  }\n};\n"],"file":"sso.js"}

package/lib/organism/content-translation/index.js

@@ -69,10 +69,10 @@ const PlayListTranslation = props => {
 
 PlayListTranslation.propTypes = process.env.NODE_ENV !== "production" ? {
   languageTabs: _verticalTabs.default.propTypes.tabs,
-  inputText: _propTypes.default.shape(_extends(_extends({}, _inputText.default.propTypes), {}, {
+  inputText: _propTypes.default.shape(_extends({}, _inputText.default.propTypes, {
     theme: _propTypes.default.string
   })),
-  textArea: _propTypes.default.shape(_extends(_extends({}, _inputTextarea.default.propTypes), {}, {
+  textArea: _propTypes.default.shape(_extends({}, _inputTextarea.default.propTypes, {
     theme: _propTypes.default.string
   })),
   cta: _propTypes.default.shape({

package/lib/organism/content-translation/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/organism/content-translation/index.js"],"names":["buildCtaButton","cta","style","button","binButton","handleOnClick","type","position","label","PlayListTranslation","props","languageTabs","inputText","textArea","listAriaLabel","ctaButton","ariaLabel","container","menu","horizontalSection","input","propTypes","VerticalLanguageMenu","tabs","PropTypes","shape","InputText","theme","string","TextArea","func","oneOf"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,cAAc,GAAGC,GAAG,IAAI;AAC5B,MAAI,CAACA,GAAL,EAAU;AACR;AACD;;AAED,sBACE;AAAK,IAAA,SAAS,EAAE,yBAAWC,eAAMC,MAAjB,EAAyBD,eAAME,SAA/B;AAAhB,kBACE,6BAAC,mBAAD;AACE,IAAA,OAAO,EAAEH,GAAG,CAACI,aADf;AAEE,IAAA,IAAI,EAAC,MAFP;AAGE,IAAA,IAAI,EAAE;AAACC,MAAAA,IAAI,EAAE,KAAP;AAAcC,MAAAA,QAAQ,EAAE;AAAxB,KAHR;AAIE,IAAA,KAAK,EAAEN,GAAG,CAACO;AAJb,IADF,CADF;AAUD,CAfD;;AAiBA,MAAMC,mBAAmB,GAAGC,KAAK,IAAI;AACnC,QAAM;AAACC,IAAAA,YAAD;AAAeC,IAAAA,SAAf;AAA0BC,IAAAA,QAA1B;AAAoCZ,IAAAA,GAApC;AAAyC,uBAAmBa;AAA5D,MAA6EJ,KAAnF;AACA,QAAMK,SAAS,GAAGf,cAAc,CAACC,GAAD,CAAhC;AAEA,QAAMe,SAAS,GAAG;AAAC,kBAAcF;AAAf,GAAlB;AACA,sBACE;AAAK,IAAA,SAAS,EAAEZ,eAAMe;AAAtB,kBACE,6BAAC,qBAAD,eAA0BD,SAA1B;AAAqC,IAAA,SAAS,EAAEd,eAAMgB,IAAtD;AAA4D,IAAA,IAAI,EAAEP;AAAlE,KADF,eAEE;AAAK,IAAA,SAAS,EAAET,eAAMiB;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEjB,eAAMkB;AAAtB,kBACE,6BAAC,kBAAD,EAAeR,SAAf,CADF,CADF,eAIE;AAAK,IAAA,SAAS,EAAEV,eAAMkB;AAAtB,kBACE,6BAAC,sBAAD,EAAcP,QAAd,CADF,CAJF,EAOGE,SAPH,CAFF,CADF;AAcD,CAnBD;;AAqBAN,mBAAmB,CAACY,SAApB,2CAAgC;AAC9BV,EAAAA,YAAY,EAAEW,sBAAqBD,SAArB,CAA+BE,IADf;AAE9BX,EAAAA,SAAS,EAAEY,mBAAUC,KAAV,uBAAoBC,mBAAUL,SAA9B;AAAyCM,IAAAA,KAAK,EAAEH,mBAAUI;AAA1D,KAFmB;AAG9Bf,EAAAA,QAAQ,EAAEW,mBAAUC,KAAV,uBAAoBI,uBAASR,SAA7B;AAAwCM,IAAAA,KAAK,EAAEH,mBAAUI;AAAzD,KAHoB;AAI9B3B,EAAAA,GAAG,EAAEuB,mBAAUC,KAAV,CAAgB;AACnBjB,IAAAA,KAAK,EAAEgB,mBAAUI,MADE;AAEnBvB,IAAAA,aAAa,EAAEmB,mBAAUM,IAFN;AAGnBxB,IAAAA,IAAI,EAAEkB,mBAAUO,KAAV,CAAgB,CAAC,QAAD,CAAhB;AAHa,GAAhB,CAJyB;AAS9B,qBAAmBP,mBAAUI;AATC,CAAhC;eAYenB,mB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport VerticalLanguageMenu from '../../molecule/vertical-tabs';\nimport InputText from '../../atom/input-text';\nimport TextArea from '../../atom/input-textarea';\nimport Button from '../../atom/button-link';\nimport style from './style.css';\n\nconst buildCtaButton = cta => {\n  if (!cta) {\n    return;\n  }\n\n  return (\n    <div className={classNames(style.button, style.binButton)}>\n      <Button\n        onClick={cta.handleOnClick}\n        type=\"text\"\n        icon={{type: 'bin', position: 'left'}}\n        label={cta.label}\n      />\n    </div>\n  );\n};\n\nconst PlayListTranslation = props => {\n  const {languageTabs, inputText, textArea, cta, 'list-aria-label': listAriaLabel} = props;\n  const ctaButton = buildCtaButton(cta);\n\n  const ariaLabel = {'aria-label': listAriaLabel};\n  return (\n    <div className={style.container}>\n      <VerticalLanguageMenu {...ariaLabel} className={style.menu} tabs={languageTabs} />\n      <div className={style.horizontalSection}>\n        <div className={style.input}>\n          <InputText {...inputText} />\n        </div>\n        <div className={style.input}>\n          <TextArea {...textArea} />\n        </div>\n        {ctaButton}\n      </div>\n    </div>\n  );\n};\n\nPlayListTranslation.propTypes = {\n  languageTabs: VerticalLanguageMenu.propTypes.tabs,\n  inputText: PropTypes.shape({...InputText.propTypes, theme: PropTypes.string}),\n  textArea: PropTypes.shape({...TextArea.propTypes, theme: PropTypes.string}),\n  cta: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnClick: PropTypes.func,\n    type: PropTypes.oneOf(['delete'])\n  }),\n  'list-aria-label': PropTypes.string\n};\n\nexport default PlayListTranslation;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/organism/content-translation/index.js"],"names":["buildCtaButton","cta","style","button","binButton","handleOnClick","type","position","label","PlayListTranslation","props","languageTabs","inputText","textArea","listAriaLabel","ctaButton","ariaLabel","container","menu","horizontalSection","input","propTypes","VerticalLanguageMenu","tabs","PropTypes","shape","InputText","theme","string","TextArea","func","oneOf"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,cAAc,GAAGC,GAAG,IAAI;AAC5B,MAAI,CAACA,GAAL,EAAU;AACR;AACD;;AAED,sBACE;AAAK,IAAA,SAAS,EAAE,yBAAWC,eAAMC,MAAjB,EAAyBD,eAAME,SAA/B;AAAhB,kBACE,6BAAC,mBAAD;AACE,IAAA,OAAO,EAAEH,GAAG,CAACI,aADf;AAEE,IAAA,IAAI,EAAC,MAFP;AAGE,IAAA,IAAI,EAAE;AAACC,MAAAA,IAAI,EAAE,KAAP;AAAcC,MAAAA,QAAQ,EAAE;AAAxB,KAHR;AAIE,IAAA,KAAK,EAAEN,GAAG,CAACO;AAJb,IADF,CADF;AAUD,CAfD;;AAiBA,MAAMC,mBAAmB,GAAGC,KAAK,IAAI;AACnC,QAAM;AAACC,IAAAA,YAAD;AAAeC,IAAAA,SAAf;AAA0BC,IAAAA,QAA1B;AAAoCZ,IAAAA,GAApC;AAAyC,uBAAmBa;AAA5D,MAA6EJ,KAAnF;AACA,QAAMK,SAAS,GAAGf,cAAc,CAACC,GAAD,CAAhC;AAEA,QAAMe,SAAS,GAAG;AAAC,kBAAcF;AAAf,GAAlB;AACA,sBACE;AAAK,IAAA,SAAS,EAAEZ,eAAMe;AAAtB,kBACE,6BAAC,qBAAD,eAA0BD,SAA1B;AAAqC,IAAA,SAAS,EAAEd,eAAMgB,IAAtD;AAA4D,IAAA,IAAI,EAAEP;AAAlE,KADF,eAEE;AAAK,IAAA,SAAS,EAAET,eAAMiB;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEjB,eAAMkB;AAAtB,kBACE,6BAAC,kBAAD,EAAeR,SAAf,CADF,CADF,eAIE;AAAK,IAAA,SAAS,EAAEV,eAAMkB;AAAtB,kBACE,6BAAC,sBAAD,EAAcP,QAAd,CADF,CAJF,EAOGE,SAPH,CAFF,CADF;AAcD,CAnBD;;AAqBAN,mBAAmB,CAACY,SAApB,2CAAgC;AAC9BV,EAAAA,YAAY,EAAEW,sBAAqBD,SAArB,CAA+BE,IADf;AAE9BX,EAAAA,SAAS,EAAEY,mBAAUC,KAAV,cAAoBC,mBAAUL,SAA9B;AAAyCM,IAAAA,KAAK,EAAEH,mBAAUI;AAA1D,KAFmB;AAG9Bf,EAAAA,QAAQ,EAAEW,mBAAUC,KAAV,cAAoBI,uBAASR,SAA7B;AAAwCM,IAAAA,KAAK,EAAEH,mBAAUI;AAAzD,KAHoB;AAI9B3B,EAAAA,GAAG,EAAEuB,mBAAUC,KAAV,CAAgB;AACnBjB,IAAAA,KAAK,EAAEgB,mBAAUI,MADE;AAEnBvB,IAAAA,aAAa,EAAEmB,mBAAUM,IAFN;AAGnBxB,IAAAA,IAAI,EAAEkB,mBAAUO,KAAV,CAAgB,CAAC,QAAD,CAAhB;AAHa,GAAhB,CAJyB;AAS9B,qBAAmBP,mBAAUI;AATC,CAAhC;eAYenB,mB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport VerticalLanguageMenu from '../../molecule/vertical-tabs';\nimport InputText from '../../atom/input-text';\nimport TextArea from '../../atom/input-textarea';\nimport Button from '../../atom/button-link';\nimport style from './style.css';\n\nconst buildCtaButton = cta => {\n  if (!cta) {\n    return;\n  }\n\n  return (\n    <div className={classNames(style.button, style.binButton)}>\n      <Button\n        onClick={cta.handleOnClick}\n        type=\"text\"\n        icon={{type: 'bin', position: 'left'}}\n        label={cta.label}\n      />\n    </div>\n  );\n};\n\nconst PlayListTranslation = props => {\n  const {languageTabs, inputText, textArea, cta, 'list-aria-label': listAriaLabel} = props;\n  const ctaButton = buildCtaButton(cta);\n\n  const ariaLabel = {'aria-label': listAriaLabel};\n  return (\n    <div className={style.container}>\n      <VerticalLanguageMenu {...ariaLabel} className={style.menu} tabs={languageTabs} />\n      <div className={style.horizontalSection}>\n        <div className={style.input}>\n          <InputText {...inputText} />\n        </div>\n        <div className={style.input}>\n          <TextArea {...textArea} />\n        </div>\n        {ctaButton}\n      </div>\n    </div>\n  );\n};\n\nPlayListTranslation.propTypes = {\n  languageTabs: VerticalLanguageMenu.propTypes.tabs,\n  inputText: PropTypes.shape({...InputText.propTypes, theme: PropTypes.string}),\n  textArea: PropTypes.shape({...TextArea.propTypes, theme: PropTypes.string}),\n  cta: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnClick: PropTypes.func,\n    type: PropTypes.oneOf(['delete'])\n  }),\n  'list-aria-label': PropTypes.string\n};\n\nexport default PlayListTranslation;\n"],"file":"index.js"}

package/lib/organism/content-translation/style.css

@@ -10,6 +10,7 @@
   display: flex;
   background-color: cm_grey_50;
   position: relative;
+  border-radius: 7px;
 }
 
 .menu {

package/lib/organism/content-translation/test/fixtures/default.js

@@ -17,10 +17,10 @@ const languageTabs = _withSelectedItem.default.props.tabs;
 var _default = {
   props: {
     languageTabs,
-    inputText: _extends(_extends({}, _cmDefault.default.props), {}, {
+    inputText: _extends({}, _cmDefault.default.props, {
       theme: 'coorpmanager'
     }),
-    textArea: _extends(_extends({}, _cmDefault2.default.props), {}, {
+    textArea: _extends({}, _cmDefault2.default.props, {
       theme: 'coorpmanager'
     }),
     'list-aria-label': 'Languages list'

package/lib/organism/content-translation/test/fixtures/default.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/organism/content-translation/test/fixtures/default.js"],"names":["languageTabs","verticalMenu","props","tabs","inputText","theme","textArea"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;;;AAEA,MAAMA,YAAY,GAAGC,0BAAaC,KAAb,CAAmBC,IAAxC;eAEe;AACbD,EAAAA,KAAK,EAAE;AACLF,IAAAA,YADK;AAELI,IAAAA,SAAS,wBAAMA,mBAAUF,KAAhB;AAAuBG,MAAAA,KAAK,EAAE;AAA9B,MAFJ;AAGLC,IAAAA,QAAQ,wBAAMA,oBAASJ,KAAf;AAAsBG,MAAAA,KAAK,EAAE;AAA7B,MAHH;AAIL,uBAAmB;AAJd;AADM,C","sourcesContent":["import verticalMenu from '../../../../molecule/vertical-tabs/test/fixtures/with-selected-item';\nimport inputText from '../../../../atom/input-text/test/fixtures/cm-default';\nimport textArea from '../../../../atom/input-textarea/test/fixtures/cm-default';\n\nconst languageTabs = verticalMenu.props.tabs;\n\nexport default {\n  props: {\n    languageTabs,\n    inputText: {...inputText.props, theme: 'coorpmanager'},\n    textArea: {...textArea.props, theme: 'coorpmanager'},\n    'list-aria-label': 'Languages list'\n  }\n};\n"],"file":"default.js"}
+{"version":3,"sources":["../../../../../src/organism/content-translation/test/fixtures/default.js"],"names":["languageTabs","verticalMenu","props","tabs","inputText","theme","textArea"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;;;AAEA,MAAMA,YAAY,GAAGC,0BAAaC,KAAb,CAAmBC,IAAxC;eAEe;AACbD,EAAAA,KAAK,EAAE;AACLF,IAAAA,YADK;AAELI,IAAAA,SAAS,eAAMA,mBAAUF,KAAhB;AAAuBG,MAAAA,KAAK,EAAE;AAA9B,MAFJ;AAGLC,IAAAA,QAAQ,eAAMA,oBAASJ,KAAf;AAAsBG,MAAAA,KAAK,EAAE;AAA7B,MAHH;AAIL,uBAAmB;AAJd;AADM,C","sourcesContent":["import verticalMenu from '../../../../molecule/vertical-tabs/test/fixtures/with-selected-item';\nimport inputText from '../../../../atom/input-text/test/fixtures/cm-default';\nimport textArea from '../../../../atom/input-textarea/test/fixtures/cm-default';\n\nconst languageTabs = verticalMenu.props.tabs;\n\nexport default {\n  props: {\n    languageTabs,\n    inputText: {...inputText.props, theme: 'coorpmanager'},\n    textArea: {...textArea.props, theme: 'coorpmanager'},\n    'list-aria-label': 'Languages list'\n  }\n};\n"],"file":"default.js"}

package/lib/organism/content-translation/test/fixtures.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _forEach = _interopRequireDefault(require("lodash/forEach"));
+
+var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
+
+var _ = _interopRequireDefault(require(".."));
+
+var _default = _interopRequireDefault(require("./fixtures/default"));
+
+var _delete = _interopRequireDefault(require("./fixtures/delete"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _ava.default)('Organism › OrganismContentTranslation > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Organism.OrganismContentTranslation.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+(0, _ava.default)('Organism › OrganismContentTranslation › Default › should be rendered', _renderComponent.default, _.default, _default.default);
+(0, _ava.default)('Organism › OrganismContentTranslation › Delete › should be rendered', _renderComponent.default, _.default, _delete.default);
+//# sourceMappingURL=fixtures.js.map

package/lib/organism/content-translation/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/organism/content-translation/test/fixtures.js"],"names":["t","pass","OrganismContentTranslation","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureDelete"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,qEAAL,EAA4EA,CAAC,IAAI;AAC/EA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAA2BC,SAAnC,EAA8C,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC5DL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,+DAA8DF,GAAI,mEAA3F;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,sEAAL,EAA6EG,wBAA7E,EAAmGN,SAAnG,EAA+HO,gBAA/H;AACA,kBAAK,qEAAL,EAA4ED,wBAA5E,EAAkGN,SAAlG,EAA8HQ,eAA9H","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport OrganismContentTranslation from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureDelete from './fixtures/delete';\n\ntest('Organism › OrganismContentTranslation > should have valid propTypes', t => {\n  t.pass();\n  forEach(OrganismContentTranslation.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Organism.OrganismContentTranslation.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Organism › OrganismContentTranslation › Default › should be rendered', renderComponentMacro, OrganismContentTranslation, fixtureDefault);\ntest('Organism › OrganismContentTranslation › Delete › should be rendered', renderComponentMacro, OrganismContentTranslation, fixtureDelete);\n"],"file":"fixtures.js"}

package/lib/organism/course-selection/index.js

@@ -3,6 +3,10 @@
 exports.__esModule = true;
 exports.default = void 0;
 
+var _kebabCase2 = _interopRequireDefault(require("lodash/fp/kebabCase"));
+
+var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
 
 var _react = _interopRequireDefault(require("react"));
@@ -17,22 +21,28 @@ var _selectMultiple = _interopRequireDefault(require("../../molecule/select-mult
 
 var _card = _interopRequireDefault(require("../../molecule/card"));
 
+var _inputSwitch = _interopRequireDefault(require("../../atom/input-switch"));
+
+var _loader = _interopRequireDefault(require("../../atom/loader"));
+
 var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const buildResultView = (courses, coursesSelectionAriaLabel, emptyMessages) => {
-  if ((0, _isEmpty2.default)(courses)) {
+const buildResultView = (courses, coursesSelectionAriaLabel, emptyMessages, isLoading) => {
+  if (!isLoading && (0, _isEmpty2.default)(courses)) {
     return /*#__PURE__*/_react.default.createElement(_emptySearchResult.default, emptyMessages);
   }
 
   const items = courses.map((card, index) => {
+    const title = (0, _get2.default)('title', card);
+    const type = (0, _get2.default)('type', card);
     return /*#__PURE__*/_react.default.createElement("li", {
       className: _style.default.cards,
       key: `card-${index}`,
-      "data-name": `course-${index}`
+      "data-name": `${type}-${(0, _kebabCase2.default)(title)}`
     }, /*#__PURE__*/_react.default.createElement(_card.default, card));
   });
   return /*#__PURE__*/_react.default.createElement("ul", {
@@ -46,9 +56,11 @@ const CourseSelection = props => {
     contentTypeFilter,
     courses,
     emptyMessages,
-    'courses-selection-aria-label': coursesSelectionAriaLabel
+    isLoading = false,
+    'courses-selection-aria-label': coursesSelectionAriaLabel,
+    switchButton
   } = props;
-  const resultView = buildResultView(courses, coursesSelectionAriaLabel, emptyMessages);
+  const resultView = buildResultView(courses, coursesSelectionAriaLabel, emptyMessages, isLoading);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.container
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -59,20 +71,27 @@ const CourseSelection = props => {
     theme: "coorpmanager"
   }))), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.contentFilter
-  }, /*#__PURE__*/_react.default.createElement(_selectMultiple.default, contentTypeFilter))), /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.cardsContainer
-  }, resultView));
+  }, /*#__PURE__*/_react.default.createElement(_selectMultiple.default, contentTypeFilter)), /*#__PURE__*/_react.default.createElement(_inputSwitch.default, switchButton)), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.cardsContainer,
+    "data-name": 'courses-result'
+  }, isLoading ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.loader
+  }, /*#__PURE__*/_react.default.createElement(_loader.default, {
+    theme: "coorpmanager"
+  })) : resultView));
 };
 
 CourseSelection.propTypes = process.env.NODE_ENV !== "production" ? {
   search: _propTypes.default.shape(_inputSearch.default.PropTypes),
+  isLoading: _propTypes.default.bool,
   contentTypeFilter: _propTypes.default.shape(_selectMultiple.default.PropTypes),
   courses: _propTypes.default.arrayOf(_propTypes.default.shape(_card.default.propTypes)),
   'courses-selection-aria-label': _propTypes.default.string,
   emptyMessages: _propTypes.default.shape({
     firstMessage: _propTypes.default.string,
     secondMessage: _propTypes.default.string
-  })
+  }),
+  switchButton: _propTypes.default.shape(_inputSwitch.default.PropTypes)
 } : {};
 var _default = CourseSelection;
 exports.default = _default;