@coorpacademy/components 11.9.3-alpha.25 → 11.9.3-alpha.29

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

@@ -7,13 +7,11 @@ import ListBadges from '../list-badges';
 import ButtonLink from '../../atom/button-link';
 import ContentBadge from '../../atom/content-badge';
 import style from './style.css';
-
 const buildItemsOfSection = items => {
   return items.map((item, index) => {
     const {
       type
     } = item;
-
     switch (type) {
       case 'mainElement':
         return /*#__PURE__*/React.createElement("li", {
@@ -24,7 +22,6 @@ const buildItemsOfSection = items => {
         }, item.title), /*#__PURE__*/React.createElement("span", {
           className: style.value
         }, item.value));
-
       case 'content':
         {
           const {
@@ -47,7 +44,8 @@ const buildItemsOfSection = items => {
             items: badgeList
           }), /*#__PURE__*/React.createElement("div", {
             className: classnames(style.contentTitle, unsaved && style.unsaved),
-            title: title // eslint-disable-next-line react/no-danger
+            title: title
+            // eslint-disable-next-line react/no-danger
             ,
             dangerouslySetInnerHTML: {
               __html: title
@@ -56,7 +54,6 @@ const buildItemsOfSection = items => {
             className: style.author
           }, author) : null));
         }
-
       case 'text':
       default:
         {
@@ -74,17 +71,14 @@ const buildItemsOfSection = items => {
     }
   });
 };
-
 const buildSectionHeader = section => {
   const {
     title,
     counterText
   } = section;
-
   if (!title) {
     return null;
   }
-
   return /*#__PURE__*/React.createElement("div", {
     className: style.sectionHeader
   }, /*#__PURE__*/React.createElement("span", {
@@ -93,7 +87,6 @@ const buildSectionHeader = section => {
     className: style.counterText
   }, counterText) : null);
 };
-
 const buildSections = sections => {
   return sections.map((section, index) => {
     const sectionHeader = buildSectionHeader(section);
@@ -106,7 +99,6 @@ const buildSections = sections => {
     }, sectionHeader, /*#__PURE__*/React.createElement("ul", null, itemsView));
   });
 };
-
 const BuildAction = ({
   action,
   side
@@ -136,7 +128,6 @@ const BuildAction = ({
     className: style.button
   }, /*#__PURE__*/React.createElement(ButtonLink, buttonProps));
 };
-
 const checkOnClose = (checked, summaryElement, onCloseSummary, clickEvent) => {
   if (checked) {
     if (summaryElement && summaryElement.current && !summaryElement.current.contains(clickEvent.target)) {
@@ -144,7 +135,6 @@ const checkOnClose = (checked, summaryElement, onCloseSummary, clickEvent) => {
     }
   }
 };
-
 const WizardSummary = props => {
   const {
     title,
@@ -153,14 +143,10 @@ const WizardSummary = props => {
     side
   } = props;
   const sectionsView = buildSections(sections);
-
   const idSwitch = _uniqueId('open-summary-wizard');
-
   const summaryElement = useRef(null);
   const [checked, setChecked] = useState(false);
-
   const onCloseSummary = () => setChecked(false);
-
   const handleOnChange = useCallback(() => {
     if (!checked) {
       document.addEventListener('click', clickEvent => checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent));
@@ -169,7 +155,6 @@ const WizardSummary = props => {
       document.removeEventListener('click', clickEvent => checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent));
       document.removeEventListener('touchstart', clickEvent => checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent));
     }
-
     setChecked(!checked);
   }, [checked]);
   return /*#__PURE__*/React.createElement("div", {
@@ -208,7 +193,6 @@ const WizardSummary = props => {
     side: side
   })));
 };
-
 BuildAction.propTypes = process.env.NODE_ENV !== "production" ? {
   action: PropTypes.shape({
     icon: PropTypes.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","useState","useCallback","useRef","PropTypes","classnames","NovaCompositionNavigationArrowDown","ArrowDownIcon","ListBadges","ButtonLink","ContentBadge","style","buildItemsOfSection","items","map","item","index","type","title","value","badgeList","badgeAriaLabel","author","unsaved","contentWrapper","contentCounter","contentItem","contentTitle","__html","text","valueSimpleText","buildSectionHeader","section","counterText","sectionHeader","buildSections","sections","itemsView","sectionWrapper","BuildAction","action","side","onClick","disabled","icon","ariaLabel","handleClick","buttonProps","label","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","shape","string","bool","func","arrayOf","oneOfType"],"sources":["../../../src/molecule/wizard-summary/index.js"],"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 ListBadges from '../list-badges';\nimport ButtonLink from '../../atom/button-link';\nimport ContentBadge from '../../atom/content-badge';\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 {badgeList, badgeAriaLabel, 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              <ListBadges aria-label={badgeAriaLabel} items={badgeList} />\n              <div\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              {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, side}) => {\n  const {onClick, text, disabled = false, icon, 'aria-label': ariaLabel} = 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    onClick: PropTypes.func,\n    'aria-label': PropTypes.string\n  }),\n  side: PropTypes.string\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            badgeList: PropTypes.arrayOf(PropTypes.shape(ContentBadge.propTypes)),\n            badgeAriaLabel: PropTypes.string,\n            title: 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"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useMemo","useState","useCallback","useRef","PropTypes","classnames","NovaCompositionNavigationArrowDown","ArrowDownIcon","ListBadges","ButtonLink","ContentBadge","style","buildItemsOfSection","items","map","item","index","type","title","value","badgeList","badgeAriaLabel","author","unsaved","contentWrapper","contentCounter","contentItem","contentTitle","__html","text","valueSimpleText","buildSectionHeader","section","counterText","sectionHeader","buildSections","sections","itemsView","sectionWrapper","BuildAction","action","side","onClick","disabled","icon","ariaLabel","handleClick","buttonProps","label","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","shape","string","bool","func","arrayOf","oneOfType"],"sources":["../../../src/molecule/wizard-summary/index.js"],"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 ListBadges from '../list-badges';\nimport ButtonLink from '../../atom/button-link';\nimport ContentBadge from '../../atom/content-badge';\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 {badgeList, badgeAriaLabel, 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              <ListBadges aria-label={badgeAriaLabel} items={badgeList} />\n              <div\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              {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, side}) => {\n  const {onClick, text, disabled = false, icon, 'aria-label': ariaLabel} = 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    onClick: PropTypes.func,\n    'aria-label': PropTypes.string\n  }),\n  side: PropTypes.string\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            badgeList: PropTypes.arrayOf(PropTypes.shape(ContentBadge.propTypes)),\n            badgeAriaLabel: PropTypes.string,\n            title: 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"],"mappings":"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"}

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

@@ -1,9 +1,7 @@
 import _noop from "lodash/fp/noop";
 import _map from "lodash/fp/map";
 import _get from "lodash/fp/get";
-
 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, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import Part from '../part';
@@ -12,7 +10,6 @@ const themeStyle = {
   setup: style.setupWrapper,
   default: style.wrapper
 };
-
 const Tab = ({
   children,
   index,
@@ -38,7 +35,6 @@ const Tab = ({
     className: style.wrapperHidden
   });
 };
-
 Tab.propTypes = process.env.NODE_ENV !== "production" ? {
   children: Part.propTypes.content,
   index: PropTypes.number,
@@ -48,7 +44,6 @@ Tab.propTypes = process.env.NODE_ENV !== "production" ? {
   theme: Part.propTypes.theme,
   onClick: Part.propTypes.onClick
 } : {};
-
 const Accordion = props => {
   const {
     tabProps,
@@ -56,12 +51,10 @@ const Accordion = props => {
     theme = 'default',
     onClick = _noop
   } = props;
-
   const accordion = _map.convert({
     cap: false
   })((child, index) => {
     const tabProps_ = _get(index, tabProps);
-
     return /*#__PURE__*/React.createElement(Tab, _extends({}, tabProps_, {
       key: index,
       index: index,
@@ -69,10 +62,8 @@ const Accordion = props => {
       onClick: onClick
     }), child);
   }, children);
-
   return /*#__PURE__*/React.createElement("div", null, accordion);
 };
-
 Accordion.defaultProps = {
   children: []
 };

package/es/organism/accordion/container/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","Part","style","themeStyle","setup","setupWrapper","default","wrapper","Tab","children","index","title","isOpen","iconType","onClick","theme","handleOnClick","evt","wrapperHidden","propTypes","content","number","Accordion","props","tabProps","accordion","convert","cap","child","tabProps_","defaultProps","arrayOf","shape"],"sources":["../../../../src/organism/accordion/container/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get, map, noop} 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 = ({children, index, title, isOpen, iconType, onClick, theme}) => {\n  const handleOnClick = useMemo(() => evt => onClick(index, evt), [index, onClick]);\n\n  return children ? (\n    <div data-name=\"accordion\" className={themeStyle[theme]}>\n      <Part\n        iconType={iconType}\n        title={title}\n        content={children}\n        isOpen={isOpen}\n        theme={theme}\n        onClick={handleOnClick}\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  isOpen: Part.propTypes.isOpen,\n  theme: Part.propTypes.theme,\n  onClick: Part.propTypes.onClick\n};\n\nconst Accordion = props => {\n  const {tabProps, children, theme = 'default', onClick = noop} = props;\n  const accordion = map.convert({cap: false})((child, index) => {\n    const tabProps_ = get(index, tabProps);\n    return (\n      <Tab {...tabProps_} key={index} index={index} theme={theme} onClick={onClick}>\n        {child}\n      </Tab>\n    );\n  }, children);\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      isOpen: Tab.propTypes.isOpen\n    })\n  ),\n  onClick: Tab.propTypes.onClick,\n  theme: Tab.propTypes.theme\n};\n\nexport default Accordion;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","Part","style","themeStyle","setup","setupWrapper","default","wrapper","Tab","children","index","title","isOpen","iconType","onClick","theme","handleOnClick","evt","wrapperHidden","propTypes","content","number","Accordion","props","tabProps","accordion","convert","cap","child","tabProps_","defaultProps","arrayOf","shape"],"sources":["../../../../src/organism/accordion/container/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get, map, noop} 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 = ({children, index, title, isOpen, iconType, onClick, theme}) => {\n  const handleOnClick = useMemo(() => evt => onClick(index, evt), [index, onClick]);\n\n  return children ? (\n    <div data-name=\"accordion\" className={themeStyle[theme]}>\n      <Part\n        iconType={iconType}\n        title={title}\n        content={children}\n        isOpen={isOpen}\n        theme={theme}\n        onClick={handleOnClick}\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  isOpen: Part.propTypes.isOpen,\n  theme: Part.propTypes.theme,\n  onClick: Part.propTypes.onClick\n};\n\nconst Accordion = props => {\n  const {tabProps, children, theme = 'default', onClick = noop} = props;\n  const accordion = map.convert({cap: false})((child, index) => {\n    const tabProps_ = get(index, tabProps);\n    return (\n      <Tab {...tabProps_} key={index} index={index} theme={theme} onClick={onClick}>\n        {child}\n      </Tab>\n    );\n  }, children);\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      isOpen: Tab.propTypes.isOpen\n    })\n  ),\n  onClick: Tab.propTypes.onClick,\n  theme: Tab.propTypes.theme\n};\n\nexport default Accordion;\n"],"mappings":"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"}

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

@@ -1,9 +1,7 @@
 import _findIndex from "lodash/fp/findIndex";
 import _noop from "lodash/fp/noop";
 import _map from "lodash/fp/map";
-
 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, { useMemo, useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import Part from './part';
@@ -12,7 +10,6 @@ const themeStyle = {
   setup: style.setupWrapper,
   default: style.wrapper
 };
-
 const Tab = ({
   children,
   index,
@@ -46,7 +43,6 @@ const Tab = ({
     className: style.wrapperHidden
   });
 };
-
 Tab.propTypes = process.env.NODE_ENV !== "production" ? {
   children: Part.propTypes.content,
   index: PropTypes.number,
@@ -60,7 +56,6 @@ Tab.propTypes = process.env.NODE_ENV !== "production" ? {
   isOpen: Part.propTypes.isOpen,
   onUpdateOpenedTab: Part.propTypes.onUpdateOpenedTab
 } : {};
-
 const Accordion = props => {
   const {
     tabProps,
@@ -68,30 +63,24 @@ const Accordion = props => {
     theme = 'default',
     onClick = _noop
   } = props;
-
   const selectedIndex = _findIndex(item => item.selected, tabProps);
-
   const [openedTab, updateOpenedTab] = useState(selectedIndex);
   useEffect(() => {
     updateOpenedTab(selectedIndex);
   }, [selectedIndex]);
-
   const tabs = _map.convert({
     cap: false
   })((tab, index) => _extends({}, tab, {
     child: children[index],
     children: undefined
   }))(tabProps);
-
   const accordion = _map.convert({
     cap: false
   })((tab, index) => {
     const isOpen = openedTab === index;
-
     function onUpdateOpenedTab() {
       updateOpenedTab(isOpen ? -1 : index);
     }
-
     return /*#__PURE__*/React.createElement(Tab, _extends({}, tab, {
       key: index,
       index: index,
@@ -101,10 +90,8 @@ const Accordion = props => {
       isOpen: isOpen
     }), tab.child);
   }, tabs);
-
   return /*#__PURE__*/React.createElement("div", null, accordion);
 };
-
 Accordion.defaultProps = {
   children: []
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","useEffect","useState","PropTypes","Part","style","themeStyle","setup","setupWrapper","default","wrapper","Tab","children","index","title","selected","iconType","onClick","href","type","theme","isOpen","onUpdateOpenedTab","handleOnClick","evt","wrapperHidden","propTypes","content","number","Accordion","props","tabProps","selectedIndex","item","openedTab","updateOpenedTab","tabs","convert","cap","tab","child","undefined","accordion","defaultProps","arrayOf","shape","oneOf"],"sources":["../../../../src/organism/accordion/coorp-manager/index.js"],"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"],"mappings":";;;;;;AAAA,OAAOA,KAAP,IAAeC,OAAf,EAAwBC,SAAxB,EAAmCC,QAAnC,QAAkD,OAAlD;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,IAAP,MAAiB,QAAjB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,UAAU,GAAG;EACjBC,KAAK,EAAEF,KAAK,CAACG,YADI;EAEjBC,OAAO,EAAEJ,KAAK,CAACK;AAFE,CAAnB;;AAKA,MAAMC,GAAG,GAAG,CAAC;EACXC,QADW;EAEXC,KAFW;EAGXC,KAHW;EAIXC,QAJW;EAKXC,QALW;EAMXC,OANW;EAOXC,IAPW;EAQXC,IARW;EASXC,KATW;EAUXC,MAVW;EAWXC;AAXW,CAAD,KAYN;EACJ,MAAMC,aAAa,GAAGvB,OAAO,CAAC,MAAMwB,GAAG,IAAIP,OAAO,CAACJ,KAAD,EAAQW,GAAR,CAArB,EAAmC,CAACX,KAAD,EAAQI,OAAR,CAAnC,CAA7B;EACA,OAAOL,QAAQ,gBACb;IAAK,aAAU,WAAf;IAA2B,SAAS,EAAEN,UAAU,CAACc,KAAD;EAAhD,gBACE,oBAAC,IAAD;IACE,QAAQ,EAAEJ,QADZ;IAEE,KAAK,EAAEF,KAFT;IAGE,OAAO,EAAEF,QAHX;IAIE,QAAQ,EAAEG,QAJZ;IAKE,KAAK,EAAEK,KALT;IAME,IAAI,EAAEF,IANR;IAOE,IAAI,EAAEC,IAPR;IAQE,OAAO,EAAEI,aARX;IASE,iBAAiB,EAAED,iBATrB;IAUE,MAAM,EAAED;EAVV,EADF,CADa,gBAgBb;IAAK,aAAU,WAAf;IAA2B,SAAS,EAAEhB,KAAK,CAACoB;EAA5C,EAhBF;AAkBD,CAhCD;;AAkCAd,GAAG,CAACe,SAAJ,2CAAgB;EACdd,QAAQ,EAAER,IAAI,CAACsB,SAAL,CAAeC,OADX;EAEdd,KAAK,EAAEV,SAAS,CAACyB,MAFH;EAGdd,KAAK,EAAEV,IAAI,CAACsB,SAAL,CAAeZ,KAHR;EAIdE,QAAQ,EAAEZ,IAAI,CAACsB,SAAL,CAAeV,QAJX;EAKdI,KAAK,EAAEhB,IAAI,CAACsB,SAAL,CAAeN,KALR;EAMdH,OAAO,EAAEb,IAAI,CAACsB,SAAL,CAAeT,OANV;EAOdF,QAAQ,EAAEX,IAAI,CAACsB,SAAL,CAAeX,QAPX;EAQdI,IAAI,EAAEf,IAAI,CAACsB,SAAL,CAAeP,IARP;EASdD,IAAI,EAAEd,IAAI,CAACsB,SAAL,CAAeR,IATP;EAUdG,MAAM,EAAEjB,IAAI,CAACsB,SAAL,CAAeL,MAVT;EAWdC,iBAAiB,EAAElB,IAAI,CAACsB,SAAL,CAAeJ;AAXpB,CAAhB;;AAcA,MAAMO,SAAS,GAAGC,KAAK,IAAI;EACzB,MAAM;IAACC,QAAD;IAAWnB,QAAX;IAAqBQ,KAAK,GAAG,SAA7B;IAAwCH,OAAO;EAA/C,IAA0Da,KAAhE;;EACA,MAAME,aAAa,GAAG,WAAUC,IAAI,IAAIA,IAAI,CAAClB,QAAvB,EAAiCgB,QAAjC,CAAtB;;EAEA,MAAM,CAACG,SAAD,EAAYC,eAAZ,IAA+BjC,QAAQ,CAAC8B,aAAD,CAA7C;EACA/B,SAAS,CAAC,MAAM;IACdkC,eAAe,CAACH,aAAD,CAAf;EACD,CAFQ,EAEN,CAACA,aAAD,CAFM,CAAT;;EAIA,MAAMI,IAAI,GAAG,KAAIC,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EAA0B,CAACC,GAAD,EAAM1B,KAAN,kBAClC0B,GADkC;IAErCC,KAAK,EAAE5B,QAAQ,CAACC,KAAD,CAFsB;IAGrCD,QAAQ,EAAE6B;EAH2B,EAA1B,EAITV,QAJS,CAAb;;EAMA,MAAMW,SAAS,GAAG,KAAIL,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EAA0B,CAACC,GAAD,EAAM1B,KAAN,KAAgB;IAC1D,MAAMQ,MAAM,GAAGa,SAAS,KAAKrB,KAA7B;;IACA,SAASS,iBAAT,GAA6B;MAC3Ba,eAAe,CAACd,MAAM,GAAG,CAAC,CAAJ,GAAQR,KAAf,CAAf;IACD;;IACD,oBACE,oBAAC,GAAD,eACM0B,GADN;MAEE,GAAG,EAAE1B,KAFP;MAGE,KAAK,EAAEA,KAHT;MAIE,KAAK,EAAEO,KAJT;MAKE,OAAO,EAAEH,OALX;MAME,iBAAiB,EAAEK,iBANrB;MAOE,MAAM,EAAED;IAPV,IASGkB,GAAG,CAACC,KATP,CADF;EAaD,CAlBiB,EAkBfJ,IAlBe,CAAlB;;EAoBA,oBAAO,iCAAMM,SAAN,CAAP;AACD,CApCD;;AAsCAb,SAAS,CAACc,YAAV,GAAyB;EACvB/B,QAAQ,EAAE;AADa,CAAzB;AAIAiB,SAAS,CAACH,SAAV,2CAAsB;EACpBd,QAAQ,EAAET,SAAS,CAACyC,OAAV,CAAkBjC,GAAG,CAACe,SAAJ,CAAcd,QAAhC,CADU;EAEpBmB,QAAQ,EAAE5B,SAAS,CAACyC,OAAV,CACRzC,SAAS,CAAC0C,KAAV,CAAgB;IACd/B,KAAK,EAAEH,GAAG,CAACe,SAAJ,CAAcZ,KADP;IAEdE,QAAQ,EAAEL,GAAG,CAACe,SAAJ,CAAcV,QAFV;IAGdD,QAAQ,EAAEJ,GAAG,CAACe,SAAJ,CAAcX,QAHV;IAIdI,IAAI,EAAER,GAAG,CAACe,SAAJ,CAAcP,IAJN;IAKdD,IAAI,EAAEP,GAAG,CAACe,SAAJ,CAAcR,IALN;IAMdL,KAAK,EAAEF,GAAG,CAACe,SAAJ,CAAcb,KANP;IAOdD,QAAQ,EAAED,GAAG,CAACe,SAAJ,CAAcd;EAPV,CAAhB,CADQ,CAFU;EAapBK,OAAO,EAAEN,GAAG,CAACe,SAAJ,CAAcT,OAbH;EAcpBG,KAAK,EAAEjB,SAAS,CAAC2C,KAAV,CAAgB,CAAC,OAAD,EAAU,SAAV,CAAhB;AAda,CAAtB;AAiBA,eAAejB,SAAf"}
+{"version":3,"file":"index.js","names":["React","useMemo","useEffect","useState","PropTypes","Part","style","themeStyle","setup","setupWrapper","default","wrapper","Tab","children","index","title","selected","iconType","onClick","href","type","theme","isOpen","onUpdateOpenedTab","handleOnClick","evt","wrapperHidden","propTypes","content","number","Accordion","props","tabProps","selectedIndex","item","openedTab","updateOpenedTab","tabs","convert","cap","tab","child","undefined","accordion","defaultProps","arrayOf","shape","oneOf"],"sources":["../../../../src/organism/accordion/coorp-manager/index.js"],"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"],"mappings":"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"}

package/es/organism/accordion/coorp-manager/part/index.js

@@ -1,9 +1,7 @@
 import _get from "lodash/fp/get";
 import _keys from "lodash/fp/keys";
 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 from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -42,7 +40,6 @@ const setupThemeStyle = {
   openHeader: style.coorpManagerOpenHeader,
   closedHeader: style.coorpManagerClosedHeader
 };
-
 const MoreLessIcons = ({
   type,
   moreClassName,
@@ -60,7 +57,6 @@ const MoreLessIcons = ({
     className: style.newTabIcon
   });
 };
-
 const Part = ({
   skin,
   selected,
@@ -74,9 +70,7 @@ const Part = ({
   theme
 }) => {
   const darkColor = _get('common.dark', skin);
-
   const mediumColor = _get('common.medium', skin);
-
   const lessClassName = isOpen ? style.openIconActivated : style.openIcon;
   const moreClassName = !isOpen ? style.closeIconActivated : style.closeIcon;
   const iconColor = selected ? style.iconBlue : style.iconGrey;
@@ -120,7 +114,6 @@ const Part = ({
     color: mediumColor
   })) : null), isCollapsible ? children : null)));
 };
-
 const AccordionPart = (props, context) => {
   const {
     skin
@@ -138,12 +131,10 @@ const AccordionPart = (props, context) => {
     onUpdateOpenedTab
   } = props;
   const themeStyle = theme === 'setup' ? setupThemeStyle : defaultStyle;
-
   function handleParentClick() {
     onUpdateOpenedTab();
     onClick();
   }
-
   const isCollapsibleTab = type === 'collapsibleTab';
   return /*#__PURE__*/React.createElement("div", {
     "data-name": "accordionPart",
@@ -183,7 +174,6 @@ const AccordionPart = (props, context) => {
     className: themeStyle.container
   }, content) : null);
 };
-
 AccordionPart.contextTypes = {
   skin: Provider.childContextTypes.skin
 };

package/es/organism/accordion/coorp-manager/part/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaSolidLightsLightbulb4","LightBulbIcon","NovaCompositionNavigationArrowDown","ArrowIcon","NovaCompositionCoorpacademyOpenInNewTab","OpenInNewTabIcon","NovaCompositionCoorpacademyDashboard","DashboardIcon","NovaCompositionCoorpacademyAnalytics","AnalyticsIcon","NovaCompositionCoorpacademyAnimation","AnimationIcon","NovaCompositionCoorpacademyAdministration","AdministrationIcon","NovaCompositionCoorpacademyContentCreation","ContentCreationIcon","NovaCompositionCoorpacademyEditorialization","EditorializationIcon","Link","Provider","style","ICON_TYPES","arrow","dashboard","analytics","administration","animation","contentCreation","editorialization","defaultStyle","titleIcon","label","titleLabel","selectedLabel","title","setupTitle","container","openHeader","closedHeader","default","setupThemeStyle","titleActivatedIcon","setupTitleActivatedIcon","setupTitleLabel","setupSelectedTitleLabel","setupSelectedTitle","selectedTitle","setupContainer","coorpManagerOpenHeader","coorpManagerClosedHeader","MoreLessIcons","type","moreClassName","lessClassName","darkColor","mediumColor","newTabIcon","Part","skin","selected","iconType","onParentClick","onClick","isOpen","children","theme","openIconActivated","openIcon","closeIconActivated","closeIcon","iconColor","iconBlue","iconGrey","hoverIconColor","blueTitleIcon","selectedBlackLabel","labelBlack","Icon","isLink","isCollapsible","wrapper","border","borderBgBlue","borderBgNone","flex","setupPart","header","AccordionPart","props","context","content","href","onUpdateOpenedTab","themeStyle","handleParentClick","isCollapsibleTab","textDecoration","contextTypes","childContextTypes","propTypes","oneOf","string","node","func","bool"],"sources":["../../../../../src/organism/accordion/coorp-manager/part/index.js"],"sourcesContent":["import React from 'react';\nimport {noop, keys, get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaSolidLightsLightbulb4 as LightBulbIcon,\n  NovaCompositionNavigationArrowDown as ArrowIcon,\n  NovaCompositionCoorpacademyOpenInNewTab as OpenInNewTabIcon,\n  NovaCompositionCoorpacademyDashboard as DashboardIcon,\n  NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n  NovaCompositionCoorpacademyAnimation as AnimationIcon,\n  NovaCompositionCoorpacademyAdministration as AdministrationIcon,\n  NovaCompositionCoorpacademyContentCreation as ContentCreationIcon,\n  NovaCompositionCoorpacademyEditorialization as EditorializationIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../../../atom/link';\nimport Provider from '../../../../atom/provider';\nimport style from './style.css';\n\nconst ICON_TYPES = {\n  arrow: LightBulbIcon,\n  dashboard: DashboardIcon,\n  analytics: AnalyticsIcon,\n  administration: AdministrationIcon,\n  animation: AnimationIcon,\n  contentCreation: ContentCreationIcon,\n  editorialization: EditorializationIcon\n};\n\nconst defaultStyle = {\n  titleIcon: style.titleIcon,\n  label: style.titleLabel,\n  selectedLabel: style.titleLabel,\n  title: style.setupTitle,\n  container: style.container,\n  openHeader: style.openHeader,\n  closedHeader: style.closedHeader,\n  default: null\n};\n\nconst setupThemeStyle = {\n  titleIcon: style.titleIcon,\n  titleActivatedIcon: style.setupTitleActivatedIcon,\n  label: style.setupTitleLabel,\n  selectedLabel: style.setupSelectedTitleLabel,\n  setupSelectedTitle: style.setupSelectedTitle,\n  selectedTitle: style.selectedTitle,\n  title: style.setupTitle,\n  container: style.setupContainer,\n  openHeader: style.coorpManagerOpenHeader,\n  closedHeader: style.coorpManagerClosedHeader\n};\n\nconst MoreLessIcons = ({type, moreClassName, lessClassName, darkColor, mediumColor}) => {\n  return type !== 'iconLink' ? (\n    <div>\n      <ArrowIcon className={moreClassName} color={darkColor} />\n      <ArrowIcon className={lessClassName} color={mediumColor} />\n    </div>\n  ) : (\n    <OpenInNewTabIcon className={style.newTabIcon} />\n  );\n};\n\nconst Part = ({\n  skin,\n  selected,\n  iconType,\n  onParentClick,\n  onClick,\n  isOpen,\n  title,\n  type,\n  children,\n  theme\n}) => {\n  const darkColor = get('common.dark', skin);\n  const mediumColor = get('common.medium', skin);\n  const lessClassName = isOpen ? style.openIconActivated : style.openIcon;\n  const moreClassName = !isOpen ? style.closeIconActivated : style.closeIcon;\n  const iconColor = selected ? style.iconBlue : style.iconGrey;\n  const hoverIconColor = selected && style.blueTitleIcon;\n  const selectedBlackLabel = selected && style.labelBlack;\n  const Icon = ICON_TYPES[iconType];\n  const isLink = type === 'iconLink';\n  const isCollapsible = type === 'collapsibleTab';\n\n  return (\n    <div className={style.wrapper}>\n      {theme === 'setup' ? (\n        <div\n          className={classnames(style.border, selected ? style.borderBgBlue : style.borderBgNone)}\n        />\n      ) : null}\n      <div data-type={iconType} onClick={onParentClick} style={{flex: 1}}>\n        <div data-name=\"accordionPart\" className={style.setupPart}>\n          <div className={style.header} data-type={iconType} onClick={onClick}>\n            <div data-name=\"title\" className={style.title}>\n              {Icon ? (\n                <Icon\n                  className={classnames(style.titleIcon, iconColor, hoverIconColor)}\n                  color=\"inherit\"\n                />\n              ) : null}\n              <h3 className={classnames(style.titleLabel, selectedBlackLabel)}>\n                {title}\n                {isLink ? <OpenInNewTabIcon className={style.newTabIcon} /> : null}\n              </h3>\n            </div>\n            {isCollapsible ? (\n              <div>\n                <ArrowIcon className={moreClassName} color={darkColor} />\n                <ArrowIcon className={lessClassName} color={mediumColor} />\n              </div>\n            ) : null}\n          </div>\n          {isCollapsible ? children : null}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst AccordionPart = (props, context) => {\n  const {skin} = context;\n  const {\n    title,\n    content,\n    iconType,\n    theme,\n    onClick = noop,\n    selected = false,\n    type,\n    href,\n    isOpen,\n    onUpdateOpenedTab\n  } = props;\n\n  const themeStyle = theme === 'setup' ? setupThemeStyle : defaultStyle;\n\n  function handleParentClick() {\n    onUpdateOpenedTab();\n    onClick();\n  }\n\n  const isCollapsibleTab = type === 'collapsibleTab';\n  return (\n    <div data-name=\"accordionPart\" className={themeStyle[theme]}>\n      {!isCollapsibleTab ? (\n        <Link\n          onClick={handleParentClick}\n          skinHover\n          href={href}\n          data-name={`link-item`}\n          target={'_blank'}\n          style={{\n            textDecoration: 'none'\n          }}\n        >\n          <Part\n            skin={skin}\n            title={title}\n            content={content}\n            iconType={iconType}\n            theme={theme}\n            onParentClick={handleParentClick}\n            onClick={onClick}\n            isOpen={isOpen}\n            selected={selected}\n            type={type}\n          />\n        </Link>\n      ) : (\n        <Part\n          skin={skin}\n          title={title}\n          content={content}\n          iconType={iconType}\n          theme={theme}\n          onParentClick={handleParentClick}\n          onClick={onClick}\n          selected={selected}\n          isOpen={isOpen}\n          type={type}\n        />\n      )}\n      {isCollapsibleTab && isOpen ? <div className={themeStyle.container}>{content}</div> : null}\n    </div>\n  );\n};\n\nAccordionPart.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nAccordionPart.propTypes = {\n  iconType: PropTypes.oneOf(keys(ICON_TYPES)),\n  type: PropTypes.oneOf(['simpleTab', 'collapsibleTab', 'iconLink']),\n  title: PropTypes.string,\n  content: PropTypes.node,\n  onClick: PropTypes.func,\n  selected: PropTypes.bool,\n  theme: PropTypes.string,\n  href: PropTypes.string,\n  isOpen: PropTypes.bool,\n  onUpdateOpenedTab: PropTypes.func\n};\n\nMoreLessIcons.propTypes = {\n  type: PropTypes.string,\n  moreClassName: PropTypes.string,\n  lessClassName: PropTypes.string,\n  darkColor: PropTypes.string,\n  mediumColor: PropTypes.string\n};\n\nPart.propTypes = {\n  ...AccordionPart.propTypes\n};\n\nexport default AccordionPart;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaSolidLightsLightbulb4","LightBulbIcon","NovaCompositionNavigationArrowDown","ArrowIcon","NovaCompositionCoorpacademyOpenInNewTab","OpenInNewTabIcon","NovaCompositionCoorpacademyDashboard","DashboardIcon","NovaCompositionCoorpacademyAnalytics","AnalyticsIcon","NovaCompositionCoorpacademyAnimation","AnimationIcon","NovaCompositionCoorpacademyAdministration","AdministrationIcon","NovaCompositionCoorpacademyContentCreation","ContentCreationIcon","NovaCompositionCoorpacademyEditorialization","EditorializationIcon","Link","Provider","style","ICON_TYPES","arrow","dashboard","analytics","administration","animation","contentCreation","editorialization","defaultStyle","titleIcon","label","titleLabel","selectedLabel","title","setupTitle","container","openHeader","closedHeader","default","setupThemeStyle","titleActivatedIcon","setupTitleActivatedIcon","setupTitleLabel","setupSelectedTitleLabel","setupSelectedTitle","selectedTitle","setupContainer","coorpManagerOpenHeader","coorpManagerClosedHeader","MoreLessIcons","type","moreClassName","lessClassName","darkColor","mediumColor","newTabIcon","Part","skin","selected","iconType","onParentClick","onClick","isOpen","children","theme","openIconActivated","openIcon","closeIconActivated","closeIcon","iconColor","iconBlue","iconGrey","hoverIconColor","blueTitleIcon","selectedBlackLabel","labelBlack","Icon","isLink","isCollapsible","wrapper","border","borderBgBlue","borderBgNone","flex","setupPart","header","AccordionPart","props","context","content","href","onUpdateOpenedTab","themeStyle","handleParentClick","isCollapsibleTab","textDecoration","contextTypes","childContextTypes","propTypes","oneOf","string","node","func","bool"],"sources":["../../../../../src/organism/accordion/coorp-manager/part/index.js"],"sourcesContent":["import React from 'react';\nimport {noop, keys, get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaSolidLightsLightbulb4 as LightBulbIcon,\n  NovaCompositionNavigationArrowDown as ArrowIcon,\n  NovaCompositionCoorpacademyOpenInNewTab as OpenInNewTabIcon,\n  NovaCompositionCoorpacademyDashboard as DashboardIcon,\n  NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n  NovaCompositionCoorpacademyAnimation as AnimationIcon,\n  NovaCompositionCoorpacademyAdministration as AdministrationIcon,\n  NovaCompositionCoorpacademyContentCreation as ContentCreationIcon,\n  NovaCompositionCoorpacademyEditorialization as EditorializationIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../../../atom/link';\nimport Provider from '../../../../atom/provider';\nimport style from './style.css';\n\nconst ICON_TYPES = {\n  arrow: LightBulbIcon,\n  dashboard: DashboardIcon,\n  analytics: AnalyticsIcon,\n  administration: AdministrationIcon,\n  animation: AnimationIcon,\n  contentCreation: ContentCreationIcon,\n  editorialization: EditorializationIcon\n};\n\nconst defaultStyle = {\n  titleIcon: style.titleIcon,\n  label: style.titleLabel,\n  selectedLabel: style.titleLabel,\n  title: style.setupTitle,\n  container: style.container,\n  openHeader: style.openHeader,\n  closedHeader: style.closedHeader,\n  default: null\n};\n\nconst setupThemeStyle = {\n  titleIcon: style.titleIcon,\n  titleActivatedIcon: style.setupTitleActivatedIcon,\n  label: style.setupTitleLabel,\n  selectedLabel: style.setupSelectedTitleLabel,\n  setupSelectedTitle: style.setupSelectedTitle,\n  selectedTitle: style.selectedTitle,\n  title: style.setupTitle,\n  container: style.setupContainer,\n  openHeader: style.coorpManagerOpenHeader,\n  closedHeader: style.coorpManagerClosedHeader\n};\n\nconst MoreLessIcons = ({type, moreClassName, lessClassName, darkColor, mediumColor}) => {\n  return type !== 'iconLink' ? (\n    <div>\n      <ArrowIcon className={moreClassName} color={darkColor} />\n      <ArrowIcon className={lessClassName} color={mediumColor} />\n    </div>\n  ) : (\n    <OpenInNewTabIcon className={style.newTabIcon} />\n  );\n};\n\nconst Part = ({\n  skin,\n  selected,\n  iconType,\n  onParentClick,\n  onClick,\n  isOpen,\n  title,\n  type,\n  children,\n  theme\n}) => {\n  const darkColor = get('common.dark', skin);\n  const mediumColor = get('common.medium', skin);\n  const lessClassName = isOpen ? style.openIconActivated : style.openIcon;\n  const moreClassName = !isOpen ? style.closeIconActivated : style.closeIcon;\n  const iconColor = selected ? style.iconBlue : style.iconGrey;\n  const hoverIconColor = selected && style.blueTitleIcon;\n  const selectedBlackLabel = selected && style.labelBlack;\n  const Icon = ICON_TYPES[iconType];\n  const isLink = type === 'iconLink';\n  const isCollapsible = type === 'collapsibleTab';\n\n  return (\n    <div className={style.wrapper}>\n      {theme === 'setup' ? (\n        <div\n          className={classnames(style.border, selected ? style.borderBgBlue : style.borderBgNone)}\n        />\n      ) : null}\n      <div data-type={iconType} onClick={onParentClick} style={{flex: 1}}>\n        <div data-name=\"accordionPart\" className={style.setupPart}>\n          <div className={style.header} data-type={iconType} onClick={onClick}>\n            <div data-name=\"title\" className={style.title}>\n              {Icon ? (\n                <Icon\n                  className={classnames(style.titleIcon, iconColor, hoverIconColor)}\n                  color=\"inherit\"\n                />\n              ) : null}\n              <h3 className={classnames(style.titleLabel, selectedBlackLabel)}>\n                {title}\n                {isLink ? <OpenInNewTabIcon className={style.newTabIcon} /> : null}\n              </h3>\n            </div>\n            {isCollapsible ? (\n              <div>\n                <ArrowIcon className={moreClassName} color={darkColor} />\n                <ArrowIcon className={lessClassName} color={mediumColor} />\n              </div>\n            ) : null}\n          </div>\n          {isCollapsible ? children : null}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst AccordionPart = (props, context) => {\n  const {skin} = context;\n  const {\n    title,\n    content,\n    iconType,\n    theme,\n    onClick = noop,\n    selected = false,\n    type,\n    href,\n    isOpen,\n    onUpdateOpenedTab\n  } = props;\n\n  const themeStyle = theme === 'setup' ? setupThemeStyle : defaultStyle;\n\n  function handleParentClick() {\n    onUpdateOpenedTab();\n    onClick();\n  }\n\n  const isCollapsibleTab = type === 'collapsibleTab';\n  return (\n    <div data-name=\"accordionPart\" className={themeStyle[theme]}>\n      {!isCollapsibleTab ? (\n        <Link\n          onClick={handleParentClick}\n          skinHover\n          href={href}\n          data-name={`link-item`}\n          target={'_blank'}\n          style={{\n            textDecoration: 'none'\n          }}\n        >\n          <Part\n            skin={skin}\n            title={title}\n            content={content}\n            iconType={iconType}\n            theme={theme}\n            onParentClick={handleParentClick}\n            onClick={onClick}\n            isOpen={isOpen}\n            selected={selected}\n            type={type}\n          />\n        </Link>\n      ) : (\n        <Part\n          skin={skin}\n          title={title}\n          content={content}\n          iconType={iconType}\n          theme={theme}\n          onParentClick={handleParentClick}\n          onClick={onClick}\n          selected={selected}\n          isOpen={isOpen}\n          type={type}\n        />\n      )}\n      {isCollapsibleTab && isOpen ? <div className={themeStyle.container}>{content}</div> : null}\n    </div>\n  );\n};\n\nAccordionPart.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nAccordionPart.propTypes = {\n  iconType: PropTypes.oneOf(keys(ICON_TYPES)),\n  type: PropTypes.oneOf(['simpleTab', 'collapsibleTab', 'iconLink']),\n  title: PropTypes.string,\n  content: PropTypes.node,\n  onClick: PropTypes.func,\n  selected: PropTypes.bool,\n  theme: PropTypes.string,\n  href: PropTypes.string,\n  isOpen: PropTypes.bool,\n  onUpdateOpenedTab: PropTypes.func\n};\n\nMoreLessIcons.propTypes = {\n  type: PropTypes.string,\n  moreClassName: PropTypes.string,\n  lessClassName: PropTypes.string,\n  darkColor: PropTypes.string,\n  mediumColor: PropTypes.string\n};\n\nPart.propTypes = {\n  ...AccordionPart.propTypes\n};\n\nexport default AccordionPart;\n"],"mappings":"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"}

package/es/organism/accordion/part/index.js

@@ -15,7 +15,6 @@ const themeStyle = {
   setup: style.setupPart,
   default: null
 };
-
 const AccordionPart = (props, context) => {
   const {
     skin
@@ -29,11 +28,8 @@ const AccordionPart = (props, context) => {
     isOpen = false
   } = props;
   const TitleIcon = ICON_TYPES[iconType];
-
   const darkColor = _get('common.dark', skin);
-
   const mediumColor = _get('common.medium', skin);
-
   const openIconClassName = isOpen ? style.openIconActivated : style.openIcon;
   const closeIconClassName = !isOpen ? style.closeIconActivated : style.closeIcon;
   return /*#__PURE__*/React.createElement("div", {
@@ -61,7 +57,6 @@ const AccordionPart = (props, context) => {
     className: style.container
   }, content) : null);
 };
-
 AccordionPart.contextTypes = {
   skin: Provider.childContextTypes.skin
 };

package/es/organism/accordion/part/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionNavigationMore","MoreIcon","NovaLineLoginKey1","KeyIcon","NovaLineVideosVideoClip3","VideoIcon","NovaSolidLightsLightbulb4","LightBulbIcon","NovaCompositionNavigationLess","LessIcon","Provider","style","ICON_TYPES","resources","klf","tips","themeStyle","setup","setupPart","default","AccordionPart","props","context","skin","title","content","iconType","theme","onClick","isOpen","TitleIcon","darkColor","mediumColor","openIconClassName","openIconActivated","openIcon","closeIconClassName","closeIconActivated","closeIcon","openHeader","closedHeader","titleIcon","titleLabel","container","contextTypes","childContextTypes","propTypes","oneOf","string","node","func","bool"],"sources":["../../../../src/organism/accordion/part/index.js"],"sourcesContent":["import React from 'react';\nimport {noop, keys, get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionNavigationMore as MoreIcon,\n  NovaLineLoginKey1 as KeyIcon,\n  NovaLineVideosVideoClip3 as VideoIcon,\n  NovaSolidLightsLightbulb4 as LightBulbIcon,\n  NovaCompositionNavigationLess as LessIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../../atom/provider';\nimport style from './style.css';\n\nconst ICON_TYPES = {\n  resources: VideoIcon,\n  klf: KeyIcon,\n  tips: LightBulbIcon\n};\n\nconst themeStyle = {\n  setup: style.setupPart,\n  default: null\n};\n\nconst AccordionPart = (props, context) => {\n  const {skin} = context;\n  const {title, content, iconType, theme, onClick = noop, isOpen = false} = props;\n  const TitleIcon = ICON_TYPES[iconType];\n  const darkColor = get('common.dark', skin);\n  const mediumColor = get('common.medium', skin);\n  const openIconClassName = isOpen ? style.openIconActivated : style.openIcon;\n  const closeIconClassName = !isOpen ? style.closeIconActivated : style.closeIcon;\n\n  return (\n    <div data-name=\"accordionPart\" className={themeStyle[theme]}>\n      <div\n        className={isOpen ? style.openHeader : style.closedHeader}\n        data-type={iconType}\n        onClick={onClick}\n      >\n        <div data-name=\"title\" className={style.title}>\n          {TitleIcon ? <TitleIcon className={style.titleIcon} color=\"inherit\" /> : null}\n          <h3 className={style.titleLabel}>{title}</h3>\n        </div>\n        <MoreIcon className={closeIconClassName} color={darkColor} />\n        <LessIcon className={openIconClassName} color={mediumColor} />\n      </div>\n      {isOpen ? <div className={style.container}>{content}</div> : null}\n    </div>\n  );\n};\n\nAccordionPart.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nAccordionPart.propTypes = {\n  iconType: PropTypes.oneOf(keys(ICON_TYPES)),\n  title: PropTypes.string,\n  content: PropTypes.node,\n  onClick: PropTypes.func,\n  isOpen: PropTypes.bool,\n  theme: PropTypes.string\n};\n\nexport default AccordionPart;\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SACEC,6BAA6B,IAAIC,QADnC,EAEEC,iBAAiB,IAAIC,OAFvB,EAGEC,wBAAwB,IAAIC,SAH9B,EAIEC,yBAAyB,IAAIC,aAJ/B,EAKEC,6BAA6B,IAAIC,QALnC,QAMO,0BANP;AAOA,OAAOC,QAAP,MAAqB,wBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,UAAU,GAAG;EACjBC,SAAS,EAAER,SADM;EAEjBS,GAAG,EAAEX,OAFY;EAGjBY,IAAI,EAAER;AAHW,CAAnB;AAMA,MAAMS,UAAU,GAAG;EACjBC,KAAK,EAAEN,KAAK,CAACO,SADI;EAEjBC,OAAO,EAAE;AAFQ,CAAnB;;AAKA,MAAMC,aAAa,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACxC,MAAM;IAACC;EAAD,IAASD,OAAf;EACA,MAAM;IAACE,KAAD;IAAQC,OAAR;IAAiBC,QAAjB;IAA2BC,KAA3B;IAAkCC,OAAO,QAAzC;IAAkDC,MAAM,GAAG;EAA3D,IAAoER,KAA1E;EACA,MAAMS,SAAS,GAAGlB,UAAU,CAACc,QAAD,CAA5B;;EACA,MAAMK,SAAS,GAAG,KAAI,aAAJ,EAAmBR,IAAnB,CAAlB;;EACA,MAAMS,WAAW,GAAG,KAAI,eAAJ,EAAqBT,IAArB,CAApB;;EACA,MAAMU,iBAAiB,GAAGJ,MAAM,GAAGlB,KAAK,CAACuB,iBAAT,GAA6BvB,KAAK,CAACwB,QAAnE;EACA,MAAMC,kBAAkB,GAAG,CAACP,MAAD,GAAUlB,KAAK,CAAC0B,kBAAhB,GAAqC1B,KAAK,CAAC2B,SAAtE;EAEA,oBACE;IAAK,aAAU,eAAf;IAA+B,SAAS,EAAEtB,UAAU,CAACW,KAAD;EAApD,gBACE;IACE,SAAS,EAAEE,MAAM,GAAGlB,KAAK,CAAC4B,UAAT,GAAsB5B,KAAK,CAAC6B,YAD/C;IAEE,aAAWd,QAFb;IAGE,OAAO,EAAEE;EAHX,gBAKE;IAAK,aAAU,OAAf;IAAuB,SAAS,EAAEjB,KAAK,CAACa;EAAxC,GACGM,SAAS,gBAAG,oBAAC,SAAD;IAAW,SAAS,EAAEnB,KAAK,CAAC8B,SAA5B;IAAuC,KAAK,EAAC;EAA7C,EAAH,GAA+D,IAD3E,eAEE;IAAI,SAAS,EAAE9B,KAAK,CAAC+B;EAArB,GAAkClB,KAAlC,CAFF,CALF,eASE,oBAAC,QAAD;IAAU,SAAS,EAAEY,kBAArB;IAAyC,KAAK,EAAEL;EAAhD,EATF,eAUE,oBAAC,QAAD;IAAU,SAAS,EAAEE,iBAArB;IAAwC,KAAK,EAAED;EAA/C,EAVF,CADF,EAaGH,MAAM,gBAAG;IAAK,SAAS,EAAElB,KAAK,CAACgC;EAAtB,GAAkClB,OAAlC,CAAH,GAAsD,IAb/D,CADF;AAiBD,CA1BD;;AA4BAL,aAAa,CAACwB,YAAd,GAA6B;EAC3BrB,IAAI,EAAEb,QAAQ,CAACmC,iBAAT,CAA2BtB;AADN,CAA7B;AAIAH,aAAa,CAAC0B,SAAd,2CAA0B;EACxBpB,QAAQ,EAAE3B,SAAS,CAACgD,KAAV,CAAgB,MAAKnC,UAAL,CAAhB,CADc;EAExBY,KAAK,EAAEzB,SAAS,CAACiD,MAFO;EAGxBvB,OAAO,EAAE1B,SAAS,CAACkD,IAHK;EAIxBrB,OAAO,EAAE7B,SAAS,CAACmD,IAJK;EAKxBrB,MAAM,EAAE9B,SAAS,CAACoD,IALM;EAMxBxB,KAAK,EAAE5B,SAAS,CAACiD;AANO,CAA1B;AASA,eAAe5B,aAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionNavigationMore","MoreIcon","NovaLineLoginKey1","KeyIcon","NovaLineVideosVideoClip3","VideoIcon","NovaSolidLightsLightbulb4","LightBulbIcon","NovaCompositionNavigationLess","LessIcon","Provider","style","ICON_TYPES","resources","klf","tips","themeStyle","setup","setupPart","default","AccordionPart","props","context","skin","title","content","iconType","theme","onClick","isOpen","TitleIcon","darkColor","mediumColor","openIconClassName","openIconActivated","openIcon","closeIconClassName","closeIconActivated","closeIcon","openHeader","closedHeader","titleIcon","titleLabel","container","contextTypes","childContextTypes","propTypes","oneOf","string","node","func","bool"],"sources":["../../../../src/organism/accordion/part/index.js"],"sourcesContent":["import React from 'react';\nimport {noop, keys, get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionNavigationMore as MoreIcon,\n  NovaLineLoginKey1 as KeyIcon,\n  NovaLineVideosVideoClip3 as VideoIcon,\n  NovaSolidLightsLightbulb4 as LightBulbIcon,\n  NovaCompositionNavigationLess as LessIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../../atom/provider';\nimport style from './style.css';\n\nconst ICON_TYPES = {\n  resources: VideoIcon,\n  klf: KeyIcon,\n  tips: LightBulbIcon\n};\n\nconst themeStyle = {\n  setup: style.setupPart,\n  default: null\n};\n\nconst AccordionPart = (props, context) => {\n  const {skin} = context;\n  const {title, content, iconType, theme, onClick = noop, isOpen = false} = props;\n  const TitleIcon = ICON_TYPES[iconType];\n  const darkColor = get('common.dark', skin);\n  const mediumColor = get('common.medium', skin);\n  const openIconClassName = isOpen ? style.openIconActivated : style.openIcon;\n  const closeIconClassName = !isOpen ? style.closeIconActivated : style.closeIcon;\n\n  return (\n    <div data-name=\"accordionPart\" className={themeStyle[theme]}>\n      <div\n        className={isOpen ? style.openHeader : style.closedHeader}\n        data-type={iconType}\n        onClick={onClick}\n      >\n        <div data-name=\"title\" className={style.title}>\n          {TitleIcon ? <TitleIcon className={style.titleIcon} color=\"inherit\" /> : null}\n          <h3 className={style.titleLabel}>{title}</h3>\n        </div>\n        <MoreIcon className={closeIconClassName} color={darkColor} />\n        <LessIcon className={openIconClassName} color={mediumColor} />\n      </div>\n      {isOpen ? <div className={style.container}>{content}</div> : null}\n    </div>\n  );\n};\n\nAccordionPart.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nAccordionPart.propTypes = {\n  iconType: PropTypes.oneOf(keys(ICON_TYPES)),\n  title: PropTypes.string,\n  content: PropTypes.node,\n  onClick: PropTypes.func,\n  isOpen: PropTypes.bool,\n  theme: PropTypes.string\n};\n\nexport default AccordionPart;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SACEC,6BAA6B,IAAIC,QAAQ,EACzCC,iBAAiB,IAAIC,OAAO,EAC5BC,wBAAwB,IAAIC,SAAS,EACrCC,yBAAyB,IAAIC,aAAa,EAC1CC,6BAA6B,IAAIC,QAAQ,QACpC,0BAA0B;AACjC,OAAOC,QAAQ,MAAM,wBAAwB;AAC7C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,UAAU,GAAG;EACjBC,SAAS,EAAER,SAAS;EACpBS,GAAG,EAAEX,OAAO;EACZY,IAAI,EAAER;AACR,CAAC;AAED,MAAMS,UAAU,GAAG;EACjBC,KAAK,EAAEN,KAAK,CAACO,SAAS;EACtBC,OAAO,EAAE;AACX,CAAC;AAED,MAAMC,aAAa,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EACxC,MAAM;IAACC;EAAI,CAAC,GAAGD,OAAO;EACtB,MAAM;IAACE,KAAK;IAAEC,OAAO;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,OAAO,QAAO;IAAEC,MAAM,GAAG;EAAK,CAAC,GAAGR,KAAK;EAC/E,MAAMS,SAAS,GAAGlB,UAAU,CAACc,QAAQ,CAAC;EACtC,MAAMK,SAAS,GAAG,KAAI,aAAa,EAAER,IAAI,CAAC;EAC1C,MAAMS,WAAW,GAAG,KAAI,eAAe,EAAET,IAAI,CAAC;EAC9C,MAAMU,iBAAiB,GAAGJ,MAAM,GAAGlB,KAAK,CAACuB,iBAAiB,GAAGvB,KAAK,CAACwB,QAAQ;EAC3E,MAAMC,kBAAkB,GAAG,CAACP,MAAM,GAAGlB,KAAK,CAAC0B,kBAAkB,GAAG1B,KAAK,CAAC2B,SAAS;EAE/E,oBACE;IAAK,aAAU,eAAe;IAAC,SAAS,EAAEtB,UAAU,CAACW,KAAK;EAAE,gBAC1D;IACE,SAAS,EAAEE,MAAM,GAAGlB,KAAK,CAAC4B,UAAU,GAAG5B,KAAK,CAAC6B,YAAa;IAC1D,aAAWd,QAAS;IACpB,OAAO,EAAEE;EAAQ,gBAEjB;IAAK,aAAU,OAAO;IAAC,SAAS,EAAEjB,KAAK,CAACa;EAAM,GAC3CM,SAAS,gBAAG,oBAAC,SAAS;IAAC,SAAS,EAAEnB,KAAK,CAAC8B,SAAU;IAAC,KAAK,EAAC;EAAS,EAAG,GAAG,IAAI,eAC7E;IAAI,SAAS,EAAE9B,KAAK,CAAC+B;EAAW,GAAElB,KAAK,CAAM,CACzC,eACN,oBAAC,QAAQ;IAAC,SAAS,EAAEY,kBAAmB;IAAC,KAAK,EAAEL;EAAU,EAAG,eAC7D,oBAAC,QAAQ;IAAC,SAAS,EAAEE,iBAAkB;IAAC,KAAK,EAAED;EAAY,EAAG,CAC1D,EACLH,MAAM,gBAAG;IAAK,SAAS,EAAElB,KAAK,CAACgC;EAAU,GAAElB,OAAO,CAAO,GAAG,IAAI,CAC7D;AAEV,CAAC;AAEDL,aAAa,CAACwB,YAAY,GAAG;EAC3BrB,IAAI,EAAEb,QAAQ,CAACmC,iBAAiB,CAACtB;AACnC,CAAC;AAEDH,aAAa,CAAC0B,SAAS,2CAAG;EACxBpB,QAAQ,EAAE3B,SAAS,CAACgD,KAAK,CAAC,MAAKnC,UAAU,CAAC,CAAC;EAC3CY,KAAK,EAAEzB,SAAS,CAACiD,MAAM;EACvBvB,OAAO,EAAE1B,SAAS,CAACkD,IAAI;EACvBrB,OAAO,EAAE7B,SAAS,CAACmD,IAAI;EACvBrB,MAAM,EAAE9B,SAAS,CAACoD,IAAI;EACtBxB,KAAK,EAAE5B,SAAS,CAACiD;AACnB,CAAC;AAED,eAAe5B,aAAa"}