@coorpacademy/components 11.33.0 → 11.33.2-alpha.0

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

@@ -41,6 +41,7 @@ const setupThemeStyle = {
   openHeader: style.coorpManagerOpenHeader,
   closedHeader: style.coorpManagerClosedHeader
 };
+
 const MoreLessIcons = ({
   type,
   moreClassName,
@@ -62,6 +63,7 @@ const MoreLessIcons = ({
     className: style.newTabIcon
   });
 };
+
 const Part = ({
   skin,
   selected,
@@ -75,7 +77,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;
@@ -122,6 +126,7 @@ const Part = ({
     }
   })) : null), isCollapsible ? children : null)));
 };
+
 const AccordionPart = (props, context) => {
   const {
     skin
@@ -139,10 +144,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",
@@ -182,6 +189,7 @@ const AccordionPart = (props, context) => {
     className: themeStyle.container
   }, content) : null);
 };
+
 AccordionPart.contextTypes = {
   skin: Provider.childContextTypes.skin
 };
@@ -204,8 +212,7 @@ MoreLessIcons.propTypes = process.env.NODE_ENV !== "production" ? {
   darkColor: PropTypes.string,
   mediumColor: PropTypes.string
 } : {};
-Part.propTypes = process.env.NODE_ENV !== "production" ? {
-  ...AccordionPart.propTypes
+Part.propTypes = process.env.NODE_ENV !== "production" ? { ...AccordionPart.propTypes
 } : {};
 export default AccordionPart;
 //# sourceMappingURL=index.js.map

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","COLORS","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","createElement","className","color","newTabIcon","Part","skin","selected","iconType","onParentClick","onClick","isOpen","children","theme","_get","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","_noop","href","onUpdateOpenedTab","themeStyle","handleParentClick","isCollapsibleTab","hoverColor","_getOr","brand","target","textDecoration","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","oneOf","_keys","string","node","func","bool"],"sources":["../../../../../src/organism/accordion/coorp-manager/part/index.js"],"sourcesContent":["import React from 'react';\nimport {noop, keys, get, getOr} 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 {COLORS} from '../../../../variables/colors';\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} style={{color: darkColor}} />\n      <ArrowIcon className={lessClassName} style={{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 className={classnames(style.titleIcon, iconColor, hoverIconColor)} />\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} style={{color: darkColor}} />\n                <ArrowIcon className={lessClassName} style={{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          hoverColor={getOr(COLORS.brand, 'common.primary', skin)}\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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","ignoreList":[]}
+{"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","COLORS","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","color","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","brand","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, getOr} 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 {COLORS} from '../../../../variables/colors';\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} style={{color: darkColor}} />\n      <ArrowIcon className={lessClassName} style={{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 className={classnames(style.titleIcon, iconColor, hoverIconColor)} />\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} style={{color: darkColor}} />\n                <ArrowIcon className={lessClassName} style={{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          hoverColor={getOr(COLORS.brand, 'common.primary', skin)}\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", {
@@ -60,6 +64,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","_noop","isOpen","TitleIcon","darkColor","_get","mediumColor","openIconClassName","openIconActivated","openIcon","closeIconClassName","closeIconActivated","closeIcon","createElement","className","openHeader","closedHeader","titleIcon","titleLabel","color","container","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","oneOf","_keys","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} /> : null}\n          <h3 className={style.titleLabel}>{title}</h3>\n        </div>\n        <MoreIcon className={closeIconClassName} style={{color: darkColor}} />\n        <LessIcon className={openIconClassName} style={{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":"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","ignoreList":[]}
+{"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","color","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} /> : null}\n          <h3 className={style.titleLabel}>{title}</h3>\n        </div>\n        <MoreIcon className={closeIconClassName} style={{color: darkColor}} />\n        <LessIcon className={openIconClassName} style={{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;EAA5B,EAAH,GAA+C,IAD3D,eAEE;IAAI,SAAS,EAAE9B,KAAK,CAAC+B;EAArB,GAAkClB,KAAlC,CAFF,CALF,eASE,oBAAC,QAAD;IAAU,SAAS,EAAEY,kBAArB;IAAyC,KAAK,EAAE;MAACO,KAAK,EAAEZ;IAAR;EAAhD,EATF,eAUE,oBAAC,QAAD;IAAU,SAAS,EAAEE,iBAArB;IAAwC,KAAK,EAAE;MAACU,KAAK,EAAEX;IAAR;EAA/C,EAVF,CADF,EAaGH,MAAM,gBAAG;IAAK,SAAS,EAAElB,KAAK,CAACiC;EAAtB,GAAkCnB,OAAlC,CAAH,GAAsD,IAb/D,CADF;AAiBD,CA1BD;;AA4BAL,aAAa,CAACyB,YAAd,GAA6B;EAC3BtB,IAAI,EAAEb,QAAQ,CAACoC,iBAAT,CAA2BvB;AADN,CAA7B;AAIAH,aAAa,CAAC2B,SAAd,2CAA0B;EACxBrB,QAAQ,EAAE3B,SAAS,CAACiD,KAAV,CAAgB,MAAKpC,UAAL,CAAhB,CADc;EAExBY,KAAK,EAAEzB,SAAS,CAACkD,MAFO;EAGxBxB,OAAO,EAAE1B,SAAS,CAACmD,IAHK;EAIxBtB,OAAO,EAAE7B,SAAS,CAACoD,IAJK;EAKxBtB,MAAM,EAAE9B,SAAS,CAACqD,IALM;EAMxBzB,KAAK,EAAE5B,SAAS,CAACkD;AANO,CAA1B;AASA,eAAe7B,aAAf"}

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

@@ -9,14 +9,18 @@ import _map from "lodash/fp/map";
 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 = {
@@ -24,6 +28,7 @@ class AccordionToggler extends React.Component {
     };
     this.handleOnClick = this.handleOnClick.bind(this);
   }
+
   handleOnClick(key) {
     const {
       oneTabOnly
@@ -34,6 +39,7 @@ class AccordionToggler extends React.Component {
       };
     });
   }
+
   mergePropsAndState() {
     const {
       tabProps
@@ -41,11 +47,11 @@ class AccordionToggler extends React.Component {
     const {
       isOpenValues
     } = this.state;
-    return _zipWith((props, isOpen) => ({
-      ...props,
+    return _zipWith((props, isOpen) => ({ ...props,
       isOpen
     }), tabProps, isOpenValues);
   }
+
   render() {
     const {
       children = [],
@@ -57,7 +63,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","_map","_getOr","constructor","handleOnClick","bind","key","oneTabOnly","setState","prevState","_pipe","_constant","_identity","_set","_get","mergePropsAndState","_zipWith","isOpen","render","children","theme","createElement","onClick","propTypes","process","env","NODE_ENV","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,wBAAwBA,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,GAAGG,IAAA,CAAIC,MAAA,CAAM,KAAK,EAAE,QAAQ,CAAC,EAAEN,KAAK,CAACI,QAAQ,CAAC;IAChE,OAAO;MAACF;IAAY,CAAC;EACvB;EAEAK,WAAWA,CAACP,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IAEZ,IAAI,CAACC,KAAK,GAAG;MAACC,YAAY,EAAE;IAAI,CAAC;IAEjC,IAAI,CAACM,aAAa,GAAG,IAAI,CAACA,aAAa,CAACC,IAAI,CAAC,IAAI,CAAC;EACpD;EAEAD,aAAaA,CAACE,GAAG,EAAE;IACjB,MAAM;MAACC;IAAU,CAAC,GAAG,IAAI,CAACX,KAAK;IAC/B,IAAI,CAACY,QAAQ,CAACC,SAAS,IAAI;MACzB,OAAO;QACLX,YAAY,EAAEY,KAAA,CACZH,UAAU,GAAGN,IAAA,CAAIU,SAAA,CAAS,KAAK,CAAC,CAAC,GAAAC,SAAW,EAC5CC,IAAA,CAAIP,GAAG,EAAE,CAACQ,IAAA,CAAIR,GAAG,EAAEG,SAAS,CAACX,YAAY,CAAC,CAC5C,CAAC,CAACW,SAAS,CAACX,YAAY;MAC1B,CAAC;IACH,CAAC,CAAC;EACJ;EAEAiB,kBAAkBA,CAAA,EAAG;IACnB,MAAM;MAACf;IAAQ,CAAC,GAAG,IAAI,CAACJ,KAAK;IAC7B,MAAM;MAACE;IAAY,CAAC,GAAG,IAAI,CAACD,KAAK;IAEjC,OAAOmB,QAAA,CACL,CAACpB,KAAK,EAAEqB,MAAM,MAAM;MAClB,GAAGrB,KAAK;MACRqB;IACF,CAAC,CAAC,EACFjB,QAAQ,EACRF,YACF,CAAC;EACH;EAEAoB,MAAMA,CAAA,EAAG;IACP,MAAM;MAACC,QAAQ,GAAG,EAAE;MAAEC;IAAK,CAAC,GAAG,IAAI,CAACxB,KAAK;IACzC,oBACEN,KAAA,CAAA+B,aAAA,CAAC7B,SAAS;MAACQ,QAAQ,EAAE,IAAI,CAACe,kBAAkB,CAAC,CAAE;MAACO,OAAO,EAAE,IAAI,CAAClB,aAAc;MAACgB,KAAK,EAAEA;IAAM,GACvFD,QACQ,CAAC;EAEhB;AACF;AAzDM1B,gBAAgB,CACb8B,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACjB1B,QAAQ,EAAET,SAAS,CAACoC,OAAO,CAACpC,SAAS,CAACqC,KAAK,CAACpC,SAAS,CAAC+B,SAAS,CAAC,CAAC;EACjEhB,UAAU,EAAEhB,SAAS,CAACsC,IAAI;EAC1BT,KAAK,EAAE7B,SAAS,CAACuC,MAAM;EACvBX,QAAQ,EAAE5B,SAAS,CAACwC;AACtB,CAAC;AAqDH,eAAetC,gBAAgB","ignoreList":[]}
+{"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,MAAoB,EAClB,GAAGb,KADe;MAElBa;IAFkB,CAApB,CADK,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","_getOr","onCloseClick","e","createElement","className","default","onClick","popin","dangerouslySetInnerHTML","type","submitValue","backgroundColor","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","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,GAAGA,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,YAAYA,CAAA,EAAG;IACtB,OAAO;MAACC,MAAM,EAAEF;IAAO,CAAC;EAC1B;EAEA,MAAMG,OAAO,GAAGC,MAAA,CAAM,SAAS,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAET,IAAI,CAAC;EAE7D,SAASU,YAAYA,CAACC,CAAC,EAAE;IACvBlB,eAAe,CAACkB,CAAC,CAAC;IAClBP,YAAY,CAACO,CAAC,CAAC;EACjB;EAEA,oBACEpB,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAEjB,KAAK,CAACkB,OAAQ;IAACC,OAAO,EAAEL;EAAa,gBACnDnB,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAEjB,KAAK,CAACoB;EAAM,gBAC1BzB,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAEjB,KAAK,CAACO,MAAO;IAACY,OAAO,EAAEL,YAAa;IAAC,aAAU;EAAc,GAC1EP,MACE,CAAC,eACNZ,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAEjB,KAAK,CAACS;EAAQ,gBAC5Bd,KAAA,CAAAqB,aAAA;IACE;IACAK,uBAAuB,EAAEX,YAAY,CAAC;EAAE,CACzC,CACE,CAAC,eACNf,KAAA,CAAAqB,aAAA,CAACjB,MAAM;IACLuB,IAAI,EAAC,MAAM;IACXH,OAAO,EAAEb,UAAW;IACpBiB,WAAW,EAAElB,QAAS;IACtBL,KAAK,EAAE;MACLwB,eAAe,EAAEZ;IACnB;EAAE,CACH,CACE,CACF,CAAC;AAEV,CAAC;AAEDX,cAAc,CAACwB,YAAY,GAAG;EAC5BrB,IAAI,EAAEN,QAAQ,CAAC4B,iBAAiB,CAACtB;AACnC,CAAC;AAEDH,cAAc,CAAC0B,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACzBzB,QAAQ,EAAET,SAAS,CAACmC,MAAM;EAC1BzB,UAAU,EAAEV,SAAS,CAACoC,IAAI;EAC1BxB,YAAY,EAAEZ,SAAS,CAACoC,IAAI;EAC5BzB,MAAM,EAAEX,SAAS,CAACmC,MAAM;EACxBtB,OAAO,EAAEb,SAAS,CAACmC;AACrB,CAAC;AAED,eAAe9B,cAAc","ignoreList":[]}
+{"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

@@ -8,6 +8,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,
@@ -18,6 +19,7 @@ const Analytics = (props, context) => {
     skin,
     translate
   } = context;
+
   const body = () => {
     if (selected) {
       if (url) return /*#__PURE__*/React.createElement("iframe", {
@@ -27,6 +29,7 @@ const Analytics = (props, context) => {
       });
       if (!error) return /*#__PURE__*/React.createElement(Loader, null);
     }
+
     if (error) return null;
     return /*#__PURE__*/React.createElement("div", {
       className: style.dashboardNoSelection,
@@ -35,12 +38,14 @@ const Analytics = (props, context) => {
       }
     }, translate('Select a dashboard in the Sidebar'));
   };
+
   return /*#__PURE__*/React.createElement("div", {
     className: style.dashboardSelection
   }, _has('name', selected) ? null : /*#__PURE__*/React.createElement("h1", {
     className: style.noSelectedDashboard
   }, translate('No Selected Dashboard')), 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","createElement","src","className","dashboardIframe","frameBorder","dashboardNoSelection","color","_getOr","dashboardSelection","_has","noSelectedDashboard","propTypes","process","env","NODE_ENV","string","shape","name","contextTypes","childContextTypes","ErrorPopin","onErrorRedirect","ctaLabel","header","ctaOnClick","closeOnClick","func","isRequired","BrandAnalytics","dashboards","currentDashboard","_noop","sidebarItems","length","items","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, has} 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    }\n    if (error) return null;\n\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 (\n    <div className={style.dashboardSelection}>\n      {has('name', selected) ? null : (\n        <h1 className={style.noSelectedDashboard}>{translate('No Selected Dashboard')}</h1>\n      )}\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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","ignoreList":[]}
+{"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","noSelectedDashboard","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, has} 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    }\n    if (error) return null;\n\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 (\n    <div className={style.dashboardSelection}>\n      {has('name', selected) ? null : (\n        <h1 className={style.noSelectedDashboard}>{translate('No Selected Dashboard')}</h1>\n      )}\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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"}

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

@@ -1,10 +1,12 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+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 Title from '../../atom/title';
 import QuickAccessCardGroup from '../../molecule/quick-access-cards-group';
 import CoorpmanagerBaseBanner from '../../molecule/coorpmanager-base-banner';
 import style from './style.css';
+
 const Dashboard = props => {
   const {
     header,
@@ -22,6 +24,7 @@ const Dashboard = props => {
     className: style.cardsWrapper
   }, /*#__PURE__*/React.createElement(QuickAccessCardGroup, quickAccessCards.cards))));
 };
+
 Dashboard.propTypes = process.env.NODE_ENV !== "production" ? {
   header: PropTypes.shape({
     title: PropTypes.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Title","QuickAccessCardGroup","CoorpmanagerBaseBanner","style","Dashboard","props","header","quickAccessCards","banner","createElement","_extends","type","className","sectionWrapper","title","cardsWrapper","cards","propTypes","process","env","NODE_ENV","shape","string","subtitle"],"sources":["../../../src/organism/brand-dashboard/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Title from '../../atom/title';\nimport QuickAccessCardGroup from '../../molecule/quick-access-cards-group';\nimport CoorpmanagerBaseBanner from '../../molecule/coorpmanager-base-banner';\nimport style from './style.css';\n\nconst Dashboard = props => {\n  const {header, quickAccessCards, banner} = props;\n  return (\n    <div>\n      <div>\n        <Title {...header} type={'page'} />\n      </div>\n      {banner ? <CoorpmanagerBaseBanner {...banner} /> : null}\n      <div className={style.sectionWrapper}>\n        <Title title={quickAccessCards.title} type={'form-group'} />\n        <div className={style.cardsWrapper}>\n          <QuickAccessCardGroup {...quickAccessCards.cards} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nDashboard.propTypes = {\n  header: PropTypes.shape({\n    title: PropTypes.string,\n    subtitle: PropTypes.string\n  }),\n  quickAccessCards: PropTypes.shape({\n    title: PropTypes.string,\n    cards: PropTypes.shape(QuickAccessCardGroup.propTypes)\n  }),\n  banner: PropTypes.shape(CoorpmanagerBaseBanner.propTypes)\n};\n\nexport default Dashboard;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,kBAAkB;AACpC,OAAOC,oBAAoB,MAAM,yCAAyC;AAC1E,OAAOC,sBAAsB,MAAM,yCAAyC;AAC5E,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,SAAS,GAAGC,KAAK,IAAI;EACzB,MAAM;IAACC,MAAM;IAAEC,gBAAgB;IAAEC;EAAM,CAAC,GAAGH,KAAK;EAChD,oBACEP,KAAA,CAAAW,aAAA,2BACEX,KAAA,CAAAW,aAAA,2BACEX,KAAA,CAAAW,aAAA,CAACT,KAAK,EAAAU,QAAA,KAAKJ,MAAM;IAAEK,IAAI,EAAE;EAAO,EAAE,CAC/B,CAAC,EACLH,MAAM,gBAAGV,KAAA,CAAAW,aAAA,CAACP,sBAAsB,EAAKM,MAAS,CAAC,GAAG,IAAI,eACvDV,KAAA,CAAAW,aAAA;IAAKG,SAAS,EAAET,KAAK,CAACU;EAAe,gBACnCf,KAAA,CAAAW,aAAA,CAACT,KAAK;IAACc,KAAK,EAAEP,gBAAgB,CAACO,KAAM;IAACH,IAAI,EAAE;EAAa,CAAE,CAAC,eAC5Db,KAAA,CAAAW,aAAA;IAAKG,SAAS,EAAET,KAAK,CAACY;EAAa,gBACjCjB,KAAA,CAAAW,aAAA,CAACR,oBAAoB,EAAKM,gBAAgB,CAACS,KAAQ,CAChD,CACF,CACF,CAAC;AAEV,CAAC;AAEDZ,SAAS,CAACa,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACpBd,MAAM,EAAEP,SAAS,CAACsB,KAAK,CAAC;IACtBP,KAAK,EAAEf,SAAS,CAACuB,MAAM;IACvBC,QAAQ,EAAExB,SAAS,CAACuB;EACtB,CAAC,CAAC;EACFf,gBAAgB,EAAER,SAAS,CAACsB,KAAK,CAAC;IAChCP,KAAK,EAAEf,SAAS,CAACuB,MAAM;IACvBN,KAAK,EAAEjB,SAAS,CAACsB,KAAK,CAACpB,oBAAoB,CAACgB,SAAS;EACvD,CAAC,CAAC;EACFT,MAAM,EAAET,SAAS,CAACsB,KAAK,CAACnB,sBAAsB,CAACe,SAAS;AAC1D,CAAC;AAED,eAAeb,SAAS","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","Title","QuickAccessCardGroup","CoorpmanagerBaseBanner","style","Dashboard","props","header","quickAccessCards","banner","sectionWrapper","title","cardsWrapper","cards","propTypes","shape","string","subtitle"],"sources":["../../../src/organism/brand-dashboard/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Title from '../../atom/title';\nimport QuickAccessCardGroup from '../../molecule/quick-access-cards-group';\nimport CoorpmanagerBaseBanner from '../../molecule/coorpmanager-base-banner';\nimport style from './style.css';\n\nconst Dashboard = props => {\n  const {header, quickAccessCards, banner} = props;\n  return (\n    <div>\n      <div>\n        <Title {...header} type={'page'} />\n      </div>\n      {banner ? <CoorpmanagerBaseBanner {...banner} /> : null}\n      <div className={style.sectionWrapper}>\n        <Title title={quickAccessCards.title} type={'form-group'} />\n        <div className={style.cardsWrapper}>\n          <QuickAccessCardGroup {...quickAccessCards.cards} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nDashboard.propTypes = {\n  header: PropTypes.shape({\n    title: PropTypes.string,\n    subtitle: PropTypes.string\n  }),\n  quickAccessCards: PropTypes.shape({\n    title: PropTypes.string,\n    cards: PropTypes.shape(QuickAccessCardGroup.propTypes)\n  }),\n  banner: PropTypes.shape(CoorpmanagerBaseBanner.propTypes)\n};\n\nexport default Dashboard;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,kBAAlB;AACA,OAAOC,oBAAP,MAAiC,yCAAjC;AACA,OAAOC,sBAAP,MAAmC,yCAAnC;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,SAAS,GAAGC,KAAK,IAAI;EACzB,MAAM;IAACC,MAAD;IAASC,gBAAT;IAA2BC;EAA3B,IAAqCH,KAA3C;EACA,oBACE,8CACE,8CACE,oBAAC,KAAD,eAAWC,MAAX;IAAmB,IAAI,EAAE;EAAzB,GADF,CADF,EAIGE,MAAM,gBAAG,oBAAC,sBAAD,EAA4BA,MAA5B,CAAH,GAA4C,IAJrD,eAKE;IAAK,SAAS,EAAEL,KAAK,CAACM;EAAtB,gBACE,oBAAC,KAAD;IAAO,KAAK,EAAEF,gBAAgB,CAACG,KAA/B;IAAsC,IAAI,EAAE;EAA5C,EADF,eAEE;IAAK,SAAS,EAAEP,KAAK,CAACQ;EAAtB,gBACE,oBAAC,oBAAD,EAA0BJ,gBAAgB,CAACK,KAA3C,CADF,CAFF,CALF,CADF;AAcD,CAhBD;;AAkBAR,SAAS,CAACS,SAAV,2CAAsB;EACpBP,MAAM,EAAEP,SAAS,CAACe,KAAV,CAAgB;IACtBJ,KAAK,EAAEX,SAAS,CAACgB,MADK;IAEtBC,QAAQ,EAAEjB,SAAS,CAACgB;EAFE,CAAhB,CADY;EAKpBR,gBAAgB,EAAER,SAAS,CAACe,KAAV,CAAgB;IAChCJ,KAAK,EAAEX,SAAS,CAACgB,MADe;IAEhCH,KAAK,EAAEb,SAAS,CAACe,KAAV,CAAgBb,oBAAoB,CAACY,SAArC;EAFyB,CAAhB,CALE;EASpBL,MAAM,EAAET,SAAS,CAACe,KAAV,CAAgBZ,sBAAsB,CAACW,SAAvC;AATY,CAAtB;AAYA,eAAeT,SAAf"}

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

@@ -9,10 +9,12 @@ import ButtonLink from '../../atom/button-link';
 import Link from '../../atom/link';
 import Loader from '../../atom/loader';
 import style from './style.css';
+
 const buildButtonSection = (onSubmit, submitValue, onReset, resetValue, tooltip, disabled, isModified, isPending, massiveBattleForm) => {
   if (!onSubmit && !onReset) {
     return null;
   }
+
   const disabledSubmit = disabled || isPending || !isModified;
   const submitButton = onSubmit ? /*#__PURE__*/React.createElement("div", {
     "data-tip": tooltip.title,
@@ -53,6 +55,7 @@ const buildButtonSection = (onSubmit, submitValue, onReset, resetValue, tooltip,
     className: style.buttons
   }, submitButton, resetButton);
 };
+
 const BrandForm = (props, context) => {
   const {
     groups,
@@ -71,7 +74,9 @@ const BrandForm = (props, context) => {
   const {
     skin
   } = context;
+
   const darkColor = _get('common.dark', skin);
+
   const massiveBattleForm = groups[0]?.fields?.[0]?.type === 'titleAndInput';
   const backView = back ? /*#__PURE__*/React.createElement("p", {
     className: style.back
@@ -110,6 +115,7 @@ const BrandForm = (props, context) => {
     className: style.form
   }, brandGroups, buttonSection));
 };
+
 BrandForm.contextTypes = {
   skin: Provider.childContextTypes.skin
 };