@coorpacademy/components 11.6.1 → 11.7.2

package/lib/template/activity/stars-summary.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _novaIcons = require("@coorpacademy/nova-icons");
 
-var _provider = _interopRequireDefault(require("../../atom/provider"));
+var _provider = _interopRequireWildcard(require("../../atom/provider"));
 
 var _engineStars = _interopRequireDefault(require("./engine-stars"));
 
@@ -34,165 +34,136 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 const EngineTab = ({
   engine,
   engineIndex,
-  firstItem
+  firstItemIndex
 }) => {
   const {
     type
   } = engine;
-  const state = engineIndex < firstItem ? 'hidden' : 'active';
+  const state = (0, _react.useMemo)(() => engineIndex < firstItemIndex ? 'hidden' : 'active', [engineIndex, firstItemIndex]);
+  const dataName = (0, _react.useMemo)(() => `${type}_total_${state}`, [state, type]);
   return /*#__PURE__*/_react.default.createElement("li", {
     className: _starsSummary.default[state],
     key: type,
-    "data-name": `${type}_total_${state}`
+    "data-name": dataName
   }, /*#__PURE__*/_react.default.createElement(_engineStars.default, _extends({}, engine, {
-    className: engineIndex < firstItem ? _starsSummary.default.hidden : _starsSummary.default.active
+    className: engineIndex < firstItemIndex ? _starsSummary.default.hidden : _starsSummary.default.active
   })));
 };
 
 EngineTab.propTypes = process.env.NODE_ENV !== "production" ? {
   engine: _propTypes.default.shape(_engineStars.default.propTypes),
   engineIndex: _propTypes.default.number,
-  firstItem: _propTypes.default.number
+  firstItemIndex: _propTypes.default.number
 } : {};
 
 const EngineTabs = ({
   engines,
-  firstItem
+  firstItemIndex
 }) => {
   return (0, _react.useMemo)(() => _map2.default.convert({
     cap: false
   })((engine, index) => /*#__PURE__*/_react.default.createElement(EngineTab, {
     engine: engine,
     key: `engineTab_${index}`,
-    firstItem: firstItem,
+    firstItemIndex: firstItemIndex,
     engineIndex: index
-  }), engines), [engines, firstItem]);
+  }), engines), [engines, firstItemIndex]);
 };
 
 EngineTabs.propTypes = process.env.NODE_ENV !== "production" ? {
   engines: _propTypes.default.arrayOf(_propTypes.default.shape(_engineStars.default.propTypes)),
-  firstItem: _propTypes.default.number
+  firstItemIndex: _propTypes.default.number
 } : {};
 
-class StarsSummary extends _react.default.Component {
-  constructor(props) {
-    super(props);
-    const {
-      engines = []
-    } = props;
-    this.state = {
-      firstItem: 0,
-      totalItems: engines.length
-    };
-    this.handleOnLeft = this.handleOnLeft.bind(this);
-    this.handleOnRight = this.handleOnRight.bind(this);
-    this.scrollTo = this.scrollTo.bind(this);
-  }
-
-  handleOnLeft() {
-    const {
-      firstItem
-    } = this.state;
-    this.scrollTo(firstItem - 1);
-  }
-
-  handleOnRight() {
-    const {
-      firstItem
-    } = this.state;
-    this.scrollTo(firstItem + 1);
-  }
-
-  scrollTo(page) {
-    this.setState({
-      firstItem: page
-    });
+const StarsSummary = (props, legacyContext) => {
+  const {
+    total,
+    engines
+  } = props;
+  const skin = (0, _provider.GetSkinFromContext)(legacyContext);
+  const [firstItemIndex, setFirstItemIndex] = (0, _react.useState)(0);
+  const [totalItems] = (0, _react.useState)(engines.length);
+  const dark = (0, _getOr2.default)('#90A4AE', 'common.dark', skin);
+  const primary = (0, _get2.default)('common.primary', skin);
+  const scrollTo = (0, _react.useCallback)(page => setFirstItemIndex(page), []);
+  const handleOnLeft = (0, _react.useCallback)(() => {
+    scrollTo(firstItemIndex - 1);
+  }, [firstItemIndex, scrollTo]);
+  const handleOnRight = (0, _react.useCallback)(() => {
+    scrollTo(firstItemIndex + 1);
+  }, [firstItemIndex, scrollTo]);
+
+  if ((0, _isEmpty2.default)(engines)) {
+    return null;
   }
 
-  render() {
-    const {
-      total,
-      engines = []
-    } = this.props;
-    const {
-      skin
-    } = this.context;
-    const {
-      firstItem,
-      totalItems
-    } = this.state;
-    const dark = (0, _getOr2.default)('#90A4AE', 'common.dark', skin);
-    const primary = (0, _get2.default)('common.primary', skin);
-
-    if ((0, _isEmpty2.default)(engines)) {
-      return null;
+  const leftArrowView = totalItems > 6 && firstItemIndex > 0 ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _starsSummary.default.circle,
+    onClick: handleOnLeft,
+    "data-name": "left-arrow",
+    "data-testid": "stars-summary-left-arrow"
+  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowLeft, {
+    color: dark,
+    className: _starsSummary.default.left,
+    width: 10,
+    height: 10
+  })) : null;
+  const rightArrowView = totalItems > 6 && firstItemIndex < totalItems - 6 ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _starsSummary.default.circle,
+    onClick: handleOnRight,
+    "data-name": "right-arrow",
+    "data-testid": "stars-summary-right-arrow"
+  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowRight, {
+    color: dark,
+    className: _starsSummary.default.right,
+    width: 10,
+    height: 10
+  })) : null;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-name": "myStars",
+    className: _starsSummary.default.myStars
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    "data-name": "myStars-wrapper",
+    className: _starsSummary.default.myStarsWrapper,
+    "data-testid": `stars-summary-engine-index-${firstItemIndex}`
+  }, /*#__PURE__*/_react.default.createElement("ul", {
+    className: _starsSummary.default.allStars,
+    "data-name": "engineList",
+    "data-testid": "stars-summary-engine-tabs"
+  }, /*#__PURE__*/_react.default.createElement(EngineTabs, {
+    engines: engines,
+    firstItemIndex: firstItemIndex
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: _starsSummary.default.footerSummaryStars,
+    style: {
+      backgroundColor: primary
     }
-
-    const leftArrowView = totalItems > 6 && firstItem > 0 ? /*#__PURE__*/_react.default.createElement("div", {
-      className: _starsSummary.default.circle,
-      onClick: this.handleOnLeft,
-      "data-name": "left-arrow"
-    }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowLeft, {
-      color: dark,
-      className: _starsSummary.default.left,
-      width: 10,
-      height: 10
-    })) : null;
-    const rightArrowView = totalItems > 6 && firstItem < totalItems - 6 ? /*#__PURE__*/_react.default.createElement("div", {
-      className: _starsSummary.default.circle,
-      onClick: this.handleOnRight,
-      "data-name": "right-arrow"
-    }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowRight, {
-      color: dark,
-      className: _starsSummary.default.right,
-      width: 10,
-      height: 10
-    })) : null;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      "data-name": "myStars",
-      className: _starsSummary.default.myStars
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      "data-name": "myStars-wrapper",
-      className: _starsSummary.default.myStarsWrapper
-    }, /*#__PURE__*/_react.default.createElement("ul", {
-      className: _starsSummary.default.allStars,
-      "data-name": "engineList"
-    }, /*#__PURE__*/_react.default.createElement(EngineTabs, {
-      engines: engines,
-      firstItem: firstItem
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: _starsSummary.default.footerSummaryStars,
-      style: {
-        backgroundColor: primary
-      }
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: _starsSummary.default.totalStars
-    }, /*#__PURE__*/_react.default.createElement("span", null, total.label), /*#__PURE__*/_react.default.createElement("p", {
-      "data-name": "star-counter"
-    }, total.stars), /*#__PURE__*/_react.default.createElement("div", {
-      className: _starsSummary.default.iconBubble
-    }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyStar, {
-      className: _starsSummary.default.iconHeader,
-      color: primary
-    }))), /*#__PURE__*/_react.default.createElement("div", {
-      className: _starsSummary.default.navigationLeft
-    }, leftArrowView), /*#__PURE__*/_react.default.createElement("div", {
-      className: _starsSummary.default.navigationRight
-    }, rightArrowView))));
-  }
-
-}
-
-StarsSummary.contextTypes = {
-  skin: _provider.default.childContextTypes.skin
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _starsSummary.default.totalStars
+  }, /*#__PURE__*/_react.default.createElement("span", null, total.label), /*#__PURE__*/_react.default.createElement("p", {
+    "data-name": "star-counter"
+  }, total.stars), /*#__PURE__*/_react.default.createElement("div", {
+    className: _starsSummary.default.iconBubble
+  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyStar, {
+    className: _starsSummary.default.iconHeader,
+    color: primary
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    className: _starsSummary.default.navigationLeft
+  }, leftArrowView), /*#__PURE__*/_react.default.createElement("div", {
+    className: _starsSummary.default.navigationRight
+  }, rightArrowView))));
 };
+
 StarsSummary.propTypes = process.env.NODE_ENV !== "production" ? {
   total: _propTypes.default.shape({
     label: _propTypes.default.string.isRequired,
     stars: _propTypes.default.number.isRequired
   }).isRequired,
-  engines: _propTypes.default.arrayOf(_propTypes.default.shape(_engineStars.default.propTypes))
+  engines: _propTypes.default.arrayOf(_propTypes.default.shape(_engineStars.default.propTypes)).isRequired
 } : {};
+StarsSummary.contextTypes = {
+  skin: _provider.default.childContextTypes.skin
+};
 var _default = StarsSummary;
 exports.default = _default;
 //# sourceMappingURL=stars-summary.js.map

package/lib/template/activity/stars-summary.js.map

@@ -1 +1 @@
-{"version":3,"file":"stars-summary.js","names":["EngineTab","engine","engineIndex","firstItem","type","state","style","hidden","active","propTypes","PropTypes","shape","EngineStars","number","EngineTabs","engines","useMemo","convert","cap","index","arrayOf","StarsSummary","React","Component","constructor","props","totalItems","length","handleOnLeft","bind","handleOnRight","scrollTo","page","setState","render","total","skin","context","dark","primary","leftArrowView","circle","left","rightArrowView","right","myStars","myStarsWrapper","allStars","footerSummaryStars","backgroundColor","totalStars","label","stars","iconBubble","iconHeader","navigationLeft","navigationRight","contextTypes","Provider","childContextTypes","string","isRequired"],"sources":["../../../src/template/activity/stars-summary.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, isEmpty, map} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowLeft as ArrowLeft,\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaCompositionCoorpacademyStar as StarIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport EngineStars from './engine-stars';\nimport style from './stars-summary.css';\n\nconst EngineTab = ({engine, engineIndex, firstItem}) => {\n  const {type} = engine;\n  const state = engineIndex < firstItem ? 'hidden' : 'active';\n  return (\n    <li className={style[state]} key={type} data-name={`${type}_total_${state}`}>\n      <EngineStars {...engine} className={engineIndex < firstItem ? style.hidden : style.active} />\n    </li>\n  );\n};\nEngineTab.propTypes = {\n  engine: PropTypes.shape(EngineStars.propTypes),\n  engineIndex: PropTypes.number,\n  firstItem: PropTypes.number\n};\n\nconst EngineTabs = ({engines, firstItem}) => {\n  return useMemo(\n    () =>\n      map.convert({cap: false})(\n        (engine, index) => (\n          <EngineTab\n            engine={engine}\n            key={`engineTab_${index}`}\n            firstItem={firstItem}\n            engineIndex={index}\n          />\n        ),\n        engines\n      ),\n    [engines, firstItem]\n  );\n};\n\nEngineTabs.propTypes = {\n  engines: PropTypes.arrayOf(PropTypes.shape(EngineStars.propTypes)),\n  firstItem: PropTypes.number\n};\n\nclass StarsSummary extends React.Component {\n  static propTypes = {\n    total: PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      stars: PropTypes.number.isRequired\n    }).isRequired,\n    engines: PropTypes.arrayOf(PropTypes.shape(EngineStars.propTypes))\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props) {\n    super(props);\n\n    const {engines = []} = props;\n    this.state = {\n      firstItem: 0,\n      totalItems: engines.length\n    };\n\n    this.handleOnLeft = this.handleOnLeft.bind(this);\n    this.handleOnRight = this.handleOnRight.bind(this);\n    this.scrollTo = this.scrollTo.bind(this);\n  }\n\n  handleOnLeft() {\n    const {firstItem} = this.state;\n    this.scrollTo(firstItem - 1);\n  }\n\n  handleOnRight() {\n    const {firstItem} = this.state;\n    this.scrollTo(firstItem + 1);\n  }\n\n  scrollTo(page) {\n    this.setState({\n      firstItem: page\n    });\n  }\n\n  render() {\n    const {total, engines = []} = this.props;\n    const {skin} = this.context;\n    const {firstItem, totalItems} = this.state;\n    const dark = getOr('#90A4AE', 'common.dark', skin);\n    const primary = get('common.primary', skin);\n\n    if (isEmpty(engines)) {\n      return null;\n    }\n    const leftArrowView =\n      totalItems > 6 && firstItem > 0 ? (\n        <div className={style.circle} onClick={this.handleOnLeft} data-name=\"left-arrow\">\n          <ArrowLeft color={dark} className={style.left} width={10} height={10} />\n        </div>\n      ) : null;\n\n    const rightArrowView =\n      totalItems > 6 && firstItem < totalItems - 6 ? (\n        <div className={style.circle} onClick={this.handleOnRight} data-name=\"right-arrow\">\n          <ArrowRight color={dark} className={style.right} width={10} height={10} />\n        </div>\n      ) : null;\n\n    return (\n      <div data-name=\"myStars\" className={style.myStars}>\n        <div data-name=\"myStars-wrapper\" className={style.myStarsWrapper}>\n          <ul className={style.allStars} data-name=\"engineList\">\n            <EngineTabs engines={engines} firstItem={firstItem} />\n          </ul>\n          <div\n            className={style.footerSummaryStars}\n            style={{\n              backgroundColor: primary\n            }}\n          >\n            <div className={style.totalStars}>\n              <span>{total.label}</span>\n              <p data-name=\"star-counter\">{total.stars}</p>\n              <div className={style.iconBubble}>\n                <StarIcon className={style.iconHeader} color={primary} />\n              </div>\n            </div>\n            <div className={style.navigationLeft}>{leftArrowView}</div>\n            <div className={style.navigationRight}>{rightArrowView}</div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default StarsSummary;\n"],"mappings":"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"}
+{"version":3,"file":"stars-summary.js","names":["EngineTab","engine","engineIndex","firstItemIndex","type","state","useMemo","dataName","style","hidden","active","propTypes","PropTypes","shape","EngineStars","number","EngineTabs","engines","convert","cap","index","arrayOf","StarsSummary","props","legacyContext","total","skin","GetSkinFromContext","setFirstItemIndex","useState","totalItems","length","dark","primary","scrollTo","useCallback","page","handleOnLeft","handleOnRight","leftArrowView","circle","left","rightArrowView","right","myStars","myStarsWrapper","allStars","footerSummaryStars","backgroundColor","totalStars","label","stars","iconBubble","iconHeader","navigationLeft","navigationRight","string","isRequired","contextTypes","Provider","childContextTypes"],"sources":["../../../src/template/activity/stars-summary.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, isEmpty, map} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowLeft as ArrowLeft,\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaCompositionCoorpacademyStar as StarIcon\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext} from '../../atom/provider';\nimport EngineStars from './engine-stars';\nimport style from './stars-summary.css';\n\nconst EngineTab = ({engine, engineIndex, firstItemIndex}) => {\n  const {type} = engine;\n  const state = useMemo(\n    () => (engineIndex < firstItemIndex ? 'hidden' : 'active'),\n    [engineIndex, firstItemIndex]\n  );\n  const dataName = useMemo(() => `${type}_total_${state}`, [state, type]);\n\n  return (\n    <li className={style[state]} key={type} data-name={dataName}>\n      <EngineStars\n        {...engine}\n        className={engineIndex < firstItemIndex ? style.hidden : style.active}\n      />\n    </li>\n  );\n};\nEngineTab.propTypes = {\n  engine: PropTypes.shape(EngineStars.propTypes),\n  engineIndex: PropTypes.number,\n  firstItemIndex: PropTypes.number\n};\n\nconst EngineTabs = ({engines, firstItemIndex}) => {\n  return useMemo(\n    () =>\n      map.convert({cap: false})(\n        (engine, index) => (\n          <EngineTab\n            engine={engine}\n            key={`engineTab_${index}`}\n            firstItemIndex={firstItemIndex}\n            engineIndex={index}\n          />\n        ),\n        engines\n      ),\n    [engines, firstItemIndex]\n  );\n};\n\nEngineTabs.propTypes = {\n  engines: PropTypes.arrayOf(PropTypes.shape(EngineStars.propTypes)),\n  firstItemIndex: PropTypes.number\n};\n\nconst StarsSummary = (props, legacyContext) => {\n  const {total, engines} = props;\n  const skin = GetSkinFromContext(legacyContext);\n\n  const [firstItemIndex, setFirstItemIndex] = useState(0);\n  const [totalItems] = useState(engines.length);\n\n  const dark = getOr('#90A4AE', 'common.dark', skin);\n  const primary = get('common.primary', skin);\n\n  const scrollTo = useCallback(page => setFirstItemIndex(page), []);\n\n  const handleOnLeft = useCallback(() => {\n    scrollTo(firstItemIndex - 1);\n  }, [firstItemIndex, scrollTo]);\n\n  const handleOnRight = useCallback(() => {\n    scrollTo(firstItemIndex + 1);\n  }, [firstItemIndex, scrollTo]);\n\n  if (isEmpty(engines)) {\n    return null;\n  }\n\n  const leftArrowView =\n    totalItems > 6 && firstItemIndex > 0 ? (\n      <div\n        className={style.circle}\n        onClick={handleOnLeft}\n        data-name=\"left-arrow\"\n        data-testid=\"stars-summary-left-arrow\"\n      >\n        <ArrowLeft color={dark} className={style.left} width={10} height={10} />\n      </div>\n    ) : null;\n\n  const rightArrowView =\n    totalItems > 6 && firstItemIndex < totalItems - 6 ? (\n      <div\n        className={style.circle}\n        onClick={handleOnRight}\n        data-name=\"right-arrow\"\n        data-testid=\"stars-summary-right-arrow\"\n      >\n        <ArrowRight color={dark} className={style.right} width={10} height={10} />\n      </div>\n    ) : null;\n\n  return (\n    <div data-name=\"myStars\" className={style.myStars}>\n      <div\n        data-name=\"myStars-wrapper\"\n        className={style.myStarsWrapper}\n        data-testid={`stars-summary-engine-index-${firstItemIndex}`}\n      >\n        <ul\n          className={style.allStars}\n          data-name=\"engineList\"\n          data-testid=\"stars-summary-engine-tabs\"\n        >\n          <EngineTabs engines={engines} firstItemIndex={firstItemIndex} />\n        </ul>\n        <div\n          className={style.footerSummaryStars}\n          style={{\n            backgroundColor: primary\n          }}\n        >\n          <div className={style.totalStars}>\n            <span>{total.label}</span>\n            <p data-name=\"star-counter\">{total.stars}</p>\n            <div className={style.iconBubble}>\n              <StarIcon className={style.iconHeader} color={primary} />\n            </div>\n          </div>\n          <div className={style.navigationLeft}>{leftArrowView}</div>\n          <div className={style.navigationRight}>{rightArrowView}</div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nStarsSummary.propTypes = {\n  total: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    stars: PropTypes.number.isRequired\n  }).isRequired,\n  engines: PropTypes.arrayOf(PropTypes.shape(EngineStars.propTypes)).isRequired\n};\n\nStarsSummary.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default StarsSummary;\n"],"mappings":"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"}

package/lib/template/back-office/brand-update/index.d.ts

@@ -1443,8 +1443,27 @@ declare namespace BrandUpdate {
                     type: PropTypes.Requireable<string>;
                 }> | null | undefined)[]>;
                 title: PropTypes.Validator<string>;
+                order: PropTypes.Requireable<number>;
+                'aria-label': PropTypes.Requireable<string>;
             }> | null | undefined)[]>;
             title: PropTypes.Requireable<string>;
+        }> | PropTypes.InferProps<{
+            key: PropTypes.Requireable<string>;
+            type: PropTypes.Requireable<string>;
+            mainText: PropTypes.Requireable<string>;
+            subText: PropTypes.Requireable<string>;
+            imageUrl: PropTypes.Requireable<any>;
+            buttonLink: PropTypes.Requireable<PropTypes.InferProps<{
+                type: PropTypes.Requireable<string>;
+                label: PropTypes.Requireable<string>;
+                ariaLabel: PropTypes.Requireable<string>;
+                dataName: PropTypes.Requireable<string>;
+                icon: PropTypes.Requireable<PropTypes.InferProps<{
+                    position: PropTypes.Requireable<string>;
+                    type: PropTypes.Requireable<string>;
+                }>>;
+                onClick: PropTypes.Requireable<(...args: any[]) => any>;
+            }>>;
         }> | null | undefined>>;
         export const documentation: PropTypes.Requireable<PropTypes.InferProps<{
             content: PropTypes.Requireable<string>;
@@ -1543,6 +1562,7 @@ declare namespace BrandUpdate {
             headerTitle: PropTypes.Requireable<string>;
         }>>;
         export const onItemClick: PropTypes.Requireable<(...args: any[]) => any>;
+        export const contentFixHeight: PropTypes.Requireable<boolean>;
     }
 }
 import PropTypes from "prop-types";

package/lib/template/back-office/brand-update/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/back-office/brand-update/index.js"],"names":[],"mappings":";AAmLA,sDAkCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/back-office/brand-update/index.js"],"names":[],"mappings":";AAsLA,sDA6CC"}

package/lib/template/back-office/brand-update/index.js

@@ -49,6 +49,8 @@ var _cmPopin = _interopRequireDefault(require("../../../molecule/cm-popin"));
 
 var _buttonLinkIconOnly = _interopRequireDefault(require("../../../atom/button-link-icon-only"));
 
+var _emptyStateDashboard = _interopRequireDefault(require("../../../molecule/empty-state-dashboard"));
+
 var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -206,6 +208,9 @@ const buildContentView = content => {
 
     case 'wizard':
       return /*#__PURE__*/_react.default.createElement(_wizardContents.default, content);
+
+    case 'empty-state-dashboard':
+      return /*#__PURE__*/_react.default.createElement(_emptyStateDashboard.default, content);
   }
 };
 
@@ -223,7 +228,8 @@ const BrandUpdate = props => {
     details,
     popin,
     onItemClick,
-    documentation
+    documentation,
+    contentFixHeight
   } = props;
   const logo = 'https://static.coorpacademy.com/logo/coorp-manager.svg';
   const leftNavigation = buildLeftNavigation(logo, items, onItemClick);
@@ -234,7 +240,7 @@ const BrandUpdate = props => {
   const contentView = buildContentView(content);
   const detailsView = buildDetailsView(details);
   const popinView = buildPopin(popin);
-  const contentStyle = (0, _classnames.default)([_style.default.content, !(0, _isEmpty.default)(notifications) && _style.default.contentWithNotifications]);
+  const contentStyle = (0, _classnames.default)([_style.default.content, !(0, _isEmpty.default)(notifications) && _style.default.contentWithNotifications, contentFixHeight && _style.default.contentFixHeight]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.container
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -294,6 +300,9 @@ BrandUpdate.propTypes = process.env.NODE_ENV !== "production" ? {
   })), _propTypes.default.shape(_extends({}, _listItems.default.propTypes, {
     key: _propTypes.default.string,
     type: _propTypes.default.oneOf(['list-content'])
+  })), _propTypes.default.shape(_extends({}, _emptyStateDashboard.default.propTypes, {
+    key: _propTypes.default.string,
+    type: _propTypes.default.oneOf(['empty-state-dashboard'])
   }))]),
   documentation: _propTypes.default.shape({
     content: _propTypes.default.string,
@@ -305,7 +314,8 @@ BrandUpdate.propTypes = process.env.NODE_ENV !== "production" ? {
     key: _propTypes.default.string,
     type: _propTypes.default.oneOf(['list'])
   })),
-  onItemClick: _propTypes.default.func
+  onItemClick: _propTypes.default.func,
+  contentFixHeight: _propTypes.default.bool
 } : {};
 var _default = BrandUpdate;
 exports.default = _default;

package/lib/template/back-office/brand-update/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getStyle","isSelected","style","selectedElement","unselectedElement","subTabsView","_subTabs","map","convert","cap","subTab","_index","title","type","selected","buildLeftNavigation","logo","items","onItemClick","formattedTabs","key","href","index","children","iconType","formattedTabsViews","tab","tabs","navigation","buildNotifications","notifications","isEmpty","notificationsList","notification","buildHeader","header","buildPopin","popin","buildDocumentation","documentation","show","onClose","content","classNames","open","documentationContent","__html","closeButton","buildTabs","selectedTab","pipe","find","e","get","showTabs","subTabs","undefined","buildContentView","loaderContainer","loader","buildDetailsView","details","BrandUpdate","props","leftNavigation","notificationsView","documentationView","headerView","tabsView","contentView","detailsView","popinView","contentStyle","contentWithNotifications","container","left","contentWrapper","headerSticky","defaultProps","propTypes","PropTypes","arrayOf","shape","Banner","Header","string","isRequired","bool","oneOfType","BrandForm","oneOf","BrandTable","BrandUpload","BrandAnalytics","BrandDashboard","WizardContents","ListItems","func","CmPopin"],"sources":["../../../../src/template/back-office/brand-update/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport map from 'lodash/fp/map';\nimport pipe from 'lodash/fp/pipe';\nimport get from 'lodash/fp/get';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport find from 'lodash/fp/find';\nimport classNames from 'classnames';\nimport BrandTabs from '../../../molecule/brand-tabs';\nimport {IconLinkItem, LinkItem} from '../../../organism/sidebar';\nimport BrandForm from '../../../organism/brand-form';\nimport BrandTable from '../../../organism/brand-table';\nimport BrandUpload from '../../../organism/brand-upload';\nimport BrandAnalytics from '../../../organism/brand-analytics';\nimport BrandDashboard from '../../../organism/brand-dashboard';\nimport WizardContents from '../../../organism/wizard-contents';\nimport ListItems from '../../../organism/list-items';\nimport Banner from '../../../molecule/banner';\nimport Header from '../../../organism/setup-header';\nimport Loader from '../../../atom/loader';\nimport Accordion from '../../../organism/accordion/coorp-manager';\nimport CmPopin from '../../../molecule/cm-popin';\nimport ButtonLinkIconOnly from '../../../atom/button-link-icon-only';\nimport style from './style.css';\n\nconst getStyle = isSelected => (isSelected ? style.selectedElement : style.unselectedElement);\n\nconst subTabsView = (_subTabs = []) =>\n  map.convert({cap: false})((subTab, _index) => (\n    <div key={subTab.title}>\n      {subTab.type === 'iconLink' ? (\n        <IconLinkItem\n          {...subTab}\n          styles={getStyle(subTab.selected)}\n          uppercase={false}\n          target={'_blank'}\n        />\n      ) : (\n        <LinkItem {...subTab} styles={getStyle(subTab.selected)} uppercase={false} />\n      )}\n    </div>\n  ))(_subTabs);\n\n// TODO: this fonction should be replaced by a molecule to avoid this file to be unreadable\nconst buildLeftNavigation = (logo, items, onItemClick) => {\n  const formattedTabs = items.map(({key, title, href, selected, type = 'simpleTab'}, index) => ({\n    title,\n    selected,\n    type,\n    href,\n    index,\n    children: [],\n    iconType: key || 'arrow'\n  }));\n\n  const formattedTabsViews = map(tab => (\n    <div key={tab.title} className={style.subTabsView}>\n      {subTabsView(tab.tabs)}\n    </div>\n  ))(items);\n\n  return (\n    <div className={style.navigation}>\n      <div className={style.logo}>\n        <a href=\"/\">\n          <img src={logo} />\n        </a>\n      </div>\n      <Accordion tabProps={formattedTabs} theme={'setup'} onClick={onItemClick}>\n        {formattedTabsViews}\n      </Accordion>\n    </div>\n  );\n};\n\nconst buildNotifications = notifications => {\n  if (isEmpty(notifications)) {\n    return null;\n  }\n\n  const notificationsList = notifications.map((notification, index) => {\n    return (\n      <div className={style.notification} key={index}>\n        <Banner {...notification} />\n      </div>\n    );\n  });\n  return <div className={style.notifications}>{notificationsList}</div>;\n};\n\nconst buildHeader = header => {\n  return (\n    <div className={style.header}>\n      <Header {...header} />\n    </div>\n  );\n};\n\nconst buildPopin = popin => {\n  return popin ? (\n    <div className={style.popin}>\n      <CmPopin {...popin} />\n    </div>\n  ) : null;\n};\n\nconst buildDocumentation = documentation => {\n  if (!documentation) return null;\n  const {show = false, onClose, content = ''} = documentation;\n  return (\n    <div className={classNames(style.documentation, show && style.open)}>\n      <div\n        className={style.documentationContent}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: content}}\n      />\n      {onClose ? (\n        <ButtonLinkIconOnly\n          className={style.closeButton}\n          onClick={onClose}\n          data-name={'close-icon'}\n          aria-label={'close-icon'}\n          size=\"small\"\n          icon=\"close\"\n        />\n      ) : null}\n    </div>\n  );\n};\n\nconst buildTabs = items => {\n  const selectedTab = pipe(\n    find(e => e.selected),\n    get('tabs'),\n    find(e => e.selected)\n  )(items);\n\n  const showTabs = selectedTab ? find(e => e.selected, selectedTab.subTabs) : undefined;\n  if (!showTabs) return null;\n  return (\n    <div className={style.tabs}>\n      <BrandTabs type=\"light\" tabs={selectedTab.subTabs} />\n    </div>\n  );\n};\n\nconst buildContentView = content => {\n  if (!content) {\n    return (\n      <div className={style.loaderContainer}>\n        <Loader className={style.loader} theme=\"coorpmanager\" />\n      </div>\n    );\n  }\n\n  const {type} = content;\n  switch (type) {\n    case 'form':\n      return <BrandForm {...content} />;\n    case 'list':\n      return <BrandTable {...content} />;\n    case 'upload':\n      return <BrandUpload {...content} />;\n    case 'analytics-dashboards':\n      return <BrandAnalytics {...content} />;\n    case 'list-content':\n      return <ListItems {...content} />;\n    case 'home':\n      return <BrandDashboard {...content} />;\n    case 'wizard':\n      return <WizardContents {...content} />;\n  }\n};\n\nconst buildDetailsView = details => {\n  if (!details) return;\n  return <BrandTable {...details} />;\n};\n\nconst BrandUpdate = props => {\n  const {notifications, header, items, content, details, popin, onItemClick, documentation} = props;\n  const logo = 'https://static.coorpacademy.com/logo/coorp-manager.svg';\n\n  const leftNavigation = buildLeftNavigation(logo, items, onItemClick);\n  const notificationsView = buildNotifications(notifications);\n  const documentationView = buildDocumentation(documentation);\n  const headerView = buildHeader(header, notifications);\n  const tabsView = buildTabs(items);\n  const contentView = buildContentView(content);\n  const detailsView = buildDetailsView(details);\n  const popinView = buildPopin(popin);\n\n  const contentStyle = classNames([\n    style.content,\n    !isEmpty(notifications) && style.contentWithNotifications\n  ]);\n\n  return (\n    <div className={style.container}>\n      <div className={style.left}>{leftNavigation}</div>\n      <div className={style.contentWrapper}>\n        <div className={style.headerSticky}>{headerView}</div>\n        <div className={contentStyle}>\n          {notificationsView}\n          {tabsView}\n          {contentView}\n          {detailsView}\n          {documentationView}\n        </div>\n      </div>\n      {popinView}\n    </div>\n  );\n};\n\nBrandUpdate.defaultProps = {\n  notifications: []\n};\n\nBrandUpdate.propTypes = {\n  notifications: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...Banner.propTypes\n    })\n  ),\n  header: PropTypes.shape({...Header.propTypes}),\n  items: PropTypes.arrayOf(\n    PropTypes.shape({\n      key: PropTypes.string,\n      title: PropTypes.string.isRequired,\n      href: PropTypes.string.isRequired,\n      selected: PropTypes.bool.isRequired,\n      type: PropTypes.string,\n      tabs: PropTypes.arrayOf(\n        PropTypes.shape({\n          title: PropTypes.string.isRequired,\n          href: PropTypes.string.isRequired,\n          selected: PropTypes.bool.isRequired,\n          type: PropTypes.string,\n          subTabs: PropTypes.arrayOf(\n            PropTypes.shape({\n              title: PropTypes.string.isRequired,\n              href: PropTypes.string.isRequired,\n              selected: PropTypes.bool.isRequired,\n              type: PropTypes.string\n            })\n          )\n        })\n      )\n    })\n  ).isRequired,\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...BrandForm.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['form'])\n    }),\n    PropTypes.shape({\n      ...BrandTable.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['list'])\n    }),\n    PropTypes.shape({\n      ...BrandUpload.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['upload'])\n    }),\n    PropTypes.shape({\n      ...BrandAnalytics.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['analytics-dashboards'])\n    }),\n    PropTypes.shape({\n      ...BrandDashboard.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['home'])\n    }),\n    PropTypes.shape({\n      ...WizardContents.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['wizard'])\n    }),\n    PropTypes.shape({\n      ...ListItems.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['list-content'])\n    })\n  ]),\n  documentation: PropTypes.shape({\n    content: PropTypes.string,\n    show: PropTypes.bool,\n    onClose: PropTypes.func\n  }),\n  popin: PropTypes.shape({...CmPopin.propTypes}),\n  details: PropTypes.shape({\n    ...BrandTable.propTypes,\n    key: PropTypes.string,\n    type: PropTypes.oneOf(['list'])\n  }),\n  onItemClick: PropTypes.func\n};\n\nexport default BrandUpdate;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["getStyle","isSelected","style","selectedElement","unselectedElement","subTabsView","_subTabs","map","convert","cap","subTab","_index","title","type","selected","buildLeftNavigation","logo","items","onItemClick","formattedTabs","key","href","index","children","iconType","formattedTabsViews","tab","tabs","navigation","buildNotifications","notifications","isEmpty","notificationsList","notification","buildHeader","header","buildPopin","popin","buildDocumentation","documentation","show","onClose","content","classNames","open","documentationContent","__html","closeButton","buildTabs","selectedTab","pipe","find","e","get","showTabs","subTabs","undefined","buildContentView","loaderContainer","loader","buildDetailsView","details","BrandUpdate","props","contentFixHeight","leftNavigation","notificationsView","documentationView","headerView","tabsView","contentView","detailsView","popinView","contentStyle","contentWithNotifications","container","left","contentWrapper","headerSticky","defaultProps","propTypes","PropTypes","arrayOf","shape","Banner","Header","string","isRequired","bool","oneOfType","BrandForm","oneOf","BrandTable","BrandUpload","BrandAnalytics","BrandDashboard","WizardContents","ListItems","EmptyStateDashboard","func","CmPopin"],"sources":["../../../../src/template/back-office/brand-update/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport map from 'lodash/fp/map';\nimport pipe from 'lodash/fp/pipe';\nimport get from 'lodash/fp/get';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport find from 'lodash/fp/find';\nimport classNames from 'classnames';\nimport BrandTabs from '../../../molecule/brand-tabs';\nimport {IconLinkItem, LinkItem} from '../../../organism/sidebar';\nimport BrandForm from '../../../organism/brand-form';\nimport BrandTable from '../../../organism/brand-table';\nimport BrandUpload from '../../../organism/brand-upload';\nimport BrandAnalytics from '../../../organism/brand-analytics';\nimport BrandDashboard from '../../../organism/brand-dashboard';\nimport WizardContents from '../../../organism/wizard-contents';\nimport ListItems from '../../../organism/list-items';\nimport Banner from '../../../molecule/banner';\nimport Header from '../../../organism/setup-header';\nimport Loader from '../../../atom/loader';\nimport Accordion from '../../../organism/accordion/coorp-manager';\nimport CmPopin from '../../../molecule/cm-popin';\nimport ButtonLinkIconOnly from '../../../atom/button-link-icon-only';\nimport EmptyStateDashboard from '../../../molecule/empty-state-dashboard';\nimport style from './style.css';\n\nconst getStyle = isSelected => (isSelected ? style.selectedElement : style.unselectedElement);\n\nconst subTabsView = (_subTabs = []) =>\n  map.convert({cap: false})((subTab, _index) => (\n    <div key={subTab.title}>\n      {subTab.type === 'iconLink' ? (\n        <IconLinkItem\n          {...subTab}\n          styles={getStyle(subTab.selected)}\n          uppercase={false}\n          target={'_blank'}\n        />\n      ) : (\n        <LinkItem {...subTab} styles={getStyle(subTab.selected)} uppercase={false} />\n      )}\n    </div>\n  ))(_subTabs);\n\n// TODO: this fonction should be replaced by a molecule to avoid this file to be unreadable\nconst buildLeftNavigation = (logo, items, onItemClick) => {\n  const formattedTabs = items.map(({key, title, href, selected, type = 'simpleTab'}, index) => ({\n    title,\n    selected,\n    type,\n    href,\n    index,\n    children: [],\n    iconType: key || 'arrow'\n  }));\n\n  const formattedTabsViews = map(tab => (\n    <div key={tab.title} className={style.subTabsView}>\n      {subTabsView(tab.tabs)}\n    </div>\n  ))(items);\n\n  return (\n    <div className={style.navigation}>\n      <div className={style.logo}>\n        <a href=\"/\">\n          <img src={logo} />\n        </a>\n      </div>\n      <Accordion tabProps={formattedTabs} theme={'setup'} onClick={onItemClick}>\n        {formattedTabsViews}\n      </Accordion>\n    </div>\n  );\n};\n\nconst buildNotifications = notifications => {\n  if (isEmpty(notifications)) {\n    return null;\n  }\n\n  const notificationsList = notifications.map((notification, index) => {\n    return (\n      <div className={style.notification} key={index}>\n        <Banner {...notification} />\n      </div>\n    );\n  });\n  return <div className={style.notifications}>{notificationsList}</div>;\n};\n\nconst buildHeader = header => {\n  return (\n    <div className={style.header}>\n      <Header {...header} />\n    </div>\n  );\n};\n\nconst buildPopin = popin => {\n  return popin ? (\n    <div className={style.popin}>\n      <CmPopin {...popin} />\n    </div>\n  ) : null;\n};\n\nconst buildDocumentation = documentation => {\n  if (!documentation) return null;\n  const {show = false, onClose, content = ''} = documentation;\n  return (\n    <div className={classNames(style.documentation, show && style.open)}>\n      <div\n        className={style.documentationContent}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: content}}\n      />\n      {onClose ? (\n        <ButtonLinkIconOnly\n          className={style.closeButton}\n          onClick={onClose}\n          data-name={'close-icon'}\n          aria-label={'close-icon'}\n          size=\"small\"\n          icon=\"close\"\n        />\n      ) : null}\n    </div>\n  );\n};\n\nconst buildTabs = items => {\n  const selectedTab = pipe(\n    find(e => e.selected),\n    get('tabs'),\n    find(e => e.selected)\n  )(items);\n\n  const showTabs = selectedTab ? find(e => e.selected, selectedTab.subTabs) : undefined;\n  if (!showTabs) return null;\n  return (\n    <div className={style.tabs}>\n      <BrandTabs type=\"light\" tabs={selectedTab.subTabs} />\n    </div>\n  );\n};\n\nconst buildContentView = content => {\n  if (!content) {\n    return (\n      <div className={style.loaderContainer}>\n        <Loader className={style.loader} theme=\"coorpmanager\" />\n      </div>\n    );\n  }\n\n  const {type} = content;\n  switch (type) {\n    case 'form':\n      return <BrandForm {...content} />;\n    case 'list':\n      return <BrandTable {...content} />;\n    case 'upload':\n      return <BrandUpload {...content} />;\n    case 'analytics-dashboards':\n      return <BrandAnalytics {...content} />;\n    case 'list-content':\n      return <ListItems {...content} />;\n    case 'home':\n      return <BrandDashboard {...content} />;\n    case 'wizard':\n      return <WizardContents {...content} />;\n    case 'empty-state-dashboard':\n      return <EmptyStateDashboard {...content} />;\n  }\n};\n\nconst buildDetailsView = details => {\n  if (!details) return;\n  return <BrandTable {...details} />;\n};\n\nconst BrandUpdate = props => {\n  const {\n    notifications,\n    header,\n    items,\n    content,\n    details,\n    popin,\n    onItemClick,\n    documentation,\n    contentFixHeight\n  } = props;\n  const logo = 'https://static.coorpacademy.com/logo/coorp-manager.svg';\n\n  const leftNavigation = buildLeftNavigation(logo, items, onItemClick);\n  const notificationsView = buildNotifications(notifications);\n  const documentationView = buildDocumentation(documentation);\n  const headerView = buildHeader(header, notifications);\n  const tabsView = buildTabs(items);\n  const contentView = buildContentView(content);\n  const detailsView = buildDetailsView(details);\n  const popinView = buildPopin(popin);\n\n  const contentStyle = classNames([\n    style.content,\n    !isEmpty(notifications) && style.contentWithNotifications,\n    contentFixHeight && style.contentFixHeight\n  ]);\n\n  return (\n    <div className={style.container}>\n      <div className={style.left}>{leftNavigation}</div>\n      <div className={style.contentWrapper}>\n        <div className={style.headerSticky}>{headerView}</div>\n        <div className={contentStyle}>\n          {notificationsView}\n          {tabsView}\n          {contentView}\n          {detailsView}\n          {documentationView}\n        </div>\n      </div>\n      {popinView}\n    </div>\n  );\n};\n\nBrandUpdate.defaultProps = {\n  notifications: []\n};\n\nBrandUpdate.propTypes = {\n  notifications: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...Banner.propTypes\n    })\n  ),\n  header: PropTypes.shape({...Header.propTypes}),\n  items: PropTypes.arrayOf(\n    PropTypes.shape({\n      key: PropTypes.string,\n      title: PropTypes.string.isRequired,\n      href: PropTypes.string.isRequired,\n      selected: PropTypes.bool.isRequired,\n      type: PropTypes.string,\n      tabs: PropTypes.arrayOf(\n        PropTypes.shape({\n          title: PropTypes.string.isRequired,\n          href: PropTypes.string.isRequired,\n          selected: PropTypes.bool.isRequired,\n          type: PropTypes.string,\n          subTabs: PropTypes.arrayOf(\n            PropTypes.shape({\n              title: PropTypes.string.isRequired,\n              href: PropTypes.string.isRequired,\n              selected: PropTypes.bool.isRequired,\n              type: PropTypes.string\n            })\n          )\n        })\n      )\n    })\n  ).isRequired,\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...BrandForm.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['form'])\n    }),\n    PropTypes.shape({\n      ...BrandTable.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['list'])\n    }),\n    PropTypes.shape({\n      ...BrandUpload.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['upload'])\n    }),\n    PropTypes.shape({\n      ...BrandAnalytics.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['analytics-dashboards'])\n    }),\n    PropTypes.shape({\n      ...BrandDashboard.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['home'])\n    }),\n    PropTypes.shape({\n      ...WizardContents.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['wizard'])\n    }),\n    PropTypes.shape({\n      ...ListItems.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['list-content'])\n    }),\n    PropTypes.shape({\n      ...EmptyStateDashboard.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['empty-state-dashboard'])\n    })\n  ]),\n  documentation: PropTypes.shape({\n    content: PropTypes.string,\n    show: PropTypes.bool,\n    onClose: PropTypes.func\n  }),\n  popin: PropTypes.shape({...CmPopin.propTypes}),\n  details: PropTypes.shape({\n    ...BrandTable.propTypes,\n    key: PropTypes.string,\n    type: PropTypes.oneOf(['list'])\n  }),\n  onItemClick: PropTypes.func,\n  contentFixHeight: PropTypes.bool\n};\n\nexport default BrandUpdate;\n"],"mappings":"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"}

package/lib/template/back-office/brand-update/style.css

@@ -86,7 +86,8 @@
   height: 100%;
   overflow: scroll;
   z-index: 999;
-  min-width: 240px
+  min-width: 240px;
+  width: 232px;
 }
 
 .content {
@@ -102,6 +103,9 @@
   top: 100px;
 }
 
+.contentFixHeight {
+  height: calc(100% - 124px);
+}
 .selectedElement {
   font-size: 12px;
   background-color: cm_grey_100;

package/lib/util/button-icons.d.ts

@@ -14,5 +14,6 @@ export const ICONS: {
     save: any;
     see: any;
     folders: any;
+    upload: any;
 };
 //# sourceMappingURL=button-icons.d.ts.map

package/lib/util/button-icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button-icons.d.ts","sourceRoot":"","sources":["../../src/util/button-icons.js"],"names":[],"mappings":"AAkBA;;;;;;;;;;;;;;;;EAgBE"}
+{"version":3,"file":"button-icons.d.ts","sourceRoot":"","sources":["../../src/util/button-icons.js"],"names":[],"mappings":"AAmBA;;;;;;;;;;;;;;;;;EAiBE"}

package/lib/util/button-icons.js

@@ -20,7 +20,8 @@ const ICONS = {
   publish: _novaIcons.NovaSolidApplicationsWindowUpload3,
   save: _novaIcons.NovaSolidComputersSdCard,
   see: _novaIcons.NovaCompositionCoorpacademyEye,
-  folders: _novaIcons.NovaSolidFilesFoldersFolders
+  folders: _novaIcons.NovaSolidFilesFoldersFolders,
+  upload: _novaIcons.NovaSolidFilesBasicFileUpload2
 };
 exports.ICONS = ICONS;
 //# sourceMappingURL=button-icons.js.map

package/lib/util/button-icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-icons.js","names":["ICONS","add","AddIcon","analytics","AnalyticsIcon","bin","BinIcon","BulletPointIcon","ChevronLeftIcon","ChevronRightIcon","close","CloseIcon","edit","EditIcon","key","KlfIcon","list","ListIcon","logout","LogoutIcon","publish","PublishIcon","save","SaveIcon","see","EyeIcon","folders","FoldersIcon"],"sources":["../../src/util/button-icons.js"],"sourcesContent":["import {\n  NovaSolidRemoveAddAddCircle1 as AddIcon,\n  NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n  NovaSolidContentEditionBin as BinIcon,\n  NovaCompositionCoorpacademyBulletPoint as BulletPointIcon,\n  NovaCompositionNavigationArrowLeft as ChevronLeftIcon,\n  NovaCompositionNavigationArrowRight as ChevronRightIcon,\n  NovaSolidStatusClose as CloseIcon,\n  NovaSolidContentEditionPencilWrite as EditIcon,\n  NovaCompositionCoorpacademyEye as EyeIcon,\n  NovaSolidContentContentViewModule1 as ListIcon,\n  NovaSolidLoginLogout1 as LogoutIcon,\n  NovaSolidApplicationsWindowUpload3 as PublishIcon,\n  NovaSolidComputersSdCard as SaveIcon,\n  NovaLineLoginKey1 as KlfIcon,\n  NovaSolidFilesFoldersFolders as FoldersIcon\n} from '@coorpacademy/nova-icons';\n\nexport const ICONS = {\n  add: AddIcon,\n  analytics: AnalyticsIcon,\n  bin: BinIcon,\n  'bullet-point': BulletPointIcon,\n  'chevron-left': ChevronLeftIcon,\n  'chevron-right': ChevronRightIcon,\n  close: CloseIcon,\n  edit: EditIcon,\n  key: KlfIcon,\n  list: ListIcon,\n  logout: LogoutIcon,\n  publish: PublishIcon,\n  save: SaveIcon,\n  see: EyeIcon,\n  folders: FoldersIcon\n};\n"],"mappings":";;;;;AAAA;;AAkBO,MAAMA,KAAK,GAAG;EACnBC,GAAG,EAAEC,uCADc;EAEnBC,SAAS,EAAEC,+CAFQ;EAGnBC,GAAG,EAAEC,qCAHc;EAInB,gBAAgBC,iDAJG;EAKnB,gBAAgBC,6CALG;EAMnB,iBAAiBC,8CANE;EAOnBC,KAAK,EAAEC,+BAPY;EAQnBC,IAAI,EAAEC,6CARa;EASnBC,GAAG,EAAEC,4BATc;EAUnBC,IAAI,EAAEC,6CAVa;EAWnBC,MAAM,EAAEC,gCAXW;EAYnBC,OAAO,EAAEC,6CAZU;EAanBC,IAAI,EAAEC,mCAba;EAcnBC,GAAG,EAAEC,yCAdc;EAenBC,OAAO,EAAEC;AAfU,CAAd"}
+{"version":3,"file":"button-icons.js","names":["ICONS","add","AddIcon","analytics","AnalyticsIcon","bin","BinIcon","BulletPointIcon","ChevronLeftIcon","ChevronRightIcon","close","CloseIcon","edit","EditIcon","key","KlfIcon","list","ListIcon","logout","LogoutIcon","publish","PublishIcon","save","SaveIcon","see","EyeIcon","folders","FoldersIcon","upload","UploadIcon"],"sources":["../../src/util/button-icons.js"],"sourcesContent":["import {\n  NovaSolidRemoveAddAddCircle1 as AddIcon,\n  NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n  NovaSolidContentEditionBin as BinIcon,\n  NovaCompositionCoorpacademyBulletPoint as BulletPointIcon,\n  NovaCompositionNavigationArrowLeft as ChevronLeftIcon,\n  NovaCompositionNavigationArrowRight as ChevronRightIcon,\n  NovaSolidStatusClose as CloseIcon,\n  NovaSolidContentEditionPencilWrite as EditIcon,\n  NovaCompositionCoorpacademyEye as EyeIcon,\n  NovaSolidContentContentViewModule1 as ListIcon,\n  NovaSolidLoginLogout1 as LogoutIcon,\n  NovaSolidApplicationsWindowUpload3 as PublishIcon,\n  NovaSolidComputersSdCard as SaveIcon,\n  NovaLineLoginKey1 as KlfIcon,\n  NovaSolidFilesFoldersFolders as FoldersIcon,\n  NovaSolidFilesBasicFileUpload2 as UploadIcon\n} from '@coorpacademy/nova-icons';\n\nexport const ICONS = {\n  add: AddIcon,\n  analytics: AnalyticsIcon,\n  bin: BinIcon,\n  'bullet-point': BulletPointIcon,\n  'chevron-left': ChevronLeftIcon,\n  'chevron-right': ChevronRightIcon,\n  close: CloseIcon,\n  edit: EditIcon,\n  key: KlfIcon,\n  list: ListIcon,\n  logout: LogoutIcon,\n  publish: PublishIcon,\n  save: SaveIcon,\n  see: EyeIcon,\n  folders: FoldersIcon,\n  upload: UploadIcon\n};\n"],"mappings":";;;;;AAAA;;AAmBO,MAAMA,KAAK,GAAG;EACnBC,GAAG,EAAEC,uCADc;EAEnBC,SAAS,EAAEC,+CAFQ;EAGnBC,GAAG,EAAEC,qCAHc;EAInB,gBAAgBC,iDAJG;EAKnB,gBAAgBC,6CALG;EAMnB,iBAAiBC,8CANE;EAOnBC,KAAK,EAAEC,+BAPY;EAQnBC,IAAI,EAAEC,6CARa;EASnBC,GAAG,EAAEC,4BATc;EAUnBC,IAAI,EAAEC,6CAVa;EAWnBC,MAAM,EAAEC,gCAXW;EAYnBC,OAAO,EAAEC,6CAZU;EAanBC,IAAI,EAAEC,mCAba;EAcnBC,GAAG,EAAEC,yCAdc;EAenBC,OAAO,EAAEC,uCAfU;EAgBnBC,MAAM,EAAEC;AAhBW,CAAd"}

package/locales/bs/global.json

@@ -76,5 +76,12 @@
   "zuora_discount_code_submit": "Primijeni",
   "zuora_discount_code": "Promotivni kod",
   "mandatory_fields": "* Obavezna polja",
-  "something_went_wrong": "Oh Snap! Something went wrong."
+  "something_went_wrong": "Oh Snap! Something went wrong.",
+  "review_header_step_item": {
+    "aria_label": "Pitanje {{headerStepValue}}",
+    "current_question": "Pitanje {{headerStepValue}} je trenutno pitanje",
+    "correct_question": "Pitanje {{headerStepValue}} je tačno",
+    "incorrect_question": "Pitanje {{headerStepValue}} je netačno",
+    "not_answered_question": "Pitanje {{headerStepValue}} još nije odgovoreno"
+  }
 }

package/locales/cs/global.json

@@ -76,5 +76,12 @@
   "zuora_discount_code_submit": "Použít",
   "zuora_discount_code": "Propagační kód",
   "mandatory_fields": "*Mandatory fields",
-  "something_went_wrong": "Oh Snap! Something went wrong."
+  "something_went_wrong": "Oh Snap! Something went wrong.",
+  "review_header_step_item": {
+    "aria_label": "Otázka {{headerStepValue}}",
+    "current_question": "Otázka {{headerStepValue}} je aktuální otázka",
+    "correct_question": "Otázka {{headerStepValue}} je správná",
+    "incorrect_question": "Otázka {{headerStepValue}} je nesprávná",
+    "not_answered_question": "Otázka {{headerStepValue}} zatím není zodpovězena"
+  }
 }