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

package/lib/organism/setup-header/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["SetupHeader","props","show","updateShow","React","useState","platformName","items","href","user","logo","logoMobile","isHome","isDashboard","image","onMouseEnter","onMouseLeave","platformListButtonProps","type","label","platformList","link","icon","position","platformListIconButtonProps","goAnalyticsButtonProps","globalAnalytics","seeMyPlatformButtonProps","seeMyPlatform","target","logoutButtonProps","logOut","onClick","style","container","wrapper","logoDesktop","list","classnames","button","platformListIcon","element","profilePicture","arrowUp","propTypes","PropTypes","shape","ButtonLink","string","bool","Link","username","Picture","src"],"sources":["../../../src/organism/setup-header/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Picture from '../../atom/picture';\nimport Link from '../../atom/link';\nimport ButtonLink from '../../atom/button-link';\nimport IconLink from '../../atom/button-link-icon-only';\nimport style from './style.css';\n\nconst SetupHeader = props => {\n  const [show, updateShow] = React.useState(false);\n  const {\n    platformName,\n    items,\n    href,\n    user = {},\n    logo,\n    logoMobile,\n    isHome = false,\n    isDashboard = false\n  } = props;\n  const {image = ''} = user;\n\n  function onMouseEnter() {\n    updateShow(true);\n  }\n\n  function onMouseLeave() {\n    updateShow(false);\n  }\n\n  const platformListButtonProps = {\n    type: 'tertiary',\n    label: items.platformList.label,\n    'aria-label': items.platformList.label,\n    'data-name': `platform-list-button`,\n    link: {\n      href: items.platformList.href\n    },\n    icon: {\n      position: 'left',\n      type: 'list'\n    }\n  };\n\n  const platformListIconButtonProps = {\n    'aria-label': items.platformList.label,\n    'data-name': `platform-list-button`,\n    link: {\n      href: items.platformList.href\n    },\n    icon: 'list'\n  };\n\n  const goAnalyticsButtonProps =\n    items.globalAnalytics && isDashboard === false\n      ? {\n          type: 'secondary',\n          label: items.globalAnalytics.label,\n          'aria-label': items.globalAnalytics.label,\n          'data-name': `platform-list-button`,\n          link: {\n            href: items.globalAnalytics.href\n          },\n          icon: {\n            position: 'left',\n            type: 'analytics'\n          }\n        }\n      : null;\n\n  const seeMyPlatformButtonProps = {\n    type: 'primary',\n    label: items.seeMyPlatform.label,\n    'aria-label': items.seeMyPlatform.label,\n    'data-name': `see-my-platform`,\n    link: {\n      href: items.seeMyPlatform.href,\n      target: '_blank'\n    },\n    icon: {\n      position: 'left',\n      type: 'see'\n    }\n  };\n\n  const logoutButtonProps = {\n    type: 'text',\n    label: items.logOut.label,\n    'aria-label': items.logOut.label,\n    'data-name': `logout-list-button`,\n    link: {\n      href: items.logOut.href,\n      onClick: items.logOut.onClick\n    },\n    icon: {\n      position: 'left',\n      type: 'logout'\n    }\n  };\n\n  return (\n    <div className={style.container}>\n      <div className={style.wrapper}>\n        {isHome ? (\n          <div className={style.logo}>\n            <Link href={href}>\n              <Picture className={style.logoDesktop} src={logo} />\n              <Picture className={style.logoMobile} src={logoMobile} />\n            </Link>\n          </div>\n        ) : (\n          <ul className={style.list}>\n            <div className={classnames([style.button, style.platformList])}>\n              <ButtonLink {...platformListButtonProps} />\n            </div>\n            <div className={style.platformListIcon}>\n              <IconLink {...platformListIconButtonProps} />\n            </div>\n            {!isDashboard ? (\n              <li className={classnames(style.element, style.platformName)}>{platformName}</li>\n            ) : null}\n          </ul>\n        )}\n        <ul className={style.list}>\n          {goAnalyticsButtonProps ? (\n            <div className={style.button}>\n              <ButtonLink {...goAnalyticsButtonProps} />\n            </div>\n          ) : null}\n          {isDashboard || isHome ? null : (\n            <div className={style.button}>\n              <ButtonLink {...seeMyPlatformButtonProps} />\n            </div>\n          )}\n          <li onMouseEnter={onMouseEnter} className={style.profilePicture}>\n            <img src={image} />\n          </li>\n          <div className={style.logOut}>\n            <ButtonLink {...logoutButtonProps} />\n          </div>\n        </ul>\n      </div>\n      <div data-name={`logout-${show ? 'show' : 'hide'}`}>\n        <div className={style.arrowUp} />\n        <div className={style.logOut} onMouseLeave={onMouseLeave}>\n          <ButtonLink {...logoutButtonProps} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nSetupHeader.propTypes = {\n  items: PropTypes.shape({\n    seeMyPlatform: PropTypes.shape(ButtonLink.propTypes),\n    logOut: PropTypes.shape(ButtonLink.propTypes),\n    globalAnalytics: PropTypes.shape(ButtonLink.propTypes),\n    platformList: PropTypes.shape(ButtonLink.propTypes)\n  }),\n  platformName: PropTypes.string,\n  isDashboard: PropTypes.bool,\n  isHome: PropTypes.bool,\n  href: Link.propTypes.href,\n  user: PropTypes.shape({\n    username: PropTypes.string,\n    image: PropTypes.string\n  }),\n  logo: Picture.propTypes.src,\n  logoMobile: Picture.propTypes.src\n};\n\nexport default SetupHeader;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAgC;AAEhC,MAAMA,WAAW,GAAGC,KAAK,IAAI;EAC3B,MAAM,CAACC,IAAI,EAAEC,UAAU,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;EAChD,MAAM;IACJC,YAAY;IACZC,KAAK;IACLC,IAAI;IACJC,IAAI,GAAG,CAAC,CAAC;IACTC,IAAI;IACJC,UAAU;IACVC,MAAM,GAAG,KAAK;IACdC,WAAW,GAAG;EAChB,CAAC,GAAGZ,KAAK;EACT,MAAM;IAACa,KAAK,GAAG;EAAE,CAAC,GAAGL,IAAI;EAEzB,SAASM,YAAY,GAAG;IACtBZ,UAAU,CAAC,IAAI,CAAC;EAClB;EAEA,SAASa,YAAY,GAAG;IACtBb,UAAU,CAAC,KAAK,CAAC;EACnB;EAEA,MAAMc,uBAAuB,GAAG;IAC9BC,IAAI,EAAE,UAAU;IAChBC,KAAK,EAAEZ,KAAK,CAACa,YAAY,CAACD,KAAK;IAC/B,YAAY,EAAEZ,KAAK,CAACa,YAAY,CAACD,KAAK;IACtC,WAAW,EAAG,sBAAqB;IACnCE,IAAI,EAAE;MACJb,IAAI,EAAED,KAAK,CAACa,YAAY,CAACZ;IAC3B,CAAC;IACDc,IAAI,EAAE;MACJC,QAAQ,EAAE,MAAM;MAChBL,IAAI,EAAE;IACR;EACF,CAAC;EAED,MAAMM,2BAA2B,GAAG;IAClC,YAAY,EAAEjB,KAAK,CAACa,YAAY,CAACD,KAAK;IACtC,WAAW,EAAG,sBAAqB;IACnCE,IAAI,EAAE;MACJb,IAAI,EAAED,KAAK,CAACa,YAAY,CAACZ;IAC3B,CAAC;IACDc,IAAI,EAAE;EACR,CAAC;EAED,MAAMG,sBAAsB,GAC1BlB,KAAK,CAACmB,eAAe,IAAIb,WAAW,KAAK,KAAK,GAC1C;IACEK,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAEZ,KAAK,CAACmB,eAAe,CAACP,KAAK;IAClC,YAAY,EAAEZ,KAAK,CAACmB,eAAe,CAACP,KAAK;IACzC,WAAW,EAAG,sBAAqB;IACnCE,IAAI,EAAE;MACJb,IAAI,EAAED,KAAK,CAACmB,eAAe,CAAClB;IAC9B,CAAC;IACDc,IAAI,EAAE;MACJC,QAAQ,EAAE,MAAM;MAChBL,IAAI,EAAE;IACR;EACF,CAAC,GACD,IAAI;EAEV,MAAMS,wBAAwB,GAAG;IAC/BT,IAAI,EAAE,SAAS;IACfC,KAAK,EAAEZ,KAAK,CAACqB,aAAa,CAACT,KAAK;IAChC,YAAY,EAAEZ,KAAK,CAACqB,aAAa,CAACT,KAAK;IACvC,WAAW,EAAG,iBAAgB;IAC9BE,IAAI,EAAE;MACJb,IAAI,EAAED,KAAK,CAACqB,aAAa,CAACpB,IAAI;MAC9BqB,MAAM,EAAE;IACV,CAAC;IACDP,IAAI,EAAE;MACJC,QAAQ,EAAE,MAAM;MAChBL,IAAI,EAAE;IACR;EACF,CAAC;EAED,MAAMY,iBAAiB,GAAG;IACxBZ,IAAI,EAAE,MAAM;IACZC,KAAK,EAAEZ,KAAK,CAACwB,MAAM,CAACZ,KAAK;IACzB,YAAY,EAAEZ,KAAK,CAACwB,MAAM,CAACZ,KAAK;IAChC,WAAW,EAAG,oBAAmB;IACjCE,IAAI,EAAE;MACJb,IAAI,EAAED,KAAK,CAACwB,MAAM,CAACvB,IAAI;MACvBwB,OAAO,EAAEzB,KAAK,CAACwB,MAAM,CAACC;IACxB,CAAC;IACDV,IAAI,EAAE;MACJC,QAAQ,EAAE,MAAM;MAChBL,IAAI,EAAE;IACR;EACF,CAAC;EAED,oBACE;IAAK,SAAS,EAAEe,cAAK,CAACC;EAAU,gBAC9B;IAAK,SAAS,EAAED,cAAK,CAACE;EAAQ,GAC3BvB,MAAM,gBACL;IAAK,SAAS,EAAEqB,cAAK,CAACvB;EAAK,gBACzB,6BAAC,aAAI;IAAC,IAAI,EAAEF;EAAK,gBACf,6BAAC,gBAAO;IAAC,SAAS,EAAEyB,cAAK,CAACG,WAAY;IAAC,GAAG,EAAE1B;EAAK,EAAG,eACpD,6BAAC,gBAAO;IAAC,SAAS,EAAEuB,cAAK,CAACtB,UAAW;IAAC,GAAG,EAAEA;EAAW,EAAG,CACpD,CACH,gBAEN;IAAI,SAAS,EAAEsB,cAAK,CAACI;EAAK,gBACxB;IAAK,SAAS,EAAE,IAAAC,mBAAU,EAAC,CAACL,cAAK,CAACM,MAAM,EAAEN,cAAK,CAACb,YAAY,CAAC;EAAE,gBAC7D,6BAAC,mBAAU,EAAKH,uBAAuB,CAAI,CACvC,eACN;IAAK,SAAS,EAAEgB,cAAK,CAACO;EAAiB,gBACrC,6BAAC,2BAAQ,EAAKhB,2BAA2B,CAAI,CACzC,EACL,CAACX,WAAW,gBACX;IAAI,SAAS,EAAE,IAAAyB,mBAAU,EAACL,cAAK,CAACQ,OAAO,EAAER,cAAK,CAAC3B,YAAY;EAAE,GAAEA,YAAY,CAAM,GAC/E,IAAI,CAEX,eACD;IAAI,SAAS,EAAE2B,cAAK,CAACI;EAAK,GACvBZ,sBAAsB,gBACrB;IAAK,SAAS,EAAEQ,cAAK,CAACM;EAAO,gBAC3B,6BAAC,mBAAU,EAAKd,sBAAsB,CAAI,CACtC,GACJ,IAAI,EACPZ,WAAW,IAAID,MAAM,GAAG,IAAI,gBAC3B;IAAK,SAAS,EAAEqB,cAAK,CAACM;EAAO,gBAC3B,6BAAC,mBAAU,EAAKZ,wBAAwB,CAAI,CAE/C,eACD;IAAI,YAAY,EAAEZ,YAAa;IAAC,SAAS,EAAEkB,cAAK,CAACS;EAAe,gBAC9D;IAAK,GAAG,EAAE5B;EAAM,EAAG,CAChB,eACL;IAAK,SAAS,EAAEmB,cAAK,CAACF;EAAO,gBAC3B,6BAAC,mBAAU,EAAKD,iBAAiB,CAAI,CACjC,CACH,CACD,eACN;IAAK,aAAY,UAAS5B,IAAI,GAAG,MAAM,GAAG,MAAO;EAAE,gBACjD;IAAK,SAAS,EAAE+B,cAAK,CAACU;EAAQ,EAAG,eACjC;IAAK,SAAS,EAAEV,cAAK,CAACF,MAAO;IAAC,YAAY,EAAEf;EAAa,gBACvD,6BAAC,mBAAU,EAAKc,iBAAiB,CAAI,CACjC,CACF,CACF;AAEV,CAAC;AAED9B,WAAW,CAAC4C,SAAS,2CAAG;EACtBrC,KAAK,EAAEsC,kBAAS,CAACC,KAAK,CAAC;IACrBlB,aAAa,EAAEiB,kBAAS,CAACC,KAAK,CAACC,mBAAU,CAACH,SAAS,CAAC;IACpDb,MAAM,EAAEc,kBAAS,CAACC,KAAK,CAACC,mBAAU,CAACH,SAAS,CAAC;IAC7ClB,eAAe,EAAEmB,kBAAS,CAACC,KAAK,CAACC,mBAAU,CAACH,SAAS,CAAC;IACtDxB,YAAY,EAAEyB,kBAAS,CAACC,KAAK,CAACC,mBAAU,CAACH,SAAS;EACpD,CAAC,CAAC;EACFtC,YAAY,EAAEuC,kBAAS,CAACG,MAAM;EAC9BnC,WAAW,EAAEgC,kBAAS,CAACI,IAAI;EAC3BrC,MAAM,EAAEiC,kBAAS,CAACI,IAAI;EACtBzC,IAAI,EAAE0C,aAAI,CAACN,SAAS,CAACpC,IAAI;EACzBC,IAAI,EAAEoC,kBAAS,CAACC,KAAK,CAAC;IACpBK,QAAQ,EAAEN,kBAAS,CAACG,MAAM;IAC1BlC,KAAK,EAAE+B,kBAAS,CAACG;EACnB,CAAC,CAAC;EACFtC,IAAI,EAAE0C,gBAAO,CAACR,SAAS,CAACS,GAAG;EAC3B1C,UAAU,EAAEyC,gBAAO,CAACR,SAAS,CAACS;AAChC,CAAC;AAAC,eAEarD,WAAW;AAAA"}
+{"version":3,"file":"index.js","names":["SetupHeader","props","show","updateShow","React","useState","platformName","items","href","user","logo","logoMobile","isHome","isDashboard","image","onMouseEnter","onMouseLeave","platformListButtonProps","type","label","platformList","link","icon","position","platformListIconButtonProps","goAnalyticsButtonProps","globalAnalytics","seeMyPlatformButtonProps","seeMyPlatform","target","logoutButtonProps","logOut","onClick","style","container","wrapper","logoDesktop","list","classnames","button","platformListIcon","element","profilePicture","arrowUp","propTypes","PropTypes","shape","ButtonLink","string","bool","Link","username","Picture","src"],"sources":["../../../src/organism/setup-header/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Picture from '../../atom/picture';\nimport Link from '../../atom/link';\nimport ButtonLink from '../../atom/button-link';\nimport IconLink from '../../atom/button-link-icon-only';\nimport style from './style.css';\n\nconst SetupHeader = props => {\n  const [show, updateShow] = React.useState(false);\n  const {\n    platformName,\n    items,\n    href,\n    user = {},\n    logo,\n    logoMobile,\n    isHome = false,\n    isDashboard = false\n  } = props;\n  const {image = ''} = user;\n\n  function onMouseEnter() {\n    updateShow(true);\n  }\n\n  function onMouseLeave() {\n    updateShow(false);\n  }\n\n  const platformListButtonProps = {\n    type: 'tertiary',\n    label: items.platformList.label,\n    'aria-label': items.platformList.label,\n    'data-name': `platform-list-button`,\n    link: {\n      href: items.platformList.href\n    },\n    icon: {\n      position: 'left',\n      type: 'list'\n    }\n  };\n\n  const platformListIconButtonProps = {\n    'aria-label': items.platformList.label,\n    'data-name': `platform-list-button`,\n    link: {\n      href: items.platformList.href\n    },\n    icon: 'list'\n  };\n\n  const goAnalyticsButtonProps =\n    items.globalAnalytics && isDashboard === false\n      ? {\n          type: 'secondary',\n          label: items.globalAnalytics.label,\n          'aria-label': items.globalAnalytics.label,\n          'data-name': `platform-list-button`,\n          link: {\n            href: items.globalAnalytics.href\n          },\n          icon: {\n            position: 'left',\n            type: 'analytics'\n          }\n        }\n      : null;\n\n  const seeMyPlatformButtonProps = {\n    type: 'primary',\n    label: items.seeMyPlatform.label,\n    'aria-label': items.seeMyPlatform.label,\n    'data-name': `see-my-platform`,\n    link: {\n      href: items.seeMyPlatform.href,\n      target: '_blank'\n    },\n    icon: {\n      position: 'left',\n      type: 'see'\n    }\n  };\n\n  const logoutButtonProps = {\n    type: 'text',\n    label: items.logOut.label,\n    'aria-label': items.logOut.label,\n    'data-name': `logout-list-button`,\n    link: {\n      href: items.logOut.href,\n      onClick: items.logOut.onClick\n    },\n    icon: {\n      position: 'left',\n      type: 'logout'\n    }\n  };\n\n  return (\n    <div className={style.container}>\n      <div className={style.wrapper}>\n        {isHome ? (\n          <div className={style.logo}>\n            <Link href={href}>\n              <Picture className={style.logoDesktop} src={logo} />\n              <Picture className={style.logoMobile} src={logoMobile} />\n            </Link>\n          </div>\n        ) : (\n          <ul className={style.list}>\n            <div className={classnames([style.button, style.platformList])}>\n              <ButtonLink {...platformListButtonProps} />\n            </div>\n            <div className={style.platformListIcon}>\n              <IconLink {...platformListIconButtonProps} />\n            </div>\n            {!isDashboard ? (\n              <li className={classnames(style.element, style.platformName)}>{platformName}</li>\n            ) : null}\n          </ul>\n        )}\n        <ul className={style.list}>\n          {goAnalyticsButtonProps ? (\n            <div className={style.button}>\n              <ButtonLink {...goAnalyticsButtonProps} />\n            </div>\n          ) : null}\n          {isDashboard || isHome ? null : (\n            <div className={style.button}>\n              <ButtonLink {...seeMyPlatformButtonProps} />\n            </div>\n          )}\n          <li onMouseEnter={onMouseEnter} className={style.profilePicture}>\n            <img src={image} />\n          </li>\n          <div className={style.logOut}>\n            <ButtonLink {...logoutButtonProps} />\n          </div>\n        </ul>\n      </div>\n      <div data-name={`logout-${show ? 'show' : 'hide'}`}>\n        <div className={style.arrowUp} />\n        <div className={style.logOut} onMouseLeave={onMouseLeave}>\n          <ButtonLink {...logoutButtonProps} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nSetupHeader.propTypes = {\n  items: PropTypes.shape({\n    seeMyPlatform: PropTypes.shape(ButtonLink.propTypes),\n    logOut: PropTypes.shape(ButtonLink.propTypes),\n    globalAnalytics: PropTypes.shape(ButtonLink.propTypes),\n    platformList: PropTypes.shape(ButtonLink.propTypes)\n  }),\n  platformName: PropTypes.string,\n  isDashboard: PropTypes.bool,\n  isHome: PropTypes.bool,\n  href: Link.propTypes.href,\n  user: PropTypes.shape({\n    username: PropTypes.string,\n    image: PropTypes.string\n  }),\n  logo: Picture.propTypes.src,\n  logoMobile: Picture.propTypes.src\n};\n\nexport default SetupHeader;\n"],"mappings":"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"}

package/lib/organism/sidebar/index.js

@@ -2,27 +2,49 @@
 
 exports.__esModule = true;
 exports.default = exports.TitleItem = exports.SelectItem = exports.MultiSelectItem = exports.LinkItem = exports.InputTextItem = exports.InfoItem = exports.IconLinkItem = exports.ButtonItem = void 0;
+
 var _defaults2 = _interopRequireDefault(require("lodash/fp/defaults"));
+
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _link = _interopRequireDefault(require("../../atom/link"));
+
 var _button = _interopRequireDefault(require("../../atom/button"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _select = _interopRequireDefault(require("../../atom/select"));
+
 var _cta = _interopRequireDefault(require("../../atom/cta"));
+
 var _selectMultiple = _interopRequireDefault(require("../../molecule/select-multiple"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 const _excluded = ["index", "name", "onClick", "uppercase"];
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 const NEUTRAL_COLOR = '#607D8B';
+
 const InputTextItem = props => {
   const {
     title,
@@ -52,6 +74,7 @@ const InputTextItem = props => {
     onChange: handleOnChange
   }));
 };
+
 exports.InputTextItem = InputTextItem;
 InputTextItem.propTypes = process.env.NODE_ENV !== "production" ? {
   index: _propTypes.default.number,
@@ -63,6 +86,7 @@ InputTextItem.propTypes = process.env.NODE_ENV !== "production" ? {
   onChange: _propTypes.default.func,
   uppercase: _propTypes.default.bool
 } : {};
+
 const SelectItem = ({
   name,
   index,
@@ -85,6 +109,7 @@ const SelectItem = ({
     options: options
   }));
 };
+
 exports.SelectItem = SelectItem;
 SelectItem.propTypes = process.env.NODE_ENV !== "production" ? {
   index: _propTypes.default.number,
@@ -98,6 +123,7 @@ SelectItem.propTypes = process.env.NODE_ENV !== "production" ? {
   onChange: _propTypes.default.func,
   uppercase: _propTypes.default.bool
 } : {};
+
 const MultiSelectItem = ({
   name,
   index,
@@ -119,8 +145,10 @@ const MultiSelectItem = ({
     options: options
   }));
 };
+
 exports.MultiSelectItem = MultiSelectItem;
 MultiSelectItem.propTypes = process.env.NODE_ENV !== "production" ? SelectItem.propTypes : {};
+
 const LinkItem = ({
   href,
   index,
@@ -156,8 +184,7 @@ const LinkItem = ({
     }
   }, setChildrenAsHtml ? /*#__PURE__*/_react.default.createElement("li", {
     className: classNames,
-    style: borderStyle
-    // eslint-disable-next-line react/no-danger
+    style: borderStyle // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: title
@@ -167,6 +194,7 @@ const LinkItem = ({
     style: borderStyle
   }, title, children));
 };
+
 exports.LinkItem = LinkItem;
 LinkItem.propTypes = process.env.NODE_ENV !== "production" ? {
   index: _propTypes.default.number,
@@ -180,14 +208,16 @@ LinkItem.propTypes = process.env.NODE_ENV !== "production" ? {
   setChildrenAsHtml: _propTypes.default.bool,
   target: _propTypes.default.string
 } : {};
+
 const IconLinkItem = _ref => {
   let {
-      index,
-      name = `button-link-item-${index}`,
-      onClick,
-      uppercase = true
-    } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+    index,
+    name = `button-link-item-${index}`,
+    onClick,
+    uppercase = true
+  } = _ref,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
+
   const handleOnClick = (0, _react.useMemo)(() => e => {
     onClick && onClick(e);
   }, [onClick]);
@@ -201,8 +231,10 @@ const IconLinkItem = _ref => {
     className: _style.default.icon
   }));
 };
+
 exports.IconLinkItem = IconLinkItem;
 IconLinkItem.propTypes = process.env.NODE_ENV !== "production" ? LinkItem.propTypes : {};
+
 const TitleItem = ({
   name,
   index,
@@ -218,6 +250,7 @@ const TitleItem = ({
     })
   }, title));
 };
+
 exports.TitleItem = TitleItem;
 TitleItem.propTypes = process.env.NODE_ENV !== "production" ? {
   index: _propTypes.default.number,
@@ -225,6 +258,7 @@ TitleItem.propTypes = process.env.NODE_ENV !== "production" ? {
   name: _propTypes.default.string,
   uppercase: _propTypes.default.bool
 } : {};
+
 const ButtonItem = ({
   index,
   onClick,
@@ -262,6 +296,7 @@ const ButtonItem = ({
     })
   }, button);
 };
+
 exports.ButtonItem = ButtonItem;
 ButtonItem.propTypes = process.env.NODE_ENV !== "production" ? {
   index: _propTypes.default.number,
@@ -274,6 +309,7 @@ ButtonItem.propTypes = process.env.NODE_ENV !== "production" ? {
   cta: _propTypes.default.oneOfType([_propTypes.default.shape(_cta.default.propTypes), _propTypes.default.bool]),
   uppercase: _propTypes.default.bool
 } : {};
+
 const InfoItem = ({
   onClick,
   index,
@@ -304,6 +340,7 @@ const InfoItem = ({
     }
   }, value));
 };
+
 exports.InfoItem = InfoItem;
 InfoItem.propTypes = process.env.NODE_ENV !== "production" ? {
   index: _propTypes.default.number,
@@ -315,6 +352,7 @@ InfoItem.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: _propTypes.default.func,
   uppercase: _propTypes.default.bool
 } : {};
+
 const SidebarItem = ({
   item,
   color,
@@ -328,36 +366,43 @@ const SidebarItem = ({
           index: index
         }));
       }
+
     case 'multi-select':
       return /*#__PURE__*/_react.default.createElement(MultiSelectItem, _extends({}, item, {
         color: color,
         index: index
       }));
+
     case 'link':
       return /*#__PURE__*/_react.default.createElement(LinkItem, _extends({}, item, {
         color: color,
         index: index
       }));
+
     case 'iconLink':
       return /*#__PURE__*/_react.default.createElement(IconLinkItem, _extends({}, item, {
         color: color,
         index: index
       }));
+
     case 'title':
       return /*#__PURE__*/_react.default.createElement(TitleItem, _extends({}, item, {
         color: color,
         index: index
       }));
+
     case 'button':
       return /*#__PURE__*/_react.default.createElement(ButtonItem, _extends({}, item, {
         color: color,
         index: index
       }));
+
     case 'info':
       return /*#__PURE__*/_react.default.createElement(InfoItem, _extends({}, item, {
         color: color,
         index: index
       }));
+
     case 'inputtext':
       return /*#__PURE__*/_react.default.createElement(InputTextItem, _extends({}, item, {
         color: color,
@@ -365,6 +410,7 @@ const SidebarItem = ({
       }));
   }
 };
+
 SidebarItem.propTypes = process.env.NODE_ENV !== "production" ? {
   item: _propTypes.default.oneOfType([_propTypes.default.shape(_extends({}, TitleItem.propTypes, {
     type: _propTypes.default.oneOf(['title']).isRequired
@@ -387,6 +433,7 @@ SidebarItem.propTypes = process.env.NODE_ENV !== "production" ? {
   color: _propTypes.default.string,
   uppercase: _propTypes.default.bool
 } : {};
+
 const SidebarItems = ({
   items,
   color
@@ -400,10 +447,12 @@ const SidebarItems = ({
     color: color
   })));
 };
+
 SidebarItems.propTypes = process.env.NODE_ENV !== "production" ? {
   color: _propTypes.default.string,
   items: _propTypes.default.arrayOf(_propTypes.default.shape(SidebarItem.propTypes))
 } : {};
+
 const Sidebar = ({
   items
 }, context) => {
@@ -424,6 +473,7 @@ const Sidebar = ({
     color: defaultColor
   }))));
 };
+
 Sidebar.propTypes = process.env.NODE_ENV !== "production" ? {
   items: _propTypes.default.arrayOf(_propTypes.default.oneOfType([SidebarItem.propTypes.item, _propTypes.default.arrayOf(SidebarItem.propTypes.item).isRequired])).isRequired
 } : {};

package/lib/organism/sidebar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["NEUTRAL_COLOR","InputTextItem","props","title","placeholder","value","onChange","disabled","name","index","uppercase","handleOnChange","useMemo","e","target","style","selectItem","classnames","selectTitle","input","propTypes","PropTypes","number","string","isRequired","bool","func","SelectItem","options","arrayOf","shape","selected","MultiSelectItem","LinkItem","href","color","onClick","styles","children","setChildrenAsHtml","handleOnClick","classNames","linkItem","innerHTML","borderStyle","borderLeftColor","textDecoration","__html","IconLinkItem","icon","TitleItem","titleItem","titleItemTitle","ButtonItem","neutralColor","cta","backgroundColor","button","rectangular","fullWidth","secondary","submitValue","buttonItem","oneOfType","Cta","InfoItem","color_","infoItem","infoItemTitle","infoItemContent","SidebarItem","item","type","oneOf","SidebarItems","items","sectionItems","map","Sidebar","context","sections","Array","isArray","skin","defaultColor","sidebar","sidebarSection","idx","sidebarPart","contextTypes","Provider","childContextTypes"],"sources":["../../../src/organism/sidebar/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {noop, getOr, defaults} from 'lodash/fp';\nimport {NovaCompositionCoorpacademyOpenInNewTab} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport Button from '../../atom/button';\nimport Provider from '../../atom/provider';\nimport Select from '../../atom/select';\nimport Cta from '../../atom/cta';\nimport SelectMultiple from '../../molecule/select-multiple';\nimport style from './style.css';\n\nconst NEUTRAL_COLOR = '#607D8B';\n\nexport const InputTextItem = props => {\n  const {\n    title,\n    placeholder = '',\n    value,\n    onChange = noop,\n    disabled,\n    name,\n    index,\n    uppercase = true\n  } = props;\n  const handleOnChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n  return (\n    <li data-name={name || `inputtext-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <input\n        type=\"text\"\n        name={title}\n        className={style.input}\n        placeholder={placeholder}\n        value={value}\n        disabled={disabled}\n        onChange={handleOnChange}\n      />\n    </li>\n  );\n};\n\nInputTextItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  disabled: PropTypes.bool,\n  value: PropTypes.string.isRequired,\n  placeholder: PropTypes.string,\n  onChange: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nexport const SelectItem = ({name, index, onChange, title, options, uppercase = true}) => {\n  return (\n    <li data-name={name || `select-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <Select title={title} onChange={onChange} theme=\"header\" options={options} />\n    </li>\n  );\n};\n\nSelectItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      value: PropTypes.string.isRequired,\n      selected: PropTypes.bool.isRequired\n    })\n  ).isRequired,\n  onChange: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nexport const MultiSelectItem = ({name, index, onChange, title, options, uppercase = true}) => {\n  return (\n    <li data-name={name || `select-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <SelectMultiple theme=\"sidebar\" onChange={onChange} options={options} />\n    </li>\n  );\n};\n\nMultiSelectItem.propTypes = SelectItem.propTypes;\n\nexport const LinkItem = ({\n  href,\n  index,\n  name,\n  selected,\n  color,\n  title,\n  onClick,\n  uppercase = true,\n  styles,\n  children,\n  setChildrenAsHtml = true,\n  target = '_self'\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n\n  const classNames = classnames(\n    style.linkItem,\n    style.innerHTML,\n    {[style.uppercase]: uppercase},\n    styles\n  );\n  const borderStyle = {borderLeftColor: selected ? color : null};\n\n  return (\n    <Link\n      target={target}\n      onClick={handleOnClick}\n      skinHover\n      href={href}\n      data-name={name || `link-item-${index}`}\n      style={{\n        textDecoration: 'none',\n        color: selected ? color : NEUTRAL_COLOR\n      }}\n    >\n      {setChildrenAsHtml ? (\n        <li\n          className={classNames}\n          style={borderStyle}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      ) : (\n        <li className={classNames} style={borderStyle}>\n          {title}\n          {children}\n        </li>\n      )}\n    </Link>\n  );\n};\n\nLinkItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  selected: PropTypes.bool,\n  name: PropTypes.string,\n  href: PropTypes.string,\n  color: PropTypes.string,\n  onClick: PropTypes.func,\n  uppercase: PropTypes.bool,\n  setChildrenAsHtml: PropTypes.bool,\n  target: PropTypes.string\n};\n\nexport const IconLinkItem = ({\n  index,\n  name = `button-link-item-${index}`,\n  onClick,\n  uppercase = true,\n  ...props\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  return (\n    <LinkItem\n      {...props}\n      setChildrenAsHtml={false}\n      onClick={handleOnClick}\n      name={name}\n      uppercase={uppercase}\n      index={index}\n    >\n      <NovaCompositionCoorpacademyOpenInNewTab className={style.icon} />\n    </LinkItem>\n  );\n};\n\nIconLinkItem.propTypes = LinkItem.propTypes;\n\nexport const TitleItem = ({name, index, title, uppercase}) => {\n  return (\n    <ul data-name={name || `item-title-${index}`} className={style.titleItem}>\n      <li className={classnames(style.titleItemTitle, {[style.uppercase]: uppercase})}>{title}</li>\n    </ul>\n  );\n};\n\nTitleItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  uppercase: PropTypes.bool\n};\n\nexport const ButtonItem = ({\n  index,\n  onClick,\n  color,\n  neutralColor,\n  name,\n  href,\n  title,\n  cta,\n  uppercase\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  const backgroundColor = neutralColor === true ? NEUTRAL_COLOR : color;\n  const button = cta ? (\n    <Cta\n      {...defaults(\n        {\n          onClick: handleOnClick,\n          href,\n          rectangular: true,\n          fullWidth: true,\n          secondary: true,\n          submitValue: title\n        },\n        cta\n      )}\n    />\n  ) : (\n    <Button type=\"link\" href={href} onClick={handleOnClick} style={{backgroundColor}}>\n      {title}\n    </Button>\n  );\n  return (\n    <li\n      data-name={name || `button-item-${index}`}\n      className={classnames(style.buttonItem, {[style.uppercase]: uppercase})}\n    >\n      {button}\n    </li>\n  );\n};\n\nButtonItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  href: PropTypes.string,\n  color: PropTypes.string,\n  neutralColor: PropTypes.bool,\n  onClick: PropTypes.func,\n  cta: PropTypes.oneOfType([PropTypes.shape(Cta.propTypes), PropTypes.bool]),\n  uppercase: PropTypes.bool\n};\n\nexport const InfoItem = ({onClick, index, name, color, neutralColor, title, value, uppercase}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  const color_ = neutralColor === true ? NEUTRAL_COLOR : color;\n  return (\n    <ul data-name={name || `item-info-${index}`} className={style.infoItem}>\n      <li className={style.infoItemTitle}>{title}</li>\n      <li\n        className={classnames(style.infoItemContent, {[style.uppercase]: uppercase})}\n        onClick={handleOnClick}\n        style={{\n          borderLeftColor: color_,\n          color: color_\n        }}\n      >\n        {value}\n      </li>\n    </ul>\n  );\n};\n\nInfoItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  color: PropTypes.string,\n  neutralColor: PropTypes.bool,\n  value: PropTypes.string.isRequired,\n  onClick: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nconst SidebarItem = ({item, color, index}) => {\n  switch (item.type) {\n    case 'select': {\n      return <SelectItem {...item} color={color} index={index} />;\n    }\n    case 'multi-select':\n      return <MultiSelectItem {...item} color={color} index={index} />;\n    case 'link':\n      return <LinkItem {...item} color={color} index={index} />;\n    case 'iconLink':\n      return <IconLinkItem {...item} color={color} index={index} />;\n    case 'title':\n      return <TitleItem {...item} color={color} index={index} />;\n    case 'button':\n      return <ButtonItem {...item} color={color} index={index} />;\n    case 'info':\n      return <InfoItem {...item} color={color} index={index} />;\n    case 'inputtext':\n      return <InputTextItem {...item} color={color} index={index} />;\n  }\n};\n\nSidebarItem.propTypes = {\n  item: PropTypes.oneOfType([\n    PropTypes.shape({...TitleItem.propTypes, type: PropTypes.oneOf(['title']).isRequired}),\n    PropTypes.shape({...IconLinkItem.propTypes, type: PropTypes.oneOf(['iconLink']).isRequired}),\n    PropTypes.shape({...ButtonItem.propTypes, type: PropTypes.oneOf(['button']).isRequired}),\n    PropTypes.shape({...InfoItem.propTypes, type: PropTypes.oneOf(['info']).isRequired}),\n    PropTypes.shape({...LinkItem.propTypes, type: PropTypes.oneOf(['link']).isRequired}),\n    PropTypes.shape({...InputTextItem.propTypes, type: PropTypes.oneOf(['inputtext']).isRequired}),\n    PropTypes.shape({...SelectItem.propTypes, type: PropTypes.oneOf(['select']).isRequired}),\n    PropTypes.shape({...SelectItem.propTypes, type: PropTypes.oneOf(['multi-select']).isRequired})\n  ]),\n  index: PropTypes.number,\n  color: PropTypes.string,\n  uppercase: PropTypes.bool\n};\n\nconst SidebarItems = ({items, color}) => {\n  return (\n    <ul className={style.sectionItems}>\n      {items.map((item, index) => (\n        <SidebarItem item={item} key={index} index={index} color={color} />\n      ))}\n    </ul>\n  );\n};\n\nSidebarItems.propTypes = {\n  color: PropTypes.string,\n  items: PropTypes.arrayOf(PropTypes.shape(SidebarItem.propTypes))\n};\n\nconst Sidebar = ({items}, context) => {\n  const sections = Array.isArray(items[0]) ? items : [items];\n  const {skin} = context;\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n  return (\n    <div data-name=\"sidebar\" className={style.sidebar}>\n      {sections.map((sidebarSection, idx) => (\n        <div data-name={`sidebarpart-${idx + 1}`} className={style.sidebarPart} key={idx}>\n          <SidebarItems items={sidebarSection} color={defaultColor} />\n        </div>\n      ))}\n    </div>\n  );\n};\n\nSidebar.propTypes = {\n  items: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      SidebarItem.propTypes.item,\n      PropTypes.arrayOf(SidebarItem.propTypes.item).isRequired\n    ])\n  ).isRequired\n};\n\nSidebar.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default Sidebar;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["NEUTRAL_COLOR","InputTextItem","props","title","placeholder","value","onChange","disabled","name","index","uppercase","handleOnChange","useMemo","e","target","style","selectItem","classnames","selectTitle","input","propTypes","PropTypes","number","string","isRequired","bool","func","SelectItem","options","arrayOf","shape","selected","MultiSelectItem","LinkItem","href","color","onClick","styles","children","setChildrenAsHtml","handleOnClick","classNames","linkItem","innerHTML","borderStyle","borderLeftColor","textDecoration","__html","IconLinkItem","icon","TitleItem","titleItem","titleItemTitle","ButtonItem","neutralColor","cta","backgroundColor","button","rectangular","fullWidth","secondary","submitValue","buttonItem","oneOfType","Cta","InfoItem","color_","infoItem","infoItemTitle","infoItemContent","SidebarItem","item","type","oneOf","SidebarItems","items","sectionItems","map","Sidebar","context","sections","Array","isArray","skin","defaultColor","sidebar","sidebarSection","idx","sidebarPart","contextTypes","Provider","childContextTypes"],"sources":["../../../src/organism/sidebar/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {noop, getOr, defaults} from 'lodash/fp';\nimport {NovaCompositionCoorpacademyOpenInNewTab} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport Button from '../../atom/button';\nimport Provider from '../../atom/provider';\nimport Select from '../../atom/select';\nimport Cta from '../../atom/cta';\nimport SelectMultiple from '../../molecule/select-multiple';\nimport style from './style.css';\n\nconst NEUTRAL_COLOR = '#607D8B';\n\nexport const InputTextItem = props => {\n  const {\n    title,\n    placeholder = '',\n    value,\n    onChange = noop,\n    disabled,\n    name,\n    index,\n    uppercase = true\n  } = props;\n  const handleOnChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n  return (\n    <li data-name={name || `inputtext-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <input\n        type=\"text\"\n        name={title}\n        className={style.input}\n        placeholder={placeholder}\n        value={value}\n        disabled={disabled}\n        onChange={handleOnChange}\n      />\n    </li>\n  );\n};\n\nInputTextItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  disabled: PropTypes.bool,\n  value: PropTypes.string.isRequired,\n  placeholder: PropTypes.string,\n  onChange: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nexport const SelectItem = ({name, index, onChange, title, options, uppercase = true}) => {\n  return (\n    <li data-name={name || `select-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <Select title={title} onChange={onChange} theme=\"header\" options={options} />\n    </li>\n  );\n};\n\nSelectItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      value: PropTypes.string.isRequired,\n      selected: PropTypes.bool.isRequired\n    })\n  ).isRequired,\n  onChange: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nexport const MultiSelectItem = ({name, index, onChange, title, options, uppercase = true}) => {\n  return (\n    <li data-name={name || `select-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <SelectMultiple theme=\"sidebar\" onChange={onChange} options={options} />\n    </li>\n  );\n};\n\nMultiSelectItem.propTypes = SelectItem.propTypes;\n\nexport const LinkItem = ({\n  href,\n  index,\n  name,\n  selected,\n  color,\n  title,\n  onClick,\n  uppercase = true,\n  styles,\n  children,\n  setChildrenAsHtml = true,\n  target = '_self'\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n\n  const classNames = classnames(\n    style.linkItem,\n    style.innerHTML,\n    {[style.uppercase]: uppercase},\n    styles\n  );\n  const borderStyle = {borderLeftColor: selected ? color : null};\n\n  return (\n    <Link\n      target={target}\n      onClick={handleOnClick}\n      skinHover\n      href={href}\n      data-name={name || `link-item-${index}`}\n      style={{\n        textDecoration: 'none',\n        color: selected ? color : NEUTRAL_COLOR\n      }}\n    >\n      {setChildrenAsHtml ? (\n        <li\n          className={classNames}\n          style={borderStyle}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      ) : (\n        <li className={classNames} style={borderStyle}>\n          {title}\n          {children}\n        </li>\n      )}\n    </Link>\n  );\n};\n\nLinkItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  selected: PropTypes.bool,\n  name: PropTypes.string,\n  href: PropTypes.string,\n  color: PropTypes.string,\n  onClick: PropTypes.func,\n  uppercase: PropTypes.bool,\n  setChildrenAsHtml: PropTypes.bool,\n  target: PropTypes.string\n};\n\nexport const IconLinkItem = ({\n  index,\n  name = `button-link-item-${index}`,\n  onClick,\n  uppercase = true,\n  ...props\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  return (\n    <LinkItem\n      {...props}\n      setChildrenAsHtml={false}\n      onClick={handleOnClick}\n      name={name}\n      uppercase={uppercase}\n      index={index}\n    >\n      <NovaCompositionCoorpacademyOpenInNewTab className={style.icon} />\n    </LinkItem>\n  );\n};\n\nIconLinkItem.propTypes = LinkItem.propTypes;\n\nexport const TitleItem = ({name, index, title, uppercase}) => {\n  return (\n    <ul data-name={name || `item-title-${index}`} className={style.titleItem}>\n      <li className={classnames(style.titleItemTitle, {[style.uppercase]: uppercase})}>{title}</li>\n    </ul>\n  );\n};\n\nTitleItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  uppercase: PropTypes.bool\n};\n\nexport const ButtonItem = ({\n  index,\n  onClick,\n  color,\n  neutralColor,\n  name,\n  href,\n  title,\n  cta,\n  uppercase\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  const backgroundColor = neutralColor === true ? NEUTRAL_COLOR : color;\n  const button = cta ? (\n    <Cta\n      {...defaults(\n        {\n          onClick: handleOnClick,\n          href,\n          rectangular: true,\n          fullWidth: true,\n          secondary: true,\n          submitValue: title\n        },\n        cta\n      )}\n    />\n  ) : (\n    <Button type=\"link\" href={href} onClick={handleOnClick} style={{backgroundColor}}>\n      {title}\n    </Button>\n  );\n  return (\n    <li\n      data-name={name || `button-item-${index}`}\n      className={classnames(style.buttonItem, {[style.uppercase]: uppercase})}\n    >\n      {button}\n    </li>\n  );\n};\n\nButtonItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  href: PropTypes.string,\n  color: PropTypes.string,\n  neutralColor: PropTypes.bool,\n  onClick: PropTypes.func,\n  cta: PropTypes.oneOfType([PropTypes.shape(Cta.propTypes), PropTypes.bool]),\n  uppercase: PropTypes.bool\n};\n\nexport const InfoItem = ({onClick, index, name, color, neutralColor, title, value, uppercase}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  const color_ = neutralColor === true ? NEUTRAL_COLOR : color;\n  return (\n    <ul data-name={name || `item-info-${index}`} className={style.infoItem}>\n      <li className={style.infoItemTitle}>{title}</li>\n      <li\n        className={classnames(style.infoItemContent, {[style.uppercase]: uppercase})}\n        onClick={handleOnClick}\n        style={{\n          borderLeftColor: color_,\n          color: color_\n        }}\n      >\n        {value}\n      </li>\n    </ul>\n  );\n};\n\nInfoItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  color: PropTypes.string,\n  neutralColor: PropTypes.bool,\n  value: PropTypes.string.isRequired,\n  onClick: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nconst SidebarItem = ({item, color, index}) => {\n  switch (item.type) {\n    case 'select': {\n      return <SelectItem {...item} color={color} index={index} />;\n    }\n    case 'multi-select':\n      return <MultiSelectItem {...item} color={color} index={index} />;\n    case 'link':\n      return <LinkItem {...item} color={color} index={index} />;\n    case 'iconLink':\n      return <IconLinkItem {...item} color={color} index={index} />;\n    case 'title':\n      return <TitleItem {...item} color={color} index={index} />;\n    case 'button':\n      return <ButtonItem {...item} color={color} index={index} />;\n    case 'info':\n      return <InfoItem {...item} color={color} index={index} />;\n    case 'inputtext':\n      return <InputTextItem {...item} color={color} index={index} />;\n  }\n};\n\nSidebarItem.propTypes = {\n  item: PropTypes.oneOfType([\n    PropTypes.shape({...TitleItem.propTypes, type: PropTypes.oneOf(['title']).isRequired}),\n    PropTypes.shape({...IconLinkItem.propTypes, type: PropTypes.oneOf(['iconLink']).isRequired}),\n    PropTypes.shape({...ButtonItem.propTypes, type: PropTypes.oneOf(['button']).isRequired}),\n    PropTypes.shape({...InfoItem.propTypes, type: PropTypes.oneOf(['info']).isRequired}),\n    PropTypes.shape({...LinkItem.propTypes, type: PropTypes.oneOf(['link']).isRequired}),\n    PropTypes.shape({...InputTextItem.propTypes, type: PropTypes.oneOf(['inputtext']).isRequired}),\n    PropTypes.shape({...SelectItem.propTypes, type: PropTypes.oneOf(['select']).isRequired}),\n    PropTypes.shape({...SelectItem.propTypes, type: PropTypes.oneOf(['multi-select']).isRequired})\n  ]),\n  index: PropTypes.number,\n  color: PropTypes.string,\n  uppercase: PropTypes.bool\n};\n\nconst SidebarItems = ({items, color}) => {\n  return (\n    <ul className={style.sectionItems}>\n      {items.map((item, index) => (\n        <SidebarItem item={item} key={index} index={index} color={color} />\n      ))}\n    </ul>\n  );\n};\n\nSidebarItems.propTypes = {\n  color: PropTypes.string,\n  items: PropTypes.arrayOf(PropTypes.shape(SidebarItem.propTypes))\n};\n\nconst Sidebar = ({items}, context) => {\n  const sections = Array.isArray(items[0]) ? items : [items];\n  const {skin} = context;\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n  return (\n    <div data-name=\"sidebar\" className={style.sidebar}>\n      {sections.map((sidebarSection, idx) => (\n        <div data-name={`sidebarpart-${idx + 1}`} className={style.sidebarPart} key={idx}>\n          <SidebarItems items={sidebarSection} color={defaultColor} />\n        </div>\n      ))}\n    </div>\n  );\n};\n\nSidebar.propTypes = {\n  items: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      SidebarItem.propTypes.item,\n      PropTypes.arrayOf(SidebarItem.propTypes.item).isRequired\n    ])\n  ).isRequired\n};\n\nSidebar.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default Sidebar;\n"],"mappings":"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"}

package/lib/organism/slider/index.js

@@ -2,19 +2,30 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
+
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const mapWithIndex = _map2.default.convert({
   cap: false
-});
-// eslint-disable-next-line no-undef
+}); // eslint-disable-next-line no-undef
+
+
 const Hammer = typeof window !== 'undefined' ? require('hammerjs') : undefined;
+
 class Slider extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -27,25 +38,31 @@ class Slider extends _react.default.Component {
     this.autoPlay = this.autoPlay.bind(this);
     this.setSlider = this.setSlider.bind(this);
   }
+
   componentDidMount() {
     if (Hammer) {
       this.hammer = new Hammer(this.slider);
       this.hammer.on('swipeleft', this.handlePreviousSlide);
       this.hammer.on('swiperight', this.handleNextSlide);
     }
+
     this.autoPlay();
   }
+
   componentWillUnmount() {
     if (this.hammer) {
       this.hammer.stop();
       this.hammer.destroy();
     }
+
     this.hammer = null;
     clearTimeout(this.timer);
   }
+
   setSlider(el) {
     this.slider = el;
   }
+
   handleNextSlide() {
     this.setState(prevState => {
       const {
@@ -59,6 +76,7 @@ class Slider extends _react.default.Component {
     });
     this.autoPlay();
   }
+
   handlePreviousSlide() {
     this.setState(prevState => {
       const {
@@ -72,6 +90,7 @@ class Slider extends _react.default.Component {
     });
     this.autoPlay();
   }
+
   autoPlay() {
     clearTimeout(this.timer);
     this.timer = setTimeout(() => {
@@ -79,6 +98,7 @@ class Slider extends _react.default.Component {
       this.autoPlay();
     }, this.interval);
   }
+
   render() {
     const {
       currentSlide
@@ -111,7 +131,9 @@ class Slider extends _react.default.Component {
       ref: this.setSlider
     }, myslides, leftControl, rightControl);
   }
+
 }
+
 Slider.propTypes = process.env.NODE_ENV !== "production" ? {
   children: _propTypes.default.arrayOf(_propTypes.default.node)
 } : {};

package/lib/organism/slider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["mapWithIndex","convert","cap","Hammer","window","require","undefined","Slider","React","Component","constructor","props","state","currentSlide","interval","handleNextSlide","bind","handlePreviousSlide","autoPlay","setSlider","componentDidMount","hammer","slider","on","componentWillUnmount","stop","destroy","clearTimeout","timer","el","setState","prevState","children","totalSlide","length","nextSlide","setTimeout","render","myslides","child","index","isActive","style","activeSlide","slide","currentSlide_","controlColor","leftControl","rightControl","slidesWrapper","propTypes","PropTypes","arrayOf","node"],"sources":["../../../src/organism/slider/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, map} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaCompositionNavigationArrowLeft as ArrowLeft\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst mapWithIndex = map.convert({cap: false});\n// eslint-disable-next-line no-undef\nconst Hammer = typeof window !== 'undefined' ? require('hammerjs') : undefined;\n\nclass Slider extends React.Component {\n  static propTypes = {\n    children: PropTypes.arrayOf(PropTypes.node)\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      currentSlide: 0\n    };\n    this.interval = 8000;\n    this.handleNextSlide = this.handleNextSlide.bind(this);\n    this.handlePreviousSlide = this.handlePreviousSlide.bind(this);\n    this.autoPlay = this.autoPlay.bind(this);\n    this.setSlider = this.setSlider.bind(this);\n  }\n\n  componentDidMount() {\n    if (Hammer) {\n      this.hammer = new Hammer(this.slider);\n      this.hammer.on('swipeleft', this.handlePreviousSlide);\n      this.hammer.on('swiperight', this.handleNextSlide);\n    }\n\n    this.autoPlay();\n  }\n\n  componentWillUnmount() {\n    if (this.hammer) {\n      this.hammer.stop();\n      this.hammer.destroy();\n    }\n    this.hammer = null;\n    clearTimeout(this.timer);\n  }\n\n  setSlider(el) {\n    this.slider = el;\n  }\n\n  handleNextSlide() {\n    this.setState(prevState => {\n      const {children} = this.props;\n      const totalSlide = children.length;\n      const nextSlide = prevState.currentSlide + 1;\n\n      return {\n        currentSlide: nextSlide >= totalSlide ? 0 : nextSlide\n      };\n    });\n\n    this.autoPlay();\n  }\n\n  handlePreviousSlide() {\n    this.setState(prevState => {\n      const {children} = this.props;\n      const totalSlide = children.length;\n      const nextSlide = prevState.currentSlide - 1;\n\n      return {\n        currentSlide: nextSlide < 0 ? totalSlide - 1 : nextSlide\n      };\n    });\n\n    this.autoPlay();\n  }\n\n  autoPlay() {\n    clearTimeout(this.timer);\n    this.timer = setTimeout(() => {\n      this.handleNextSlide();\n      this.autoPlay();\n    }, this.interval);\n  }\n\n  render() {\n    const {currentSlide} = this.state;\n    const {children} = this.props;\n    const totalSlide = children.length;\n\n    const myslides = mapWithIndex((child, index) => {\n      const isActive = currentSlide === index;\n\n      return (\n        <div key={index} className={isActive ? style.activeSlide : style.slide}>\n          {child}\n        </div>\n      );\n    }, children);\n\n    const currentSlide_ = get(currentSlide, children);\n    const controlColor = getOr(false, 'light', currentSlide_) ? '#FFF' : '#000';\n    const leftControl =\n      totalSlide > 1 ? (\n        <ArrowLeft\n          className={style.leftControl}\n          color={controlColor}\n          onClick={this.handlePreviousSlide}\n        />\n      ) : null;\n\n    const rightControl =\n      totalSlide > 1 ? (\n        <ArrowRight\n          className={style.rightControl}\n          color={controlColor}\n          onClick={this.handleNextSlide}\n        />\n      ) : null;\n\n    return (\n      <div className={style.slidesWrapper} ref={this.setSlider}>\n        {myslides}\n        {leftControl}\n        {rightControl}\n      </div>\n    );\n  }\n}\n\nexport default Slider;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["mapWithIndex","convert","cap","Hammer","window","require","undefined","Slider","React","Component","constructor","props","state","currentSlide","interval","handleNextSlide","bind","handlePreviousSlide","autoPlay","setSlider","componentDidMount","hammer","slider","on","componentWillUnmount","stop","destroy","clearTimeout","timer","el","setState","prevState","children","totalSlide","length","nextSlide","setTimeout","render","myslides","child","index","isActive","style","activeSlide","slide","currentSlide_","controlColor","leftControl","rightControl","slidesWrapper","propTypes","PropTypes","arrayOf","node"],"sources":["../../../src/organism/slider/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, map} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaCompositionNavigationArrowLeft as ArrowLeft\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst mapWithIndex = map.convert({cap: false});\n// eslint-disable-next-line no-undef\nconst Hammer = typeof window !== 'undefined' ? require('hammerjs') : undefined;\n\nclass Slider extends React.Component {\n  static propTypes = {\n    children: PropTypes.arrayOf(PropTypes.node)\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      currentSlide: 0\n    };\n    this.interval = 8000;\n    this.handleNextSlide = this.handleNextSlide.bind(this);\n    this.handlePreviousSlide = this.handlePreviousSlide.bind(this);\n    this.autoPlay = this.autoPlay.bind(this);\n    this.setSlider = this.setSlider.bind(this);\n  }\n\n  componentDidMount() {\n    if (Hammer) {\n      this.hammer = new Hammer(this.slider);\n      this.hammer.on('swipeleft', this.handlePreviousSlide);\n      this.hammer.on('swiperight', this.handleNextSlide);\n    }\n\n    this.autoPlay();\n  }\n\n  componentWillUnmount() {\n    if (this.hammer) {\n      this.hammer.stop();\n      this.hammer.destroy();\n    }\n    this.hammer = null;\n    clearTimeout(this.timer);\n  }\n\n  setSlider(el) {\n    this.slider = el;\n  }\n\n  handleNextSlide() {\n    this.setState(prevState => {\n      const {children} = this.props;\n      const totalSlide = children.length;\n      const nextSlide = prevState.currentSlide + 1;\n\n      return {\n        currentSlide: nextSlide >= totalSlide ? 0 : nextSlide\n      };\n    });\n\n    this.autoPlay();\n  }\n\n  handlePreviousSlide() {\n    this.setState(prevState => {\n      const {children} = this.props;\n      const totalSlide = children.length;\n      const nextSlide = prevState.currentSlide - 1;\n\n      return {\n        currentSlide: nextSlide < 0 ? totalSlide - 1 : nextSlide\n      };\n    });\n\n    this.autoPlay();\n  }\n\n  autoPlay() {\n    clearTimeout(this.timer);\n    this.timer = setTimeout(() => {\n      this.handleNextSlide();\n      this.autoPlay();\n    }, this.interval);\n  }\n\n  render() {\n    const {currentSlide} = this.state;\n    const {children} = this.props;\n    const totalSlide = children.length;\n\n    const myslides = mapWithIndex((child, index) => {\n      const isActive = currentSlide === index;\n\n      return (\n        <div key={index} className={isActive ? style.activeSlide : style.slide}>\n          {child}\n        </div>\n      );\n    }, children);\n\n    const currentSlide_ = get(currentSlide, children);\n    const controlColor = getOr(false, 'light', currentSlide_) ? '#FFF' : '#000';\n    const leftControl =\n      totalSlide > 1 ? (\n        <ArrowLeft\n          className={style.leftControl}\n          color={controlColor}\n          onClick={this.handlePreviousSlide}\n        />\n      ) : null;\n\n    const rightControl =\n      totalSlide > 1 ? (\n        <ArrowRight\n          className={style.rightControl}\n          color={controlColor}\n          onClick={this.handleNextSlide}\n        />\n      ) : null;\n\n    return (\n      <div className={style.slidesWrapper} ref={this.setSlider}>\n        {myslides}\n        {leftControl}\n        {rightControl}\n      </div>\n    );\n  }\n}\n\nexport default Slider;\n"],"mappings":"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"}

package/lib/organism/user-preferences/index.d.ts

@@ -11,6 +11,8 @@ declare namespace UserPreferences {
             value: PropTypes.Requireable<boolean>;
             disabled: PropTypes.Requireable<boolean>;
             onChange: PropTypes.Requireable<(...args: any[]) => any>;
+            'aria-labelledby': PropTypes.Requireable<string>;
+            'aria-label': PropTypes.Requireable<string>;
             modified: PropTypes.Requireable<boolean>;
             titlePosition: PropTypes.Requireable<string>;
             theme: PropTypes.Requireable<string>;