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

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

@@ -1,10 +1,12 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import Title from '../../atom/title';
 import QuickAccessCardGroup from '../../molecule/quick-access-cards-group';
 import Go1Banner from '../../molecule/go1-banner';
 import style from './style.css';
+
 const Dashboard = props => {
   const {
     header,
@@ -22,6 +24,7 @@ const Dashboard = props => {
     className: style.cardsWrapper
   }, /*#__PURE__*/React.createElement(QuickAccessCardGroup, quickAccessCards.cards))));
 };
+
 Dashboard.propTypes = process.env.NODE_ENV !== "production" ? {
   header: PropTypes.shape({
     title: PropTypes.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Title","QuickAccessCardGroup","Go1Banner","style","Dashboard","props","header","quickAccessCards","banner","sectionWrapper","title","cardsWrapper","cards","propTypes","shape","string","subtitle"],"sources":["../../../src/organism/brand-dashboard/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Title from '../../atom/title';\nimport QuickAccessCardGroup from '../../molecule/quick-access-cards-group';\nimport 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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,kBAAkB;AACpC,OAAOC,oBAAoB,MAAM,yCAAyC;AAC1E,OAAOC,SAAS,MAAM,2BAA2B;AACjD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,SAAS,GAAGC,KAAK,IAAI;EACzB,MAAM;IAACC,MAAM;IAAEC,gBAAgB;IAAEC;EAAM,CAAC,GAAGH,KAAK;EAChD,oBACE,8CACE,8CACE,oBAAC,KAAK,eAAKC,MAAM;IAAE,IAAI,EAAE;EAAO,GAAG,CAC/B,EACLE,MAAM,gBAAG,oBAAC,SAAS,EAAKA,MAAM,CAAI,GAAG,IAAI,eAC1C;IAAK,SAAS,EAAEL,KAAK,CAACM;EAAe,gBACnC,oBAAC,KAAK;IAAC,KAAK,EAAEF,gBAAgB,CAACG,KAAM;IAAC,IAAI,EAAE;EAAa,EAAG,eAC5D;IAAK,SAAS,EAAEP,KAAK,CAACQ;EAAa,gBACjC,oBAAC,oBAAoB,EAAKJ,gBAAgB,CAACK,KAAK,CAAI,CAChD,CACF,CACF;AAEV,CAAC;AAEDR,SAAS,CAACS,SAAS,2CAAG;EACpBP,MAAM,EAAEP,SAAS,CAACe,KAAK,CAAC;IACtBJ,KAAK,EAAEX,SAAS,CAACgB,MAAM;IACvBC,QAAQ,EAAEjB,SAAS,CAACgB;EACtB,CAAC,CAAC;EACFR,gBAAgB,EAAER,SAAS,CAACe,KAAK,CAAC;IAChCJ,KAAK,EAAEX,SAAS,CAACgB,MAAM;IACvBH,KAAK,EAAEb,SAAS,CAACe,KAAK,CAACb,oBAAoB,CAACY,SAAS;EACvD,CAAC,CAAC;EACFL,MAAM,EAAET,SAAS,CAACe,KAAK,CAACZ,SAAS,CAACW,SAAS;AAC7C,CAAC;AAED,eAAeT,SAAS"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Title","QuickAccessCardGroup","Go1Banner","style","Dashboard","props","header","quickAccessCards","banner","sectionWrapper","title","cardsWrapper","cards","propTypes","shape","string","subtitle"],"sources":["../../../src/organism/brand-dashboard/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Title from '../../atom/title';\nimport QuickAccessCardGroup from '../../molecule/quick-access-cards-group';\nimport 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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,kBAAlB;AACA,OAAOC,oBAAP,MAAiC,yCAAjC;AACA,OAAOC,SAAP,MAAsB,2BAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,SAAS,GAAGC,KAAK,IAAI;EACzB,MAAM;IAACC,MAAD;IAASC,gBAAT;IAA2BC;EAA3B,IAAqCH,KAA3C;EACA,oBACE,8CACE,8CACE,oBAAC,KAAD,eAAWC,MAAX;IAAmB,IAAI,EAAE;EAAzB,GADF,CADF,EAIGE,MAAM,gBAAG,oBAAC,SAAD,EAAeA,MAAf,CAAH,GAA+B,IAJxC,eAKE;IAAK,SAAS,EAAEL,KAAK,CAACM;EAAtB,gBACE,oBAAC,KAAD;IAAO,KAAK,EAAEF,gBAAgB,CAACG,KAA/B;IAAsC,IAAI,EAAE;EAA5C,EADF,eAEE;IAAK,SAAS,EAAEP,KAAK,CAACQ;EAAtB,gBACE,oBAAC,oBAAD,EAA0BJ,gBAAgB,CAACK,KAA3C,CADF,CAFF,CALF,CADF;AAcD,CAhBD;;AAkBAR,SAAS,CAACS,SAAV,2CAAsB;EACpBP,MAAM,EAAEP,SAAS,CAACe,KAAV,CAAgB;IACtBJ,KAAK,EAAEX,SAAS,CAACgB,MADK;IAEtBC,QAAQ,EAAEjB,SAAS,CAACgB;EAFE,CAAhB,CADY;EAKpBR,gBAAgB,EAAER,SAAS,CAACe,KAAV,CAAgB;IAChCJ,KAAK,EAAEX,SAAS,CAACgB,MADe;IAEhCH,KAAK,EAAEb,SAAS,CAACe,KAAV,CAAgBb,oBAAoB,CAACY,SAArC;EAFyB,CAAhB,CALE;EASpBL,MAAM,EAAET,SAAS,CAACe,KAAV,CAAgBZ,SAAS,CAACW,SAA1B;AATY,CAAtB;AAYA,eAAeT,SAAf"}

package/es/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/es/organism/brand-form/index.js

@@ -9,10 +9,12 @@ import Button from '../../atom/button';
 import Link from '../../atom/link';
 import Loader from '../../atom/loader';
 import style from './style.css';
+
 const buildButtonSection = (onSubmit, submitValue, onReset, resetValue, tooltip, disabled, isModified, isPending, darkColor) => {
   if (!onSubmit && !onReset) {
     return null;
   }
+
   const disabledSubmit = disabled || isPending || !isModified;
   const submitButton = onSubmit ? /*#__PURE__*/React.createElement("div", {
     "data-tip": tooltip.title,
@@ -43,6 +45,7 @@ const buildButtonSection = (onSubmit, submitValue, onReset, resetValue, tooltip,
     className: style.buttons
   }, submitButton, resetButton);
 };
+
 function BrandForm(props, context) {
   const {
     groups,
@@ -60,7 +63,9 @@ function BrandForm(props, context) {
   const {
     skin
   } = context;
+
   const darkColor = _get('common.dark', skin);
+
   const backView = back ? /*#__PURE__*/React.createElement("p", {
     className: style.back
   }, /*#__PURE__*/React.createElement(ArrowLeft, {
@@ -96,6 +101,7 @@ function BrandForm(props, context) {
     className: style.form
   }, brandGroups, buttonSection));
 }
+
 BrandForm.contextTypes = {
   skin: Provider.childContextTypes.skin
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","NovaCompositionNavigationArrowLeft","ArrowLeft","ReactTooltip","BrandFormGroup","Provider","Button","Link","Loader","style","buildButtonSection","onSubmit","submitValue","onReset","resetValue","tooltip","disabled","isModified","isPending","darkColor","disabledSubmit","submitButton","title","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","e","preventDefault","handleReset","loaderContainer","loader","form","contextTypes","childContextTypes","defaultProps","propTypes","arrayOf","shape","isRequired","bool","func","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":";AAAA,OAAOA,KAAK,IAAGC,OAAO,QAAO,OAAO;AACpC,OAAOC,SAAS,MAAM,YAAY;AAElC,SAAQC,kCAAkC,IAAIC,SAAS,QAAO,0BAA0B;AACxF,OAAOC,YAAY,MAAM,eAAe;AACxC,OAAOC,cAAc,MAAM,iCAAiC;AAC5D,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,IAAI,MAAM,iBAAiB;AAClC,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,kBAAkB,GAAG,CACzBC,QAAQ,EACRC,WAAW,EACXC,OAAO,EACPC,UAAU,EACVC,OAAO,EACPC,QAAQ,EACRC,UAAU,EACVC,SAAS,EACTC,SAAS,KACN;EACH,IAAI,CAACR,QAAQ,IAAI,CAACE,OAAO,EAAE;IACzB,OAAO,IAAI;EACb;EAEA,MAAMO,cAAc,GAAGJ,QAAQ,IAAIE,SAAS,IAAI,CAACD,UAAU;EAC3D,MAAMI,YAAY,GAAGV,QAAQ,gBAC3B;IAAK,YAAUI,OAAO,CAACO,KAAM;IAAC,YAAS,cAAc;IAAC,SAAS,EAAEb,KAAK,CAACc;EAAW,gBAChF,oBAAC,YAAY;IACX,IAAI,EAAC,OAAO;IACZ,MAAM,EAAC,OAAO;IACd,SAAS,EAAEd,KAAK,CAACe,cAAe;IAChC,KAAK,EAAET,OAAO,CAACU,KAAM;IACrB,EAAE,EAAC;EAAc,EACjB,eACF,oBAAC,MAAM;IAAC,IAAI,EAAC,QAAQ;IAAC,QAAQ,EAAEL,cAAe;IAAC,WAAW,EAAER;EAAY,EAAG,CACxE,GACJ,IAAI;EAER,MAAMc,gBAAgB,GAAG;IAACC,eAAe,EAAER;EAAS,CAAC;EAErD,MAAMS,WAAW,GAAGf,OAAO,gBACzB;IAAK,SAAS,EAAEJ,KAAK,CAACmB;EAAY,gBAChC,oBAAC,MAAM;IAAC,IAAI,EAAC,OAAO;IAAC,WAAW,EAAEd,UAAW;IAAC,KAAK,EAAEY;EAAiB,EAAG,CACrE,GACJ,IAAI;EAER,oBACE;IAAK,SAAS,EAAEjB,KAAK,CAACoB;EAAQ,GAC3BR,YAAY,EACZO,WAAW,CACR;AAEV,CAAC;AAED,SAASE,SAAS,CAACC,KAAK,EAAEC,OAAO,EAAE;EACjC,MAAM;IACJC,MAAM;IACNjB,QAAQ;IACRC,UAAU;IACVC,SAAS;IACTP,QAAQ;IACRC,WAAW;IACXC,OAAO;IACPC,UAAU;IACVoB,IAAI;IACJnB,OAAO;IACPoB;EACF,CAAC,GAAGJ,KAAK;EACT,MAAM;IAACK;EAAI,CAAC,GAAGJ,OAAO;EACtB,MAAMb,SAAS,GAAG,KAAI,aAAa,EAAEiB,IAAI,CAAC;EAE1C,MAAMC,QAAQ,GAAGH,IAAI,gBACnB;IAAG,SAAS,EAAEzB,KAAK,CAACyB;EAAK,gBACvB,oBAAC,SAAS;IAAC,KAAK,EAAEf,SAAU;IAAC,SAAS,EAAEV,KAAK,CAAC6B;EAAU,EAAG,eAC3D,oBAAC,IAAI;IAAC,IAAI,EAAEJ,IAAI,CAACK,IAAK;IAAC,SAAS,EAAE9B,KAAK,CAAC+B;EAAS,GAC9CN,IAAI,CAACO,IAAI,CACL,CACL,GACF,IAAI;EAER,MAAMC,WAAW,GAAGT,MAAM,CAACU,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KAAK;IAC/C,oBACE;MAAK,SAAS,EAAEpC,KAAK,CAACmC,KAAM;MAAC,GAAG,EAAEC;IAAM,gBACtC,oBAAC,cAAc,EAAKD,KAAK,CAAI,CACzB;EAEV,CAAC,CAAC;EAEF,MAAME,aAAa,GAAGpC,kBAAkB,CACtCC,QAAQ,EACRC,WAAW,EACXC,OAAO,EACPC,UAAU,EACVC,OAAO,EACPC,QAAQ,EACRC,UAAU,EACVC,SAAS,EACTC,SAAS,CACV;EAED,MAAM4B,YAAY,GAAGhD,OAAO,CAC1B,MAAMiD,CAAC,IAAI;IACTA,CAAC,CAACC,cAAc,EAAE;IAClB,OAAOtC,QAAQ,CAACqC,CAAC,CAAC;EACpB,CAAC,EACD,CAACrC,QAAQ,CAAC,CACX;EAED,MAAMuC,WAAW,GAAGnD,OAAO,CACzB,MAAMiD,CAAC,IAAI;IACTA,CAAC,CAACC,cAAc,EAAE;IAClB,OAAOpC,OAAO,CAACmC,CAAC,CAAC;EACnB,CAAC,EACD,CAACnC,OAAO,CAAC,CACV;EAED,oBACE,iCACGwB,QAAQ,EACRF,SAAS,gBACR;IAAK,SAAS,EAAE1B,KAAK,CAAC0C;EAAgB,gBACpC,oBAAC,MAAM;IAAC,SAAS,EAAE1C,KAAK,CAAC2C,MAAO;IAAC,KAAK,EAAC;EAAc,EAAG,CACpD,gBAEN;IAAM,QAAQ,EAAEL,YAAa;IAAC,OAAO,EAAEG,WAAY;IAAC,SAAS,EAAEzC,KAAK,CAAC4C;EAAK,GACvEX,WAAW,EACXI,aAAa,CAEjB,CACG;AAEV;AAEAhB,SAAS,CAACwB,YAAY,GAAG;EACvBlB,IAAI,EAAE/B,QAAQ,CAACkD,iBAAiB,CAACnB;AACnC,CAAC;AAEDN,SAAS,CAAC0B,YAAY,GAAG;EACvBzC,OAAO,EAAE;IACPO,KAAK,EAAE,EAAE;IACTG,KAAK,EAAE;EACT;AACF,CAAC;AAEDK,SAAS,CAAC2B,SAAS,2CAAG;EACpBxB,MAAM,EAAEjC,SAAS,CAAC0D,OAAO,CAAC1D,SAAS,CAAC2D,KAAK,CAACvD,cAAc,CAACqD,SAAS,CAAC,CAAC,CAACG,UAAU;EAC/E5C,QAAQ,EAAEhB,SAAS,CAAC6D,IAAI;EACxB5C,UAAU,EAAEjB,SAAS,CAAC6D,IAAI;EAC1B3C,SAAS,EAAElB,SAAS,CAAC6D,IAAI;EACzBlD,QAAQ,EAAEX,SAAS,CAAC8D,IAAI;EACxBlD,WAAW,EAAEN,MAAM,CAACmD,SAAS,CAAC7C,WAAW;EACzCC,OAAO,EAAEb,SAAS,CAAC8D,IAAI;EACvBhD,UAAU,EAAER,MAAM,CAACmD,SAAS,CAAC7C,WAAW;EACxCsB,IAAI,EAAElC,SAAS,CAAC2D,KAAK,CAAC;IACpBlB,IAAI,EAAElC,IAAI,CAACkD,SAAS,CAACM,QAAQ;IAC7BxB,IAAI,EAAEhC,IAAI,CAACkD,SAAS,CAACO;EACvB,CAAC,CAAC;EACFjD,OAAO,EAAEf,SAAS,CAAC2D,KAAK,CAAC;IACvBrC,KAAK,EAAEtB,SAAS,CAACiE,MAAM;IACvBxC,KAAK,EAAEzB,SAAS,CAACiE;EACnB,CAAC,CAAC;EACF9B,SAAS,EAAEnC,SAAS,CAAC6D;AACvB,CAAC;AAED,eAAe/B,SAAS"}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","NovaCompositionNavigationArrowLeft","ArrowLeft","ReactTooltip","BrandFormGroup","Provider","Button","Link","Loader","style","buildButtonSection","onSubmit","submitValue","onReset","resetValue","tooltip","disabled","isModified","isPending","darkColor","disabledSubmit","submitButton","title","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","e","preventDefault","handleReset","loaderContainer","loader","form","contextTypes","childContextTypes","defaultProps","propTypes","arrayOf","shape","isRequired","bool","func","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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"}

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

@@ -5,6 +5,7 @@ import Pagination from '../../molecule/pagination';
 import Search from '../../atom/input-search';
 import Loader from '../../atom/loader';
 import style from './style.css';
+
 const BrandTable = props => {
   const {
     pagination,
@@ -43,6 +44,7 @@ const BrandTable = props => {
     className: style.headerWrapper
   }, refreshView, searchView, paginationView), /*#__PURE__*/React.createElement("div", null, isPending ? pendingView : tableView), /*#__PURE__*/React.createElement("div", null));
 };
+
 BrandTable.propTypes = process.env.NODE_ENV !== "production" ? {
   search: PropTypes.shape(Search.propTypes),
   pagination: PropTypes.shape(Pagination.propTypes),

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Table","Pagination","Search","Loader","style","BrandTable","props","pagination","search","rows","columns","editable","isPending","emptyValue","onRefresh","refreshLabel","headerTitle","pendingView","loading","tableView","length","empty","paginationView","searchView","searchWrapper","refreshView","refresh","wrapper","headerWrapper","propTypes","shape","string","isRequired","bool","func"],"sources":["../../../src/organism/brand-table/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Table from '../../molecule/table';\nimport Pagination from '../../molecule/pagination';\nimport Search from '../../atom/input-search';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst BrandTable = props => {\n  const {\n    pagination,\n    search,\n    rows = [],\n    columns = [],\n    editable,\n    isPending,\n    emptyValue,\n    onRefresh,\n    refreshLabel,\n    headerTitle = ''\n  } = props;\n\n  const pendingView = (\n    <div className={style.loading}>\n      <Loader />\n    </div>\n  );\n\n  const tableView =\n    rows.length > 0 ? (\n      <Table rows={rows} columns={columns} editable={editable} headerTitle={headerTitle} />\n    ) : (\n      <div className={style.empty}>{emptyValue}</div>\n    );\n  const paginationView = pagination ? (\n    <div>\n      <Pagination {...pagination} />\n    </div>\n  ) : null;\n  const searchView = search ? (\n    <div className={style.searchWrapper}>\n      <Search {...search} />\n    </div>\n  ) : null;\n\n  const refreshView = onRefresh ? (\n    <div className={style.refresh} onClick={onRefresh}>\n      🔄 {refreshLabel}\n    </div>\n  ) : null;\n\n  return (\n    <div className={style.wrapper}>\n      <div className={style.headerWrapper}>\n        {refreshView}\n        {searchView}\n        {paginationView}\n      </div>\n      <div>{isPending ? pendingView : tableView}</div>\n      <div />\n    </div>\n  );\n};\n\nBrandTable.propTypes = {\n  search: PropTypes.shape(Search.propTypes),\n  pagination: PropTypes.shape(Pagination.propTypes),\n  emptyValue: PropTypes.string.isRequired,\n  isPending: PropTypes.bool,\n  editable: PropTypes.bool,\n  rows: Table.propTypes.rows,\n  columns: Table.propTypes.columns,\n  onRefresh: PropTypes.func,\n  refreshLabel: PropTypes.string,\n  headerTitle: PropTypes.string\n};\n\nexport default BrandTable;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,sBAAsB;AACxC,OAAOC,UAAU,MAAM,2BAA2B;AAClD,OAAOC,MAAM,MAAM,yBAAyB;AAC5C,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IACJC,UAAU;IACVC,MAAM;IACNC,IAAI,GAAG,EAAE;IACTC,OAAO,GAAG,EAAE;IACZC,QAAQ;IACRC,SAAS;IACTC,UAAU;IACVC,SAAS;IACTC,YAAY;IACZC,WAAW,GAAG;EAChB,CAAC,GAAGV,KAAK;EAET,MAAMW,WAAW,gBACf;IAAK,SAAS,EAAEb,KAAK,CAACc;EAAQ,gBAC5B,oBAAC,MAAM,OAAG,CAEb;EAED,MAAMC,SAAS,GACbV,IAAI,CAACW,MAAM,GAAG,CAAC,gBACb,oBAAC,KAAK;IAAC,IAAI,EAAEX,IAAK;IAAC,OAAO,EAAEC,OAAQ;IAAC,QAAQ,EAAEC,QAAS;IAAC,WAAW,EAAEK;EAAY,EAAG,gBAErF;IAAK,SAAS,EAAEZ,KAAK,CAACiB;EAAM,GAAER,UAAU,CACzC;EACH,MAAMS,cAAc,GAAGf,UAAU,gBAC/B,8CACE,oBAAC,UAAU,EAAKA,UAAU,CAAI,CAC1B,GACJ,IAAI;EACR,MAAMgB,UAAU,GAAGf,MAAM,gBACvB;IAAK,SAAS,EAAEJ,KAAK,CAACoB;EAAc,gBAClC,oBAAC,MAAM,EAAKhB,MAAM,CAAI,CAClB,GACJ,IAAI;EAER,MAAMiB,WAAW,GAAGX,SAAS,gBAC3B;IAAK,SAAS,EAAEV,KAAK,CAACsB,OAAQ;IAAC,OAAO,EAAEZ;EAAU,GAAC,eAC9C,EAACC,YAAY,CACZ,GACJ,IAAI;EAER,oBACE;IAAK,SAAS,EAAEX,KAAK,CAACuB;EAAQ,gBAC5B;IAAK,SAAS,EAAEvB,KAAK,CAACwB;EAAc,GACjCH,WAAW,EACXF,UAAU,EACVD,cAAc,CACX,eACN,iCAAMV,SAAS,GAAGK,WAAW,GAAGE,SAAS,CAAO,eAChD,gCAAO,CACH;AAEV,CAAC;AAEDd,UAAU,CAACwB,SAAS,2CAAG;EACrBrB,MAAM,EAAET,SAAS,CAAC+B,KAAK,CAAC5B,MAAM,CAAC2B,SAAS,CAAC;EACzCtB,UAAU,EAAER,SAAS,CAAC+B,KAAK,CAAC7B,UAAU,CAAC4B,SAAS,CAAC;EACjDhB,UAAU,EAAEd,SAAS,CAACgC,MAAM,CAACC,UAAU;EACvCpB,SAAS,EAAEb,SAAS,CAACkC,IAAI;EACzBtB,QAAQ,EAAEZ,SAAS,CAACkC,IAAI;EACxBxB,IAAI,EAAET,KAAK,CAAC6B,SAAS,CAACpB,IAAI;EAC1BC,OAAO,EAAEV,KAAK,CAAC6B,SAAS,CAACnB,OAAO;EAChCI,SAAS,EAAEf,SAAS,CAACmC,IAAI;EACzBnB,YAAY,EAAEhB,SAAS,CAACgC,MAAM;EAC9Bf,WAAW,EAAEjB,SAAS,CAACgC;AACzB,CAAC;AAED,eAAe1B,UAAU"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Table","Pagination","Search","Loader","style","BrandTable","props","pagination","search","rows","columns","editable","isPending","emptyValue","onRefresh","refreshLabel","headerTitle","pendingView","loading","tableView","length","empty","paginationView","searchView","searchWrapper","refreshView","refresh","wrapper","headerWrapper","propTypes","shape","string","isRequired","bool","func"],"sources":["../../../src/organism/brand-table/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Table from '../../molecule/table';\nimport Pagination from '../../molecule/pagination';\nimport Search from '../../atom/input-search';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst BrandTable = props => {\n  const {\n    pagination,\n    search,\n    rows = [],\n    columns = [],\n    editable,\n    isPending,\n    emptyValue,\n    onRefresh,\n    refreshLabel,\n    headerTitle = ''\n  } = props;\n\n  const pendingView = (\n    <div className={style.loading}>\n      <Loader />\n    </div>\n  );\n\n  const tableView =\n    rows.length > 0 ? (\n      <Table rows={rows} columns={columns} editable={editable} headerTitle={headerTitle} />\n    ) : (\n      <div className={style.empty}>{emptyValue}</div>\n    );\n  const paginationView = pagination ? (\n    <div>\n      <Pagination {...pagination} />\n    </div>\n  ) : null;\n  const searchView = search ? (\n    <div className={style.searchWrapper}>\n      <Search {...search} />\n    </div>\n  ) : null;\n\n  const refreshView = onRefresh ? (\n    <div className={style.refresh} onClick={onRefresh}>\n      🔄 {refreshLabel}\n    </div>\n  ) : null;\n\n  return (\n    <div className={style.wrapper}>\n      <div className={style.headerWrapper}>\n        {refreshView}\n        {searchView}\n        {paginationView}\n      </div>\n      <div>{isPending ? pendingView : tableView}</div>\n      <div />\n    </div>\n  );\n};\n\nBrandTable.propTypes = {\n  search: PropTypes.shape(Search.propTypes),\n  pagination: PropTypes.shape(Pagination.propTypes),\n  emptyValue: PropTypes.string.isRequired,\n  isPending: PropTypes.bool,\n  editable: PropTypes.bool,\n  rows: Table.propTypes.rows,\n  columns: Table.propTypes.columns,\n  onRefresh: PropTypes.func,\n  refreshLabel: PropTypes.string,\n  headerTitle: PropTypes.string\n};\n\nexport default BrandTable;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,sBAAlB;AACA,OAAOC,UAAP,MAAuB,2BAAvB;AACA,OAAOC,MAAP,MAAmB,yBAAnB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IACJC,UADI;IAEJC,MAFI;IAGJC,IAAI,GAAG,EAHH;IAIJC,OAAO,GAAG,EAJN;IAKJC,QALI;IAMJC,SANI;IAOJC,UAPI;IAQJC,SARI;IASJC,YATI;IAUJC,WAAW,GAAG;EAVV,IAWFV,KAXJ;EAaA,MAAMW,WAAW,gBACf;IAAK,SAAS,EAAEb,KAAK,CAACc;EAAtB,gBACE,oBAAC,MAAD,OADF,CADF;EAMA,MAAMC,SAAS,GACbV,IAAI,CAACW,MAAL,GAAc,CAAd,gBACE,oBAAC,KAAD;IAAO,IAAI,EAAEX,IAAb;IAAmB,OAAO,EAAEC,OAA5B;IAAqC,QAAQ,EAAEC,QAA/C;IAAyD,WAAW,EAAEK;EAAtE,EADF,gBAGE;IAAK,SAAS,EAAEZ,KAAK,CAACiB;EAAtB,GAA8BR,UAA9B,CAJJ;EAMA,MAAMS,cAAc,GAAGf,UAAU,gBAC/B,8CACE,oBAAC,UAAD,EAAgBA,UAAhB,CADF,CAD+B,GAI7B,IAJJ;EAKA,MAAMgB,UAAU,GAAGf,MAAM,gBACvB;IAAK,SAAS,EAAEJ,KAAK,CAACoB;EAAtB,gBACE,oBAAC,MAAD,EAAYhB,MAAZ,CADF,CADuB,GAIrB,IAJJ;EAMA,MAAMiB,WAAW,GAAGX,SAAS,gBAC3B;IAAK,SAAS,EAAEV,KAAK,CAACsB,OAAtB;IAA+B,OAAO,EAAEZ;EAAxC,oBACMC,YADN,CAD2B,GAIzB,IAJJ;EAMA,oBACE;IAAK,SAAS,EAAEX,KAAK,CAACuB;EAAtB,gBACE;IAAK,SAAS,EAAEvB,KAAK,CAACwB;EAAtB,GACGH,WADH,EAEGF,UAFH,EAGGD,cAHH,CADF,eAME,iCAAMV,SAAS,GAAGK,WAAH,GAAiBE,SAAhC,CANF,eAOE,gCAPF,CADF;AAWD,CAtDD;;AAwDAd,UAAU,CAACwB,SAAX,2CAAuB;EACrBrB,MAAM,EAAET,SAAS,CAAC+B,KAAV,CAAgB5B,MAAM,CAAC2B,SAAvB,CADa;EAErBtB,UAAU,EAAER,SAAS,CAAC+B,KAAV,CAAgB7B,UAAU,CAAC4B,SAA3B,CAFS;EAGrBhB,UAAU,EAAEd,SAAS,CAACgC,MAAV,CAAiBC,UAHR;EAIrBpB,SAAS,EAAEb,SAAS,CAACkC,IAJA;EAKrBtB,QAAQ,EAAEZ,SAAS,CAACkC,IALC;EAMrBxB,IAAI,EAAET,KAAK,CAAC6B,SAAN,CAAgBpB,IAND;EAOrBC,OAAO,EAAEV,KAAK,CAAC6B,SAAN,CAAgBnB,OAPJ;EAQrBI,SAAS,EAAEf,SAAS,CAACmC,IARA;EASrBnB,YAAY,EAAEhB,SAAS,CAACgC,MATH;EAUrBf,WAAW,EAAEjB,SAAS,CAACgC;AAVF,CAAvB;AAaA,eAAe1B,UAAf"}

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

@@ -1,5 +1,7 @@
 import _keys from "lodash/fp/keys";
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import Provider from '../../atom/provider';
@@ -12,6 +14,7 @@ const notificationStyle = {
   error: style.error,
   success: style.success
 };
+
 const BrandUpload = props => {
   const {
     title = '',
@@ -38,6 +41,7 @@ const BrandUpload = props => {
     className: style.notifications
   }, notificationsItems));
 };
+
 BrandUpload.contextTypes = {
   skin: Provider.childContextTypes.skin
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Provider","ProgressBar","UploadBox","DownloadBox","style","notificationStyle","warning","error","success","BrandUpload","props","title","download","oneLoginTokens","upload","progress","notifications","notificationsItems","map","notif","index","type","message","oneLoginTokensView","wrapper","contextTypes","skin","childContextTypes","propTypes","string","shape","value","number","isRequired","max","desc","arrayOf","oneOf"],"sources":["../../../src/organism/brand-upload/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {keys} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport ProgressBar from '../../molecule/progress-bar';\nimport UploadBox from '../../molecule/brand-upload-box';\nimport DownloadBox from '../../molecule/brand-download-box';\nimport style from './style.css';\n\nconst notificationStyle = {\n  warning: style.warning,\n  error: style.error,\n  success: style.success\n};\n\nconst BrandUpload = props => {\n  const {title = '', download, oneLoginTokens, upload, progress, notifications} = props;\n\n  const notificationsItems = notifications.map((notif, index) => (\n    <div className={notificationStyle[notif.type]} key={index}>\n      <span>{notif.message}</span>\n    </div>\n  ));\n\n  const oneLoginTokensView = oneLoginTokens ? (\n    <div>\n      <div className={style.title}>\n        <h3>{oneLoginTokens.title} </h3>\n      </div>\n      {oneLoginTokens.download ? <DownloadBox {...oneLoginTokens.download} /> : null}\n    </div>\n  ) : null;\n\n  return (\n    <div className={style.wrapper}>\n      {oneLoginTokensView}\n      <div className={style.title}>\n        <h3>{title}</h3>\n      </div>\n      {download ? <DownloadBox {...download} /> : null}\n      <UploadBox {...upload} />\n      {progress ? <ProgressBar {...progress} className={style.progress} /> : null}\n      <ul className={style.notifications}>{notificationsItems}</ul>\n    </div>\n  );\n};\n\nBrandUpload.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBrandUpload.propTypes = {\n  title: PropTypes.string,\n  download: PropTypes.shape(DownloadBox.propTypes),\n  oneLoginTokens: PropTypes.shape({\n    title: PropTypes.string,\n    download: PropTypes.shape(DownloadBox.propTypes)\n  }),\n  progress: PropTypes.shape({\n    value: PropTypes.number.isRequired,\n    max: PropTypes.number.isRequired,\n    desc: PropTypes.string\n  }),\n  upload: PropTypes.shape(UploadBox.propTypes).isRequired,\n  notifications: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.oneOf(keys(notificationStyle)).isRequired,\n      message: PropTypes.string.isRequired\n    })\n  )\n};\n\nexport default BrandUpload;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Provider","ProgressBar","UploadBox","DownloadBox","style","notificationStyle","warning","error","success","BrandUpload","props","title","download","oneLoginTokens","upload","progress","notifications","notificationsItems","map","notif","index","type","message","oneLoginTokensView","wrapper","contextTypes","skin","childContextTypes","propTypes","string","shape","value","number","isRequired","max","desc","arrayOf","oneOf"],"sources":["../../../src/organism/brand-upload/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {keys} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport ProgressBar from '../../molecule/progress-bar';\nimport UploadBox from '../../molecule/brand-upload-box';\nimport DownloadBox from '../../molecule/brand-download-box';\nimport style from './style.css';\n\nconst notificationStyle = {\n  warning: style.warning,\n  error: style.error,\n  success: style.success\n};\n\nconst BrandUpload = props => {\n  const {title = '', download, oneLoginTokens, upload, progress, notifications} = props;\n\n  const notificationsItems = notifications.map((notif, index) => (\n    <div className={notificationStyle[notif.type]} key={index}>\n      <span>{notif.message}</span>\n    </div>\n  ));\n\n  const oneLoginTokensView = oneLoginTokens ? (\n    <div>\n      <div className={style.title}>\n        <h3>{oneLoginTokens.title} </h3>\n      </div>\n      {oneLoginTokens.download ? <DownloadBox {...oneLoginTokens.download} /> : null}\n    </div>\n  ) : null;\n\n  return (\n    <div className={style.wrapper}>\n      {oneLoginTokensView}\n      <div className={style.title}>\n        <h3>{title}</h3>\n      </div>\n      {download ? <DownloadBox {...download} /> : null}\n      <UploadBox {...upload} />\n      {progress ? <ProgressBar {...progress} className={style.progress} /> : null}\n      <ul className={style.notifications}>{notificationsItems}</ul>\n    </div>\n  );\n};\n\nBrandUpload.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBrandUpload.propTypes = {\n  title: PropTypes.string,\n  download: PropTypes.shape(DownloadBox.propTypes),\n  oneLoginTokens: PropTypes.shape({\n    title: PropTypes.string,\n    download: PropTypes.shape(DownloadBox.propTypes)\n  }),\n  progress: PropTypes.shape({\n    value: PropTypes.number.isRequired,\n    max: PropTypes.number.isRequired,\n    desc: PropTypes.string\n  }),\n  upload: PropTypes.shape(UploadBox.propTypes).isRequired,\n  notifications: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.oneOf(keys(notificationStyle)).isRequired,\n      message: PropTypes.string.isRequired\n    })\n  )\n};\n\nexport default BrandUpload;\n"],"mappings":"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"}

package/es/organism/cards-grid/index.js

@@ -4,6 +4,7 @@ import PropTypes from 'prop-types';
 import Card from '../../molecule/card';
 import Loader from '../../atom/loader';
 import style from './style.css';
+
 function CardsGrid(props) {
   const {
     list = [],
@@ -12,6 +13,7 @@ function CardsGrid(props) {
   const loader = loading ? /*#__PURE__*/React.createElement("div", {
     className: style.loader
   }, /*#__PURE__*/React.createElement(Loader, null)) : null;
+
   const cards = _map(cardProps => {
     return /*#__PURE__*/React.createElement("div", {
       "data-name": "cardGrid",
@@ -19,10 +21,12 @@ function CardsGrid(props) {
       key: cardProps.key
     }, /*#__PURE__*/React.createElement(Card, cardProps));
   }, list);
+
   return /*#__PURE__*/React.createElement("div", {
     className: style.default
   }, cards, loader);
 }
+
 CardsGrid.propTypes = process.env.NODE_ENV !== "production" ? {
   list: PropTypes.arrayOf(PropTypes.shape(Card.propTypes)),
   loading: PropTypes.bool

package/es/organism/cards-grid/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Card","Loader","style","CardsGrid","props","list","loading","loader","cards","cardProps","card","key","default","propTypes","arrayOf","shape","bool"],"sources":["../../../src/organism/cards-grid/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Card from '../../molecule/card';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nfunction CardsGrid(props) {\n  const {list = [], loading = false} = props;\n\n  const loader = loading ? (\n    <div className={style.loader}>\n      <Loader />\n    </div>\n  ) : null;\n\n  const cards = map(cardProps => {\n    return (\n      <div data-name=\"cardGrid\" className={style.card} key={cardProps.key}>\n        <Card {...cardProps} />\n      </div>\n    );\n  }, list);\n\n  return (\n    <div className={style.default}>\n      {cards}\n      {loader}\n    </div>\n  );\n}\n\nCardsGrid.propTypes = {\n  list: PropTypes.arrayOf(PropTypes.shape(Card.propTypes)),\n  loading: PropTypes.bool\n};\n\nexport default CardsGrid;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,IAAI,MAAM,qBAAqB;AACtC,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,KAAK,MAAM,aAAa;AAE/B,SAASC,SAAS,CAACC,KAAK,EAAE;EACxB,MAAM;IAACC,IAAI,GAAG,EAAE;IAAEC,OAAO,GAAG;EAAK,CAAC,GAAGF,KAAK;EAE1C,MAAMG,MAAM,GAAGD,OAAO,gBACpB;IAAK,SAAS,EAAEJ,KAAK,CAACK;EAAO,gBAC3B,oBAAC,MAAM,OAAG,CACN,GACJ,IAAI;EAER,MAAMC,KAAK,GAAG,KAAIC,SAAS,IAAI;IAC7B,oBACE;MAAK,aAAU,UAAU;MAAC,SAAS,EAAEP,KAAK,CAACQ,IAAK;MAAC,GAAG,EAAED,SAAS,CAACE;IAAI,gBAClE,oBAAC,IAAI,EAAKF,SAAS,CAAI,CACnB;EAEV,CAAC,EAAEJ,IAAI,CAAC;EAER,oBACE;IAAK,SAAS,EAAEH,KAAK,CAACU;EAAQ,GAC3BJ,KAAK,EACLD,MAAM,CACH;AAEV;AAEAJ,SAAS,CAACU,SAAS,2CAAG;EACpBR,IAAI,EAAEN,SAAS,CAACe,OAAO,CAACf,SAAS,CAACgB,KAAK,CAACf,IAAI,CAACa,SAAS,CAAC,CAAC;EACxDP,OAAO,EAAEP,SAAS,CAACiB;AACrB,CAAC;AAED,eAAeb,SAAS"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Card","Loader","style","CardsGrid","props","list","loading","loader","cards","cardProps","card","key","default","propTypes","arrayOf","shape","bool"],"sources":["../../../src/organism/cards-grid/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Card from '../../molecule/card';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nfunction CardsGrid(props) {\n  const {list = [], loading = false} = props;\n\n  const loader = loading ? (\n    <div className={style.loader}>\n      <Loader />\n    </div>\n  ) : null;\n\n  const cards = map(cardProps => {\n    return (\n      <div data-name=\"cardGrid\" className={style.card} key={cardProps.key}>\n        <Card {...cardProps} />\n      </div>\n    );\n  }, list);\n\n  return (\n    <div className={style.default}>\n      {cards}\n      {loader}\n    </div>\n  );\n}\n\nCardsGrid.propTypes = {\n  list: PropTypes.arrayOf(PropTypes.shape(Card.propTypes)),\n  loading: PropTypes.bool\n};\n\nexport default CardsGrid;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,IAAP,MAAiB,qBAAjB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,SAASC,SAAT,CAAmBC,KAAnB,EAA0B;EACxB,MAAM;IAACC,IAAI,GAAG,EAAR;IAAYC,OAAO,GAAG;EAAtB,IAA+BF,KAArC;EAEA,MAAMG,MAAM,GAAGD,OAAO,gBACpB;IAAK,SAAS,EAAEJ,KAAK,CAACK;EAAtB,gBACE,oBAAC,MAAD,OADF,CADoB,GAIlB,IAJJ;;EAMA,MAAMC,KAAK,GAAG,KAAIC,SAAS,IAAI;IAC7B,oBACE;MAAK,aAAU,UAAf;MAA0B,SAAS,EAAEP,KAAK,CAACQ,IAA3C;MAAiD,GAAG,EAAED,SAAS,CAACE;IAAhE,gBACE,oBAAC,IAAD,EAAUF,SAAV,CADF,CADF;EAKD,CANa,EAMXJ,IANW,CAAd;;EAQA,oBACE;IAAK,SAAS,EAAEH,KAAK,CAACU;EAAtB,GACGJ,KADH,EAEGD,MAFH,CADF;AAMD;;AAEDJ,SAAS,CAACU,SAAV,2CAAsB;EACpBR,IAAI,EAAEN,SAAS,CAACe,OAAV,CAAkBf,SAAS,CAACgB,KAAV,CAAgBf,IAAI,CAACa,SAArB,CAAlB,CADc;EAEpBP,OAAO,EAAEP,SAAS,CAACiB;AAFC,CAAtB;AAKA,eAAeb,SAAf"}

package/es/organism/cart/index.js

@@ -6,6 +6,7 @@ import Provider from '../../atom/provider';
 import PromoCode from '../../atom/promo-code';
 import PaymentForm from '../../molecule/payment-form';
 import style from './style.css';
+
 const Cart = (props, context) => {
   const {
     productCardProps,
@@ -33,6 +34,7 @@ const Cart = (props, context) => {
     href: backUrl
   }, translate('back_to_catalog')))));
 };
+
 Cart.contextTypes = {
   translate: Provider.childContextTypes.translate
 };

package/es/organism/cart/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","ProductCard","Link","Provider","PromoCode","PaymentForm","style","Cart","props","context","productCardProps","promoCodeProps","paymentFormProps","backUrl","translate","parent","titleContainer","headerTitle","cart","productBlock","paymentBlock","backButton","contextTypes","childContextTypes","propTypes","shape","string"],"sources":["../../../src/organism/cart/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ProductCard from '../../molecule/product-card';\nimport Link from '../../atom/link';\nimport Provider from '../../atom/provider';\nimport PromoCode from '../../atom/promo-code';\nimport PaymentForm from '../../molecule/payment-form';\n\nimport style from './style.css';\n\nconst Cart = (props, context) => {\n  const {productCardProps, promoCodeProps, paymentFormProps, backUrl} = props;\n  const {translate} = context;\n\n  return (\n    <div className={style.parent}>\n      <div className={style.titleContainer}>\n        <div className={style.headerTitle}>{translate('cart_title')}</div>\n      </div>\n      <div className={style.cart}>\n        <div className={style.productBlock}>\n          <ProductCard {...productCardProps} />\n          <PromoCode {...promoCodeProps} />\n        </div>\n        <div className={style.paymentBlock}>\n          <PaymentForm {...paymentFormProps} />\n          <Link className={style.backButton} href={backUrl}>\n            {translate('back_to_catalog')}\n          </Link>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nCart.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nCart.propTypes = {\n  productCardProps: PropTypes.shape(ProductCard.propTypes),\n  promoCodeProps: PropTypes.shape(PromoCode.propTypes),\n  paymentFormProps: PropTypes.shape(PaymentForm.propTypes),\n  backUrl: PropTypes.string\n};\n\nexport default Cart;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,WAAW,MAAM,6BAA6B;AACrD,OAAOC,IAAI,MAAM,iBAAiB;AAClC,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,SAAS,MAAM,uBAAuB;AAC7C,OAAOC,WAAW,MAAM,6BAA6B;AAErD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,IAAI,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EAC/B,MAAM;IAACC,gBAAgB;IAAEC,cAAc;IAAEC,gBAAgB;IAAEC;EAAO,CAAC,GAAGL,KAAK;EAC3E,MAAM;IAACM;EAAS,CAAC,GAAGL,OAAO;EAE3B,oBACE;IAAK,SAAS,EAAEH,KAAK,CAACS;EAAO,gBAC3B;IAAK,SAAS,EAAET,KAAK,CAACU;EAAe,gBACnC;IAAK,SAAS,EAAEV,KAAK,CAACW;EAAY,GAAEH,SAAS,CAAC,YAAY,CAAC,CAAO,CAC9D,eACN;IAAK,SAAS,EAAER,KAAK,CAACY;EAAK,gBACzB;IAAK,SAAS,EAAEZ,KAAK,CAACa;EAAa,gBACjC,oBAAC,WAAW,EAAKT,gBAAgB,CAAI,eACrC,oBAAC,SAAS,EAAKC,cAAc,CAAI,CAC7B,eACN;IAAK,SAAS,EAAEL,KAAK,CAACc;EAAa,gBACjC,oBAAC,WAAW,EAAKR,gBAAgB,CAAI,eACrC,oBAAC,IAAI;IAAC,SAAS,EAAEN,KAAK,CAACe,UAAW;IAAC,IAAI,EAAER;EAAQ,GAC9CC,SAAS,CAAC,iBAAiB,CAAC,CACxB,CACH,CACF,CACF;AAEV,CAAC;AAEDP,IAAI,CAACe,YAAY,GAAG;EAClBR,SAAS,EAAEX,QAAQ,CAACoB,iBAAiB,CAACT;AACxC,CAAC;AAEDP,IAAI,CAACiB,SAAS,2CAAG;EACfd,gBAAgB,EAAEV,SAAS,CAACyB,KAAK,CAACxB,WAAW,CAACuB,SAAS,CAAC;EACxDb,cAAc,EAAEX,SAAS,CAACyB,KAAK,CAACrB,SAAS,CAACoB,SAAS,CAAC;EACpDZ,gBAAgB,EAAEZ,SAAS,CAACyB,KAAK,CAACpB,WAAW,CAACmB,SAAS,CAAC;EACxDX,OAAO,EAAEb,SAAS,CAAC0B;AACrB,CAAC;AAED,eAAenB,IAAI"}
+{"version":3,"file":"index.js","names":["React","PropTypes","ProductCard","Link","Provider","PromoCode","PaymentForm","style","Cart","props","context","productCardProps","promoCodeProps","paymentFormProps","backUrl","translate","parent","titleContainer","headerTitle","cart","productBlock","paymentBlock","backButton","contextTypes","childContextTypes","propTypes","shape","string"],"sources":["../../../src/organism/cart/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ProductCard from '../../molecule/product-card';\nimport Link from '../../atom/link';\nimport Provider from '../../atom/provider';\nimport PromoCode from '../../atom/promo-code';\nimport PaymentForm from '../../molecule/payment-form';\n\nimport style from './style.css';\n\nconst Cart = (props, context) => {\n  const {productCardProps, promoCodeProps, paymentFormProps, backUrl} = props;\n  const {translate} = context;\n\n  return (\n    <div className={style.parent}>\n      <div className={style.titleContainer}>\n        <div className={style.headerTitle}>{translate('cart_title')}</div>\n      </div>\n      <div className={style.cart}>\n        <div className={style.productBlock}>\n          <ProductCard {...productCardProps} />\n          <PromoCode {...promoCodeProps} />\n        </div>\n        <div className={style.paymentBlock}>\n          <PaymentForm {...paymentFormProps} />\n          <Link className={style.backButton} href={backUrl}>\n            {translate('back_to_catalog')}\n          </Link>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nCart.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nCart.propTypes = {\n  productCardProps: PropTypes.shape(ProductCard.propTypes),\n  promoCodeProps: PropTypes.shape(PromoCode.propTypes),\n  paymentFormProps: PropTypes.shape(PaymentForm.propTypes),\n  backUrl: PropTypes.string\n};\n\nexport default Cart;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,WAAP,MAAwB,6BAAxB;AACA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,SAAP,MAAsB,uBAAtB;AACA,OAAOC,WAAP,MAAwB,6BAAxB;AAEA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,IAAI,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC/B,MAAM;IAACC,gBAAD;IAAmBC,cAAnB;IAAmCC,gBAAnC;IAAqDC;EAArD,IAAgEL,KAAtE;EACA,MAAM;IAACM;EAAD,IAAcL,OAApB;EAEA,oBACE;IAAK,SAAS,EAAEH,KAAK,CAACS;EAAtB,gBACE;IAAK,SAAS,EAAET,KAAK,CAACU;EAAtB,gBACE;IAAK,SAAS,EAAEV,KAAK,CAACW;EAAtB,GAAoCH,SAAS,CAAC,YAAD,CAA7C,CADF,CADF,eAIE;IAAK,SAAS,EAAER,KAAK,CAACY;EAAtB,gBACE;IAAK,SAAS,EAAEZ,KAAK,CAACa;EAAtB,gBACE,oBAAC,WAAD,EAAiBT,gBAAjB,CADF,eAEE,oBAAC,SAAD,EAAeC,cAAf,CAFF,CADF,eAKE;IAAK,SAAS,EAAEL,KAAK,CAACc;EAAtB,gBACE,oBAAC,WAAD,EAAiBR,gBAAjB,CADF,eAEE,oBAAC,IAAD;IAAM,SAAS,EAAEN,KAAK,CAACe,UAAvB;IAAmC,IAAI,EAAER;EAAzC,GACGC,SAAS,CAAC,iBAAD,CADZ,CAFF,CALF,CAJF,CADF;AAmBD,CAvBD;;AAyBAP,IAAI,CAACe,YAAL,GAAoB;EAClBR,SAAS,EAAEX,QAAQ,CAACoB,iBAAT,CAA2BT;AADpB,CAApB;AAIAP,IAAI,CAACiB,SAAL,2CAAiB;EACfd,gBAAgB,EAAEV,SAAS,CAACyB,KAAV,CAAgBxB,WAAW,CAACuB,SAA5B,CADH;EAEfb,cAAc,EAAEX,SAAS,CAACyB,KAAV,CAAgBrB,SAAS,CAACoB,SAA1B,CAFD;EAGfZ,gBAAgB,EAAEZ,SAAS,CAACyB,KAAV,CAAgBpB,WAAW,CAACmB,SAA5B,CAHH;EAIfX,OAAO,EAAEb,SAAS,CAAC0B;AAJJ,CAAjB;AAOA,eAAenB,IAAf"}

package/es/organism/content-translation/index.js

@@ -1,4 +1,5 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -7,10 +8,12 @@ import InputText from '../../atom/input-text';
 import TextArea from '../../atom/input-textarea';
 import Button from '../../atom/button-link';
 import style from './style.css';
+
 const buildCtaButton = cta => {
   if (!cta) {
     return;
   }
+
   return /*#__PURE__*/React.createElement("div", {
     className: classNames(style.button, style.binButton)
   }, /*#__PURE__*/React.createElement(Button, {
@@ -23,6 +26,7 @@ const buildCtaButton = cta => {
     label: cta.label
   }));
 };
+
 const PlayListTranslation = props => {
   const {
     languageTabs,
@@ -48,6 +52,7 @@ const PlayListTranslation = props => {
     className: style.input
   }, /*#__PURE__*/React.createElement(TextArea, textArea)), ctaButton));
 };
+
 PlayListTranslation.propTypes = process.env.NODE_ENV !== "production" ? {
   languageTabs: VerticalLanguageMenu.propTypes.tabs,
   inputText: PropTypes.shape(_extends({}, InputText.propTypes, {

package/es/organism/content-translation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classNames","VerticalLanguageMenu","InputText","TextArea","Button","style","buildCtaButton","cta","button","binButton","handleOnClick","type","position","label","PlayListTranslation","props","languageTabs","inputText","textArea","listAriaLabel","ctaButton","ariaLabel","container","menu","horizontalSection","input","propTypes","tabs","shape","theme","string","func","oneOf"],"sources":["../../../src/organism/content-translation/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport VerticalLanguageMenu from '../../molecule/vertical-tabs';\nimport InputText from '../../atom/input-text';\nimport TextArea from '../../atom/input-textarea';\nimport Button from '../../atom/button-link';\nimport style from './style.css';\n\nconst buildCtaButton = cta => {\n  if (!cta) {\n    return;\n  }\n\n  return (\n    <div className={classNames(style.button, style.binButton)}>\n      <Button\n        onClick={cta.handleOnClick}\n        type=\"text\"\n        icon={{type: 'bin', position: 'left'}}\n        label={cta.label}\n      />\n    </div>\n  );\n};\n\nconst PlayListTranslation = props => {\n  const {languageTabs, inputText, textArea, cta, 'list-aria-label': listAriaLabel} = props;\n  const ctaButton = buildCtaButton(cta);\n\n  const ariaLabel = {'aria-label': listAriaLabel};\n  return (\n    <div className={style.container}>\n      <VerticalLanguageMenu {...ariaLabel} className={style.menu} tabs={languageTabs} />\n      <div className={style.horizontalSection}>\n        <div className={style.input}>\n          <InputText {...inputText} />\n        </div>\n        <div className={style.input}>\n          <TextArea {...textArea} />\n        </div>\n        {ctaButton}\n      </div>\n    </div>\n  );\n};\n\nPlayListTranslation.propTypes = {\n  languageTabs: VerticalLanguageMenu.propTypes.tabs,\n  inputText: PropTypes.shape({...InputText.propTypes, theme: PropTypes.string}),\n  textArea: PropTypes.shape({...TextArea.propTypes, theme: PropTypes.string}),\n  cta: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnClick: PropTypes.func,\n    type: PropTypes.oneOf(['delete'])\n  }),\n  'list-aria-label': PropTypes.string\n};\n\nexport default PlayListTranslation;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,oBAAoB,MAAM,8BAA8B;AAC/D,OAAOC,SAAS,MAAM,uBAAuB;AAC7C,OAAOC,QAAQ,MAAM,2BAA2B;AAChD,OAAOC,MAAM,MAAM,wBAAwB;AAC3C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,cAAc,GAAGC,GAAG,IAAI;EAC5B,IAAI,CAACA,GAAG,EAAE;IACR;EACF;EAEA,oBACE;IAAK,SAAS,EAAEP,UAAU,CAACK,KAAK,CAACG,MAAM,EAAEH,KAAK,CAACI,SAAS;EAAE,gBACxD,oBAAC,MAAM;IACL,OAAO,EAAEF,GAAG,CAACG,aAAc;IAC3B,IAAI,EAAC,MAAM;IACX,IAAI,EAAE;MAACC,IAAI,EAAE,KAAK;MAAEC,QAAQ,EAAE;IAAM,CAAE;IACtC,KAAK,EAAEL,GAAG,CAACM;EAAM,EACjB,CACE;AAEV,CAAC;AAED,MAAMC,mBAAmB,GAAGC,KAAK,IAAI;EACnC,MAAM;IAACC,YAAY;IAAEC,SAAS;IAAEC,QAAQ;IAAEX,GAAG;IAAE,iBAAiB,EAAEY;EAAa,CAAC,GAAGJ,KAAK;EACxF,MAAMK,SAAS,GAAGd,cAAc,CAACC,GAAG,CAAC;EAErC,MAAMc,SAAS,GAAG;IAAC,YAAY,EAAEF;EAAa,CAAC;EAC/C,oBACE;IAAK,SAAS,EAAEd,KAAK,CAACiB;EAAU,gBAC9B,oBAAC,oBAAoB,eAAKD,SAAS;IAAE,SAAS,EAAEhB,KAAK,CAACkB,IAAK;IAAC,IAAI,EAAEP;EAAa,GAAG,eAClF;IAAK,SAAS,EAAEX,KAAK,CAACmB;EAAkB,gBACtC;IAAK,SAAS,EAAEnB,KAAK,CAACoB;EAAM,gBAC1B,oBAAC,SAAS,EAAKR,SAAS,CAAI,CACxB,eACN;IAAK,SAAS,EAAEZ,KAAK,CAACoB;EAAM,gBAC1B,oBAAC,QAAQ,EAAKP,QAAQ,CAAI,CACtB,EACLE,SAAS,CACN,CACF;AAEV,CAAC;AAEDN,mBAAmB,CAACY,SAAS,2CAAG;EAC9BV,YAAY,EAAEf,oBAAoB,CAACyB,SAAS,CAACC,IAAI;EACjDV,SAAS,EAAElB,SAAS,CAAC6B,KAAK,cAAK1B,SAAS,CAACwB,SAAS;IAAEG,KAAK,EAAE9B,SAAS,CAAC+B;EAAM,GAAE;EAC7EZ,QAAQ,EAAEnB,SAAS,CAAC6B,KAAK,cAAKzB,QAAQ,CAACuB,SAAS;IAAEG,KAAK,EAAE9B,SAAS,CAAC+B;EAAM,GAAE;EAC3EvB,GAAG,EAAER,SAAS,CAAC6B,KAAK,CAAC;IACnBf,KAAK,EAAEd,SAAS,CAAC+B,MAAM;IACvBpB,aAAa,EAAEX,SAAS,CAACgC,IAAI;IAC7BpB,IAAI,EAAEZ,SAAS,CAACiC,KAAK,CAAC,CAAC,QAAQ,CAAC;EAClC,CAAC,CAAC;EACF,iBAAiB,EAAEjC,SAAS,CAAC+B;AAC/B,CAAC;AAED,eAAehB,mBAAmB"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classNames","VerticalLanguageMenu","InputText","TextArea","Button","style","buildCtaButton","cta","button","binButton","handleOnClick","type","position","label","PlayListTranslation","props","languageTabs","inputText","textArea","listAriaLabel","ctaButton","ariaLabel","container","menu","horizontalSection","input","propTypes","tabs","shape","theme","string","func","oneOf"],"sources":["../../../src/organism/content-translation/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport VerticalLanguageMenu from '../../molecule/vertical-tabs';\nimport InputText from '../../atom/input-text';\nimport TextArea from '../../atom/input-textarea';\nimport Button from '../../atom/button-link';\nimport style from './style.css';\n\nconst buildCtaButton = cta => {\n  if (!cta) {\n    return;\n  }\n\n  return (\n    <div className={classNames(style.button, style.binButton)}>\n      <Button\n        onClick={cta.handleOnClick}\n        type=\"text\"\n        icon={{type: 'bin', position: 'left'}}\n        label={cta.label}\n      />\n    </div>\n  );\n};\n\nconst PlayListTranslation = props => {\n  const {languageTabs, inputText, textArea, cta, 'list-aria-label': listAriaLabel} = props;\n  const ctaButton = buildCtaButton(cta);\n\n  const ariaLabel = {'aria-label': listAriaLabel};\n  return (\n    <div className={style.container}>\n      <VerticalLanguageMenu {...ariaLabel} className={style.menu} tabs={languageTabs} />\n      <div className={style.horizontalSection}>\n        <div className={style.input}>\n          <InputText {...inputText} />\n        </div>\n        <div className={style.input}>\n          <TextArea {...textArea} />\n        </div>\n        {ctaButton}\n      </div>\n    </div>\n  );\n};\n\nPlayListTranslation.propTypes = {\n  languageTabs: VerticalLanguageMenu.propTypes.tabs,\n  inputText: PropTypes.shape({...InputText.propTypes, theme: PropTypes.string}),\n  textArea: PropTypes.shape({...TextArea.propTypes, theme: PropTypes.string}),\n  cta: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnClick: PropTypes.func,\n    type: PropTypes.oneOf(['delete'])\n  }),\n  'list-aria-label': PropTypes.string\n};\n\nexport default PlayListTranslation;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,oBAAP,MAAiC,8BAAjC;AACA,OAAOC,SAAP,MAAsB,uBAAtB;AACA,OAAOC,QAAP,MAAqB,2BAArB;AACA,OAAOC,MAAP,MAAmB,wBAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,cAAc,GAAGC,GAAG,IAAI;EAC5B,IAAI,CAACA,GAAL,EAAU;IACR;EACD;;EAED,oBACE;IAAK,SAAS,EAAEP,UAAU,CAACK,KAAK,CAACG,MAAP,EAAeH,KAAK,CAACI,SAArB;EAA1B,gBACE,oBAAC,MAAD;IACE,OAAO,EAAEF,GAAG,CAACG,aADf;IAEE,IAAI,EAAC,MAFP;IAGE,IAAI,EAAE;MAACC,IAAI,EAAE,KAAP;MAAcC,QAAQ,EAAE;IAAxB,CAHR;IAIE,KAAK,EAAEL,GAAG,CAACM;EAJb,EADF,CADF;AAUD,CAfD;;AAiBA,MAAMC,mBAAmB,GAAGC,KAAK,IAAI;EACnC,MAAM;IAACC,YAAD;IAAeC,SAAf;IAA0BC,QAA1B;IAAoCX,GAApC;IAAyC,mBAAmBY;EAA5D,IAA6EJ,KAAnF;EACA,MAAMK,SAAS,GAAGd,cAAc,CAACC,GAAD,CAAhC;EAEA,MAAMc,SAAS,GAAG;IAAC,cAAcF;EAAf,CAAlB;EACA,oBACE;IAAK,SAAS,EAAEd,KAAK,CAACiB;EAAtB,gBACE,oBAAC,oBAAD,eAA0BD,SAA1B;IAAqC,SAAS,EAAEhB,KAAK,CAACkB,IAAtD;IAA4D,IAAI,EAAEP;EAAlE,GADF,eAEE;IAAK,SAAS,EAAEX,KAAK,CAACmB;EAAtB,gBACE;IAAK,SAAS,EAAEnB,KAAK,CAACoB;EAAtB,gBACE,oBAAC,SAAD,EAAeR,SAAf,CADF,CADF,eAIE;IAAK,SAAS,EAAEZ,KAAK,CAACoB;EAAtB,gBACE,oBAAC,QAAD,EAAcP,QAAd,CADF,CAJF,EAOGE,SAPH,CAFF,CADF;AAcD,CAnBD;;AAqBAN,mBAAmB,CAACY,SAApB,2CAAgC;EAC9BV,YAAY,EAAEf,oBAAoB,CAACyB,SAArB,CAA+BC,IADf;EAE9BV,SAAS,EAAElB,SAAS,CAAC6B,KAAV,cAAoB1B,SAAS,CAACwB,SAA9B;IAAyCG,KAAK,EAAE9B,SAAS,CAAC+B;EAA1D,GAFmB;EAG9BZ,QAAQ,EAAEnB,SAAS,CAAC6B,KAAV,cAAoBzB,QAAQ,CAACuB,SAA7B;IAAwCG,KAAK,EAAE9B,SAAS,CAAC+B;EAAzD,GAHoB;EAI9BvB,GAAG,EAAER,SAAS,CAAC6B,KAAV,CAAgB;IACnBf,KAAK,EAAEd,SAAS,CAAC+B,MADE;IAEnBpB,aAAa,EAAEX,SAAS,CAACgC,IAFN;IAGnBpB,IAAI,EAAEZ,SAAS,CAACiC,KAAV,CAAgB,CAAC,QAAD,CAAhB;EAHa,CAAhB,CAJyB;EAS9B,mBAAmBjC,SAAS,CAAC+B;AATC,CAAhC;AAYA,eAAehB,mBAAf"}

package/es/organism/course-selection/index.js

@@ -1,7 +1,9 @@
 import _kebabCase from "lodash/fp/kebabCase";
 import _get from "lodash/fp/get";
 import _isEmpty from "lodash/fp/isEmpty";
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import EmptySearchResult from '../../atom/empty-search-result';
@@ -11,13 +13,17 @@ import Card from '../../molecule/card';
 import InputSwitch from '../../atom/input-switch';
 import Loader from '../../atom/loader';
 import style from './style.css';
+
 const buildResultView = (courses, coursesSelectionAriaLabel, emptyMessages, isLoading) => {
   if (!isLoading && _isEmpty(courses)) {
     return /*#__PURE__*/React.createElement(EmptySearchResult, emptyMessages);
   }
+
   const items = courses.map((card, index) => {
     const title = _get('title', card);
+
     const type = _get('type', card);
+
     return /*#__PURE__*/React.createElement("li", {
       className: style.cards,
       key: `card-${index}`,
@@ -28,6 +34,7 @@ const buildResultView = (courses, coursesSelectionAriaLabel, emptyMessages, isLo
     "aria-label": coursesSelectionAriaLabel
   }, items);
 };
+
 const CourseSelection = props => {
   const {
     search,
@@ -59,6 +66,7 @@ const CourseSelection = props => {
     theme: "coorpmanager"
   })) : resultView));
 };
+
 CourseSelection.propTypes = process.env.NODE_ENV !== "production" ? {
   search: PropTypes.shape(Search.PropTypes),
   isLoading: PropTypes.bool,

package/es/organism/course-selection/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","EmptySearchResult","Search","SelectMultiple","Card","InputSwitch","Loader","style","buildResultView","courses","coursesSelectionAriaLabel","emptyMessages","isLoading","items","map","card","index","title","type","cards","CourseSelection","props","search","contentTypeFilter","switchButton","resultView","container","filters","contentFilter","cardsContainer","loaderContainer","loader","propTypes","shape","bool","arrayOf","string","firstMessage","secondMessage"],"sources":["../../../src/organism/course-selection/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, get, kebabCase} from 'lodash/fp';\nimport EmptySearchResult from '../../atom/empty-search-result';\nimport Search from '../../atom/input-search';\nimport SelectMultiple from '../../molecule/select-multiple';\nimport Card from '../../molecule/card';\nimport InputSwitch from '../../atom/input-switch';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst buildResultView = (courses, coursesSelectionAriaLabel, emptyMessages, isLoading) => {\n  if (!isLoading && isEmpty(courses)) {\n    return <EmptySearchResult {...emptyMessages} />;\n  }\n\n  const items = courses.map((card, index) => {\n    const title = get('title', card);\n    const type = get('type', card);\n    return (\n      <li className={style.cards} key={`card-${index}`} data-name={`${type}-${kebabCase(title)}`}>\n        <Card {...card} />\n      </li>\n    );\n  });\n\n  return <ul aria-label={coursesSelectionAriaLabel}>{items}</ul>;\n};\n\nconst CourseSelection = props => {\n  const {\n    search,\n    contentTypeFilter,\n    courses,\n    emptyMessages,\n    isLoading = false,\n    'courses-selection-aria-label': coursesSelectionAriaLabel,\n    switchButton\n  } = props;\n\n  const resultView = buildResultView(courses, coursesSelectionAriaLabel, emptyMessages, isLoading);\n\n  return (\n    <div className={style.container}>\n      <div className={style.filters}>\n        <div className={style.search}>\n          <Search {...search} theme=\"coorpmanager\" />\n        </div>\n        <div className={style.contentFilter}>\n          <SelectMultiple {...contentTypeFilter} />\n        </div>\n        <InputSwitch {...switchButton} />\n      </div>\n      <div className={style.cardsContainer} data-name={'courses-result'}>\n        {isLoading ? (\n          <div className={style.loaderContainer}>\n            <Loader className={style.loader} theme=\"coorpmanager\" />\n          </div>\n        ) : (\n          resultView\n        )}\n      </div>\n    </div>\n  );\n};\n\nCourseSelection.propTypes = {\n  search: PropTypes.shape(Search.PropTypes),\n  isLoading: PropTypes.bool,\n  contentTypeFilter: PropTypes.shape(SelectMultiple.PropTypes),\n  courses: PropTypes.arrayOf(PropTypes.shape(Card.propTypes)),\n  'courses-selection-aria-label': PropTypes.string,\n  emptyMessages: PropTypes.shape({\n    firstMessage: PropTypes.string,\n    secondMessage: PropTypes.string\n  }),\n  switchButton: PropTypes.shape(InputSwitch.PropTypes)\n};\n\nexport default CourseSelection;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","EmptySearchResult","Search","SelectMultiple","Card","InputSwitch","Loader","style","buildResultView","courses","coursesSelectionAriaLabel","emptyMessages","isLoading","items","map","card","index","title","type","cards","CourseSelection","props","search","contentTypeFilter","switchButton","resultView","container","filters","contentFilter","cardsContainer","loaderContainer","loader","propTypes","shape","bool","arrayOf","string","firstMessage","secondMessage"],"sources":["../../../src/organism/course-selection/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, get, kebabCase} from 'lodash/fp';\nimport EmptySearchResult from '../../atom/empty-search-result';\nimport Search from '../../atom/input-search';\nimport SelectMultiple from '../../molecule/select-multiple';\nimport Card from '../../molecule/card';\nimport InputSwitch from '../../atom/input-switch';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst buildResultView = (courses, coursesSelectionAriaLabel, emptyMessages, isLoading) => {\n  if (!isLoading && isEmpty(courses)) {\n    return <EmptySearchResult {...emptyMessages} />;\n  }\n\n  const items = courses.map((card, index) => {\n    const title = get('title', card);\n    const type = get('type', card);\n    return (\n      <li className={style.cards} key={`card-${index}`} data-name={`${type}-${kebabCase(title)}`}>\n        <Card {...card} />\n      </li>\n    );\n  });\n\n  return <ul aria-label={coursesSelectionAriaLabel}>{items}</ul>;\n};\n\nconst CourseSelection = props => {\n  const {\n    search,\n    contentTypeFilter,\n    courses,\n    emptyMessages,\n    isLoading = false,\n    'courses-selection-aria-label': coursesSelectionAriaLabel,\n    switchButton\n  } = props;\n\n  const resultView = buildResultView(courses, coursesSelectionAriaLabel, emptyMessages, isLoading);\n\n  return (\n    <div className={style.container}>\n      <div className={style.filters}>\n        <div className={style.search}>\n          <Search {...search} theme=\"coorpmanager\" />\n        </div>\n        <div className={style.contentFilter}>\n          <SelectMultiple {...contentTypeFilter} />\n        </div>\n        <InputSwitch {...switchButton} />\n      </div>\n      <div className={style.cardsContainer} data-name={'courses-result'}>\n        {isLoading ? (\n          <div className={style.loaderContainer}>\n            <Loader className={style.loader} theme=\"coorpmanager\" />\n          </div>\n        ) : (\n          resultView\n        )}\n      </div>\n    </div>\n  );\n};\n\nCourseSelection.propTypes = {\n  search: PropTypes.shape(Search.PropTypes),\n  isLoading: PropTypes.bool,\n  contentTypeFilter: PropTypes.shape(SelectMultiple.PropTypes),\n  courses: PropTypes.arrayOf(PropTypes.shape(Card.propTypes)),\n  'courses-selection-aria-label': PropTypes.string,\n  emptyMessages: PropTypes.shape({\n    firstMessage: PropTypes.string,\n    secondMessage: PropTypes.string\n  }),\n  switchButton: PropTypes.shape(InputSwitch.PropTypes)\n};\n\nexport default CourseSelection;\n"],"mappings":"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"}

package/es/organism/discussion/index.js

@@ -1,4 +1,5 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -8,6 +9,7 @@ import ForumThread from '../../molecule/forum/forum-thread';
 import postConditions from '../../molecule/forum/post-conditions';
 import Loader from '../../atom/loader';
 import style from './style.css';
+
 function Discussion(props) {
   const {
     threads = [],
@@ -46,14 +48,14 @@ function Discussion(props) {
   }, /*#__PURE__*/React.createElement("div", {
     className: style.header
   }, /*#__PURE__*/React.createElement("h1", {
-    id: "forum-discussion"
-    // eslint-disable-next-line react/no-danger
+    id: "forum-discussion" // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: title
     }
   }), commentView), threadsView, loader);
 }
+
 Discussion.propTypes = process.env.NODE_ENV !== "production" ? {
   avatar: SrcPropType,
   loading: PropTypes.bool,

package/es/organism/discussion/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","SrcPropType","ForumComment","ForumThread","postConditions","Loader","style","Discussion","props","threads","title","avatar","value","loading","onPost","onChange","hideComments","textareaDisabled","postDisabled","className","profileAvatarAlt","threadsView","map","thread","id","commentView","loader","header","__html","propTypes","bool","string","func","arrayOf","shape"],"sources":["../../../src/organism/discussion/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {SrcPropType} from '../../util/proptypes';\nimport ForumComment from '../../molecule/forum/forum-comment';\nimport ForumThread from '../../molecule/forum/forum-thread';\nimport postConditions from '../../molecule/forum/post-conditions';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nfunction Discussion(props) {\n  const {\n    threads = [],\n    title,\n    avatar,\n    value,\n    loading,\n    onPost,\n    onChange,\n    hideComments,\n    textareaDisabled,\n    postDisabled,\n    className,\n    profileAvatarAlt\n  } = props;\n\n  const threadsView = threads.map(thread => <ForumThread {...thread} key={thread.id} mainPost />);\n\n  const commentView = !hideComments ? (\n    <ForumComment\n      avatar={avatar}\n      value={value}\n      profileAvatarAlt={profileAvatarAlt}\n      newPost\n      onPost={onPost}\n      onChange={onChange}\n      textareaDisabled={textareaDisabled}\n      postDisabled={postDisabled}\n    />\n  ) : null;\n\n  const loader = loading ? (\n    <div className={style.loader}>\n      <Loader />\n    </div>\n  ) : null;\n\n  return (\n    <div data-name=\"discussion\" className={classnames(style.thread, className)}>\n      <div className={style.header}>\n        <h1\n          id=\"forum-discussion\"\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n        {commentView}\n      </div>\n      {threadsView}\n      {loader}\n    </div>\n  );\n}\nDiscussion.propTypes = {\n  avatar: SrcPropType,\n  loading: PropTypes.bool,\n  value: PropTypes.string,\n  profileAvatarAlt: PropTypes.string,\n  title: PropTypes.string,\n  onPost: PropTypes.func,\n  onChange: PropTypes.func,\n  threads: PropTypes.arrayOf(PropTypes.shape(postConditions)),\n  textareaDisabled: PropTypes.bool,\n  postDisabled: PropTypes.bool,\n  className: PropTypes.string,\n  hideComments: PropTypes.bool\n};\n\nexport default Discussion;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAAQC,WAAW,QAAO,sBAAsB;AAChD,OAAOC,YAAY,MAAM,oCAAoC;AAC7D,OAAOC,WAAW,MAAM,mCAAmC;AAC3D,OAAOC,cAAc,MAAM,sCAAsC;AACjE,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,KAAK,MAAM,aAAa;AAE/B,SAASC,UAAU,CAACC,KAAK,EAAE;EACzB,MAAM;IACJC,OAAO,GAAG,EAAE;IACZC,KAAK;IACLC,MAAM;IACNC,KAAK;IACLC,OAAO;IACPC,MAAM;IACNC,QAAQ;IACRC,YAAY;IACZC,gBAAgB;IAChBC,YAAY;IACZC,SAAS;IACTC;EACF,CAAC,GAAGZ,KAAK;EAET,MAAMa,WAAW,GAAGZ,OAAO,CAACa,GAAG,CAACC,MAAM,iBAAI,oBAAC,WAAW,eAAKA,MAAM;IAAE,GAAG,EAAEA,MAAM,CAACC,EAAG;IAAC,QAAQ;EAAA,GAAG,CAAC;EAE/F,MAAMC,WAAW,GAAG,CAACT,YAAY,gBAC/B,oBAAC,YAAY;IACX,MAAM,EAAEL,MAAO;IACf,KAAK,EAAEC,KAAM;IACb,gBAAgB,EAAEQ,gBAAiB;IACnC,OAAO;IACP,MAAM,EAAEN,MAAO;IACf,QAAQ,EAAEC,QAAS;IACnB,gBAAgB,EAAEE,gBAAiB;IACnC,YAAY,EAAEC;EAAa,EAC3B,GACA,IAAI;EAER,MAAMQ,MAAM,GAAGb,OAAO,gBACpB;IAAK,SAAS,EAAEP,KAAK,CAACoB;EAAO,gBAC3B,oBAAC,MAAM,OAAG,CACN,GACJ,IAAI;EAER,oBACE;IAAK,aAAU,YAAY;IAAC,SAAS,EAAE1B,UAAU,CAACM,KAAK,CAACiB,MAAM,EAAEJ,SAAS;EAAE,gBACzE;IAAK,SAAS,EAAEb,KAAK,CAACqB;EAAO,gBAC3B;IACE,EAAE,EAAC;IACH;IAAA;IACA,uBAAuB,EAAE;MAACC,MAAM,EAAElB;IAAK;EAAE,EACzC,EACDe,WAAW,CACR,EACLJ,WAAW,EACXK,MAAM,CACH;AAEV;AACAnB,UAAU,CAACsB,SAAS,2CAAG;EACrBlB,MAAM,EAAEV,WAAW;EACnBY,OAAO,EAAEd,SAAS,CAAC+B,IAAI;EACvBlB,KAAK,EAAEb,SAAS,CAACgC,MAAM;EACvBX,gBAAgB,EAAErB,SAAS,CAACgC,MAAM;EAClCrB,KAAK,EAAEX,SAAS,CAACgC,MAAM;EACvBjB,MAAM,EAAEf,SAAS,CAACiC,IAAI;EACtBjB,QAAQ,EAAEhB,SAAS,CAACiC,IAAI;EACxBvB,OAAO,EAAEV,SAAS,CAACkC,OAAO,CAAClC,SAAS,CAACmC,KAAK,CAAC9B,cAAc,CAAC,CAAC;EAC3Da,gBAAgB,EAAElB,SAAS,CAAC+B,IAAI;EAChCZ,YAAY,EAAEnB,SAAS,CAAC+B,IAAI;EAC5BX,SAAS,EAAEpB,SAAS,CAACgC,MAAM;EAC3Bf,YAAY,EAAEjB,SAAS,CAAC+B;AAC1B,CAAC;AAED,eAAevB,UAAU"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","SrcPropType","ForumComment","ForumThread","postConditions","Loader","style","Discussion","props","threads","title","avatar","value","loading","onPost","onChange","hideComments","textareaDisabled","postDisabled","className","profileAvatarAlt","threadsView","map","thread","id","commentView","loader","header","__html","propTypes","bool","string","func","arrayOf","shape"],"sources":["../../../src/organism/discussion/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {SrcPropType} from '../../util/proptypes';\nimport ForumComment from '../../molecule/forum/forum-comment';\nimport ForumThread from '../../molecule/forum/forum-thread';\nimport postConditions from '../../molecule/forum/post-conditions';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nfunction Discussion(props) {\n  const {\n    threads = [],\n    title,\n    avatar,\n    value,\n    loading,\n    onPost,\n    onChange,\n    hideComments,\n    textareaDisabled,\n    postDisabled,\n    className,\n    profileAvatarAlt\n  } = props;\n\n  const threadsView = threads.map(thread => <ForumThread {...thread} key={thread.id} mainPost />);\n\n  const commentView = !hideComments ? (\n    <ForumComment\n      avatar={avatar}\n      value={value}\n      profileAvatarAlt={profileAvatarAlt}\n      newPost\n      onPost={onPost}\n      onChange={onChange}\n      textareaDisabled={textareaDisabled}\n      postDisabled={postDisabled}\n    />\n  ) : null;\n\n  const loader = loading ? (\n    <div className={style.loader}>\n      <Loader />\n    </div>\n  ) : null;\n\n  return (\n    <div data-name=\"discussion\" className={classnames(style.thread, className)}>\n      <div className={style.header}>\n        <h1\n          id=\"forum-discussion\"\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n        {commentView}\n      </div>\n      {threadsView}\n      {loader}\n    </div>\n  );\n}\nDiscussion.propTypes = {\n  avatar: SrcPropType,\n  loading: PropTypes.bool,\n  value: PropTypes.string,\n  profileAvatarAlt: PropTypes.string,\n  title: PropTypes.string,\n  onPost: PropTypes.func,\n  onChange: PropTypes.func,\n  threads: PropTypes.arrayOf(PropTypes.shape(postConditions)),\n  textareaDisabled: PropTypes.bool,\n  postDisabled: PropTypes.bool,\n  className: PropTypes.string,\n  hideComments: PropTypes.bool\n};\n\nexport default Discussion;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAAQC,WAAR,QAA0B,sBAA1B;AACA,OAAOC,YAAP,MAAyB,oCAAzB;AACA,OAAOC,WAAP,MAAwB,mCAAxB;AACA,OAAOC,cAAP,MAA2B,sCAA3B;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,SAASC,UAAT,CAAoBC,KAApB,EAA2B;EACzB,MAAM;IACJC,OAAO,GAAG,EADN;IAEJC,KAFI;IAGJC,MAHI;IAIJC,KAJI;IAKJC,OALI;IAMJC,MANI;IAOJC,QAPI;IAQJC,YARI;IASJC,gBATI;IAUJC,YAVI;IAWJC,SAXI;IAYJC;EAZI,IAaFZ,KAbJ;EAeA,MAAMa,WAAW,GAAGZ,OAAO,CAACa,GAAR,CAAYC,MAAM,iBAAI,oBAAC,WAAD,eAAiBA,MAAjB;IAAyB,GAAG,EAAEA,MAAM,CAACC,EAArC;IAAyC,QAAQ;EAAjD,GAAtB,CAApB;EAEA,MAAMC,WAAW,GAAG,CAACT,YAAD,gBAClB,oBAAC,YAAD;IACE,MAAM,EAAEL,MADV;IAEE,KAAK,EAAEC,KAFT;IAGE,gBAAgB,EAAEQ,gBAHpB;IAIE,OAAO,MAJT;IAKE,MAAM,EAAEN,MALV;IAME,QAAQ,EAAEC,QANZ;IAOE,gBAAgB,EAAEE,gBAPpB;IAQE,YAAY,EAAEC;EARhB,EADkB,GAWhB,IAXJ;EAaA,MAAMQ,MAAM,GAAGb,OAAO,gBACpB;IAAK,SAAS,EAAEP,KAAK,CAACoB;EAAtB,gBACE,oBAAC,MAAD,OADF,CADoB,GAIlB,IAJJ;EAMA,oBACE;IAAK,aAAU,YAAf;IAA4B,SAAS,EAAE1B,UAAU,CAACM,KAAK,CAACiB,MAAP,EAAeJ,SAAf;EAAjD,gBACE;IAAK,SAAS,EAAEb,KAAK,CAACqB;EAAtB,gBACE;IACE,EAAE,EAAC,kBADL,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACC,MAAM,EAAElB;IAAT;EAH3B,EADF,EAMGe,WANH,CADF,EASGJ,WATH,EAUGK,MAVH,CADF;AAcD;;AACDnB,UAAU,CAACsB,SAAX,2CAAuB;EACrBlB,MAAM,EAAEV,WADa;EAErBY,OAAO,EAAEd,SAAS,CAAC+B,IAFE;EAGrBlB,KAAK,EAAEb,SAAS,CAACgC,MAHI;EAIrBX,gBAAgB,EAAErB,SAAS,CAACgC,MAJP;EAKrBrB,KAAK,EAAEX,SAAS,CAACgC,MALI;EAMrBjB,MAAM,EAAEf,SAAS,CAACiC,IANG;EAOrBjB,QAAQ,EAAEhB,SAAS,CAACiC,IAPC;EAQrBvB,OAAO,EAAEV,SAAS,CAACkC,OAAV,CAAkBlC,SAAS,CAACmC,KAAV,CAAgB9B,cAAhB,CAAlB,CARY;EASrBa,gBAAgB,EAAElB,SAAS,CAAC+B,IATP;EAUrBZ,YAAY,EAAEnB,SAAS,CAAC+B,IAVH;EAWrBX,SAAS,EAAEpB,SAAS,CAACgC,MAXA;EAYrBf,YAAY,EAAEjB,SAAS,CAAC+B;AAZH,CAAvB;AAeA,eAAevB,UAAf"}