@coorpacademy/components 11.9.3-alpha.29 → 11.10.1

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
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ICON_TYPES","resources","VideoIcon","klf","KeyIcon","tips","LightBulbIcon","themeStyle","setup","style","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","Provider","childContextTypes","propTypes","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;AAEA;AACA;AAOA;AACA;AAAgC;AAEhC,MAAMA,UAAU,GAAG;EACjBC,SAAS,EAAEC,mCAAS;EACpBC,GAAG,EAAEC,4BAAO;EACZC,IAAI,EAAEC;AACR,CAAC;AAED,MAAMC,UAAU,GAAG;EACjBC,KAAK,EAAEC,cAAK,CAACC,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,iBAAO;IAAEC,MAAM,GAAG;EAAK,CAAC,GAAGR,KAAK;EAC/E,MAAMS,SAAS,GAAGtB,UAAU,CAACkB,QAAQ,CAAC;EACtC,MAAMK,SAAS,GAAG,mBAAI,aAAa,EAAER,IAAI,CAAC;EAC1C,MAAMS,WAAW,GAAG,mBAAI,eAAe,EAAET,IAAI,CAAC;EAC9C,MAAMU,iBAAiB,GAAGJ,MAAM,GAAGZ,cAAK,CAACiB,iBAAiB,GAAGjB,cAAK,CAACkB,QAAQ;EAC3E,MAAMC,kBAAkB,GAAG,CAACP,MAAM,GAAGZ,cAAK,CAACoB,kBAAkB,GAAGpB,cAAK,CAACqB,SAAS;EAE/E,oBACE;IAAK,aAAU,eAAe;IAAC,SAAS,EAAEvB,UAAU,CAACY,KAAK;EAAE,gBAC1D;IACE,SAAS,EAAEE,MAAM,GAAGZ,cAAK,CAACsB,UAAU,GAAGtB,cAAK,CAACuB,YAAa;IAC1D,aAAWd,QAAS;IACpB,OAAO,EAAEE;EAAQ,gBAEjB;IAAK,aAAU,OAAO;IAAC,SAAS,EAAEX,cAAK,CAACO;EAAM,GAC3CM,SAAS,gBAAG,6BAAC,SAAS;IAAC,SAAS,EAAEb,cAAK,CAACwB,SAAU;IAAC,KAAK,EAAC;EAAS,EAAG,GAAG,IAAI,eAC7E;IAAI,SAAS,EAAExB,cAAK,CAACyB;EAAW,GAAElB,KAAK,CAAM,CACzC,eACN,6BAAC,wCAAQ;IAAC,SAAS,EAAEY,kBAAmB;IAAC,KAAK,EAAEL;EAAU,EAAG,eAC7D,6BAAC,wCAAQ;IAAC,SAAS,EAAEE,iBAAkB;IAAC,KAAK,EAAED;EAAY,EAAG,CAC1D,EACLH,MAAM,gBAAG;IAAK,SAAS,EAAEZ,cAAK,CAAC0B;EAAU,GAAElB,OAAO,CAAO,GAAG,IAAI,CAC7D;AAEV,CAAC;AAEDL,aAAa,CAACwB,YAAY,GAAG;EAC3BrB,IAAI,EAAEsB,iBAAQ,CAACC,iBAAiB,CAACvB;AACnC,CAAC;AAEDH,aAAa,CAAC2B,SAAS,2CAAG;EACxBrB,QAAQ,EAAEsB,kBAAS,CAACC,KAAK,CAAC,oBAAKzC,UAAU,CAAC,CAAC;EAC3CgB,KAAK,EAAEwB,kBAAS,CAACE,MAAM;EACvBzB,OAAO,EAAEuB,kBAAS,CAACG,IAAI;EACvBvB,OAAO,EAAEoB,kBAAS,CAACI,IAAI;EACvBvB,MAAM,EAAEmB,kBAAS,CAACK,IAAI;EACtB1B,KAAK,EAAEqB,kBAAS,CAACE;AACnB,CAAC;AAAC,eAEa9B,aAAa;AAAA"}
+{"version":3,"file":"index.js","names":["ICON_TYPES","resources","VideoIcon","klf","KeyIcon","tips","LightBulbIcon","themeStyle","setup","style","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","Provider","childContextTypes","propTypes","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;;AAEA;;AACA;;AAOA;;AACA;;;;AAEA,MAAMA,UAAU,GAAG;EACjBC,SAAS,EAAEC,mCADM;EAEjBC,GAAG,EAAEC,4BAFY;EAGjBC,IAAI,EAAEC;AAHW,CAAnB;AAMA,MAAMC,UAAU,GAAG;EACjBC,KAAK,EAAEC,cAAA,CAAMC,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,iBAAzC;IAAkDC,MAAM,GAAG;EAA3D,IAAoER,KAA1E;EACA,MAAMS,SAAS,GAAGtB,UAAU,CAACkB,QAAD,CAA5B;EACA,MAAMK,SAAS,GAAG,mBAAI,aAAJ,EAAmBR,IAAnB,CAAlB;EACA,MAAMS,WAAW,GAAG,mBAAI,eAAJ,EAAqBT,IAArB,CAApB;EACA,MAAMU,iBAAiB,GAAGJ,MAAM,GAAGZ,cAAA,CAAMiB,iBAAT,GAA6BjB,cAAA,CAAMkB,QAAnE;EACA,MAAMC,kBAAkB,GAAG,CAACP,MAAD,GAAUZ,cAAA,CAAMoB,kBAAhB,GAAqCpB,cAAA,CAAMqB,SAAtE;EAEA,oBACE;IAAK,aAAU,eAAf;IAA+B,SAAS,EAAEvB,UAAU,CAACY,KAAD;EAApD,gBACE;IACE,SAAS,EAAEE,MAAM,GAAGZ,cAAA,CAAMsB,UAAT,GAAsBtB,cAAA,CAAMuB,YAD/C;IAEE,aAAWd,QAFb;IAGE,OAAO,EAAEE;EAHX,gBAKE;IAAK,aAAU,OAAf;IAAuB,SAAS,EAAEX,cAAA,CAAMO;EAAxC,GACGM,SAAS,gBAAG,6BAAC,SAAD;IAAW,SAAS,EAAEb,cAAA,CAAMwB,SAA5B;IAAuC,KAAK,EAAC;EAA7C,EAAH,GAA+D,IAD3E,eAEE;IAAI,SAAS,EAAExB,cAAA,CAAMyB;EAArB,GAAkClB,KAAlC,CAFF,CALF,eASE,6BAAC,wCAAD;IAAU,SAAS,EAAEY,kBAArB;IAAyC,KAAK,EAAEL;EAAhD,EATF,eAUE,6BAAC,wCAAD;IAAU,SAAS,EAAEE,iBAArB;IAAwC,KAAK,EAAED;EAA/C,EAVF,CADF,EAaGH,MAAM,gBAAG;IAAK,SAAS,EAAEZ,cAAA,CAAM0B;EAAtB,GAAkClB,OAAlC,CAAH,GAAsD,IAb/D,CADF;AAiBD,CA1BD;;AA4BAL,aAAa,CAACwB,YAAd,GAA6B;EAC3BrB,IAAI,EAAEsB,iBAAA,CAASC,iBAAT,CAA2BvB;AADN,CAA7B;AAIAH,aAAa,CAAC2B,SAAd,2CAA0B;EACxBrB,QAAQ,EAAEsB,kBAAA,CAAUC,KAAV,CAAgB,oBAAKzC,UAAL,CAAhB,CADc;EAExBgB,KAAK,EAAEwB,kBAAA,CAAUE,MAFO;EAGxBzB,OAAO,EAAEuB,kBAAA,CAAUG,IAHK;EAIxBvB,OAAO,EAAEoB,kBAAA,CAAUI,IAJK;EAKxBvB,MAAM,EAAEmB,kBAAA,CAAUK,IALM;EAMxB1B,KAAK,EAAEqB,kBAAA,CAAUE;AANO,CAA1B;eASe9B,a"}

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

@@ -2,19 +2,33 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _zipWith2 = _interopRequireDefault(require("lodash/fp/zipWith"));
+
 var _constant2 = _interopRequireDefault(require("lodash/fp/constant"));
+
 var _identity2 = _interopRequireDefault(require("lodash/fp/identity"));
+
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _set2 = _interopRequireDefault(require("lodash/fp/set"));
+
 var _pipe2 = _interopRequireDefault(require("lodash/fp/pipe"));
+
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _container = _interopRequireDefault(require("../container"));
+
 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); }
+
 class AccordionToggler extends _react.default.Component {
   static getDerivedStateFromProps(props, state) {
     if (state.isOpenValues && state.isOpenValues.length === props.tabProps.length) return null;
@@ -23,6 +37,7 @@ class AccordionToggler extends _react.default.Component {
       isOpenValues
     };
   }
+
   constructor(props) {
     super(props);
     this.state = {
@@ -30,6 +45,7 @@ class AccordionToggler extends _react.default.Component {
     };
     this.handleOnClick = this.handleOnClick.bind(this);
   }
+
   handleOnClick(key) {
     const {
       oneTabOnly
@@ -40,6 +56,7 @@ class AccordionToggler extends _react.default.Component {
       };
     });
   }
+
   mergePropsAndState() {
     const {
       tabProps
@@ -51,6 +68,7 @@ class AccordionToggler extends _react.default.Component {
       isOpen
     }), tabProps, isOpenValues);
   }
+
   render() {
     const {
       children = [],
@@ -62,7 +80,9 @@ class AccordionToggler extends _react.default.Component {
       theme: theme
     }, children);
   }
+
 }
+
 AccordionToggler.propTypes = process.env.NODE_ENV !== "production" ? {
   tabProps: _propTypes.default.arrayOf(_propTypes.default.shape(_container.default.propTypes)),
   oneTabOnly: _propTypes.default.bool,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["AccordionToggler","React","Component","getDerivedStateFromProps","props","state","isOpenValues","length","tabProps","constructor","handleOnClick","bind","key","oneTabOnly","setState","prevState","mergePropsAndState","isOpen","render","children","theme","propTypes","PropTypes","arrayOf","shape","Accordion","bool","string","node"],"sources":["../../../../src/organism/accordion/toggler/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map, pipe, set, get, getOr, identity, constant, zipWith} from 'lodash/fp';\n\nimport Accordion from '../container';\n\nclass AccordionToggler extends React.Component {\n  static propTypes = {\n    tabProps: PropTypes.arrayOf(PropTypes.shape(Accordion.propTypes)),\n    oneTabOnly: PropTypes.bool,\n    theme: PropTypes.string,\n    children: PropTypes.node\n  };\n\n  static getDerivedStateFromProps(props, state) {\n    if (state.isOpenValues && state.isOpenValues.length === props.tabProps.length) return null;\n\n    const isOpenValues = map(getOr(false, 'isOpen'), props.tabProps);\n    return {isOpenValues};\n  }\n\n  constructor(props) {\n    super(props);\n\n    this.state = {isOpenValues: null};\n\n    this.handleOnClick = this.handleOnClick.bind(this);\n  }\n\n  handleOnClick(key) {\n    const {oneTabOnly} = this.props;\n    this.setState(prevState => {\n      return {\n        isOpenValues: pipe(\n          oneTabOnly ? map(constant(false)) : identity,\n          set(key, !get(key, prevState.isOpenValues))\n        )(prevState.isOpenValues)\n      };\n    });\n  }\n\n  mergePropsAndState() {\n    const {tabProps} = this.props;\n    const {isOpenValues} = this.state;\n\n    return zipWith(\n      (props, isOpen) => ({\n        ...props,\n        isOpen\n      }),\n      tabProps,\n      isOpenValues\n    );\n  }\n\n  render() {\n    const {children = [], theme} = this.props;\n    return (\n      <Accordion tabProps={this.mergePropsAndState()} onClick={this.handleOnClick} theme={theme}>\n        {children}\n      </Accordion>\n    );\n  }\n}\n\nexport default AccordionToggler;\n"],"mappings":";;;;;;;;;;;;AAAA;AACA;AAGA;AAAqC;AAAA;AAErC,MAAMA,gBAAgB,SAASC,cAAK,CAACC,SAAS,CAAC;EAQ7C,OAAOC,wBAAwB,CAACC,KAAK,EAAEC,KAAK,EAAE;IAC5C,IAAIA,KAAK,CAACC,YAAY,IAAID,KAAK,CAACC,YAAY,CAACC,MAAM,KAAKH,KAAK,CAACI,QAAQ,CAACD,MAAM,EAAE,OAAO,IAAI;IAE1F,MAAMD,YAAY,GAAG,mBAAI,qBAAM,KAAK,EAAE,QAAQ,CAAC,EAAEF,KAAK,CAACI,QAAQ,CAAC;IAChE,OAAO;MAACF;IAAY,CAAC;EACvB;EAEAG,WAAW,CAACL,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IAEZ,IAAI,CAACC,KAAK,GAAG;MAACC,YAAY,EAAE;IAAI,CAAC;IAEjC,IAAI,CAACI,aAAa,GAAG,IAAI,CAACA,aAAa,CAACC,IAAI,CAAC,IAAI,CAAC;EACpD;EAEAD,aAAa,CAACE,GAAG,EAAE;IACjB,MAAM;MAACC;IAAU,CAAC,GAAG,IAAI,CAACT,KAAK;IAC/B,IAAI,CAACU,QAAQ,CAACC,SAAS,IAAI;MACzB,OAAO;QACLT,YAAY,EAAE,oBACZO,UAAU,GAAG,mBAAI,wBAAS,KAAK,CAAC,CAAC,qBAAW,EAC5C,mBAAID,GAAG,EAAE,CAAC,mBAAIA,GAAG,EAAEG,SAAS,CAACT,YAAY,CAAC,CAAC,CAC5C,CAACS,SAAS,CAACT,YAAY;MAC1B,CAAC;IACH,CAAC,CAAC;EACJ;EAEAU,kBAAkB,GAAG;IACnB,MAAM;MAACR;IAAQ,CAAC,GAAG,IAAI,CAACJ,KAAK;IAC7B,MAAM;MAACE;IAAY,CAAC,GAAG,IAAI,CAACD,KAAK;IAEjC,OAAO,uBACL,CAACD,KAAK,EAAEa,MAAM,kBACTb,KAAK;MACRa;IAAM,EACN,EACFT,QAAQ,EACRF,YAAY,CACb;EACH;EAEAY,MAAM,GAAG;IACP,MAAM;MAACC,QAAQ,GAAG,EAAE;MAAEC;IAAK,CAAC,GAAG,IAAI,CAAChB,KAAK;IACzC,oBACE,6BAAC,kBAAS;MAAC,QAAQ,EAAE,IAAI,CAACY,kBAAkB,EAAG;MAAC,OAAO,EAAE,IAAI,CAACN,aAAc;MAAC,KAAK,EAAEU;IAAM,GACvFD,QAAQ,CACC;EAEhB;AACF;AAzDMnB,gBAAgB,CACbqB,SAAS,2CAAG;EACjBb,QAAQ,EAAEc,kBAAS,CAACC,OAAO,CAACD,kBAAS,CAACE,KAAK,CAACC,kBAAS,CAACJ,SAAS,CAAC,CAAC;EACjER,UAAU,EAAES,kBAAS,CAACI,IAAI;EAC1BN,KAAK,EAAEE,kBAAS,CAACK,MAAM;EACvBR,QAAQ,EAAEG,kBAAS,CAACM;AACtB,CAAC;AAAA,eAqDY5B,gBAAgB;AAAA"}
+{"version":3,"file":"index.js","names":["AccordionToggler","React","Component","getDerivedStateFromProps","props","state","isOpenValues","length","tabProps","constructor","handleOnClick","bind","key","oneTabOnly","setState","prevState","mergePropsAndState","isOpen","render","children","theme","propTypes","PropTypes","arrayOf","shape","Accordion","bool","string","node"],"sources":["../../../../src/organism/accordion/toggler/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map, pipe, set, get, getOr, identity, constant, zipWith} from 'lodash/fp';\n\nimport Accordion from '../container';\n\nclass AccordionToggler extends React.Component {\n  static propTypes = {\n    tabProps: PropTypes.arrayOf(PropTypes.shape(Accordion.propTypes)),\n    oneTabOnly: PropTypes.bool,\n    theme: PropTypes.string,\n    children: PropTypes.node\n  };\n\n  static getDerivedStateFromProps(props, state) {\n    if (state.isOpenValues && state.isOpenValues.length === props.tabProps.length) return null;\n\n    const isOpenValues = map(getOr(false, 'isOpen'), props.tabProps);\n    return {isOpenValues};\n  }\n\n  constructor(props) {\n    super(props);\n\n    this.state = {isOpenValues: null};\n\n    this.handleOnClick = this.handleOnClick.bind(this);\n  }\n\n  handleOnClick(key) {\n    const {oneTabOnly} = this.props;\n    this.setState(prevState => {\n      return {\n        isOpenValues: pipe(\n          oneTabOnly ? map(constant(false)) : identity,\n          set(key, !get(key, prevState.isOpenValues))\n        )(prevState.isOpenValues)\n      };\n    });\n  }\n\n  mergePropsAndState() {\n    const {tabProps} = this.props;\n    const {isOpenValues} = this.state;\n\n    return zipWith(\n      (props, isOpen) => ({\n        ...props,\n        isOpen\n      }),\n      tabProps,\n      isOpenValues\n    );\n  }\n\n  render() {\n    const {children = [], theme} = this.props;\n    return (\n      <Accordion tabProps={this.mergePropsAndState()} onClick={this.handleOnClick} theme={theme}>\n        {children}\n      </Accordion>\n    );\n  }\n}\n\nexport default AccordionToggler;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAGA;;;;;;AAEA,MAAMA,gBAAN,SAA+BC,cAAA,CAAMC,SAArC,CAA+C;EAQd,OAAxBC,wBAAwB,CAACC,KAAD,EAAQC,KAAR,EAAe;IAC5C,IAAIA,KAAK,CAACC,YAAN,IAAsBD,KAAK,CAACC,YAAN,CAAmBC,MAAnB,KAA8BH,KAAK,CAACI,QAAN,CAAeD,MAAvE,EAA+E,OAAO,IAAP;IAE/E,MAAMD,YAAY,GAAG,mBAAI,qBAAM,KAAN,EAAa,QAAb,CAAJ,EAA4BF,KAAK,CAACI,QAAlC,CAArB;IACA,OAAO;MAACF;IAAD,CAAP;EACD;;EAEDG,WAAW,CAACL,KAAD,EAAQ;IACjB,MAAMA,KAAN;IAEA,KAAKC,KAAL,GAAa;MAACC,YAAY,EAAE;IAAf,CAAb;IAEA,KAAKI,aAAL,GAAqB,KAAKA,aAAL,CAAmBC,IAAnB,CAAwB,IAAxB,CAArB;EACD;;EAEDD,aAAa,CAACE,GAAD,EAAM;IACjB,MAAM;MAACC;IAAD,IAAe,KAAKT,KAA1B;IACA,KAAKU,QAAL,CAAcC,SAAS,IAAI;MACzB,OAAO;QACLT,YAAY,EAAE,oBACZO,UAAU,GAAG,mBAAI,wBAAS,KAAT,CAAJ,CAAH,qBADE,EAEZ,mBAAID,GAAJ,EAAS,CAAC,mBAAIA,GAAJ,EAASG,SAAS,CAACT,YAAnB,CAAV,CAFY,EAGZS,SAAS,CAACT,YAHE;MADT,CAAP;IAMD,CAPD;EAQD;;EAEDU,kBAAkB,GAAG;IACnB,MAAM;MAACR;IAAD,IAAa,KAAKJ,KAAxB;IACA,MAAM;MAACE;IAAD,IAAiB,KAAKD,KAA5B;IAEA,OAAO,uBACL,CAACD,KAAD,EAAQa,MAAR,kBACKb,KADL;MAEEa;IAFF,EADK,EAKLT,QALK,EAMLF,YANK,CAAP;EAQD;;EAEDY,MAAM,GAAG;IACP,MAAM;MAACC,QAAQ,GAAG,EAAZ;MAAgBC;IAAhB,IAAyB,KAAKhB,KAApC;IACA,oBACE,6BAAC,kBAAD;MAAW,QAAQ,EAAE,KAAKY,kBAAL,EAArB;MAAgD,OAAO,EAAE,KAAKN,aAA9D;MAA6E,KAAK,EAAEU;IAApF,GACGD,QADH,CADF;EAKD;;AAxD4C;;AAAzCnB,gB,CACGqB,S,2CAAY;EACjBb,QAAQ,EAAEc,kBAAA,CAAUC,OAAV,CAAkBD,kBAAA,CAAUE,KAAV,CAAgBC,kBAAA,CAAUJ,SAA1B,CAAlB,CADO;EAEjBR,UAAU,EAAES,kBAAA,CAAUI,IAFL;EAGjBN,KAAK,EAAEE,kBAAA,CAAUK,MAHA;EAIjBR,QAAQ,EAAEG,kBAAA,CAAUM;AAJH,C;eA0DN5B,gB"}

package/lib/organism/brand-analytics/analytics-popin.js

@@ -2,14 +2,23 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _bubbling = _interopRequireDefault(require("../../util/bubbling"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _button = _interopRequireDefault(require("../../atom/button"));
+
 var _analyticsPopin = _interopRequireDefault(require("./analytics-popin.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const AnalyticsPopin = (props, context) => {
   const {
     skin
@@ -21,16 +30,20 @@ const AnalyticsPopin = (props, context) => {
     closeOnClick,
     content
   } = props;
+
   function createMarkup() {
     return {
       __html: content
     };
   }
+
   const primary = (0, _getOr2.default)('#00B0FF', ['common', 'primary'], skin);
+
   function onCloseClick(e) {
     (0, _bubbling.default)(e);
     closeOnClick(e);
   }
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _analyticsPopin.default.default,
     onClick: onCloseClick
@@ -54,6 +67,7 @@ const AnalyticsPopin = (props, context) => {
     }
   })));
 };
+
 AnalyticsPopin.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };