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

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

@@ -2,23 +2,37 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _uniqueId2 = _interopRequireDefault(require("lodash/fp/uniqueId"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _listBadges = _interopRequireDefault(require("../list-badges"));
+
 var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+
 var _contentBadge = _interopRequireDefault(require("../../atom/content-badge"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 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, 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 }; }
+
 const buildItemsOfSection = items => {
   return items.map((item, index) => {
     const {
       type
     } = item;
+
     switch (type) {
       case 'mainElement':
         return /*#__PURE__*/_react.default.createElement("li", {
@@ -29,6 +43,7 @@ const buildItemsOfSection = items => {
         }, item.title), /*#__PURE__*/_react.default.createElement("span", {
           className: _style.default.value
         }, item.value));
+
       case 'content':
         {
           const {
@@ -51,8 +66,7 @@ const buildItemsOfSection = items => {
             items: badgeList
           }), /*#__PURE__*/_react.default.createElement("div", {
             className: (0, _classnames.default)(_style.default.contentTitle, unsaved && _style.default.unsaved),
-            title: title
-            // eslint-disable-next-line react/no-danger
+            title: title // eslint-disable-next-line react/no-danger
             ,
             dangerouslySetInnerHTML: {
               __html: title
@@ -61,6 +75,7 @@ const buildItemsOfSection = items => {
             className: _style.default.author
           }, author) : null));
         }
+
       case 'text':
       default:
         {
@@ -78,14 +93,17 @@ const buildItemsOfSection = items => {
     }
   });
 };
+
 const buildSectionHeader = section => {
   const {
     title,
     counterText
   } = section;
+
   if (!title) {
     return null;
   }
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.sectionHeader
   }, /*#__PURE__*/_react.default.createElement("span", {
@@ -94,6 +112,7 @@ const buildSectionHeader = section => {
     className: _style.default.counterText
   }, counterText) : null);
 };
+
 const buildSections = sections => {
   return sections.map((section, index) => {
     const sectionHeader = buildSectionHeader(section);
@@ -106,6 +125,7 @@ const buildSections = sections => {
     }, sectionHeader, /*#__PURE__*/_react.default.createElement("ul", null, itemsView));
   });
 };
+
 const BuildAction = ({
   action,
   side
@@ -135,6 +155,7 @@ const BuildAction = ({
     className: _style.default.button
   }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, buttonProps));
 };
+
 const checkOnClose = (checked, summaryElement, onCloseSummary, clickEvent) => {
   if (checked) {
     if (summaryElement && summaryElement.current && !summaryElement.current.contains(clickEvent.target)) {
@@ -142,6 +163,7 @@ const checkOnClose = (checked, summaryElement, onCloseSummary, clickEvent) => {
     }
   }
 };
+
 const WizardSummary = props => {
   const {
     title,
@@ -153,7 +175,9 @@ const WizardSummary = props => {
   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));
@@ -162,6 +186,7 @@ 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.default.createElement("div", {
@@ -200,6 +225,7 @@ const WizardSummary = props => {
     side: side
   })));
 };
+
 BuildAction.propTypes = process.env.NODE_ENV !== "production" ? {
   action: _propTypes.default.shape({
     icon: _propTypes.default.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["buildItemsOfSection","items","map","item","index","type","title","style","value","badgeList","badgeAriaLabel","author","unsaved","contentWrapper","contentCounter","contentItem","classnames","contentTitle","__html","text","valueSimpleText","buildSectionHeader","section","counterText","sectionHeader","buildSections","sections","itemsView","sectionWrapper","BuildAction","action","side","onClick","disabled","icon","ariaLabel","handleClick","useMemo","buttonProps","label","position","button","checkOnClose","checked","summaryElement","onCloseSummary","clickEvent","current","contains","target","WizardSummary","props","sectionsView","idSwitch","useRef","setChecked","useState","handleOnChange","useCallback","document","addEventListener","removeEventListener","container","desktopSummaryTitle","checkbox","summary","tabletSummaryHeader","tabletSummaryTitle","tabletSummaryIcon","summarySections","actionZone","propTypes","PropTypes","shape","string","bool","func","arrayOf","oneOfType","ContentBadge"],"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":["buildItemsOfSection","items","map","item","index","type","title","style","value","badgeList","badgeAriaLabel","author","unsaved","contentWrapper","contentCounter","contentItem","classnames","contentTitle","__html","text","valueSimpleText","buildSectionHeader","section","counterText","sectionHeader","buildSections","sections","itemsView","sectionWrapper","BuildAction","action","side","onClick","disabled","icon","ariaLabel","handleClick","useMemo","buttonProps","label","position","button","checkOnClose","checked","summaryElement","onCloseSummary","clickEvent","current","contains","target","WizardSummary","props","sectionsView","idSwitch","useRef","setChecked","useState","handleOnChange","useCallback","document","addEventListener","removeEventListener","container","desktopSummaryTitle","checkbox","summary","tabletSummaryHeader","tabletSummaryTitle","tabletSummaryIcon","summarySections","actionZone","propTypes","PropTypes","shape","string","bool","func","arrayOf","oneOfType","ContentBadge"],"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/lib/organism/accordion/container/index.js

@@ -2,21 +2,34 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _part = _interopRequireDefault(require("../part"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 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, 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 }; }
+
 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); }
+
 const themeStyle = {
   setup: _style.default.setupWrapper,
   default: _style.default.wrapper
 };
+
 const Tab = ({
   children,
   index,
@@ -42,6 +55,7 @@ const Tab = ({
     className: _style.default.wrapperHidden
   });
 };
+
 Tab.propTypes = process.env.NODE_ENV !== "production" ? {
   children: _part.default.propTypes.content,
   index: _propTypes.default.number,
@@ -51,6 +65,7 @@ Tab.propTypes = process.env.NODE_ENV !== "production" ? {
   theme: _part.default.propTypes.theme,
   onClick: _part.default.propTypes.onClick
 } : {};
+
 const Accordion = props => {
   const {
     tabProps,
@@ -58,6 +73,7 @@ const Accordion = props => {
     theme = 'default',
     onClick = _noop2.default
   } = props;
+
   const accordion = _map2.default.convert({
     cap: false
   })((child, index) => {
@@ -69,8 +85,10 @@ const Accordion = props => {
       onClick: onClick
     }), child);
   }, children);
+
   return /*#__PURE__*/_react.default.createElement("div", null, accordion);
 };
+
 Accordion.defaultProps = {
   children: []
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["themeStyle","setup","style","setupWrapper","default","wrapper","Tab","children","index","title","isOpen","iconType","onClick","theme","handleOnClick","useMemo","evt","wrapperHidden","propTypes","Part","content","PropTypes","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":";;;;;;;AAAA;AACA;AAEA;AACA;AAAgC;AAAA;AAAA;AAAA;AAEhC,MAAMA,UAAU,GAAG;EACjBC,KAAK,EAAEC,cAAK,CAACC,YAAY;EACzBC,OAAO,EAAEF,cAAK,CAACG;AACjB,CAAC;AAED,MAAMC,GAAG,GAAG,CAAC;EAACC,QAAQ;EAAEC,KAAK;EAAEC,KAAK;EAAEC,MAAM;EAAEC,QAAQ;EAAEC,OAAO;EAAEC;AAAK,CAAC,KAAK;EAC1E,MAAMC,aAAa,GAAG,IAAAC,cAAO,EAAC,MAAMC,GAAG,IAAIJ,OAAO,CAACJ,KAAK,EAAEQ,GAAG,CAAC,EAAE,CAACR,KAAK,EAAEI,OAAO,CAAC,CAAC;EAEjF,OAAOL,QAAQ,gBACb;IAAK,aAAU,WAAW;IAAC,SAAS,EAAEP,UAAU,CAACa,KAAK;EAAE,gBACtD,6BAAC,aAAI;IACH,QAAQ,EAAEF,QAAS;IACnB,KAAK,EAAEF,KAAM;IACb,OAAO,EAAEF,QAAS;IAClB,MAAM,EAAEG,MAAO;IACf,KAAK,EAAEG,KAAM;IACb,OAAO,EAAEC;EAAc,EACvB,CACE,gBAEN;IAAK,aAAU,WAAW;IAAC,SAAS,EAAEZ,cAAK,CAACe;EAAc,EAC3D;AACH,CAAC;AAEDX,GAAG,CAACY,SAAS,2CAAG;EACdX,QAAQ,EAAEY,aAAI,CAACD,SAAS,CAACE,OAAO;EAChCZ,KAAK,EAAEa,kBAAS,CAACC,MAAM;EACvBb,KAAK,EAAEU,aAAI,CAACD,SAAS,CAACT,KAAK;EAC3BE,QAAQ,EAAEQ,aAAI,CAACD,SAAS,CAACP,QAAQ;EACjCD,MAAM,EAAES,aAAI,CAACD,SAAS,CAACR,MAAM;EAC7BG,KAAK,EAAEM,aAAI,CAACD,SAAS,CAACL,KAAK;EAC3BD,OAAO,EAAEO,aAAI,CAACD,SAAS,CAACN;AAC1B,CAAC;AAED,MAAMW,SAAS,GAAGC,KAAK,IAAI;EACzB,MAAM;IAACC,QAAQ;IAAElB,QAAQ;IAAEM,KAAK,GAAG,SAAS;IAAED,OAAO;EAAO,CAAC,GAAGY,KAAK;EACrE,MAAME,SAAS,GAAG,cAAIC,OAAO,CAAC;IAACC,GAAG,EAAE;EAAK,CAAC,CAAC,CAAC,CAACC,KAAK,EAAErB,KAAK,KAAK;IAC5D,MAAMsB,SAAS,GAAG,mBAAItB,KAAK,EAAEiB,QAAQ,CAAC;IACtC,oBACE,6BAAC,GAAG,eAAKK,SAAS;MAAE,GAAG,EAAEtB,KAAM;MAAC,KAAK,EAAEA,KAAM;MAAC,KAAK,EAAEK,KAAM;MAAC,OAAO,EAAED;IAAQ,IAC1EiB,KAAK,CACF;EAEV,CAAC,EAAEtB,QAAQ,CAAC;EAEZ,oBAAO,0CAAMmB,SAAS,CAAO;AAC/B,CAAC;AAEDH,SAAS,CAACQ,YAAY,GAAG;EACvBxB,QAAQ,EAAE;AACZ,CAAC;AAEDgB,SAAS,CAACL,SAAS,2CAAG;EACpBX,QAAQ,EAAEc,kBAAS,CAACW,OAAO,CAAC1B,GAAG,CAACY,SAAS,CAACX,QAAQ,CAAC;EACnDkB,QAAQ,EAAEJ,kBAAS,CAACW,OAAO,CACzBX,kBAAS,CAACY,KAAK,CAAC;IACdxB,KAAK,EAAEH,GAAG,CAACY,SAAS,CAACT,KAAK;IAC1BE,QAAQ,EAAEL,GAAG,CAACY,SAAS,CAACP,QAAQ;IAChCD,MAAM,EAAEJ,GAAG,CAACY,SAAS,CAACR;EACxB,CAAC,CAAC,CACH;EACDE,OAAO,EAAEN,GAAG,CAACY,SAAS,CAACN,OAAO;EAC9BC,KAAK,EAAEP,GAAG,CAACY,SAAS,CAACL;AACvB,CAAC;AAAC,eAEaU,SAAS;AAAA"}
+{"version":3,"file":"index.js","names":["themeStyle","setup","style","setupWrapper","default","wrapper","Tab","children","index","title","isOpen","iconType","onClick","theme","handleOnClick","useMemo","evt","wrapperHidden","propTypes","Part","content","PropTypes","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":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;;;;;AAEA,MAAMA,UAAU,GAAG;EACjBC,KAAK,EAAEC,cAAA,CAAMC,YADI;EAEjBC,OAAO,EAAEF,cAAA,CAAMG;AAFE,CAAnB;;AAKA,MAAMC,GAAG,GAAG,CAAC;EAACC,QAAD;EAAWC,KAAX;EAAkBC,KAAlB;EAAyBC,MAAzB;EAAiCC,QAAjC;EAA2CC,OAA3C;EAAoDC;AAApD,CAAD,KAAgE;EAC1E,MAAMC,aAAa,GAAG,IAAAC,cAAA,EAAQ,MAAMC,GAAG,IAAIJ,OAAO,CAACJ,KAAD,EAAQQ,GAAR,CAA5B,EAA0C,CAACR,KAAD,EAAQI,OAAR,CAA1C,CAAtB;EAEA,OAAOL,QAAQ,gBACb;IAAK,aAAU,WAAf;IAA2B,SAAS,EAAEP,UAAU,CAACa,KAAD;EAAhD,gBACE,6BAAC,aAAD;IACE,QAAQ,EAAEF,QADZ;IAEE,KAAK,EAAEF,KAFT;IAGE,OAAO,EAAEF,QAHX;IAIE,MAAM,EAAEG,MAJV;IAKE,KAAK,EAAEG,KALT;IAME,OAAO,EAAEC;EANX,EADF,CADa,gBAYb;IAAK,aAAU,WAAf;IAA2B,SAAS,EAAEZ,cAAA,CAAMe;EAA5C,EAZF;AAcD,CAjBD;;AAmBAX,GAAG,CAACY,SAAJ,2CAAgB;EACdX,QAAQ,EAAEY,aAAA,CAAKD,SAAL,CAAeE,OADX;EAEdZ,KAAK,EAAEa,kBAAA,CAAUC,MAFH;EAGdb,KAAK,EAAEU,aAAA,CAAKD,SAAL,CAAeT,KAHR;EAIdE,QAAQ,EAAEQ,aAAA,CAAKD,SAAL,CAAeP,QAJX;EAKdD,MAAM,EAAES,aAAA,CAAKD,SAAL,CAAeR,MALT;EAMdG,KAAK,EAAEM,aAAA,CAAKD,SAAL,CAAeL,KANR;EAOdD,OAAO,EAAEO,aAAA,CAAKD,SAAL,CAAeN;AAPV,CAAhB;;AAUA,MAAMW,SAAS,GAAGC,KAAK,IAAI;EACzB,MAAM;IAACC,QAAD;IAAWlB,QAAX;IAAqBM,KAAK,GAAG,SAA7B;IAAwCD,OAAO;EAA/C,IAA0DY,KAAhE;;EACA,MAAME,SAAS,GAAG,cAAIC,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EAA0B,CAACC,KAAD,EAAQrB,KAAR,KAAkB;IAC5D,MAAMsB,SAAS,GAAG,mBAAItB,KAAJ,EAAWiB,QAAX,CAAlB;IACA,oBACE,6BAAC,GAAD,eAASK,SAAT;MAAoB,GAAG,EAAEtB,KAAzB;MAAgC,KAAK,EAAEA,KAAvC;MAA8C,KAAK,EAAEK,KAArD;MAA4D,OAAO,EAAED;IAArE,IACGiB,KADH,CADF;EAKD,CAPiB,EAOftB,QAPe,CAAlB;;EASA,oBAAO,0CAAMmB,SAAN,CAAP;AACD,CAZD;;AAcAH,SAAS,CAACQ,YAAV,GAAyB;EACvBxB,QAAQ,EAAE;AADa,CAAzB;AAIAgB,SAAS,CAACL,SAAV,2CAAsB;EACpBX,QAAQ,EAAEc,kBAAA,CAAUW,OAAV,CAAkB1B,GAAG,CAACY,SAAJ,CAAcX,QAAhC,CADU;EAEpBkB,QAAQ,EAAEJ,kBAAA,CAAUW,OAAV,CACRX,kBAAA,CAAUY,KAAV,CAAgB;IACdxB,KAAK,EAAEH,GAAG,CAACY,SAAJ,CAAcT,KADP;IAEdE,QAAQ,EAAEL,GAAG,CAACY,SAAJ,CAAcP,QAFV;IAGdD,MAAM,EAAEJ,GAAG,CAACY,SAAJ,CAAcR;EAHR,CAAhB,CADQ,CAFU;EASpBE,OAAO,EAAEN,GAAG,CAACY,SAAJ,CAAcN,OATH;EAUpBC,KAAK,EAAEP,GAAG,CAACY,SAAJ,CAAcL;AAVD,CAAtB;eAaeU,S"}

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

@@ -2,21 +2,34 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _findIndex2 = _interopRequireDefault(require("lodash/fp/findIndex"));
+
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _part = _interopRequireDefault(require("./part"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 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, 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 }; }
+
 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); }
+
 const themeStyle = {
   setup: _style.default.setupWrapper,
   default: _style.default.wrapper
 };
+
 const Tab = ({
   children,
   index,
@@ -50,6 +63,7 @@ const Tab = ({
     className: _style.default.wrapperHidden
   });
 };
+
 Tab.propTypes = process.env.NODE_ENV !== "production" ? {
   children: _part.default.propTypes.content,
   index: _propTypes.default.number,
@@ -63,6 +77,7 @@ Tab.propTypes = process.env.NODE_ENV !== "production" ? {
   isOpen: _part.default.propTypes.isOpen,
   onUpdateOpenedTab: _part.default.propTypes.onUpdateOpenedTab
 } : {};
+
 const Accordion = props => {
   const {
     tabProps,
@@ -75,19 +90,23 @@ const Accordion = props => {
   (0, _react.useEffect)(() => {
     updateOpenedTab(selectedIndex);
   }, [selectedIndex]);
+
   const tabs = _map2.default.convert({
     cap: false
   })((tab, index) => _extends({}, tab, {
     child: children[index],
     children: undefined
   }))(tabProps);
+
   const accordion = _map2.default.convert({
     cap: false
   })((tab, index) => {
     const isOpen = openedTab === index;
+
     function onUpdateOpenedTab() {
       updateOpenedTab(isOpen ? -1 : index);
     }
+
     return /*#__PURE__*/_react.default.createElement(Tab, _extends({}, tab, {
       key: index,
       index: index,
@@ -97,8 +116,10 @@ const Accordion = props => {
       isOpen: isOpen
     }), tab.child);
   }, tabs);
+
   return /*#__PURE__*/_react.default.createElement("div", null, accordion);
 };
+
 Accordion.defaultProps = {
   children: []
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["themeStyle","setup","style","setupWrapper","default","wrapper","Tab","children","index","title","selected","iconType","onClick","href","type","theme","isOpen","onUpdateOpenedTab","handleOnClick","useMemo","evt","wrapperHidden","propTypes","Part","content","PropTypes","number","Accordion","props","tabProps","selectedIndex","item","openedTab","updateOpenedTab","useState","useEffect","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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"}
+{"version":3,"file":"index.js","names":["themeStyle","setup","style","setupWrapper","default","wrapper","Tab","children","index","title","selected","iconType","onClick","href","type","theme","isOpen","onUpdateOpenedTab","handleOnClick","useMemo","evt","wrapperHidden","propTypes","Part","content","PropTypes","number","Accordion","props","tabProps","selectedIndex","item","openedTab","updateOpenedTab","useState","useEffect","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/lib/organism/accordion/coorp-manager/part/index.js

@@ -2,18 +2,31 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
+
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _link = _interopRequireDefault(require("../../../../atom/link"));
+
 var _provider = _interopRequireDefault(require("../../../../atom/provider"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 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); }
+
 const ICON_TYPES = {
   arrow: _novaIcons.NovaSolidLightsLightbulb4,
   dashboard: _novaIcons.NovaCompositionCoorpacademyDashboard,
@@ -45,6 +58,7 @@ const setupThemeStyle = {
   openHeader: _style.default.coorpManagerOpenHeader,
   closedHeader: _style.default.coorpManagerClosedHeader
 };
+
 const MoreLessIcons = ({
   type,
   moreClassName,
@@ -62,6 +76,7 @@ const MoreLessIcons = ({
     className: _style.default.newTabIcon
   });
 };
+
 const Part = ({
   skin,
   selected,
@@ -119,6 +134,7 @@ const Part = ({
     color: mediumColor
   })) : null), isCollapsible ? children : null)));
 };
+
 const AccordionPart = (props, context) => {
   const {
     skin
@@ -136,10 +152,12 @@ const AccordionPart = (props, context) => {
     onUpdateOpenedTab
   } = props;
   const themeStyle = theme === 'setup' ? setupThemeStyle : defaultStyle;
+
   function handleParentClick() {
     onUpdateOpenedTab();
     onClick();
   }
+
   const isCollapsibleTab = type === 'collapsibleTab';
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "accordionPart",
@@ -179,6 +197,7 @@ const AccordionPart = (props, context) => {
     className: themeStyle.container
   }, content) : null);
 };
+
 AccordionPart.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ICON_TYPES","arrow","LightBulbIcon","dashboard","DashboardIcon","analytics","AnalyticsIcon","administration","AdministrationIcon","animation","AnimationIcon","contentCreation","ContentCreationIcon","editorialization","EditorializationIcon","defaultStyle","titleIcon","style","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","classnames","border","borderBgBlue","borderBgNone","flex","setupPart","header","AccordionPart","props","context","content","href","onUpdateOpenedTab","themeStyle","handleParentClick","isCollapsibleTab","textDecoration","contextTypes","Provider","childContextTypes","propTypes","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":["ICON_TYPES","arrow","LightBulbIcon","dashboard","DashboardIcon","analytics","AnalyticsIcon","administration","AdministrationIcon","animation","AnimationIcon","contentCreation","ContentCreationIcon","editorialization","EditorializationIcon","defaultStyle","titleIcon","style","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","classnames","border","borderBgBlue","borderBgNone","flex","setupPart","header","AccordionPart","props","context","content","href","onUpdateOpenedTab","themeStyle","handleParentClick","isCollapsibleTab","textDecoration","contextTypes","Provider","childContextTypes","propTypes","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/lib/organism/accordion/part/index.js

@@ -2,15 +2,25 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
+
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _provider = _interopRequireDefault(require("../../../atom/provider"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const ICON_TYPES = {
   resources: _novaIcons.NovaLineVideosVideoClip3,
   klf: _novaIcons.NovaLineLoginKey1,
@@ -20,6 +30,7 @@ const themeStyle = {
   setup: _style.default.setupPart,
   default: null
 };
+
 const AccordionPart = (props, context) => {
   const {
     skin
@@ -62,6 +73,7 @@ const AccordionPart = (props, context) => {
     className: _style.default.container
   }, content) : null);
 };
+
 AccordionPart.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };