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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ICON_TYPES","resources","VideoIcon","klf","KeyIcon","tips","LightBulbIcon","themeStyle","setup","style","setupPart","default","AccordionPart","props","context","skin","title","content","iconType","theme","onClick","isOpen","TitleIcon","darkColor","mediumColor","openIconClassName","openIconActivated","openIcon","closeIconClassName","closeIconActivated","closeIcon","openHeader","closedHeader","titleIcon","titleLabel","container","contextTypes","Provider","childContextTypes","propTypes","PropTypes","oneOf","string","node","func","bool"],"sources":["../../../../src/organism/accordion/part/index.js"],"sourcesContent":["import React from 'react';\nimport {noop, keys, get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionNavigationMore as MoreIcon,\n  NovaLineLoginKey1 as KeyIcon,\n  NovaLineVideosVideoClip3 as VideoIcon,\n  NovaSolidLightsLightbulb4 as LightBulbIcon,\n  NovaCompositionNavigationLess as LessIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../../atom/provider';\nimport style from './style.css';\n\nconst ICON_TYPES = {\n  resources: VideoIcon,\n  klf: KeyIcon,\n  tips: LightBulbIcon\n};\n\nconst themeStyle = {\n  setup: style.setupPart,\n  default: null\n};\n\nconst AccordionPart = (props, context) => {\n  const {skin} = context;\n  const {title, content, iconType, theme, onClick = noop, isOpen = false} = props;\n  const TitleIcon = ICON_TYPES[iconType];\n  const darkColor = get('common.dark', skin);\n  const mediumColor = get('common.medium', skin);\n  const openIconClassName = isOpen ? style.openIconActivated : style.openIcon;\n  const closeIconClassName = !isOpen ? style.closeIconActivated : style.closeIcon;\n\n  return (\n    <div data-name=\"accordionPart\" className={themeStyle[theme]}>\n      <div\n        className={isOpen ? style.openHeader : style.closedHeader}\n        data-type={iconType}\n        onClick={onClick}\n      >\n        <div data-name=\"title\" className={style.title}>\n          {TitleIcon ? <TitleIcon className={style.titleIcon} color=\"inherit\" /> : null}\n          <h3 className={style.titleLabel}>{title}</h3>\n        </div>\n        <MoreIcon className={closeIconClassName} color={darkColor} />\n        <LessIcon className={openIconClassName} color={mediumColor} />\n      </div>\n      {isOpen ? <div className={style.container}>{content}</div> : null}\n    </div>\n  );\n};\n\nAccordionPart.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nAccordionPart.propTypes = {\n  iconType: PropTypes.oneOf(keys(ICON_TYPES)),\n  title: PropTypes.string,\n  content: PropTypes.node,\n  onClick: PropTypes.func,\n  isOpen: PropTypes.bool,\n  theme: PropTypes.string\n};\n\nexport default AccordionPart;\n"],"mappings":";;;;;;;AAAA;AAEA;AACA;AAOA;AACA;AAAgC;AAEhC,MAAMA,UAAU,GAAG;EACjBC,SAAS,EAAEC,mCAAS;EACpBC,GAAG,EAAEC,4BAAO;EACZC,IAAI,EAAEC;AACR,CAAC;AAED,MAAMC,UAAU,GAAG;EACjBC,KAAK,EAAEC,cAAK,CAACC,SAAS;EACtBC,OAAO,EAAE;AACX,CAAC;AAED,MAAMC,aAAa,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EACxC,MAAM;IAACC;EAAI,CAAC,GAAGD,OAAO;EACtB,MAAM;IAACE,KAAK;IAAEC,OAAO;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,OAAO,iBAAO;IAAEC,MAAM,GAAG;EAAK,CAAC,GAAGR,KAAK;EAC/E,MAAMS,SAAS,GAAGtB,UAAU,CAACkB,QAAQ,CAAC;EACtC,MAAMK,SAAS,GAAG,mBAAI,aAAa,EAAER,IAAI,CAAC;EAC1C,MAAMS,WAAW,GAAG,mBAAI,eAAe,EAAET,IAAI,CAAC;EAC9C,MAAMU,iBAAiB,GAAGJ,MAAM,GAAGZ,cAAK,CAACiB,iBAAiB,GAAGjB,cAAK,CAACkB,QAAQ;EAC3E,MAAMC,kBAAkB,GAAG,CAACP,MAAM,GAAGZ,cAAK,CAACoB,kBAAkB,GAAGpB,cAAK,CAACqB,SAAS;EAE/E,oBACE;IAAK,aAAU,eAAe;IAAC,SAAS,EAAEvB,UAAU,CAACY,KAAK;EAAE,gBAC1D;IACE,SAAS,EAAEE,MAAM,GAAGZ,cAAK,CAACsB,UAAU,GAAGtB,cAAK,CAACuB,YAAa;IAC1D,aAAWd,QAAS;IACpB,OAAO,EAAEE;EAAQ,gBAEjB;IAAK,aAAU,OAAO;IAAC,SAAS,EAAEX,cAAK,CAACO;EAAM,GAC3CM,SAAS,gBAAG,6BAAC,SAAS;IAAC,SAAS,EAAEb,cAAK,CAACwB,SAAU;IAAC,KAAK,EAAC;EAAS,EAAG,GAAG,IAAI,eAC7E;IAAI,SAAS,EAAExB,cAAK,CAACyB;EAAW,GAAElB,KAAK,CAAM,CACzC,eACN,6BAAC,wCAAQ;IAAC,SAAS,EAAEY,kBAAmB;IAAC,KAAK,EAAEL;EAAU,EAAG,eAC7D,6BAAC,wCAAQ;IAAC,SAAS,EAAEE,iBAAkB;IAAC,KAAK,EAAED;EAAY,EAAG,CAC1D,EACLH,MAAM,gBAAG;IAAK,SAAS,EAAEZ,cAAK,CAAC0B;EAAU,GAAElB,OAAO,CAAO,GAAG,IAAI,CAC7D;AAEV,CAAC;AAEDL,aAAa,CAACwB,YAAY,GAAG;EAC3BrB,IAAI,EAAEsB,iBAAQ,CAACC,iBAAiB,CAACvB;AACnC,CAAC;AAEDH,aAAa,CAAC2B,SAAS,2CAAG;EACxBrB,QAAQ,EAAEsB,kBAAS,CAACC,KAAK,CAAC,oBAAKzC,UAAU,CAAC,CAAC;EAC3CgB,KAAK,EAAEwB,kBAAS,CAACE,MAAM;EACvBzB,OAAO,EAAEuB,kBAAS,CAACG,IAAI;EACvBvB,OAAO,EAAEoB,kBAAS,CAACI,IAAI;EACvBvB,MAAM,EAAEmB,kBAAS,CAACK,IAAI;EACtB1B,KAAK,EAAEqB,kBAAS,CAACE;AACnB,CAAC;AAAC,eAEa9B,aAAa;AAAA"}
+{"version":3,"file":"index.js","names":["ICON_TYPES","resources","VideoIcon","klf","KeyIcon","tips","LightBulbIcon","themeStyle","setup","style","setupPart","default","AccordionPart","props","context","skin","title","content","iconType","theme","onClick","isOpen","TitleIcon","darkColor","mediumColor","openIconClassName","openIconActivated","openIcon","closeIconClassName","closeIconActivated","closeIcon","openHeader","closedHeader","titleIcon","titleLabel","container","contextTypes","Provider","childContextTypes","propTypes","PropTypes","oneOf","string","node","func","bool"],"sources":["../../../../src/organism/accordion/part/index.js"],"sourcesContent":["import React from 'react';\nimport {noop, keys, get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionNavigationMore as MoreIcon,\n  NovaLineLoginKey1 as KeyIcon,\n  NovaLineVideosVideoClip3 as VideoIcon,\n  NovaSolidLightsLightbulb4 as LightBulbIcon,\n  NovaCompositionNavigationLess as LessIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../../atom/provider';\nimport style from './style.css';\n\nconst ICON_TYPES = {\n  resources: VideoIcon,\n  klf: KeyIcon,\n  tips: LightBulbIcon\n};\n\nconst themeStyle = {\n  setup: style.setupPart,\n  default: null\n};\n\nconst AccordionPart = (props, context) => {\n  const {skin} = context;\n  const {title, content, iconType, theme, onClick = noop, isOpen = false} = props;\n  const TitleIcon = ICON_TYPES[iconType];\n  const darkColor = get('common.dark', skin);\n  const mediumColor = get('common.medium', skin);\n  const openIconClassName = isOpen ? style.openIconActivated : style.openIcon;\n  const closeIconClassName = !isOpen ? style.closeIconActivated : style.closeIcon;\n\n  return (\n    <div data-name=\"accordionPart\" className={themeStyle[theme]}>\n      <div\n        className={isOpen ? style.openHeader : style.closedHeader}\n        data-type={iconType}\n        onClick={onClick}\n      >\n        <div data-name=\"title\" className={style.title}>\n          {TitleIcon ? <TitleIcon className={style.titleIcon} color=\"inherit\" /> : null}\n          <h3 className={style.titleLabel}>{title}</h3>\n        </div>\n        <MoreIcon className={closeIconClassName} color={darkColor} />\n        <LessIcon className={openIconClassName} color={mediumColor} />\n      </div>\n      {isOpen ? <div className={style.container}>{content}</div> : null}\n    </div>\n  );\n};\n\nAccordionPart.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nAccordionPart.propTypes = {\n  iconType: PropTypes.oneOf(keys(ICON_TYPES)),\n  title: PropTypes.string,\n  content: PropTypes.node,\n  onClick: PropTypes.func,\n  isOpen: PropTypes.bool,\n  theme: PropTypes.string\n};\n\nexport default AccordionPart;\n"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;AACA;;AAOA;;AACA;;;;AAEA,MAAMA,UAAU,GAAG;EACjBC,SAAS,EAAEC,mCADM;EAEjBC,GAAG,EAAEC,4BAFY;EAGjBC,IAAI,EAAEC;AAHW,CAAnB;AAMA,MAAMC,UAAU,GAAG;EACjBC,KAAK,EAAEC,cAAA,CAAMC,SADI;EAEjBC,OAAO,EAAE;AAFQ,CAAnB;;AAKA,MAAMC,aAAa,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACxC,MAAM;IAACC;EAAD,IAASD,OAAf;EACA,MAAM;IAACE,KAAD;IAAQC,OAAR;IAAiBC,QAAjB;IAA2BC,KAA3B;IAAkCC,OAAO,iBAAzC;IAAkDC,MAAM,GAAG;EAA3D,IAAoER,KAA1E;EACA,MAAMS,SAAS,GAAGtB,UAAU,CAACkB,QAAD,CAA5B;EACA,MAAMK,SAAS,GAAG,mBAAI,aAAJ,EAAmBR,IAAnB,CAAlB;EACA,MAAMS,WAAW,GAAG,mBAAI,eAAJ,EAAqBT,IAArB,CAApB;EACA,MAAMU,iBAAiB,GAAGJ,MAAM,GAAGZ,cAAA,CAAMiB,iBAAT,GAA6BjB,cAAA,CAAMkB,QAAnE;EACA,MAAMC,kBAAkB,GAAG,CAACP,MAAD,GAAUZ,cAAA,CAAMoB,kBAAhB,GAAqCpB,cAAA,CAAMqB,SAAtE;EAEA,oBACE;IAAK,aAAU,eAAf;IAA+B,SAAS,EAAEvB,UAAU,CAACY,KAAD;EAApD,gBACE;IACE,SAAS,EAAEE,MAAM,GAAGZ,cAAA,CAAMsB,UAAT,GAAsBtB,cAAA,CAAMuB,YAD/C;IAEE,aAAWd,QAFb;IAGE,OAAO,EAAEE;EAHX,gBAKE;IAAK,aAAU,OAAf;IAAuB,SAAS,EAAEX,cAAA,CAAMO;EAAxC,GACGM,SAAS,gBAAG,6BAAC,SAAD;IAAW,SAAS,EAAEb,cAAA,CAAMwB,SAA5B;IAAuC,KAAK,EAAC;EAA7C,EAAH,GAA+D,IAD3E,eAEE;IAAI,SAAS,EAAExB,cAAA,CAAMyB;EAArB,GAAkClB,KAAlC,CAFF,CALF,eASE,6BAAC,wCAAD;IAAU,SAAS,EAAEY,kBAArB;IAAyC,KAAK,EAAEL;EAAhD,EATF,eAUE,6BAAC,wCAAD;IAAU,SAAS,EAAEE,iBAArB;IAAwC,KAAK,EAAED;EAA/C,EAVF,CADF,EAaGH,MAAM,gBAAG;IAAK,SAAS,EAAEZ,cAAA,CAAM0B;EAAtB,GAAkClB,OAAlC,CAAH,GAAsD,IAb/D,CADF;AAiBD,CA1BD;;AA4BAL,aAAa,CAACwB,YAAd,GAA6B;EAC3BrB,IAAI,EAAEsB,iBAAA,CAASC,iBAAT,CAA2BvB;AADN,CAA7B;AAIAH,aAAa,CAAC2B,SAAd,2CAA0B;EACxBrB,QAAQ,EAAEsB,kBAAA,CAAUC,KAAV,CAAgB,oBAAKzC,UAAL,CAAhB,CADc;EAExBgB,KAAK,EAAEwB,kBAAA,CAAUE,MAFO;EAGxBzB,OAAO,EAAEuB,kBAAA,CAAUG,IAHK;EAIxBvB,OAAO,EAAEoB,kBAAA,CAAUI,IAJK;EAKxBvB,MAAM,EAAEmB,kBAAA,CAAUK,IALM;EAMxB1B,KAAK,EAAEqB,kBAAA,CAAUE;AANO,CAA1B;eASe9B,a"}

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"analytics-popin.js","names":["AnalyticsPopin","props","context","skin","ctaLabel","ctaOnClick","header","closeOnClick","content","createMarkup","__html","primary","onCloseClick","e","stopPropagation","style","default","popin","backgroundColor","contextTypes","Provider","childContextTypes","propTypes","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;AACA;AAEA;AACA;AACA;AACA;AAA0C;AAE1C,MAAMA,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,qBAAM,SAAS,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAER,IAAI,CAAC;EAE7D,SAASS,YAAY,CAACC,CAAC,EAAE;IACvB,IAAAC,iBAAe,EAACD,CAAC,CAAC;IAClBN,YAAY,CAACM,CAAC,CAAC;EACjB;EAEA,oBACE;IAAK,SAAS,EAAEE,uBAAK,CAACC,OAAQ;IAAC,OAAO,EAAEJ;EAAa,gBACnD;IAAK,SAAS,EAAEG,uBAAK,CAACE;EAAM,gBAC1B;IAAK,SAAS,EAAEF,uBAAK,CAACT,MAAO;IAAC,OAAO,EAAEM,YAAa;IAAC,aAAU;EAAc,GAC1EN,MAAM,CACH,eACN;IAAK,SAAS,EAAES,uBAAK,CAACP;EAAQ,gBAC5B;IACE;IACA,uBAAuB,EAAEC,YAAY;EAAG,EACxC,CACE,eACN,6BAAC,eAAM;IACL,IAAI,EAAC,MAAM;IACX,OAAO,EAAEJ,UAAW;IACpB,WAAW,EAAED,QAAS;IACtB,KAAK,EAAE;MACLc,eAAe,EAAEP;IACnB;EAAE,EACF,CACE,CACF;AAEV,CAAC;AAEDX,cAAc,CAACmB,YAAY,GAAG;EAC5BhB,IAAI,EAAEiB,iBAAQ,CAACC,iBAAiB,CAAClB;AACnC,CAAC;AAEDH,cAAc,CAACsB,SAAS,2CAAG;EACzBlB,QAAQ,EAAEmB,kBAAS,CAACC,MAAM;EAC1BnB,UAAU,EAAEkB,kBAAS,CAACE,IAAI;EAC1BlB,YAAY,EAAEgB,kBAAS,CAACE,IAAI;EAC5BnB,MAAM,EAAEiB,kBAAS,CAACC,MAAM;EACxBhB,OAAO,EAAEe,kBAAS,CAACC;AACrB,CAAC;AAAC,eAEaxB,cAAc;AAAA"}
+{"version":3,"file":"analytics-popin.js","names":["AnalyticsPopin","props","context","skin","ctaLabel","ctaOnClick","header","closeOnClick","content","createMarkup","__html","primary","onCloseClick","e","stopPropagation","style","default","popin","backgroundColor","contextTypes","Provider","childContextTypes","propTypes","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;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,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,qBAAM,SAAN,EAAiB,CAAC,QAAD,EAAW,SAAX,CAAjB,EAAwCR,IAAxC,CAAhB;;EAEA,SAASS,YAAT,CAAsBC,CAAtB,EAAyB;IACvB,IAAAC,iBAAA,EAAgBD,CAAhB;IACAN,YAAY,CAACM,CAAD,CAAZ;EACD;;EAED,oBACE;IAAK,SAAS,EAAEE,uBAAA,CAAMC,OAAtB;IAA+B,OAAO,EAAEJ;EAAxC,gBACE;IAAK,SAAS,EAAEG,uBAAA,CAAME;EAAtB,gBACE;IAAK,SAAS,EAAEF,uBAAA,CAAMT,MAAtB;IAA8B,OAAO,EAAEM,YAAvC;IAAqD,aAAU;EAA/D,GACGN,MADH,CADF,eAIE;IAAK,SAAS,EAAES,uBAAA,CAAMP;EAAtB,gBACE;IACE;IACA,uBAAuB,EAAEC,YAAY;EAFvC,EADF,CAJF,eAUE,6BAAC,eAAD;IACE,IAAI,EAAC,MADP;IAEE,OAAO,EAAEJ,UAFX;IAGE,WAAW,EAAED,QAHf;IAIE,KAAK,EAAE;MACLc,eAAe,EAAEP;IADZ;EAJT,EAVF,CADF,CADF;AAuBD,CAvCD;;AAyCAX,cAAc,CAACmB,YAAf,GAA8B;EAC5BhB,IAAI,EAAEiB,iBAAA,CAASC,iBAAT,CAA2BlB;AADL,CAA9B;AAIAH,cAAc,CAACsB,SAAf,2CAA2B;EACzBlB,QAAQ,EAAEmB,kBAAA,CAAUC,MADK;EAEzBnB,UAAU,EAAEkB,kBAAA,CAAUE,IAFG;EAGzBlB,YAAY,EAAEgB,kBAAA,CAAUE,IAHC;EAIzBnB,MAAM,EAAEiB,kBAAA,CAAUC,MAJO;EAKzBhB,OAAO,EAAEe,kBAAA,CAAUC;AALM,CAA3B;eAQexB,c"}

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

@@ -2,16 +2,27 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _sidebar = _interopRequireDefault(require("../sidebar"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _loading = _interopRequireDefault(require("../../template/app-player/loading"));
+
 var _analyticsPopin = _interopRequireDefault(require("./analytics-popin"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const Analytics = (props, context) => {
   const {
     url,
@@ -22,6 +33,7 @@ const Analytics = (props, context) => {
     skin,
     translate
   } = context;
+
   const body = () => {
     if (selected) {
       if (url) return /*#__PURE__*/_react.default.createElement("iframe", {
@@ -38,14 +50,17 @@ const Analytics = (props, context) => {
         }
       }, translate('Select a dashboard in the Sidebar'));
     }
+
     return null;
   };
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.dashboardSelection
   }, /*#__PURE__*/_react.default.createElement("h1", {
     className: _style.default.dashboardTitle
   }, (0, _getOr2.default)(translate('No Selected Dashboard'), 'name', selected)), body());
 };
+
 Analytics.propTypes = process.env.NODE_ENV !== "production" ? {
   url: _propTypes.default.string,
   error: _propTypes.default.string,
@@ -57,6 +72,7 @@ Analytics.contextTypes = {
   skin: _provider.default.childContextTypes.skin,
   translate: _provider.default.childContextTypes.translate
 };
+
 const ErrorPopin = ({
   onErrorRedirect,
   ctaLabel,
@@ -71,6 +87,7 @@ const ErrorPopin = ({
     closeOnClick: onErrorRedirect
   }, /*#__PURE__*/_react.default.createElement("p", null, error)) : null;
 };
+
 ErrorPopin.propTypes = process.env.NODE_ENV !== "production" ? {
   onErrorRedirect: _propTypes.default.func.isRequired,
   ctaLabel: _propTypes.default.string.isRequired,
@@ -79,6 +96,7 @@ ErrorPopin.propTypes = process.env.NODE_ENV !== "production" ? {
 ErrorPopin.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };
+
 const BrandAnalytics = (props, context) => {
   const {
     dashboards = [],
@@ -91,6 +109,7 @@ const BrandAnalytics = (props, context) => {
   const {
     translate
   } = context;
+
   if (!dashboards || dashboards.length === 0) {
     if (error) return /*#__PURE__*/_react.default.createElement(ErrorPopin, {
       ctaLabel: translate('Reload'),
@@ -99,6 +118,7 @@ const BrandAnalytics = (props, context) => {
     });
     return /*#__PURE__*/_react.default.createElement(_loading.default, null);
   }
+
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_sidebar.default, {
     items: sidebarItems
   }), /*#__PURE__*/_react.default.createElement("div", {
@@ -113,6 +133,7 @@ const BrandAnalytics = (props, context) => {
     onErrorRedirect: onErrorRedirect
   })));
 };
+
 BrandAnalytics.contextTypes = {
   skin: _provider.default.childContextTypes.skin,
   translate: _provider.default.childContextTypes.translate

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Analytics","props","context","url","error","selected","skin","translate","body","style","dashboardIframe","dashboardNoSelection","color","dashboardSelection","dashboardTitle","propTypes","PropTypes","string","shape","name","contextTypes","Provider","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":["Analytics","props","context","url","error","selected","skin","translate","body","style","dashboardIframe","dashboardNoSelection","color","dashboardSelection","dashboardTitle","propTypes","PropTypes","string","shape","name","contextTypes","Provider","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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"}

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

@@ -2,14 +2,23 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _title = _interopRequireDefault(require("../../atom/title"));
+
 var _quickAccessCardsGroup = _interopRequireDefault(require("../../molecule/quick-access-cards-group"));
+
 var _go1Banner = _interopRequireDefault(require("../../molecule/go1-banner"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const Dashboard = props => {
   const {
     header,
@@ -27,6 +36,7 @@ const Dashboard = props => {
     className: _style.default.cardsWrapper
   }, /*#__PURE__*/_react.default.createElement(_quickAccessCardsGroup.default, quickAccessCards.cards))));
 };
+
 Dashboard.propTypes = process.env.NODE_ENV !== "production" ? {
   header: _propTypes.default.shape({
     title: _propTypes.default.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Dashboard","props","header","quickAccessCards","banner","style","sectionWrapper","title","cardsWrapper","cards","propTypes","PropTypes","shape","string","subtitle","QuickAccessCardGroup","Go1Banner"],"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 Go1Banner from '../../molecule/go1-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 ? <Go1Banner {...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(Go1Banner.propTypes)\n};\n\nexport default Dashboard;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAAgC;AAAA;AAEhC,MAAMA,SAAS,GAAGC,KAAK,IAAI;EACzB,MAAM;IAACC,MAAM;IAAEC,gBAAgB;IAAEC;EAAM,CAAC,GAAGH,KAAK;EAChD,oBACE,uDACE,uDACE,6BAAC,cAAK,eAAKC,MAAM;IAAE,IAAI,EAAE;EAAO,GAAG,CAC/B,EACLE,MAAM,gBAAG,6BAAC,kBAAS,EAAKA,MAAM,CAAI,GAAG,IAAI,eAC1C;IAAK,SAAS,EAAEC,cAAK,CAACC;EAAe,gBACnC,6BAAC,cAAK;IAAC,KAAK,EAAEH,gBAAgB,CAACI,KAAM;IAAC,IAAI,EAAE;EAAa,EAAG,eAC5D;IAAK,SAAS,EAAEF,cAAK,CAACG;EAAa,gBACjC,6BAAC,8BAAoB,EAAKL,gBAAgB,CAACM,KAAK,CAAI,CAChD,CACF,CACF;AAEV,CAAC;AAEDT,SAAS,CAACU,SAAS,2CAAG;EACpBR,MAAM,EAAES,kBAAS,CAACC,KAAK,CAAC;IACtBL,KAAK,EAAEI,kBAAS,CAACE,MAAM;IACvBC,QAAQ,EAAEH,kBAAS,CAACE;EACtB,CAAC,CAAC;EACFV,gBAAgB,EAAEQ,kBAAS,CAACC,KAAK,CAAC;IAChCL,KAAK,EAAEI,kBAAS,CAACE,MAAM;IACvBJ,KAAK,EAAEE,kBAAS,CAACC,KAAK,CAACG,8BAAoB,CAACL,SAAS;EACvD,CAAC,CAAC;EACFN,MAAM,EAAEO,kBAAS,CAACC,KAAK,CAACI,kBAAS,CAACN,SAAS;AAC7C,CAAC;AAAC,eAEaV,SAAS;AAAA"}
+{"version":3,"file":"index.js","names":["Dashboard","props","header","quickAccessCards","banner","style","sectionWrapper","title","cardsWrapper","cards","propTypes","PropTypes","shape","string","subtitle","QuickAccessCardGroup","Go1Banner"],"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 Go1Banner from '../../molecule/go1-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 ? <Go1Banner {...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(Go1Banner.propTypes)\n};\n\nexport default Dashboard;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,SAAS,GAAGC,KAAK,IAAI;EACzB,MAAM;IAACC,MAAD;IAASC,gBAAT;IAA2BC;EAA3B,IAAqCH,KAA3C;EACA,oBACE,uDACE,uDACE,6BAAC,cAAD,eAAWC,MAAX;IAAmB,IAAI,EAAE;EAAzB,GADF,CADF,EAIGE,MAAM,gBAAG,6BAAC,kBAAD,EAAeA,MAAf,CAAH,GAA+B,IAJxC,eAKE;IAAK,SAAS,EAAEC,cAAA,CAAMC;EAAtB,gBACE,6BAAC,cAAD;IAAO,KAAK,EAAEH,gBAAgB,CAACI,KAA/B;IAAsC,IAAI,EAAE;EAA5C,EADF,eAEE;IAAK,SAAS,EAAEF,cAAA,CAAMG;EAAtB,gBACE,6BAAC,8BAAD,EAA0BL,gBAAgB,CAACM,KAA3C,CADF,CAFF,CALF,CADF;AAcD,CAhBD;;AAkBAT,SAAS,CAACU,SAAV,2CAAsB;EACpBR,MAAM,EAAES,kBAAA,CAAUC,KAAV,CAAgB;IACtBL,KAAK,EAAEI,kBAAA,CAAUE,MADK;IAEtBC,QAAQ,EAAEH,kBAAA,CAAUE;EAFE,CAAhB,CADY;EAKpBV,gBAAgB,EAAEQ,kBAAA,CAAUC,KAAV,CAAgB;IAChCL,KAAK,EAAEI,kBAAA,CAAUE,MADe;IAEhCJ,KAAK,EAAEE,kBAAA,CAAUC,KAAV,CAAgBG,8BAAA,CAAqBL,SAArC;EAFyB,CAAhB,CALE;EASpBN,MAAM,EAAEO,kBAAA,CAAUC,KAAV,CAAgBI,kBAAA,CAAUN,SAA1B;AATY,CAAtB;eAYeV,S"}

package/lib/organism/brand-form/index.d.ts

@@ -86,6 +86,8 @@ declare namespace BrandForm {
                 disabled: PropTypes.Requireable<boolean>;
                 onChange: PropTypes.Requireable<(...args: any[]) => any>;
                 description: PropTypes.Requireable<string>;
+                'aria-labelledby': PropTypes.Requireable<string>;
+                'aria-label': PropTypes.Requireable<string>;
                 modified: PropTypes.Requireable<boolean>;
                 titlePosition: PropTypes.Requireable<string>;
                 theme: PropTypes.Requireable<string>;
@@ -139,6 +141,7 @@ declare namespace BrandForm {
                 modified: PropTypes.Requireable<boolean>;
                 error: PropTypes.Requireable<boolean>;
                 'aria-label': PropTypes.Requireable<string>;
+                'aria-labelledby': PropTypes.Requireable<string>;
             }> | PropTypes.InferProps<{
                 type: PropTypes.Requireable<string>;
                 title: PropTypes.Validator<string>;
@@ -218,6 +221,8 @@ declare namespace BrandForm {
                         disabled: PropTypes.Requireable<boolean>;
                         onChange: PropTypes.Requireable<(...args: any[]) => any>;
                         description: PropTypes.Requireable<string>;
+                        'aria-labelledby': PropTypes.Requireable<string>;
+                        'aria-label': PropTypes.Requireable<string>;
                         modified: PropTypes.Requireable<boolean>;
                         titlePosition: PropTypes.Requireable<string>;
                         theme: PropTypes.Requireable<string>;
@@ -254,6 +259,7 @@ declare namespace BrandForm {
                         modified: PropTypes.Requireable<boolean>;
                         error: PropTypes.Requireable<boolean>;
                         'aria-label': PropTypes.Requireable<string>;
+                        'aria-labelledby': PropTypes.Requireable<string>;
                     }> | PropTypes.InferProps<{
                         type: PropTypes.Requireable<string>;
                         title: PropTypes.Validator<string>;
@@ -358,6 +364,8 @@ declare namespace BrandForm {
                         disabled: PropTypes.Requireable<boolean>;
                         onChange: PropTypes.Requireable<(...args: any[]) => any>;
                         description: PropTypes.Requireable<string>;
+                        'aria-labelledby': PropTypes.Requireable<string>;
+                        'aria-label': PropTypes.Requireable<string>;
                         modified: PropTypes.Requireable<boolean>;
                         titlePosition: PropTypes.Requireable<string>;
                         theme: PropTypes.Requireable<string>;

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

@@ -2,24 +2,40 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _reactTooltip = _interopRequireDefault(require("react-tooltip"));
+
 var _brandFormGroup = _interopRequireDefault(require("../../molecule/brand-form-group"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _button = _interopRequireDefault(require("../../atom/button"));
+
 var _link = _interopRequireDefault(require("../../atom/link"));
+
 var _loader = _interopRequireDefault(require("../../atom/loader"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const buildButtonSection = (onSubmit, submitValue, onReset, resetValue, tooltip, disabled, isModified, isPending, darkColor) => {
   if (!onSubmit && !onReset) {
     return null;
   }
+
   const disabledSubmit = disabled || isPending || !isModified;
   const submitButton = onSubmit ? /*#__PURE__*/_react.default.createElement("div", {
     "data-tip": tooltip.title,
@@ -50,6 +66,7 @@ const buildButtonSection = (onSubmit, submitValue, onReset, resetValue, tooltip,
     className: _style.default.buttons
   }, submitButton, resetButton);
 };
+
 function BrandForm(props, context) {
   const {
     groups,
@@ -103,6 +120,7 @@ function BrandForm(props, context) {
     className: _style.default.form
   }, brandGroups, buttonSection));
 }
+
 BrandForm.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };

package/lib/organism/brand-form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["buildButtonSection","onSubmit","submitValue","onReset","resetValue","tooltip","disabled","isModified","isPending","darkColor","disabledSubmit","submitButton","title","style","saveButton","toolTipContent","place","cancelBackground","backgroundColor","resetButton","buttons","BrandForm","props","context","groups","back","isLoading","skin","backView","arrowBack","link","backDesc","desc","brandGroups","map","group","index","buttonSection","handleSubmit","useMemo","e","preventDefault","handleReset","loaderContainer","loader","form","contextTypes","Provider","childContextTypes","defaultProps","propTypes","PropTypes","arrayOf","shape","BrandFormGroup","isRequired","bool","func","Button","Link","children","href","string"],"sources":["../../../src/organism/brand-form/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowLeft as ArrowLeft} from '@coorpacademy/nova-icons';\nimport ReactTooltip from 'react-tooltip';\nimport BrandFormGroup from '../../molecule/brand-form-group';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport Link from '../../atom/link';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst buildButtonSection = (\n  onSubmit,\n  submitValue,\n  onReset,\n  resetValue,\n  tooltip,\n  disabled,\n  isModified,\n  isPending,\n  darkColor\n) => {\n  if (!onSubmit && !onReset) {\n    return null;\n  }\n\n  const disabledSubmit = disabled || isPending || !isModified;\n  const submitButton = onSubmit ? (\n    <div data-tip={tooltip.title} data-for=\"submitButton\" className={style.saveButton}>\n      <ReactTooltip\n        type=\"light\"\n        effect=\"solid\"\n        className={style.toolTipContent}\n        place={tooltip.place}\n        id=\"submitButton\"\n      />\n      <Button type=\"submit\" disabled={disabledSubmit} submitValue={submitValue} />\n    </div>\n  ) : null;\n\n  const cancelBackground = {backgroundColor: darkColor};\n\n  const resetButton = onReset ? (\n    <div className={style.resetButton}>\n      <Button type=\"reset\" submitValue={resetValue} style={cancelBackground} />\n    </div>\n  ) : null;\n\n  return (\n    <div className={style.buttons}>\n      {submitButton}\n      {resetButton}\n    </div>\n  );\n};\n\nfunction BrandForm(props, context) {\n  const {\n    groups,\n    disabled,\n    isModified,\n    isPending,\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    back,\n    tooltip,\n    isLoading\n  } = props;\n  const {skin} = context;\n  const darkColor = get('common.dark', skin);\n\n  const backView = back ? (\n    <p className={style.back}>\n      <ArrowLeft color={darkColor} className={style.arrowBack} />\n      <Link href={back.link} className={style.backDesc}>\n        {back.desc}\n      </Link>\n    </p>\n  ) : null;\n\n  const brandGroups = groups.map((group, index) => {\n    return (\n      <div className={style.group} key={index}>\n        <BrandFormGroup {...group} />\n      </div>\n    );\n  });\n\n  const buttonSection = buildButtonSection(\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    tooltip,\n    disabled,\n    isModified,\n    isPending,\n    darkColor\n  );\n\n  const handleSubmit = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onSubmit(e);\n    },\n    [onSubmit]\n  );\n\n  const handleReset = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onReset(e);\n    },\n    [onReset]\n  );\n\n  return (\n    <div>\n      {backView}\n      {isLoading ? (\n        <div className={style.loaderContainer}>\n          <Loader className={style.loader} theme=\"coorpmanager\" />\n        </div>\n      ) : (\n        <form onSubmit={handleSubmit} onReset={handleReset} className={style.form}>\n          {brandGroups}\n          {buttonSection}\n        </form>\n      )}\n    </div>\n  );\n}\n\nBrandForm.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBrandForm.defaultProps = {\n  tooltip: {\n    title: '',\n    place: 'top'\n  }\n};\n\nBrandForm.propTypes = {\n  groups: PropTypes.arrayOf(PropTypes.shape(BrandFormGroup.propTypes)).isRequired,\n  disabled: PropTypes.bool,\n  isModified: PropTypes.bool,\n  isPending: PropTypes.bool,\n  onSubmit: PropTypes.func,\n  submitValue: Button.propTypes.submitValue,\n  onReset: PropTypes.func,\n  resetValue: Button.propTypes.submitValue,\n  back: PropTypes.shape({\n    desc: Link.propTypes.children,\n    link: Link.propTypes.href\n  }),\n  tooltip: PropTypes.shape({\n    title: PropTypes.string,\n    place: PropTypes.string\n  }),\n  isLoading: PropTypes.bool\n};\n\nexport default BrandForm;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["buildButtonSection","onSubmit","submitValue","onReset","resetValue","tooltip","disabled","isModified","isPending","darkColor","disabledSubmit","submitButton","title","style","saveButton","toolTipContent","place","cancelBackground","backgroundColor","resetButton","buttons","BrandForm","props","context","groups","back","isLoading","skin","backView","arrowBack","link","backDesc","desc","brandGroups","map","group","index","buttonSection","handleSubmit","useMemo","e","preventDefault","handleReset","loaderContainer","loader","form","contextTypes","Provider","childContextTypes","defaultProps","propTypes","PropTypes","arrayOf","shape","BrandFormGroup","isRequired","bool","func","Button","Link","children","href","string"],"sources":["../../../src/organism/brand-form/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowLeft as ArrowLeft} from '@coorpacademy/nova-icons';\nimport ReactTooltip from 'react-tooltip';\nimport BrandFormGroup from '../../molecule/brand-form-group';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport Link from '../../atom/link';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst buildButtonSection = (\n  onSubmit,\n  submitValue,\n  onReset,\n  resetValue,\n  tooltip,\n  disabled,\n  isModified,\n  isPending,\n  darkColor\n) => {\n  if (!onSubmit && !onReset) {\n    return null;\n  }\n\n  const disabledSubmit = disabled || isPending || !isModified;\n  const submitButton = onSubmit ? (\n    <div data-tip={tooltip.title} data-for=\"submitButton\" className={style.saveButton}>\n      <ReactTooltip\n        type=\"light\"\n        effect=\"solid\"\n        className={style.toolTipContent}\n        place={tooltip.place}\n        id=\"submitButton\"\n      />\n      <Button type=\"submit\" disabled={disabledSubmit} submitValue={submitValue} />\n    </div>\n  ) : null;\n\n  const cancelBackground = {backgroundColor: darkColor};\n\n  const resetButton = onReset ? (\n    <div className={style.resetButton}>\n      <Button type=\"reset\" submitValue={resetValue} style={cancelBackground} />\n    </div>\n  ) : null;\n\n  return (\n    <div className={style.buttons}>\n      {submitButton}\n      {resetButton}\n    </div>\n  );\n};\n\nfunction BrandForm(props, context) {\n  const {\n    groups,\n    disabled,\n    isModified,\n    isPending,\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    back,\n    tooltip,\n    isLoading\n  } = props;\n  const {skin} = context;\n  const darkColor = get('common.dark', skin);\n\n  const backView = back ? (\n    <p className={style.back}>\n      <ArrowLeft color={darkColor} className={style.arrowBack} />\n      <Link href={back.link} className={style.backDesc}>\n        {back.desc}\n      </Link>\n    </p>\n  ) : null;\n\n  const brandGroups = groups.map((group, index) => {\n    return (\n      <div className={style.group} key={index}>\n        <BrandFormGroup {...group} />\n      </div>\n    );\n  });\n\n  const buttonSection = buildButtonSection(\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    tooltip,\n    disabled,\n    isModified,\n    isPending,\n    darkColor\n  );\n\n  const handleSubmit = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onSubmit(e);\n    },\n    [onSubmit]\n  );\n\n  const handleReset = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onReset(e);\n    },\n    [onReset]\n  );\n\n  return (\n    <div>\n      {backView}\n      {isLoading ? (\n        <div className={style.loaderContainer}>\n          <Loader className={style.loader} theme=\"coorpmanager\" />\n        </div>\n      ) : (\n        <form onSubmit={handleSubmit} onReset={handleReset} className={style.form}>\n          {brandGroups}\n          {buttonSection}\n        </form>\n      )}\n    </div>\n  );\n}\n\nBrandForm.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBrandForm.defaultProps = {\n  tooltip: {\n    title: '',\n    place: 'top'\n  }\n};\n\nBrandForm.propTypes = {\n  groups: PropTypes.arrayOf(PropTypes.shape(BrandFormGroup.propTypes)).isRequired,\n  disabled: PropTypes.bool,\n  isModified: PropTypes.bool,\n  isPending: PropTypes.bool,\n  onSubmit: PropTypes.func,\n  submitValue: Button.propTypes.submitValue,\n  onReset: PropTypes.func,\n  resetValue: Button.propTypes.submitValue,\n  back: PropTypes.shape({\n    desc: Link.propTypes.children,\n    link: Link.propTypes.href\n  }),\n  tooltip: PropTypes.shape({\n    title: PropTypes.string,\n    place: PropTypes.string\n  }),\n  isLoading: PropTypes.bool\n};\n\nexport default BrandForm;\n"],"mappings":"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"}