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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","useEffect","useState","PropTypes","Part","style","themeStyle","setup","setupWrapper","default","wrapper","Tab","children","index","title","selected","iconType","onClick","href","type","theme","isOpen","onUpdateOpenedTab","handleOnClick","evt","wrapperHidden","propTypes","content","number","Accordion","props","tabProps","selectedIndex","item","openedTab","updateOpenedTab","tabs","convert","cap","tab","child","undefined","accordion","defaultProps","arrayOf","shape","oneOf"],"sources":["../../../../src/organism/accordion/coorp-manager/index.js"],"sourcesContent":["import React, {useMemo, useEffect, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {map, noop, findIndex} from 'lodash/fp';\nimport Part from './part';\nimport style from './style.css';\n\nconst themeStyle = {\n  setup: style.setupWrapper,\n  default: style.wrapper\n};\n\nconst Tab = ({\n  children,\n  index,\n  title,\n  selected,\n  iconType,\n  onClick,\n  href,\n  type,\n  theme,\n  isOpen,\n  onUpdateOpenedTab\n}) => {\n  const handleOnClick = useMemo(() => evt => onClick(index, evt), [index, onClick]);\n  return children ? (\n    <div data-name=\"accordion\" className={themeStyle[theme]}>\n      <Part\n        iconType={iconType}\n        title={title}\n        content={children}\n        selected={selected}\n        theme={theme}\n        href={href}\n        type={type}\n        onClick={handleOnClick}\n        onUpdateOpenedTab={onUpdateOpenedTab}\n        isOpen={isOpen}\n      />\n    </div>\n  ) : (\n    <div data-name=\"accordion\" className={style.wrapperHidden} />\n  );\n};\n\nTab.propTypes = {\n  children: Part.propTypes.content,\n  index: PropTypes.number,\n  title: Part.propTypes.title,\n  iconType: Part.propTypes.iconType,\n  theme: Part.propTypes.theme,\n  onClick: Part.propTypes.onClick,\n  selected: Part.propTypes.selected,\n  type: Part.propTypes.type,\n  href: Part.propTypes.href,\n  isOpen: Part.propTypes.isOpen,\n  onUpdateOpenedTab: Part.propTypes.onUpdateOpenedTab\n};\n\nconst Accordion = props => {\n  const {tabProps, children, theme = 'default', onClick = noop} = props;\n  const selectedIndex = findIndex(item => item.selected, tabProps);\n\n  const [openedTab, updateOpenedTab] = useState(selectedIndex);\n  useEffect(() => {\n    updateOpenedTab(selectedIndex);\n  }, [selectedIndex]);\n\n  const tabs = map.convert({cap: false})((tab, index) => ({\n    ...tab,\n    child: children[index],\n    children: undefined\n  }))(tabProps);\n\n  const accordion = map.convert({cap: false})((tab, index) => {\n    const isOpen = openedTab === index;\n    function onUpdateOpenedTab() {\n      updateOpenedTab(isOpen ? -1 : index);\n    }\n    return (\n      <Tab\n        {...tab}\n        key={index}\n        index={index}\n        theme={theme}\n        onClick={onClick}\n        onUpdateOpenedTab={onUpdateOpenedTab}\n        isOpen={isOpen}\n      >\n        {tab.child}\n      </Tab>\n    );\n  }, tabs);\n\n  return <div>{accordion}</div>;\n};\n\nAccordion.defaultProps = {\n  children: []\n};\n\nAccordion.propTypes = {\n  children: PropTypes.arrayOf(Tab.propTypes.children),\n  tabProps: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: Tab.propTypes.title,\n      iconType: Tab.propTypes.iconType,\n      selected: Tab.propTypes.selected,\n      type: Tab.propTypes.type,\n      href: Tab.propTypes.href,\n      index: Tab.propTypes.index,\n      children: Tab.propTypes.children\n    })\n  ),\n  onClick: Tab.propTypes.onClick,\n  theme: PropTypes.oneOf(['setup', 'default'])\n};\n\nexport default Accordion;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useMemo","useEffect","useState","PropTypes","Part","style","themeStyle","setup","setupWrapper","default","wrapper","Tab","children","index","title","selected","iconType","onClick","href","type","theme","isOpen","onUpdateOpenedTab","handleOnClick","evt","wrapperHidden","propTypes","content","number","Accordion","props","tabProps","selectedIndex","item","openedTab","updateOpenedTab","tabs","convert","cap","tab","child","undefined","accordion","defaultProps","arrayOf","shape","oneOf"],"sources":["../../../../src/organism/accordion/coorp-manager/index.js"],"sourcesContent":["import React, {useMemo, useEffect, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {map, noop, findIndex} from 'lodash/fp';\nimport Part from './part';\nimport style from './style.css';\n\nconst themeStyle = {\n  setup: style.setupWrapper,\n  default: style.wrapper\n};\n\nconst Tab = ({\n  children,\n  index,\n  title,\n  selected,\n  iconType,\n  onClick,\n  href,\n  type,\n  theme,\n  isOpen,\n  onUpdateOpenedTab\n}) => {\n  const handleOnClick = useMemo(() => evt => onClick(index, evt), [index, onClick]);\n  return children ? (\n    <div data-name=\"accordion\" className={themeStyle[theme]}>\n      <Part\n        iconType={iconType}\n        title={title}\n        content={children}\n        selected={selected}\n        theme={theme}\n        href={href}\n        type={type}\n        onClick={handleOnClick}\n        onUpdateOpenedTab={onUpdateOpenedTab}\n        isOpen={isOpen}\n      />\n    </div>\n  ) : (\n    <div data-name=\"accordion\" className={style.wrapperHidden} />\n  );\n};\n\nTab.propTypes = {\n  children: Part.propTypes.content,\n  index: PropTypes.number,\n  title: Part.propTypes.title,\n  iconType: Part.propTypes.iconType,\n  theme: Part.propTypes.theme,\n  onClick: Part.propTypes.onClick,\n  selected: Part.propTypes.selected,\n  type: Part.propTypes.type,\n  href: Part.propTypes.href,\n  isOpen: Part.propTypes.isOpen,\n  onUpdateOpenedTab: Part.propTypes.onUpdateOpenedTab\n};\n\nconst Accordion = props => {\n  const {tabProps, children, theme = 'default', onClick = noop} = props;\n  const selectedIndex = findIndex(item => item.selected, tabProps);\n\n  const [openedTab, updateOpenedTab] = useState(selectedIndex);\n  useEffect(() => {\n    updateOpenedTab(selectedIndex);\n  }, [selectedIndex]);\n\n  const tabs = map.convert({cap: false})((tab, index) => ({\n    ...tab,\n    child: children[index],\n    children: undefined\n  }))(tabProps);\n\n  const accordion = map.convert({cap: false})((tab, index) => {\n    const isOpen = openedTab === index;\n    function onUpdateOpenedTab() {\n      updateOpenedTab(isOpen ? -1 : index);\n    }\n    return (\n      <Tab\n        {...tab}\n        key={index}\n        index={index}\n        theme={theme}\n        onClick={onClick}\n        onUpdateOpenedTab={onUpdateOpenedTab}\n        isOpen={isOpen}\n      >\n        {tab.child}\n      </Tab>\n    );\n  }, tabs);\n\n  return <div>{accordion}</div>;\n};\n\nAccordion.defaultProps = {\n  children: []\n};\n\nAccordion.propTypes = {\n  children: PropTypes.arrayOf(Tab.propTypes.children),\n  tabProps: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: Tab.propTypes.title,\n      iconType: Tab.propTypes.iconType,\n      selected: Tab.propTypes.selected,\n      type: Tab.propTypes.type,\n      href: Tab.propTypes.href,\n      index: Tab.propTypes.index,\n      children: Tab.propTypes.children\n    })\n  ),\n  onClick: Tab.propTypes.onClick,\n  theme: PropTypes.oneOf(['setup', 'default'])\n};\n\nexport default Accordion;\n"],"mappings":"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"}

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

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

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

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

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

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

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

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

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

@@ -6,18 +6,24 @@ import _get from "lodash/fp/get";
 import _set from "lodash/fp/set";
 import _pipe from "lodash/fp/pipe";
 import _map from "lodash/fp/map";
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import Accordion from '../container';
+
 class AccordionToggler extends React.Component {
   static getDerivedStateFromProps(props, state) {
     if (state.isOpenValues && state.isOpenValues.length === props.tabProps.length) return null;
+
     const isOpenValues = _map(_getOr(false, 'isOpen'), props.tabProps);
+
     return {
       isOpenValues
     };
   }
+
   constructor(props) {
     super(props);
     this.state = {
@@ -25,6 +31,7 @@ class AccordionToggler extends React.Component {
     };
     this.handleOnClick = this.handleOnClick.bind(this);
   }
+
   handleOnClick(key) {
     const {
       oneTabOnly
@@ -35,6 +42,7 @@ class AccordionToggler extends React.Component {
       };
     });
   }
+
   mergePropsAndState() {
     const {
       tabProps
@@ -46,6 +54,7 @@ class AccordionToggler extends React.Component {
       isOpen
     }), tabProps, isOpenValues);
   }
+
   render() {
     const {
       children = [],
@@ -57,7 +66,9 @@ class AccordionToggler extends React.Component {
       theme: theme
     }, children);
   }
+
 }
+
 AccordionToggler.propTypes = process.env.NODE_ENV !== "production" ? {
   tabProps: PropTypes.arrayOf(PropTypes.shape(Accordion.propTypes)),
   oneTabOnly: PropTypes.bool,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Accordion","AccordionToggler","Component","getDerivedStateFromProps","props","state","isOpenValues","length","tabProps","constructor","handleOnClick","bind","key","oneTabOnly","setState","prevState","mergePropsAndState","isOpen","render","children","theme","propTypes","arrayOf","shape","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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAGlC,OAAOC,SAAS,MAAM,cAAc;AAEpC,MAAMC,gBAAgB,SAASH,KAAK,CAACI,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,KAAI,OAAM,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,MACZO,UAAU,GAAG,KAAI,UAAS,KAAK,CAAC,CAAC,YAAW,EAC5C,KAAID,GAAG,EAAE,CAAC,KAAIA,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,SACL,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,oBAAC,SAAS;MAAC,QAAQ,EAAE,IAAI,CAACY,kBAAkB,EAAG;MAAC,OAAO,EAAE,IAAI,CAACN,aAAc;MAAC,KAAK,EAAEU;IAAM,GACvFD,QAAQ,CACC;EAEhB;AACF;AAzDMlB,gBAAgB,CACboB,SAAS,2CAAG;EACjBb,QAAQ,EAAET,SAAS,CAACuB,OAAO,CAACvB,SAAS,CAACwB,KAAK,CAACvB,SAAS,CAACqB,SAAS,CAAC,CAAC;EACjER,UAAU,EAAEd,SAAS,CAACyB,IAAI;EAC1BJ,KAAK,EAAErB,SAAS,CAAC0B,MAAM;EACvBN,QAAQ,EAAEpB,SAAS,CAAC2B;AACtB,CAAC;AAqDH,eAAezB,gBAAgB"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Accordion","AccordionToggler","Component","getDerivedStateFromProps","props","state","isOpenValues","length","tabProps","constructor","handleOnClick","bind","key","oneTabOnly","setState","prevState","mergePropsAndState","isOpen","render","children","theme","propTypes","arrayOf","shape","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAGA,OAAOC,SAAP,MAAsB,cAAtB;;AAEA,MAAMC,gBAAN,SAA+BH,KAAK,CAACI,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,KAAI,OAAM,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,MACZO,UAAU,GAAG,KAAI,UAAS,KAAT,CAAJ,CAAH,YADE,EAEZ,KAAID,GAAJ,EAAS,CAAC,KAAIA,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,SACL,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,oBAAC,SAAD;MAAW,QAAQ,EAAE,KAAKY,kBAAL,EAArB;MAAgD,OAAO,EAAE,KAAKN,aAA9D;MAA6E,KAAK,EAAEU;IAApF,GACGD,QADH,CADF;EAKD;;AAxD4C;;AAAzClB,gB,CACGoB,S,2CAAY;EACjBb,QAAQ,EAAET,SAAS,CAACuB,OAAV,CAAkBvB,SAAS,CAACwB,KAAV,CAAgBvB,SAAS,CAACqB,SAA1B,CAAlB,CADO;EAEjBR,UAAU,EAAEd,SAAS,CAACyB,IAFL;EAGjBJ,KAAK,EAAErB,SAAS,CAAC0B,MAHA;EAIjBN,QAAQ,EAAEpB,SAAS,CAAC2B;AAJH,C;AA0DrB,eAAezB,gBAAf"}

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

@@ -5,6 +5,7 @@ import stopPropagation from '../../util/bubbling';
 import Provider from '../../atom/provider';
 import Button from '../../atom/button';
 import style from './analytics-popin.css';
+
 const AnalyticsPopin = (props, context) => {
   const {
     skin
@@ -16,16 +17,20 @@ const AnalyticsPopin = (props, context) => {
     closeOnClick,
     content
   } = props;
+
   function createMarkup() {
     return {
       __html: content
     };
   }
+
   const primary = _getOr('#00B0FF', ['common', 'primary'], skin);
+
   function onCloseClick(e) {
     stopPropagation(e);
     closeOnClick(e);
   }
+
   return /*#__PURE__*/React.createElement("div", {
     className: style.default,
     onClick: onCloseClick
@@ -49,6 +54,7 @@ const AnalyticsPopin = (props, context) => {
     }
   })));
 };
+
 AnalyticsPopin.contextTypes = {
   skin: Provider.childContextTypes.skin
 };

package/es/organism/brand-analytics/analytics-popin.js.map

@@ -1 +1 @@
-{"version":3,"file":"analytics-popin.js","names":["React","PropTypes","stopPropagation","Provider","Button","style","AnalyticsPopin","props","context","skin","ctaLabel","ctaOnClick","header","closeOnClick","content","createMarkup","__html","primary","onCloseClick","e","default","popin","backgroundColor","contextTypes","childContextTypes","propTypes","string","func"],"sources":["../../../src/organism/brand-analytics/analytics-popin.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr} from 'lodash/fp';\nimport stopPropagation from '../../util/bubbling';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport style from './analytics-popin.css';\n\nconst AnalyticsPopin = (props, context) => {\n  const {skin} = context;\n\n  const {ctaLabel, ctaOnClick, header, closeOnClick, content} = props;\n\n  function createMarkup() {\n    return {__html: content};\n  }\n\n  const primary = getOr('#00B0FF', ['common', 'primary'], skin);\n\n  function onCloseClick(e) {\n    stopPropagation(e);\n    closeOnClick(e);\n  }\n\n  return (\n    <div className={style.default} onClick={onCloseClick}>\n      <div className={style.popin}>\n        <div className={style.header} onClick={onCloseClick} data-name=\"popin-header\">\n          {header}\n        </div>\n        <div className={style.content}>\n          <div\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={createMarkup()}\n          />\n        </div>\n        <Button\n          type=\"link\"\n          onClick={ctaOnClick}\n          submitValue={ctaLabel}\n          style={{\n            backgroundColor: primary\n          }}\n        />\n      </div>\n    </div>\n  );\n};\n\nAnalyticsPopin.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nAnalyticsPopin.propTypes = {\n  ctaLabel: PropTypes.string,\n  ctaOnClick: PropTypes.func,\n  closeOnClick: PropTypes.func,\n  header: PropTypes.string,\n  content: PropTypes.string\n};\n\nexport default AnalyticsPopin;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,eAAe,MAAM,qBAAqB;AACjD,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,KAAK,MAAM,uBAAuB;AAEzC,MAAMC,cAAc,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EACzC,MAAM;IAACC;EAAI,CAAC,GAAGD,OAAO;EAEtB,MAAM;IAACE,QAAQ;IAAEC,UAAU;IAAEC,MAAM;IAAEC,YAAY;IAAEC;EAAO,CAAC,GAAGP,KAAK;EAEnE,SAASQ,YAAY,GAAG;IACtB,OAAO;MAACC,MAAM,EAAEF;IAAO,CAAC;EAC1B;EAEA,MAAMG,OAAO,GAAG,OAAM,SAAS,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAER,IAAI,CAAC;EAE7D,SAASS,YAAY,CAACC,CAAC,EAAE;IACvBjB,eAAe,CAACiB,CAAC,CAAC;IAClBN,YAAY,CAACM,CAAC,CAAC;EACjB;EAEA,oBACE;IAAK,SAAS,EAAEd,KAAK,CAACe,OAAQ;IAAC,OAAO,EAAEF;EAAa,gBACnD;IAAK,SAAS,EAAEb,KAAK,CAACgB;EAAM,gBAC1B;IAAK,SAAS,EAAEhB,KAAK,CAACO,MAAO;IAAC,OAAO,EAAEM,YAAa;IAAC,aAAU;EAAc,GAC1EN,MAAM,CACH,eACN;IAAK,SAAS,EAAEP,KAAK,CAACS;EAAQ,gBAC5B;IACE;IACA,uBAAuB,EAAEC,YAAY;EAAG,EACxC,CACE,eACN,oBAAC,MAAM;IACL,IAAI,EAAC,MAAM;IACX,OAAO,EAAEJ,UAAW;IACpB,WAAW,EAAED,QAAS;IACtB,KAAK,EAAE;MACLY,eAAe,EAAEL;IACnB;EAAE,EACF,CACE,CACF;AAEV,CAAC;AAEDX,cAAc,CAACiB,YAAY,GAAG;EAC5Bd,IAAI,EAAEN,QAAQ,CAACqB,iBAAiB,CAACf;AACnC,CAAC;AAEDH,cAAc,CAACmB,SAAS,2CAAG;EACzBf,QAAQ,EAAET,SAAS,CAACyB,MAAM;EAC1Bf,UAAU,EAAEV,SAAS,CAAC0B,IAAI;EAC1Bd,YAAY,EAAEZ,SAAS,CAAC0B,IAAI;EAC5Bf,MAAM,EAAEX,SAAS,CAACyB,MAAM;EACxBZ,OAAO,EAAEb,SAAS,CAACyB;AACrB,CAAC;AAED,eAAepB,cAAc"}
+{"version":3,"file":"analytics-popin.js","names":["React","PropTypes","stopPropagation","Provider","Button","style","AnalyticsPopin","props","context","skin","ctaLabel","ctaOnClick","header","closeOnClick","content","createMarkup","__html","primary","onCloseClick","e","default","popin","backgroundColor","contextTypes","childContextTypes","propTypes","string","func"],"sources":["../../../src/organism/brand-analytics/analytics-popin.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr} from 'lodash/fp';\nimport stopPropagation from '../../util/bubbling';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport style from './analytics-popin.css';\n\nconst AnalyticsPopin = (props, context) => {\n  const {skin} = context;\n\n  const {ctaLabel, ctaOnClick, header, closeOnClick, content} = props;\n\n  function createMarkup() {\n    return {__html: content};\n  }\n\n  const primary = getOr('#00B0FF', ['common', 'primary'], skin);\n\n  function onCloseClick(e) {\n    stopPropagation(e);\n    closeOnClick(e);\n  }\n\n  return (\n    <div className={style.default} onClick={onCloseClick}>\n      <div className={style.popin}>\n        <div className={style.header} onClick={onCloseClick} data-name=\"popin-header\">\n          {header}\n        </div>\n        <div className={style.content}>\n          <div\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={createMarkup()}\n          />\n        </div>\n        <Button\n          type=\"link\"\n          onClick={ctaOnClick}\n          submitValue={ctaLabel}\n          style={{\n            backgroundColor: primary\n          }}\n        />\n      </div>\n    </div>\n  );\n};\n\nAnalyticsPopin.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nAnalyticsPopin.propTypes = {\n  ctaLabel: PropTypes.string,\n  ctaOnClick: PropTypes.func,\n  closeOnClick: PropTypes.func,\n  header: PropTypes.string,\n  content: PropTypes.string\n};\n\nexport default AnalyticsPopin;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,KAAP,MAAkB,uBAAlB;;AAEA,MAAMC,cAAc,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACzC,MAAM;IAACC;EAAD,IAASD,OAAf;EAEA,MAAM;IAACE,QAAD;IAAWC,UAAX;IAAuBC,MAAvB;IAA+BC,YAA/B;IAA6CC;EAA7C,IAAwDP,KAA9D;;EAEA,SAASQ,YAAT,GAAwB;IACtB,OAAO;MAACC,MAAM,EAAEF;IAAT,CAAP;EACD;;EAED,MAAMG,OAAO,GAAG,OAAM,SAAN,EAAiB,CAAC,QAAD,EAAW,SAAX,CAAjB,EAAwCR,IAAxC,CAAhB;;EAEA,SAASS,YAAT,CAAsBC,CAAtB,EAAyB;IACvBjB,eAAe,CAACiB,CAAD,CAAf;IACAN,YAAY,CAACM,CAAD,CAAZ;EACD;;EAED,oBACE;IAAK,SAAS,EAAEd,KAAK,CAACe,OAAtB;IAA+B,OAAO,EAAEF;EAAxC,gBACE;IAAK,SAAS,EAAEb,KAAK,CAACgB;EAAtB,gBACE;IAAK,SAAS,EAAEhB,KAAK,CAACO,MAAtB;IAA8B,OAAO,EAAEM,YAAvC;IAAqD,aAAU;EAA/D,GACGN,MADH,CADF,eAIE;IAAK,SAAS,EAAEP,KAAK,CAACS;EAAtB,gBACE;IACE;IACA,uBAAuB,EAAEC,YAAY;EAFvC,EADF,CAJF,eAUE,oBAAC,MAAD;IACE,IAAI,EAAC,MADP;IAEE,OAAO,EAAEJ,UAFX;IAGE,WAAW,EAAED,QAHf;IAIE,KAAK,EAAE;MACLY,eAAe,EAAEL;IADZ;EAJT,EAVF,CADF,CADF;AAuBD,CAvCD;;AAyCAX,cAAc,CAACiB,YAAf,GAA8B;EAC5Bd,IAAI,EAAEN,QAAQ,CAACqB,iBAAT,CAA2Bf;AADL,CAA9B;AAIAH,cAAc,CAACmB,SAAf,2CAA2B;EACzBf,QAAQ,EAAET,SAAS,CAACyB,MADK;EAEzBf,UAAU,EAAEV,SAAS,CAAC0B,IAFG;EAGzBd,YAAY,EAAEZ,SAAS,CAAC0B,IAHC;EAIzBf,MAAM,EAAEX,SAAS,CAACyB,MAJO;EAKzBZ,OAAO,EAAEb,SAAS,CAACyB;AALM,CAA3B;AAQA,eAAepB,cAAf"}

package/es/organism/brand-analytics/index.js

@@ -7,6 +7,7 @@ import Provider from '../../atom/provider';
 import Loader from '../../template/app-player/loading';
 import AnalyticsPopin from './analytics-popin';
 import style from './style.css';
+
 const Analytics = (props, context) => {
   const {
     url,
@@ -17,6 +18,7 @@ const Analytics = (props, context) => {
     skin,
     translate
   } = context;
+
   const body = () => {
     if (selected) {
       if (url) return /*#__PURE__*/React.createElement("iframe", {
@@ -33,14 +35,17 @@ const Analytics = (props, context) => {
         }
       }, translate('Select a dashboard in the Sidebar'));
     }
+
     return null;
   };
+
   return /*#__PURE__*/React.createElement("div", {
     className: style.dashboardSelection
   }, /*#__PURE__*/React.createElement("h1", {
     className: style.dashboardTitle
   }, _getOr(translate('No Selected Dashboard'), 'name', selected)), body());
 };
+
 Analytics.propTypes = process.env.NODE_ENV !== "production" ? {
   url: PropTypes.string,
   error: PropTypes.string,
@@ -52,6 +57,7 @@ Analytics.contextTypes = {
   skin: Provider.childContextTypes.skin,
   translate: Provider.childContextTypes.translate
 };
+
 const ErrorPopin = ({
   onErrorRedirect,
   ctaLabel,
@@ -66,6 +72,7 @@ const ErrorPopin = ({
     closeOnClick: onErrorRedirect
   }, /*#__PURE__*/React.createElement("p", null, error)) : null;
 };
+
 ErrorPopin.propTypes = process.env.NODE_ENV !== "production" ? {
   onErrorRedirect: PropTypes.func.isRequired,
   ctaLabel: PropTypes.string.isRequired,
@@ -74,6 +81,7 @@ ErrorPopin.propTypes = process.env.NODE_ENV !== "production" ? {
 ErrorPopin.contextTypes = {
   translate: Provider.childContextTypes.translate
 };
+
 const BrandAnalytics = (props, context) => {
   const {
     dashboards = [],
@@ -86,6 +94,7 @@ const BrandAnalytics = (props, context) => {
   const {
     translate
   } = context;
+
   if (!dashboards || dashboards.length === 0) {
     if (error) return /*#__PURE__*/React.createElement(ErrorPopin, {
       ctaLabel: translate('Reload'),
@@ -94,6 +103,7 @@ const BrandAnalytics = (props, context) => {
     });
     return /*#__PURE__*/React.createElement(Loader, null);
   }
+
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Sidebar, {
     items: sidebarItems
   }), /*#__PURE__*/React.createElement("div", {
@@ -108,6 +118,7 @@ const BrandAnalytics = (props, context) => {
     onErrorRedirect: onErrorRedirect
   })));
 };
+
 BrandAnalytics.contextTypes = {
   skin: Provider.childContextTypes.skin,
   translate: Provider.childContextTypes.translate

package/es/organism/brand-analytics/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Sidebar","Provider","Loader","AnalyticsPopin","style","Analytics","props","context","url","error","selected","skin","translate","body","dashboardIframe","dashboardNoSelection","color","dashboardSelection","dashboardTitle","propTypes","string","shape","name","contextTypes","childContextTypes","ErrorPopin","onErrorRedirect","ctaLabel","func","isRequired","BrandAnalytics","dashboards","currentDashboard","sidebarItems","length","dashboardContent","arrayOf","href","description","currentVersion","versions","schema","oneOfType","title","type","value","onChange","option","bool","inputParams"],"sources":["../../../src/organism/brand-analytics/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, getOr} from 'lodash/fp';\nimport Sidebar from '../sidebar';\nimport Provider from '../../atom/provider';\nimport Loader from '../../template/app-player/loading';\nimport AnalyticsPopin from './analytics-popin';\nimport style from './style.css';\n\nconst Analytics = (props, context) => {\n  const {url, error, selected} = props;\n  const {skin, translate} = context;\n  const body = () => {\n    if (selected) {\n      if (url) return <iframe src={url} className={style.dashboardIframe} frameBorder=\"0\" />;\n      if (!error) return <Loader />;\n    } else if (!error) {\n      return (\n        <div\n          className={style.dashboardNoSelection}\n          style={{color: getOr('#00B0FF', 'common.primary', skin)}}\n        >\n          {translate('Select a dashboard in the Sidebar')}\n        </div>\n      );\n    }\n    return null;\n  };\n  return (\n    <div className={style.dashboardSelection}>\n      <h1 className={style.dashboardTitle}>\n        {getOr(translate('No Selected Dashboard'), 'name', selected)}\n      </h1>\n      {body()}\n    </div>\n  );\n};\n\nAnalytics.propTypes = {\n  url: PropTypes.string,\n  error: PropTypes.string,\n  selected: PropTypes.shape({\n    name: PropTypes.string\n  })\n};\n\nAnalytics.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nconst ErrorPopin = ({onErrorRedirect, ctaLabel, error}, {translate}) => {\n  return error ? (\n    <AnalyticsPopin\n      header={translate('An Error Occurred')}\n      ctaLabel={ctaLabel}\n      ctaOnClick={onErrorRedirect}\n      closeOnClick={onErrorRedirect}\n    >\n      <p>{error}</p>\n    </AnalyticsPopin>\n  ) : null;\n};\n\nErrorPopin.propTypes = {\n  onErrorRedirect: PropTypes.func.isRequired,\n  ctaLabel: PropTypes.string.isRequired,\n  error: PropTypes.string\n};\n\nErrorPopin.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst BrandAnalytics = (props, context) => {\n  const {\n    dashboards = [],\n    currentDashboard,\n    onErrorRedirect = noop,\n    url,\n    error,\n    sidebarItems\n  } = props;\n\n  const {translate} = context;\n\n  if (!dashboards || dashboards.length === 0) {\n    if (error)\n      return (\n        <ErrorPopin\n          ctaLabel={translate('Reload')}\n          error={error}\n          onErrorRedirect={onErrorRedirect}\n        />\n      );\n    return <Loader />;\n  }\n\n  return (\n    <div>\n      <Sidebar items={sidebarItems} />\n      <div className={style.dashboardContent}>\n        <Analytics error={error} selected={currentDashboard} url={url} />\n        <ErrorPopin\n          ctaLabel={translate('Back to Dashboard Home')}\n          error={error}\n          onErrorRedirect={onErrorRedirect}\n        />\n      </div>\n    </div>\n  );\n};\n\nBrandAnalytics.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nBrandAnalytics.propTypes = {\n  dashboards: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      href: PropTypes.string,\n      description: PropTypes.string.isRequired\n    })\n  ),\n  currentDashboard: PropTypes.shape({\n    name: PropTypes.string.isRequired,\n    description: PropTypes.string.isRequired,\n    currentVersion: PropTypes.string.isRequired,\n    versions: PropTypes.shape({}).isRequired,\n    schema: PropTypes.arrayOf(PropTypes.string)\n  }),\n  sidebarItems: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        title: PropTypes.string.isRequired,\n        type: PropTypes.string.isRequired,\n        value: PropTypes.string.isRequired\n      }),\n      PropTypes.shape({\n        title: PropTypes.string.isRequired,\n        type: PropTypes.string.isRequired,\n        name: PropTypes.string,\n        onChange: PropTypes.func.isRequired,\n        option: PropTypes.bool.isRequired\n      }),\n      PropTypes.shape({\n        title: PropTypes.string.isRequired,\n        type: PropTypes.string.isRequired,\n        name: PropTypes.string,\n        value: PropTypes.string,\n        onChange: PropTypes.func\n      })\n    ])\n  ),\n  url: PropTypes.string,\n  error: PropTypes.string,\n  onErrorRedirect: PropTypes.func,\n  inputParams: PropTypes.shape({})\n};\n\nexport default BrandAnalytics;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Sidebar","Provider","Loader","AnalyticsPopin","style","Analytics","props","context","url","error","selected","skin","translate","body","dashboardIframe","dashboardNoSelection","color","dashboardSelection","dashboardTitle","propTypes","string","shape","name","contextTypes","childContextTypes","ErrorPopin","onErrorRedirect","ctaLabel","func","isRequired","BrandAnalytics","dashboards","currentDashboard","sidebarItems","length","dashboardContent","arrayOf","href","description","currentVersion","versions","schema","oneOfType","title","type","value","onChange","option","bool","inputParams"],"sources":["../../../src/organism/brand-analytics/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, getOr} from 'lodash/fp';\nimport Sidebar from '../sidebar';\nimport Provider from '../../atom/provider';\nimport Loader from '../../template/app-player/loading';\nimport AnalyticsPopin from './analytics-popin';\nimport style from './style.css';\n\nconst Analytics = (props, context) => {\n  const {url, error, selected} = props;\n  const {skin, translate} = context;\n  const body = () => {\n    if (selected) {\n      if (url) return <iframe src={url} className={style.dashboardIframe} frameBorder=\"0\" />;\n      if (!error) return <Loader />;\n    } else if (!error) {\n      return (\n        <div\n          className={style.dashboardNoSelection}\n          style={{color: getOr('#00B0FF', 'common.primary', skin)}}\n        >\n          {translate('Select a dashboard in the Sidebar')}\n        </div>\n      );\n    }\n    return null;\n  };\n  return (\n    <div className={style.dashboardSelection}>\n      <h1 className={style.dashboardTitle}>\n        {getOr(translate('No Selected Dashboard'), 'name', selected)}\n      </h1>\n      {body()}\n    </div>\n  );\n};\n\nAnalytics.propTypes = {\n  url: PropTypes.string,\n  error: PropTypes.string,\n  selected: PropTypes.shape({\n    name: PropTypes.string\n  })\n};\n\nAnalytics.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nconst ErrorPopin = ({onErrorRedirect, ctaLabel, error}, {translate}) => {\n  return error ? (\n    <AnalyticsPopin\n      header={translate('An Error Occurred')}\n      ctaLabel={ctaLabel}\n      ctaOnClick={onErrorRedirect}\n      closeOnClick={onErrorRedirect}\n    >\n      <p>{error}</p>\n    </AnalyticsPopin>\n  ) : null;\n};\n\nErrorPopin.propTypes = {\n  onErrorRedirect: PropTypes.func.isRequired,\n  ctaLabel: PropTypes.string.isRequired,\n  error: PropTypes.string\n};\n\nErrorPopin.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst BrandAnalytics = (props, context) => {\n  const {\n    dashboards = [],\n    currentDashboard,\n    onErrorRedirect = noop,\n    url,\n    error,\n    sidebarItems\n  } = props;\n\n  const {translate} = context;\n\n  if (!dashboards || dashboards.length === 0) {\n    if (error)\n      return (\n        <ErrorPopin\n          ctaLabel={translate('Reload')}\n          error={error}\n          onErrorRedirect={onErrorRedirect}\n        />\n      );\n    return <Loader />;\n  }\n\n  return (\n    <div>\n      <Sidebar items={sidebarItems} />\n      <div className={style.dashboardContent}>\n        <Analytics error={error} selected={currentDashboard} url={url} />\n        <ErrorPopin\n          ctaLabel={translate('Back to Dashboard Home')}\n          error={error}\n          onErrorRedirect={onErrorRedirect}\n        />\n      </div>\n    </div>\n  );\n};\n\nBrandAnalytics.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nBrandAnalytics.propTypes = {\n  dashboards: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      href: PropTypes.string,\n      description: PropTypes.string.isRequired\n    })\n  ),\n  currentDashboard: PropTypes.shape({\n    name: PropTypes.string.isRequired,\n    description: PropTypes.string.isRequired,\n    currentVersion: PropTypes.string.isRequired,\n    versions: PropTypes.shape({}).isRequired,\n    schema: PropTypes.arrayOf(PropTypes.string)\n  }),\n  sidebarItems: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        title: PropTypes.string.isRequired,\n        type: PropTypes.string.isRequired,\n        value: PropTypes.string.isRequired\n      }),\n      PropTypes.shape({\n        title: PropTypes.string.isRequired,\n        type: PropTypes.string.isRequired,\n        name: PropTypes.string,\n        onChange: PropTypes.func.isRequired,\n        option: PropTypes.bool.isRequired\n      }),\n      PropTypes.shape({\n        title: PropTypes.string.isRequired,\n        type: PropTypes.string.isRequired,\n        name: PropTypes.string,\n        value: PropTypes.string,\n        onChange: PropTypes.func\n      })\n    ])\n  ),\n  url: PropTypes.string,\n  error: PropTypes.string,\n  onErrorRedirect: PropTypes.func,\n  inputParams: PropTypes.shape({})\n};\n\nexport default BrandAnalytics;\n"],"mappings":"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"}