@coorpacademy/components 11.33.0 → 11.33.2-alpha.0

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

@@ -2,17 +2,29 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _has2 = _interopRequireDefault(require("lodash/fp/has"));
+
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _sidebar = _interopRequireDefault(require("../sidebar"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _loading = _interopRequireDefault(require("../../template/app-player/loading"));
+
 var _analyticsPopin = _interopRequireDefault(require("./analytics-popin"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const Analytics = (props, context) => {
   const {
     url,
@@ -23,6 +35,7 @@ const Analytics = (props, context) => {
     skin,
     translate
   } = context;
+
   const body = () => {
     if (selected) {
       if (url) return /*#__PURE__*/_react.default.createElement("iframe", {
@@ -32,6 +45,7 @@ const Analytics = (props, context) => {
       });
       if (!error) return /*#__PURE__*/_react.default.createElement(_loading.default, null);
     }
+
     if (error) return null;
     return /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.dashboardNoSelection,
@@ -40,12 +54,14 @@ const Analytics = (props, context) => {
       }
     }, translate('Select a dashboard in the Sidebar'));
   };
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.dashboardSelection
   }, (0, _has2.default)('name', selected) ? null : /*#__PURE__*/_react.default.createElement("h1", {
     className: _style.default.noSelectedDashboard
   }, translate('No Selected Dashboard')), body());
 };
+
 Analytics.propTypes = process.env.NODE_ENV !== "production" ? {
   url: _propTypes.default.string,
   error: _propTypes.default.string,
@@ -57,6 +73,7 @@ Analytics.contextTypes = {
   skin: _provider.default.childContextTypes.skin,
   translate: _provider.default.childContextTypes.translate
 };
+
 const ErrorPopin = ({
   onErrorRedirect,
   ctaLabel,
@@ -71,6 +88,7 @@ const ErrorPopin = ({
     closeOnClick: onErrorRedirect
   }, /*#__PURE__*/_react.default.createElement("p", null, error)) : null;
 };
+
 ErrorPopin.propTypes = process.env.NODE_ENV !== "production" ? {
   onErrorRedirect: _propTypes.default.func.isRequired,
   ctaLabel: _propTypes.default.string.isRequired,
@@ -79,6 +97,7 @@ ErrorPopin.propTypes = process.env.NODE_ENV !== "production" ? {
 ErrorPopin.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };
+
 const BrandAnalytics = (props, context) => {
   const {
     dashboards = [],
@@ -91,6 +110,7 @@ const BrandAnalytics = (props, context) => {
   const {
     translate
   } = context;
+
   if (!dashboards || dashboards.length === 0) {
     if (error) return /*#__PURE__*/_react.default.createElement(ErrorPopin, {
       ctaLabel: translate('Reload'),
@@ -99,6 +119,7 @@ const BrandAnalytics = (props, context) => {
     });
     return /*#__PURE__*/_react.default.createElement(_loading.default, null);
   }
+
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_sidebar.default, {
     items: sidebarItems
   }), /*#__PURE__*/_react.default.createElement("div", {
@@ -113,6 +134,7 @@ const BrandAnalytics = (props, context) => {
     onErrorRedirect: onErrorRedirect
   })));
 };
+
 BrandAnalytics.contextTypes = {
   skin: _provider.default.childContextTypes.skin,
   translate: _provider.default.childContextTypes.translate
@@ -152,5 +174,6 @@ BrandAnalytics.propTypes = process.env.NODE_ENV !== "production" ? {
   onErrorRedirect: _propTypes.default.func,
   inputParams: _propTypes.default.shape({})
 } : {};
-var _default = exports.default = BrandAnalytics;
+var _default = BrandAnalytics;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_title","_quickAccessCardsGroup","_coorpmanagerBaseBanner","_style","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","Dashboard","props","header","quickAccessCards","banner","createElement","type","className","style","sectionWrapper","title","cardsWrapper","cards","propTypes","process","env","NODE_ENV","PropTypes","shape","string","subtitle","QuickAccessCardGroup","CoorpmanagerBaseBanner","_default","exports"],"sources":["../../../src/organism/brand-dashboard/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Title from '../../atom/title';\nimport QuickAccessCardGroup from '../../molecule/quick-access-cards-group';\nimport CoorpmanagerBaseBanner from '../../molecule/coorpmanager-base-banner';\nimport style from './style.css';\n\nconst Dashboard = props => {\n  const {header, quickAccessCards, banner} = props;\n  return (\n    <div>\n      <div>\n        <Title {...header} type={'page'} />\n      </div>\n      {banner ? <CoorpmanagerBaseBanner {...banner} /> : null}\n      <div className={style.sectionWrapper}>\n        <Title title={quickAccessCards.title} type={'form-group'} />\n        <div className={style.cardsWrapper}>\n          <QuickAccessCardGroup {...quickAccessCards.cards} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nDashboard.propTypes = {\n  header: PropTypes.shape({\n    title: PropTypes.string,\n    subtitle: PropTypes.string\n  }),\n  quickAccessCards: PropTypes.shape({\n    title: PropTypes.string,\n    cards: PropTypes.shape(QuickAccessCardGroup.propTypes)\n  }),\n  banner: PropTypes.shape(CoorpmanagerBaseBanner.propTypes)\n};\n\nexport default Dashboard;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,sBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,uBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,MAAA,GAAAN,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAEhC,MAAMO,SAAS,GAAGC,KAAK,IAAI;EACzB,MAAM;IAACC,MAAM;IAAEC,gBAAgB;IAAEC;EAAM,CAAC,GAAGH,KAAK;EAChD,oBACExB,MAAA,CAAAU,OAAA,CAAAkB,aAAA,2BACE5B,MAAA,CAAAU,OAAA,CAAAkB,aAAA,2BACE5B,MAAA,CAAAU,OAAA,CAAAkB,aAAA,CAACxB,MAAA,CAAAM,OAAK,EAAAC,QAAA,KAAKc,MAAM;IAAEI,IAAI,EAAE;EAAO,EAAE,CAC/B,CAAC,EACLF,MAAM,gBAAG3B,MAAA,CAAAU,OAAA,CAAAkB,aAAA,CAACtB,uBAAA,CAAAI,OAAsB,EAAKiB,MAAS,CAAC,GAAG,IAAI,eACvD3B,MAAA,CAAAU,OAAA,CAAAkB,aAAA;IAAKE,SAAS,EAAEC,cAAK,CAACC;EAAe,gBACnChC,MAAA,CAAAU,OAAA,CAAAkB,aAAA,CAACxB,MAAA,CAAAM,OAAK;IAACuB,KAAK,EAAEP,gBAAgB,CAACO,KAAM;IAACJ,IAAI,EAAE;EAAa,CAAE,CAAC,eAC5D7B,MAAA,CAAAU,OAAA,CAAAkB,aAAA;IAAKE,SAAS,EAAEC,cAAK,CAACG;EAAa,gBACjClC,MAAA,CAAAU,OAAA,CAAAkB,aAAA,CAACvB,sBAAA,CAAAK,OAAoB,EAAKgB,gBAAgB,CAACS,KAAQ,CAChD,CACF,CACF,CAAC;AAEV,CAAC;AAEDZ,SAAS,CAACa,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACpBd,MAAM,EAAEe,kBAAS,CAACC,KAAK,CAAC;IACtBR,KAAK,EAAEO,kBAAS,CAACE,MAAM;IACvBC,QAAQ,EAAEH,kBAAS,CAACE;EACtB,CAAC,CAAC;EACFhB,gBAAgB,EAAEc,kBAAS,CAACC,KAAK,CAAC;IAChCR,KAAK,EAAEO,kBAAS,CAACE,MAAM;IACvBP,KAAK,EAAEK,kBAAS,CAACC,KAAK,CAACG,8BAAoB,CAACR,SAAS;EACvD,CAAC,CAAC;EACFT,MAAM,EAAEa,kBAAS,CAACC,KAAK,CAACI,+BAAsB,CAACT,SAAS;AAC1D,CAAC;AAAC,IAAAU,QAAA,GAAAC,OAAA,CAAArC,OAAA,GAEaa,SAAS","ignoreList":[]}
+{"version":3,"file":"index.js","names":["Dashboard","props","header","quickAccessCards","banner","style","sectionWrapper","title","cardsWrapper","cards","propTypes","PropTypes","shape","string","subtitle","QuickAccessCardGroup","CoorpmanagerBaseBanner"],"sources":["../../../src/organism/brand-dashboard/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Title from '../../atom/title';\nimport QuickAccessCardGroup from '../../molecule/quick-access-cards-group';\nimport CoorpmanagerBaseBanner from '../../molecule/coorpmanager-base-banner';\nimport style from './style.css';\n\nconst Dashboard = props => {\n  const {header, quickAccessCards, banner} = props;\n  return (\n    <div>\n      <div>\n        <Title {...header} type={'page'} />\n      </div>\n      {banner ? <CoorpmanagerBaseBanner {...banner} /> : null}\n      <div className={style.sectionWrapper}>\n        <Title title={quickAccessCards.title} type={'form-group'} />\n        <div className={style.cardsWrapper}>\n          <QuickAccessCardGroup {...quickAccessCards.cards} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nDashboard.propTypes = {\n  header: PropTypes.shape({\n    title: PropTypes.string,\n    subtitle: PropTypes.string\n  }),\n  quickAccessCards: PropTypes.shape({\n    title: PropTypes.string,\n    cards: PropTypes.shape(QuickAccessCardGroup.propTypes)\n  }),\n  banner: PropTypes.shape(CoorpmanagerBaseBanner.propTypes)\n};\n\nexport default Dashboard;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,SAAS,GAAGC,KAAK,IAAI;EACzB,MAAM;IAACC,MAAD;IAASC,gBAAT;IAA2BC;EAA3B,IAAqCH,KAA3C;EACA,oBACE,uDACE,uDACE,6BAAC,cAAD,eAAWC,MAAX;IAAmB,IAAI,EAAE;EAAzB,GADF,CADF,EAIGE,MAAM,gBAAG,6BAAC,+BAAD,EAA4BA,MAA5B,CAAH,GAA4C,IAJrD,eAKE;IAAK,SAAS,EAAEC,cAAA,CAAMC;EAAtB,gBACE,6BAAC,cAAD;IAAO,KAAK,EAAEH,gBAAgB,CAACI,KAA/B;IAAsC,IAAI,EAAE;EAA5C,EADF,eAEE;IAAK,SAAS,EAAEF,cAAA,CAAMG;EAAtB,gBACE,6BAAC,8BAAD,EAA0BL,gBAAgB,CAACM,KAA3C,CADF,CAFF,CALF,CADF;AAcD,CAhBD;;AAkBAT,SAAS,CAACU,SAAV,2CAAsB;EACpBR,MAAM,EAAES,kBAAA,CAAUC,KAAV,CAAgB;IACtBL,KAAK,EAAEI,kBAAA,CAAUE,MADK;IAEtBC,QAAQ,EAAEH,kBAAA,CAAUE;EAFE,CAAhB,CADY;EAKpBV,gBAAgB,EAAEQ,kBAAA,CAAUC,KAAV,CAAgB;IAChCL,KAAK,EAAEI,kBAAA,CAAUE,MADe;IAEhCJ,KAAK,EAAEE,kBAAA,CAAUC,KAAV,CAAgBG,8BAAA,CAAqBL,SAArC;EAFyB,CAAhB,CALE;EASpBN,MAAM,EAAEO,kBAAA,CAAUC,KAAV,CAAgBI,+BAAA,CAAuBN,SAAvC;AATY,CAAtB;eAYeV,S"}

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

@@ -2,24 +2,40 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _brandFormGroup = _interopRequireDefault(require("../../molecule/brand-form-group"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _button = _interopRequireDefault(require("../../atom/button"));
+
 var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+
 var _link = _interopRequireDefault(require("../../atom/link"));
+
 var _loader = _interopRequireDefault(require("../../atom/loader"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const buildButtonSection = (onSubmit, submitValue, onReset, resetValue, tooltip, disabled, isModified, isPending, massiveBattleForm) => {
   if (!onSubmit && !onReset) {
     return null;
   }
+
   const disabledSubmit = disabled || isPending || !isModified;
   const submitButton = onSubmit ? /*#__PURE__*/_react.default.createElement("div", {
     "data-tip": tooltip.title,
@@ -60,6 +76,7 @@ const buildButtonSection = (onSubmit, submitValue, onReset, resetValue, tooltip,
     className: _style.default.buttons
   }, submitButton, resetButton);
 };
+
 const BrandForm = (props, context) => {
   const {
     groups,
@@ -117,6 +134,7 @@ const BrandForm = (props, context) => {
     className: _style.default.form
   }, brandGroups, buttonSection));
 };
+
 BrandForm.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };
@@ -146,5 +164,6 @@ BrandForm.propTypes = process.env.NODE_ENV !== "production" ? {
   isLoading: _propTypes.default.bool,
   theme: _propTypes.default.string
 } : {};
-var _default = exports.default = BrandForm;
+var _default = BrandForm;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_novaIcons","_brandFormGroup","_provider","_button","_buttonLink","_link","_loader","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","buildButtonSection","onSubmit","submitValue","onReset","resetValue","tooltip","disabled","isModified","isPending","massiveBattleForm","disabledSubmit","submitButton","createElement","title","className","style","massiveBattleButton","saveButton","type","label","usage","onClick","icon","position","faIcon","name","color","size","resetButton","buttons","BrandForm","props","context","groups","back","isLoading","theme","skin","darkColor","_get2","fields","backView","NovaCompositionNavigationArrowLeft","arrowBack","href","link","backDesc","desc","brandGroups","map","group","index","key","buttonSection","handleSubmit","useMemo","preventDefault","handleReset","loaderContainer","loader","form","contextTypes","Provider","childContextTypes","defaultProps","place","propTypes","process","env","NODE_ENV","PropTypes","arrayOf","shape","BrandFormGroup","isRequired","bool","func","Button","Link","children","string","_default","exports"],"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 BrandFormGroup from '../../molecule/brand-form-group';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport ButtonLink from '../../atom/button-link';\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  massiveBattleForm\n) => {\n  if (!onSubmit && !onReset) {\n    return null;\n  }\n\n  const disabledSubmit = disabled || isPending || !isModified;\n  const submitButton = onSubmit ? (\n    <div\n      data-tip={tooltip.title}\n      data-for=\"submitButton\"\n      className={massiveBattleForm ? style.massiveBattleButton : style.saveButton}\n    >\n      <ButtonLink\n        type=\"primary\"\n        label={submitValue}\n        disabled={disabledSubmit}\n        data-testid=\"submit-button\"\n        usage=\"submit\"\n        onClick={onSubmit}\n        icon={{\n          position: 'left',\n          faIcon: {\n            name: 'circle-check',\n            color: '#FFFFFF',\n            size: 16\n          }\n        }}\n      />\n    </div>\n  ) : null;\n\n  const resetButton = onReset ? (\n    <div className={style.resetButton}>\n      <ButtonLink\n        usage=\"reset\"\n        label={resetValue}\n        data-testid=\"reset-button\"\n        onClick={onReset}\n        icon={{\n          position: 'left',\n          faIcon: {\n            name: 'trash',\n            size: 16\n          }\n        }}\n      />\n    </div>\n  ) : null;\n\n  return (\n    <div className={style.buttons}>\n      {submitButton}\n      {resetButton}\n    </div>\n  );\n};\nconst 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    theme\n  } = props;\n  const {skin} = context;\n  const darkColor = get('common.dark', skin);\n  const massiveBattleForm = groups[0]?.fields?.[0]?.type === 'titleAndInput';\n  const backView = back ? (\n    <p className={style.back}>\n      <ArrowLeft style={{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    theme,\n    massiveBattleForm\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  theme: PropTypes.string\n};\n\nexport default BrandForm;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["buildButtonSection","onSubmit","submitValue","onReset","resetValue","tooltip","disabled","isModified","isPending","massiveBattleForm","disabledSubmit","submitButton","title","style","massiveBattleButton","saveButton","position","faIcon","name","color","size","resetButton","buttons","BrandForm","props","context","groups","back","isLoading","theme","skin","darkColor","fields","type","backView","arrowBack","link","backDesc","desc","brandGroups","map","group","index","buttonSection","handleSubmit","useMemo","e","preventDefault","handleReset","loaderContainer","loader","form","contextTypes","Provider","childContextTypes","defaultProps","place","propTypes","PropTypes","arrayOf","shape","BrandFormGroup","isRequired","bool","func","Button","Link","children","href","string"],"sources":["../../../src/organism/brand-form/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowLeft as ArrowLeft} from '@coorpacademy/nova-icons';\nimport BrandFormGroup from '../../molecule/brand-form-group';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport ButtonLink from '../../atom/button-link';\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  massiveBattleForm\n) => {\n  if (!onSubmit && !onReset) {\n    return null;\n  }\n\n  const disabledSubmit = disabled || isPending || !isModified;\n  const submitButton = onSubmit ? (\n    <div\n      data-tip={tooltip.title}\n      data-for=\"submitButton\"\n      className={massiveBattleForm ? style.massiveBattleButton : style.saveButton}\n    >\n      <ButtonLink\n        type=\"primary\"\n        label={submitValue}\n        disabled={disabledSubmit}\n        data-testid=\"submit-button\"\n        usage=\"submit\"\n        onClick={onSubmit}\n        icon={{\n          position: 'left',\n          faIcon: {\n            name: 'circle-check',\n            color: '#FFFFFF',\n            size: 16\n          }\n        }}\n      />\n    </div>\n  ) : null;\n\n  const resetButton = onReset ? (\n    <div className={style.resetButton}>\n      <ButtonLink\n        usage=\"reset\"\n        label={resetValue}\n        data-testid=\"reset-button\"\n        onClick={onReset}\n        icon={{\n          position: 'left',\n          faIcon: {\n            name: 'trash',\n            size: 16\n          }\n        }}\n      />\n    </div>\n  ) : null;\n\n  return (\n    <div className={style.buttons}>\n      {submitButton}\n      {resetButton}\n    </div>\n  );\n};\nconst 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    theme\n  } = props;\n  const {skin} = context;\n  const darkColor = get('common.dark', skin);\n  const massiveBattleForm = groups[0]?.fields?.[0]?.type === 'titleAndInput';\n  const backView = back ? (\n    <p className={style.back}>\n      <ArrowLeft style={{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    theme,\n    massiveBattleForm\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  theme: PropTypes.string\n};\n\nexport default BrandForm;\n"],"mappings":"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"}

package/lib/organism/brand-learning-priorities/index.js

@@ -2,18 +2,31 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _loader = _interopRequireDefault(require("../../atom/loader"));
+
 var _select = require("../../atom/select");
+
 var _draggableList = _interopRequireDefault(require("../../molecule/draggable-list"));
+
 var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+
 var _learningPriorityModal = _interopRequireDefault(require("../../molecule/learning-priority-modal"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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; }
+
 const BrandLearningPriorities = (props, context) => {
   const {
     content,
@@ -100,6 +113,7 @@ const BrandLearningPriorities = (props, context) => {
     onDrop: handleDropItem
   })));
 };
+
 BrandLearningPriorities.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };
@@ -111,12 +125,12 @@ BrandLearningPriorities.propTypes = process.env.NODE_ENV !== "production" ? {
     courses: _propTypes.default.number,
     type: _propTypes.default.string
   })),
-  filters: _propTypes.default.arrayOf(_propTypes.default.shape({
-    ..._select.SelectOptionPropTypes,
+  filters: _propTypes.default.arrayOf(_propTypes.default.shape({ ..._select.SelectOptionPropTypes,
     count: _propTypes.default.number
   })),
   isLoading: _propTypes.default.bool,
   onAdd: _propTypes.default.func
 } : {};
-var _default = exports.default = BrandLearningPriorities;
+var _default = BrandLearningPriorities;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/organism/brand-learning-priorities/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_provider","_loader","_select","_draggableList","_buttonLink","_learningPriorityModal","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","BrandLearningPriorities","props","context","content","priorities","filters","isLoading","onAdd","items","onDrop","itemType","itemList","setItemList","useState","openModal","setOpenModal","translate","selectedPriorities","useMemo","map","priority","priorityRef","handleDropItem","useCallback","dragRef","dropRef","dragIndex","findIndex","item","dropIndex","newItems","dragItem","splice","type","ref","Loading","createElement","className","style","loaderContainer","loader","theme","useEffect","handleOpenModal","handleCloseModal","container","isOpen","onCancel","onClose","preselected","LPtitle","LPdescription","Fragment","ctaWrapper","priorityCount","length","customStyle","width","onClick","label","icon","position","faIcon","name","color","size","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","shape","DraggableList","arrayOf","string","title","courses","number","SelectOptionPropTypes","count","bool","func","_default","exports"],"sources":["../../../src/organism/brand-learning-priorities/index.js"],"sourcesContent":["import React, {useState, useCallback, useMemo, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport Loader from '../../atom/loader';\nimport {SelectOptionPropTypes} from '../../atom/select';\nimport DraggableList from '../../molecule/draggable-list';\nimport ButtonLink from '../../atom/button-link';\nimport LearningPriorityModal from '../../molecule/learning-priority-modal';\nimport style from './style.css';\n\nconst BrandLearningPriorities = (props, context) => {\n  const {content, priorities, filters, isLoading, onAdd} = props;\n  const {items, onDrop, itemType} = content;\n  const [itemList, setItemList] = useState([...items]);\n  const [openModal, setOpenModal] = useState(false);\n  const {translate} = context;\n\n  const selectedPriorities = useMemo(() => items.map(priority => priority.priorityRef), [items]);\n\n  const handleDropItem = useCallback(\n    (dragRef, dropRef) => {\n      const dragIndex = itemList.findIndex(item => item.priorityRef === dragRef);\n      const dropIndex = itemList.findIndex(item => item.priorityRef === dropRef);\n\n      if (dragIndex === dropIndex) return;\n\n      const newItems = [...itemList];\n      const [dragItem] = newItems.splice(dragIndex, 1);\n      newItems.splice(dropIndex, 0, dragItem);\n\n      setItemList(newItems);\n      onDrop(\n        newItems.map(item => {\n          return {type: item.type, ref: item.priorityRef};\n        })\n      );\n    },\n    [itemList, setItemList, onDrop]\n  );\n\n  const Loading = useCallback(\n    () => (\n      <div className={style.loaderContainer}>\n        <Loader className={style.loader} theme=\"coorpmanager\" />\n      </div>\n    ),\n    []\n  );\n\n  useEffect(() => {\n    setItemList(items);\n  }, [items]);\n\n  const handleOpenModal = useCallback(() => setOpenModal(true), [setOpenModal]);\n  const handleCloseModal = useCallback(() => setOpenModal(false), [setOpenModal]);\n  return (\n    <div className={style.container}>\n      <LearningPriorityModal\n        isLoading={isLoading}\n        isOpen={openModal}\n        onCancel={handleCloseModal}\n        onClose={handleCloseModal}\n        onAdd={onAdd}\n        priorities={priorities}\n        filters={filters}\n        preselected={selectedPriorities}\n      />\n      <div className={style.LPtitle}>{translate('learning_priorities')}</div>\n      <div className={style.LPdescription}>\n        {translate('learning_priorities_brand_description')}\n      </div>\n\n      {isLoading ? (\n        <Loading />\n      ) : (\n        <>\n          <div className={style.ctaWrapper}>\n            <div className={style.priorityCount}>{`${items.length} ${translate('items')}`}</div>\n            <ButtonLink\n              type=\"primary\"\n              customStyle={{\n                width: 'fit-content'\n              }}\n              onClick={handleOpenModal}\n              label={translate('add_learning_priority')}\n              data-name=\"add-learning-priority\"\n              icon={{\n                position: 'left',\n                faIcon: {\n                  name: 'plus',\n                  color: '#FFFFFF',\n                  size: 16\n                }\n              }}\n            />\n          </div>\n          <DraggableList itemType={itemType} items={itemList} onDrop={handleDropItem} />\n        </>\n      )}\n    </div>\n  );\n};\n\nBrandLearningPriorities.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nBrandLearningPriorities.propTypes = {\n  content: PropTypes.shape(DraggableList.propTypes),\n  priorities: PropTypes.arrayOf(\n    PropTypes.shape({\n      ref: PropTypes.string,\n      title: PropTypes.string,\n      courses: PropTypes.number,\n      type: PropTypes.string\n    })\n  ),\n  filters: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...SelectOptionPropTypes,\n      count: PropTypes.number\n    })\n  ),\n  isLoading: PropTypes.bool,\n  onAdd: PropTypes.func\n};\n\nexport default BrandLearningPriorities;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["BrandLearningPriorities","props","context","content","priorities","filters","isLoading","onAdd","items","onDrop","itemType","itemList","setItemList","useState","openModal","setOpenModal","translate","selectedPriorities","useMemo","map","priority","priorityRef","handleDropItem","useCallback","dragRef","dropRef","dragIndex","findIndex","item","dropIndex","newItems","dragItem","splice","type","ref","Loading","style","loaderContainer","loader","useEffect","handleOpenModal","handleCloseModal","container","LPtitle","LPdescription","ctaWrapper","priorityCount","length","width","position","faIcon","name","color","size","contextTypes","Provider","childContextTypes","propTypes","PropTypes","shape","DraggableList","arrayOf","string","title","courses","number","SelectOptionPropTypes","count","bool","func"],"sources":["../../../src/organism/brand-learning-priorities/index.js"],"sourcesContent":["import React, {useState, useCallback, useMemo, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport Loader from '../../atom/loader';\nimport {SelectOptionPropTypes} from '../../atom/select';\nimport DraggableList from '../../molecule/draggable-list';\nimport ButtonLink from '../../atom/button-link';\nimport LearningPriorityModal from '../../molecule/learning-priority-modal';\nimport style from './style.css';\n\nconst BrandLearningPriorities = (props, context) => {\n  const {content, priorities, filters, isLoading, onAdd} = props;\n  const {items, onDrop, itemType} = content;\n  const [itemList, setItemList] = useState([...items]);\n  const [openModal, setOpenModal] = useState(false);\n  const {translate} = context;\n\n  const selectedPriorities = useMemo(() => items.map(priority => priority.priorityRef), [items]);\n\n  const handleDropItem = useCallback(\n    (dragRef, dropRef) => {\n      const dragIndex = itemList.findIndex(item => item.priorityRef === dragRef);\n      const dropIndex = itemList.findIndex(item => item.priorityRef === dropRef);\n\n      if (dragIndex === dropIndex) return;\n\n      const newItems = [...itemList];\n      const [dragItem] = newItems.splice(dragIndex, 1);\n      newItems.splice(dropIndex, 0, dragItem);\n\n      setItemList(newItems);\n      onDrop(\n        newItems.map(item => {\n          return {type: item.type, ref: item.priorityRef};\n        })\n      );\n    },\n    [itemList, setItemList, onDrop]\n  );\n\n  const Loading = useCallback(\n    () => (\n      <div className={style.loaderContainer}>\n        <Loader className={style.loader} theme=\"coorpmanager\" />\n      </div>\n    ),\n    []\n  );\n\n  useEffect(() => {\n    setItemList(items);\n  }, [items]);\n\n  const handleOpenModal = useCallback(() => setOpenModal(true), [setOpenModal]);\n  const handleCloseModal = useCallback(() => setOpenModal(false), [setOpenModal]);\n  return (\n    <div className={style.container}>\n      <LearningPriorityModal\n        isLoading={isLoading}\n        isOpen={openModal}\n        onCancel={handleCloseModal}\n        onClose={handleCloseModal}\n        onAdd={onAdd}\n        priorities={priorities}\n        filters={filters}\n        preselected={selectedPriorities}\n      />\n      <div className={style.LPtitle}>{translate('learning_priorities')}</div>\n      <div className={style.LPdescription}>\n        {translate('learning_priorities_brand_description')}\n      </div>\n\n      {isLoading ? (\n        <Loading />\n      ) : (\n        <>\n          <div className={style.ctaWrapper}>\n            <div className={style.priorityCount}>{`${items.length} ${translate('items')}`}</div>\n            <ButtonLink\n              type=\"primary\"\n              customStyle={{\n                width: 'fit-content'\n              }}\n              onClick={handleOpenModal}\n              label={translate('add_learning_priority')}\n              data-name=\"add-learning-priority\"\n              icon={{\n                position: 'left',\n                faIcon: {\n                  name: 'plus',\n                  color: '#FFFFFF',\n                  size: 16\n                }\n              }}\n            />\n          </div>\n          <DraggableList itemType={itemType} items={itemList} onDrop={handleDropItem} />\n        </>\n      )}\n    </div>\n  );\n};\n\nBrandLearningPriorities.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nBrandLearningPriorities.propTypes = {\n  content: PropTypes.shape(DraggableList.propTypes),\n  priorities: PropTypes.arrayOf(\n    PropTypes.shape({\n      ref: PropTypes.string,\n      title: PropTypes.string,\n      courses: PropTypes.number,\n      type: PropTypes.string\n    })\n  ),\n  filters: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...SelectOptionPropTypes,\n      count: PropTypes.number\n    })\n  ),\n  isLoading: PropTypes.bool,\n  onAdd: PropTypes.func\n};\n\nexport default BrandLearningPriorities;\n"],"mappings":"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"}

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

@@ -2,14 +2,23 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _table = _interopRequireDefault(require("../../molecule/table"));
+
 var _pagination = _interopRequireDefault(require("../../molecule/pagination"));
+
 var _inputSearch = _interopRequireDefault(require("../../atom/input-search"));
+
 var _loader = _interopRequireDefault(require("../../atom/loader"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const BrandTable = props => {
   const {
     pagination,
@@ -23,9 +32,11 @@ const BrandTable = props => {
     refreshLabel,
     headerTitle = ''
   } = props;
+
   const pendingView = /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.loading
   }, /*#__PURE__*/_react.default.createElement(_loader.default, null));
+
   const tableView = rows.length > 0 ? /*#__PURE__*/_react.default.createElement(_table.default, {
     rows: rows,
     columns: columns,
@@ -48,6 +59,7 @@ const BrandTable = props => {
     className: _style.default.headerWrapper
   }, refreshView, searchView, paginationView), /*#__PURE__*/_react.default.createElement("div", null, isPending ? pendingView : tableView), /*#__PURE__*/_react.default.createElement("div", null));
 };
+
 BrandTable.propTypes = process.env.NODE_ENV !== "production" ? {
   search: _propTypes.default.shape(_inputSearch.default.propTypes),
   pagination: _propTypes.default.shape(_pagination.default.propTypes),
@@ -60,5 +72,6 @@ BrandTable.propTypes = process.env.NODE_ENV !== "production" ? {
   refreshLabel: _propTypes.default.string,
   headerTitle: _propTypes.default.string
 } : {};
-var _default = exports.default = BrandTable;
+var _default = BrandTable;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_table","_pagination","_inputSearch","_loader","_style","e","__esModule","default","BrandTable","props","pagination","search","rows","columns","editable","isPending","emptyValue","onRefresh","refreshLabel","headerTitle","pendingView","createElement","className","style","loading","tableView","length","empty","paginationView","searchView","searchWrapper","refreshView","refresh","onClick","wrapper","headerWrapper","propTypes","process","env","NODE_ENV","PropTypes","shape","Search","Pagination","string","isRequired","bool","Table","func","_default","exports"],"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":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["BrandTable","props","pagination","search","rows","columns","editable","isPending","emptyValue","onRefresh","refreshLabel","headerTitle","pendingView","style","loading","tableView","length","empty","paginationView","searchView","searchWrapper","refreshView","refresh","wrapper","headerWrapper","propTypes","PropTypes","shape","Search","Pagination","string","isRequired","bool","Table","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;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,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,EAAEC,cAAA,CAAMC;EAAtB,gBACE,6BAAC,eAAD,OADF,CADF;;EAMA,MAAMC,SAAS,GACbX,IAAI,CAACY,MAAL,GAAc,CAAd,gBACE,6BAAC,cAAD;IAAO,IAAI,EAAEZ,IAAb;IAAmB,OAAO,EAAEC,OAA5B;IAAqC,QAAQ,EAAEC,QAA/C;IAAyD,WAAW,EAAEK;EAAtE,EADF,gBAGE;IAAK,SAAS,EAAEE,cAAA,CAAMI;EAAtB,GAA8BT,UAA9B,CAJJ;EAMA,MAAMU,cAAc,GAAGhB,UAAU,gBAC/B,uDACE,6BAAC,mBAAD,EAAgBA,UAAhB,CADF,CAD+B,GAI7B,IAJJ;EAKA,MAAMiB,UAAU,GAAGhB,MAAM,gBACvB;IAAK,SAAS,EAAEU,cAAA,CAAMO;EAAtB,gBACE,6BAAC,oBAAD,EAAYjB,MAAZ,CADF,CADuB,GAIrB,IAJJ;EAMA,MAAMkB,WAAW,GAAGZ,SAAS,gBAC3B;IAAK,SAAS,EAAEI,cAAA,CAAMS,OAAtB;IAA+B,OAAO,EAAEb;EAAxC,oBACMC,YADN,CAD2B,GAIzB,IAJJ;EAMA,oBACE;IAAK,SAAS,EAAEG,cAAA,CAAMU;EAAtB,gBACE;IAAK,SAAS,EAAEV,cAAA,CAAMW;EAAtB,GACGH,WADH,EAEGF,UAFH,EAGGD,cAHH,CADF,eAME,0CAAMX,SAAS,GAAGK,WAAH,GAAiBG,SAAhC,CANF,eAOE,yCAPF,CADF;AAWD,CAtDD;;AAwDAf,UAAU,CAACyB,SAAX,2CAAuB;EACrBtB,MAAM,EAAEuB,kBAAA,CAAUC,KAAV,CAAgBC,oBAAA,CAAOH,SAAvB,CADa;EAErBvB,UAAU,EAAEwB,kBAAA,CAAUC,KAAV,CAAgBE,mBAAA,CAAWJ,SAA3B,CAFS;EAGrBjB,UAAU,EAAEkB,kBAAA,CAAUI,MAAV,CAAiBC,UAHR;EAIrBxB,SAAS,EAAEmB,kBAAA,CAAUM,IAJA;EAKrB1B,QAAQ,EAAEoB,kBAAA,CAAUM,IALC;EAMrB5B,IAAI,EAAE6B,cAAA,CAAMR,SAAN,CAAgBrB,IAND;EAOrBC,OAAO,EAAE4B,cAAA,CAAMR,SAAN,CAAgBpB,OAPJ;EAQrBI,SAAS,EAAEiB,kBAAA,CAAUQ,IARA;EASrBxB,YAAY,EAAEgB,kBAAA,CAAUI,MATH;EAUrBnB,WAAW,EAAEe,kBAAA,CAAUI;AAVF,CAAvB;eAae9B,U"}

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

@@ -2,21 +2,33 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _progressBar = _interopRequireDefault(require("../../molecule/progress-bar"));
+
 var _brandUploadBox = _interopRequireDefault(require("../../molecule/brand-upload-box"));
+
 var _brandDownloadBox = _interopRequireDefault(require("../../molecule/brand-download-box"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const notificationStyle = {
   warning: _style.default.warning,
   error: _style.default.error,
   success: _style.default.success
 };
+
 const BrandUpload = props => {
   const {
     title = '',
@@ -43,6 +55,7 @@ const BrandUpload = props => {
     className: _style.default.notifications
   }, notificationsItems));
 };
+
 BrandUpload.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };
@@ -64,5 +77,6 @@ BrandUpload.propTypes = process.env.NODE_ENV !== "production" ? {
     message: _propTypes.default.string.isRequired
   }))
 } : {};
-var _default = exports.default = BrandUpload;
+var _default = BrandUpload;
+exports.default = _default;
 //# sourceMappingURL=index.js.map