@coorpacademy/components 11.6.1 → 11.7.2

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

@@ -5,176 +5,148 @@ import _get from "lodash/fp/get";
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-import React, { useMemo } from 'react';
+import React, { useCallback, useMemo, useState } from 'react';
 import PropTypes from 'prop-types';
 import { NovaCompositionNavigationArrowLeft as ArrowLeft, NovaCompositionNavigationArrowRight as ArrowRight, NovaCompositionCoorpacademyStar as StarIcon } from '@coorpacademy/nova-icons';
-import Provider from '../../atom/provider';
+import Provider, { GetSkinFromContext } from '../../atom/provider';
 import EngineStars from './engine-stars';
 import style from './stars-summary.css';
 
 const EngineTab = ({
   engine,
   engineIndex,
-  firstItem
+  firstItemIndex
 }) => {
   const {
     type
   } = engine;
-  const state = engineIndex < firstItem ? 'hidden' : 'active';
+  const state = useMemo(() => engineIndex < firstItemIndex ? 'hidden' : 'active', [engineIndex, firstItemIndex]);
+  const dataName = useMemo(() => `${type}_total_${state}`, [state, type]);
   return /*#__PURE__*/React.createElement("li", {
     className: style[state],
     key: type,
-    "data-name": `${type}_total_${state}`
+    "data-name": dataName
   }, /*#__PURE__*/React.createElement(EngineStars, _extends({}, engine, {
-    className: engineIndex < firstItem ? style.hidden : style.active
+    className: engineIndex < firstItemIndex ? style.hidden : style.active
   })));
 };
 
 EngineTab.propTypes = process.env.NODE_ENV !== "production" ? {
   engine: PropTypes.shape(EngineStars.propTypes),
   engineIndex: PropTypes.number,
-  firstItem: PropTypes.number
+  firstItemIndex: PropTypes.number
 } : {};
 
 const EngineTabs = ({
   engines,
-  firstItem
+  firstItemIndex
 }) => {
   return useMemo(() => _map.convert({
     cap: false
   })((engine, index) => /*#__PURE__*/React.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.arrayOf(PropTypes.shape(EngineStars.propTypes)),
-  firstItem: PropTypes.number
+  firstItemIndex: PropTypes.number
 } : {};
 
-class StarsSummary extends React.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 = GetSkinFromContext(legacyContext);
+  const [firstItemIndex, setFirstItemIndex] = useState(0);
+  const [totalItems] = useState(engines.length);
+
+  const dark = _getOr('#90A4AE', 'common.dark', skin);
+
+  const primary = _get('common.primary', skin);
+
+  const scrollTo = useCallback(page => setFirstItemIndex(page), []);
+  const handleOnLeft = useCallback(() => {
+    scrollTo(firstItemIndex - 1);
+  }, [firstItemIndex, scrollTo]);
+  const handleOnRight = useCallback(() => {
+    scrollTo(firstItemIndex + 1);
+  }, [firstItemIndex, scrollTo]);
+
+  if (_isEmpty(engines)) {
+    return null;
   }
 
-  render() {
-    const {
-      total,
-      engines = []
-    } = this.props;
-    const {
-      skin
-    } = this.context;
-    const {
-      firstItem,
-      totalItems
-    } = this.state;
-
-    const dark = _getOr('#90A4AE', 'common.dark', skin);
-
-    const primary = _get('common.primary', skin);
-
-    if (_isEmpty(engines)) {
-      return null;
+  const leftArrowView = totalItems > 6 && firstItemIndex > 0 ? /*#__PURE__*/React.createElement("div", {
+    className: style.circle,
+    onClick: handleOnLeft,
+    "data-name": "left-arrow",
+    "data-testid": "stars-summary-left-arrow"
+  }, /*#__PURE__*/React.createElement(ArrowLeft, {
+    color: dark,
+    className: style.left,
+    width: 10,
+    height: 10
+  })) : null;
+  const rightArrowView = totalItems > 6 && firstItemIndex < totalItems - 6 ? /*#__PURE__*/React.createElement("div", {
+    className: style.circle,
+    onClick: handleOnRight,
+    "data-name": "right-arrow",
+    "data-testid": "stars-summary-right-arrow"
+  }, /*#__PURE__*/React.createElement(ArrowRight, {
+    color: dark,
+    className: style.right,
+    width: 10,
+    height: 10
+  })) : null;
+  return /*#__PURE__*/React.createElement("div", {
+    "data-name": "myStars",
+    className: style.myStars
+  }, /*#__PURE__*/React.createElement("div", {
+    "data-name": "myStars-wrapper",
+    className: style.myStarsWrapper,
+    "data-testid": `stars-summary-engine-index-${firstItemIndex}`
+  }, /*#__PURE__*/React.createElement("ul", {
+    className: style.allStars,
+    "data-name": "engineList",
+    "data-testid": "stars-summary-engine-tabs"
+  }, /*#__PURE__*/React.createElement(EngineTabs, {
+    engines: engines,
+    firstItemIndex: firstItemIndex
+  })), /*#__PURE__*/React.createElement("div", {
+    className: style.footerSummaryStars,
+    style: {
+      backgroundColor: primary
     }
-
-    const leftArrowView = totalItems > 6 && firstItem > 0 ? /*#__PURE__*/React.createElement("div", {
-      className: style.circle,
-      onClick: this.handleOnLeft,
-      "data-name": "left-arrow"
-    }, /*#__PURE__*/React.createElement(ArrowLeft, {
-      color: dark,
-      className: style.left,
-      width: 10,
-      height: 10
-    })) : null;
-    const rightArrowView = totalItems > 6 && firstItem < totalItems - 6 ? /*#__PURE__*/React.createElement("div", {
-      className: style.circle,
-      onClick: this.handleOnRight,
-      "data-name": "right-arrow"
-    }, /*#__PURE__*/React.createElement(ArrowRight, {
-      color: dark,
-      className: style.right,
-      width: 10,
-      height: 10
-    })) : null;
-    return /*#__PURE__*/React.createElement("div", {
-      "data-name": "myStars",
-      className: style.myStars
-    }, /*#__PURE__*/React.createElement("div", {
-      "data-name": "myStars-wrapper",
-      className: style.myStarsWrapper
-    }, /*#__PURE__*/React.createElement("ul", {
-      className: style.allStars,
-      "data-name": "engineList"
-    }, /*#__PURE__*/React.createElement(EngineTabs, {
-      engines: engines,
-      firstItem: firstItem
-    })), /*#__PURE__*/React.createElement("div", {
-      className: style.footerSummaryStars,
-      style: {
-        backgroundColor: primary
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      className: style.totalStars
-    }, /*#__PURE__*/React.createElement("span", null, total.label), /*#__PURE__*/React.createElement("p", {
-      "data-name": "star-counter"
-    }, total.stars), /*#__PURE__*/React.createElement("div", {
-      className: style.iconBubble
-    }, /*#__PURE__*/React.createElement(StarIcon, {
-      className: style.iconHeader,
-      color: primary
-    }))), /*#__PURE__*/React.createElement("div", {
-      className: style.navigationLeft
-    }, leftArrowView), /*#__PURE__*/React.createElement("div", {
-      className: style.navigationRight
-    }, rightArrowView))));
-  }
-
-}
-
-StarsSummary.contextTypes = {
-  skin: Provider.childContextTypes.skin
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.totalStars
+  }, /*#__PURE__*/React.createElement("span", null, total.label), /*#__PURE__*/React.createElement("p", {
+    "data-name": "star-counter"
+  }, total.stars), /*#__PURE__*/React.createElement("div", {
+    className: style.iconBubble
+  }, /*#__PURE__*/React.createElement(StarIcon, {
+    className: style.iconHeader,
+    color: primary
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: style.navigationLeft
+  }, leftArrowView), /*#__PURE__*/React.createElement("div", {
+    className: style.navigationRight
+  }, rightArrowView))));
 };
+
 StarsSummary.propTypes = process.env.NODE_ENV !== "production" ? {
   total: PropTypes.shape({
     label: PropTypes.string.isRequired,
     stars: PropTypes.number.isRequired
   }).isRequired,
-  engines: PropTypes.arrayOf(PropTypes.shape(EngineStars.propTypes))
+  engines: PropTypes.arrayOf(PropTypes.shape(EngineStars.propTypes)).isRequired
 } : {};
+StarsSummary.contextTypes = {
+  skin: Provider.childContextTypes.skin
+};
 export default StarsSummary;
 //# sourceMappingURL=stars-summary.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"stars-summary.js","names":["React","useMemo","PropTypes","NovaCompositionNavigationArrowLeft","ArrowLeft","NovaCompositionNavigationArrowRight","ArrowRight","NovaCompositionCoorpacademyStar","StarIcon","Provider","EngineStars","style","EngineTab","engine","engineIndex","firstItem","type","state","hidden","active","propTypes","shape","number","EngineTabs","engines","convert","cap","index","arrayOf","StarsSummary","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","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":["React","useCallback","useMemo","useState","PropTypes","NovaCompositionNavigationArrowLeft","ArrowLeft","NovaCompositionNavigationArrowRight","ArrowRight","NovaCompositionCoorpacademyStar","StarIcon","Provider","GetSkinFromContext","EngineStars","style","EngineTab","engine","engineIndex","firstItemIndex","type","state","dataName","hidden","active","propTypes","shape","number","EngineTabs","engines","convert","cap","index","arrayOf","StarsSummary","props","legacyContext","total","skin","setFirstItemIndex","totalItems","length","dark","primary","scrollTo","page","handleOnLeft","handleOnRight","leftArrowView","circle","left","rightArrowView","right","myStars","myStarsWrapper","allStars","footerSummaryStars","backgroundColor","totalStars","label","stars","iconBubble","iconHeader","navigationLeft","navigationRight","string","isRequired","contextTypes","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/es/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/es/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/es/template/back-office/brand-update/index.js

@@ -23,6 +23,7 @@ import Loader from '../../../atom/loader';
 import Accordion from '../../../organism/accordion/coorp-manager';
 import CmPopin from '../../../molecule/cm-popin';
 import ButtonLinkIconOnly from '../../../atom/button-link-icon-only';
+import EmptyStateDashboard from '../../../molecule/empty-state-dashboard';
 import style from './style.css';
 
 const getStyle = isSelected => isSelected ? style.selectedElement : style.unselectedElement;
@@ -176,6 +177,9 @@ const buildContentView = content => {
 
     case 'wizard':
       return /*#__PURE__*/React.createElement(WizardContents, content);
+
+    case 'empty-state-dashboard':
+      return /*#__PURE__*/React.createElement(EmptyStateDashboard, content);
   }
 };
 
@@ -193,7 +197,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);
@@ -204,7 +209,7 @@ const BrandUpdate = props => {
   const contentView = buildContentView(content);
   const detailsView = buildDetailsView(details);
   const popinView = buildPopin(popin);
-  const contentStyle = classNames([style.content, !isEmpty(notifications) && style.contentWithNotifications]);
+  const contentStyle = classNames([style.content, !isEmpty(notifications) && style.contentWithNotifications, contentFixHeight && style.contentFixHeight]);
   return /*#__PURE__*/React.createElement("div", {
     className: style.container
   }, /*#__PURE__*/React.createElement("div", {
@@ -264,6 +269,9 @@ BrandUpdate.propTypes = process.env.NODE_ENV !== "production" ? {
   })), PropTypes.shape(_extends({}, ListItems.propTypes, {
     key: PropTypes.string,
     type: PropTypes.oneOf(['list-content'])
+  })), PropTypes.shape(_extends({}, EmptyStateDashboard.propTypes, {
+    key: PropTypes.string,
+    type: PropTypes.oneOf(['empty-state-dashboard'])
   }))]),
   documentation: PropTypes.shape({
     content: PropTypes.string,
@@ -275,7 +283,8 @@ BrandUpdate.propTypes = process.env.NODE_ENV !== "production" ? {
     key: PropTypes.string,
     type: PropTypes.oneOf(['list'])
   })),
-  onItemClick: PropTypes.func
+  onItemClick: PropTypes.func,
+  contentFixHeight: PropTypes.bool
 } : {};
 export default BrandUpdate;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","map","pipe","get","isEmpty","find","classNames","BrandTabs","IconLinkItem","LinkItem","BrandForm","BrandTable","BrandUpload","BrandAnalytics","BrandDashboard","WizardContents","ListItems","Banner","Header","Loader","Accordion","CmPopin","ButtonLinkIconOnly","style","getStyle","isSelected","selectedElement","unselectedElement","subTabsView","_subTabs","convert","cap","subTab","_index","title","type","selected","buildLeftNavigation","logo","items","onItemClick","formattedTabs","key","href","index","children","iconType","formattedTabsViews","tab","tabs","navigation","buildNotifications","notifications","notificationsList","notification","buildHeader","header","buildPopin","popin","buildDocumentation","documentation","show","onClose","content","open","documentationContent","__html","closeButton","buildTabs","selectedTab","e","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","arrayOf","shape","string","isRequired","bool","oneOfType","oneOf","func"],"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":["React","PropTypes","map","pipe","get","isEmpty","find","classNames","BrandTabs","IconLinkItem","LinkItem","BrandForm","BrandTable","BrandUpload","BrandAnalytics","BrandDashboard","WizardContents","ListItems","Banner","Header","Loader","Accordion","CmPopin","ButtonLinkIconOnly","EmptyStateDashboard","style","getStyle","isSelected","selectedElement","unselectedElement","subTabsView","_subTabs","convert","cap","subTab","_index","title","type","selected","buildLeftNavigation","logo","items","onItemClick","formattedTabs","key","href","index","children","iconType","formattedTabsViews","tab","tabs","navigation","buildNotifications","notifications","notificationsList","notification","buildHeader","header","buildPopin","popin","buildDocumentation","documentation","show","onClose","content","open","documentationContent","__html","closeButton","buildTabs","selectedTab","e","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","arrayOf","shape","string","isRequired","bool","oneOfType","oneOf","func"],"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/es/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/es/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/es/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/es/util/button-icons.js

@@ -1,4 +1,4 @@
-import { NovaSolidRemoveAddAddCircle1 as AddIcon, NovaCompositionCoorpacademyAnalytics as AnalyticsIcon, NovaSolidContentEditionBin as BinIcon, NovaCompositionCoorpacademyBulletPoint as BulletPointIcon, NovaCompositionNavigationArrowLeft as ChevronLeftIcon, NovaCompositionNavigationArrowRight as ChevronRightIcon, NovaSolidStatusClose as CloseIcon, NovaSolidContentEditionPencilWrite as EditIcon, NovaCompositionCoorpacademyEye as EyeIcon, NovaSolidContentContentViewModule1 as ListIcon, NovaSolidLoginLogout1 as LogoutIcon, NovaSolidApplicationsWindowUpload3 as PublishIcon, NovaSolidComputersSdCard as SaveIcon, NovaLineLoginKey1 as KlfIcon, NovaSolidFilesFoldersFolders as FoldersIcon } from '@coorpacademy/nova-icons';
+import { NovaSolidRemoveAddAddCircle1 as AddIcon, NovaCompositionCoorpacademyAnalytics as AnalyticsIcon, NovaSolidContentEditionBin as BinIcon, NovaCompositionCoorpacademyBulletPoint as BulletPointIcon, NovaCompositionNavigationArrowLeft as ChevronLeftIcon, NovaCompositionNavigationArrowRight as ChevronRightIcon, NovaSolidStatusClose as CloseIcon, NovaSolidContentEditionPencilWrite as EditIcon, NovaCompositionCoorpacademyEye as EyeIcon, NovaSolidContentContentViewModule1 as ListIcon, NovaSolidLoginLogout1 as LogoutIcon, NovaSolidApplicationsWindowUpload3 as PublishIcon, NovaSolidComputersSdCard as SaveIcon, NovaLineLoginKey1 as KlfIcon, NovaSolidFilesFoldersFolders as FoldersIcon, NovaSolidFilesBasicFileUpload2 as UploadIcon } from '@coorpacademy/nova-icons';
 export const ICONS = {
   add: AddIcon,
   analytics: AnalyticsIcon,
@@ -14,6 +14,7 @@ export const ICONS = {
   publish: PublishIcon,
   save: SaveIcon,
   see: EyeIcon,
-  folders: FoldersIcon
+  folders: FoldersIcon,
+  upload: UploadIcon
 };
 //# sourceMappingURL=button-icons.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"button-icons.js","names":["NovaSolidRemoveAddAddCircle1","AddIcon","NovaCompositionCoorpacademyAnalytics","AnalyticsIcon","NovaSolidContentEditionBin","BinIcon","NovaCompositionCoorpacademyBulletPoint","BulletPointIcon","NovaCompositionNavigationArrowLeft","ChevronLeftIcon","NovaCompositionNavigationArrowRight","ChevronRightIcon","NovaSolidStatusClose","CloseIcon","NovaSolidContentEditionPencilWrite","EditIcon","NovaCompositionCoorpacademyEye","EyeIcon","NovaSolidContentContentViewModule1","ListIcon","NovaSolidLoginLogout1","LogoutIcon","NovaSolidApplicationsWindowUpload3","PublishIcon","NovaSolidComputersSdCard","SaveIcon","NovaLineLoginKey1","KlfIcon","NovaSolidFilesFoldersFolders","FoldersIcon","ICONS","add","analytics","bin","close","edit","key","list","logout","publish","save","see","folders"],"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,SACEA,4BAA4B,IAAIC,OADlC,EAEEC,oCAAoC,IAAIC,aAF1C,EAGEC,0BAA0B,IAAIC,OAHhC,EAIEC,sCAAsC,IAAIC,eAJ5C,EAKEC,kCAAkC,IAAIC,eALxC,EAMEC,mCAAmC,IAAIC,gBANzC,EAOEC,oBAAoB,IAAIC,SAP1B,EAQEC,kCAAkC,IAAIC,QARxC,EASEC,8BAA8B,IAAIC,OATpC,EAUEC,kCAAkC,IAAIC,QAVxC,EAWEC,qBAAqB,IAAIC,UAX3B,EAYEC,kCAAkC,IAAIC,WAZxC,EAaEC,wBAAwB,IAAIC,QAb9B,EAcEC,iBAAiB,IAAIC,OAdvB,EAeEC,4BAA4B,IAAIC,WAflC,QAgBO,0BAhBP;AAkBA,OAAO,MAAMC,KAAK,GAAG;EACnBC,GAAG,EAAE9B,OADc;EAEnB+B,SAAS,EAAE7B,aAFQ;EAGnB8B,GAAG,EAAE5B,OAHc;EAInB,gBAAgBE,eAJG;EAKnB,gBAAgBE,eALG;EAMnB,iBAAiBE,gBANE;EAOnBuB,KAAK,EAAErB,SAPY;EAQnBsB,IAAI,EAAEpB,QARa;EASnBqB,GAAG,EAAET,OATc;EAUnBU,IAAI,EAAElB,QAVa;EAWnBmB,MAAM,EAAEjB,UAXW;EAYnBkB,OAAO,EAAEhB,WAZU;EAanBiB,IAAI,EAAEf,QAba;EAcnBgB,GAAG,EAAExB,OAdc;EAenByB,OAAO,EAAEb;AAfU,CAAd"}
+{"version":3,"file":"button-icons.js","names":["NovaSolidRemoveAddAddCircle1","AddIcon","NovaCompositionCoorpacademyAnalytics","AnalyticsIcon","NovaSolidContentEditionBin","BinIcon","NovaCompositionCoorpacademyBulletPoint","BulletPointIcon","NovaCompositionNavigationArrowLeft","ChevronLeftIcon","NovaCompositionNavigationArrowRight","ChevronRightIcon","NovaSolidStatusClose","CloseIcon","NovaSolidContentEditionPencilWrite","EditIcon","NovaCompositionCoorpacademyEye","EyeIcon","NovaSolidContentContentViewModule1","ListIcon","NovaSolidLoginLogout1","LogoutIcon","NovaSolidApplicationsWindowUpload3","PublishIcon","NovaSolidComputersSdCard","SaveIcon","NovaLineLoginKey1","KlfIcon","NovaSolidFilesFoldersFolders","FoldersIcon","NovaSolidFilesBasicFileUpload2","UploadIcon","ICONS","add","analytics","bin","close","edit","key","list","logout","publish","save","see","folders","upload"],"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,SACEA,4BAA4B,IAAIC,OADlC,EAEEC,oCAAoC,IAAIC,aAF1C,EAGEC,0BAA0B,IAAIC,OAHhC,EAIEC,sCAAsC,IAAIC,eAJ5C,EAKEC,kCAAkC,IAAIC,eALxC,EAMEC,mCAAmC,IAAIC,gBANzC,EAOEC,oBAAoB,IAAIC,SAP1B,EAQEC,kCAAkC,IAAIC,QARxC,EASEC,8BAA8B,IAAIC,OATpC,EAUEC,kCAAkC,IAAIC,QAVxC,EAWEC,qBAAqB,IAAIC,UAX3B,EAYEC,kCAAkC,IAAIC,WAZxC,EAaEC,wBAAwB,IAAIC,QAb9B,EAcEC,iBAAiB,IAAIC,OAdvB,EAeEC,4BAA4B,IAAIC,WAflC,EAgBEC,8BAA8B,IAAIC,UAhBpC,QAiBO,0BAjBP;AAmBA,OAAO,MAAMC,KAAK,GAAG;EACnBC,GAAG,EAAEhC,OADc;EAEnBiC,SAAS,EAAE/B,aAFQ;EAGnBgC,GAAG,EAAE9B,OAHc;EAInB,gBAAgBE,eAJG;EAKnB,gBAAgBE,eALG;EAMnB,iBAAiBE,gBANE;EAOnByB,KAAK,EAAEvB,SAPY;EAQnBwB,IAAI,EAAEtB,QARa;EASnBuB,GAAG,EAAEX,OATc;EAUnBY,IAAI,EAAEpB,QAVa;EAWnBqB,MAAM,EAAEnB,UAXW;EAYnBoB,OAAO,EAAElB,WAZU;EAanBmB,IAAI,EAAEjB,QAba;EAcnBkB,GAAG,EAAE1B,OAdc;EAenB2B,OAAO,EAAEf,WAfU;EAgBnBgB,MAAM,EAAEd;AAhBW,CAAd"}

package/lib/atom/select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/select/index.js"],"names":[],"mappings":";;;;;;;;AA6BA,qEA6JC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/select/index.js"],"names":[],"mappings":";;;;;;;;AAwDA,qEA4KC"}