@coorpacademy/components 11.19.1-alpha.4 → 11.19.1

package/lib/template/common/search-page/index.js

@@ -7,7 +7,7 @@ var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
 
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -25,10 +25,6 @@ var _cmPopin = _interopRequireDefault(require("../../../molecule/cm-popin"));
 
 var _style = _interopRequireDefault(require("./style.css"));
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -51,22 +47,6 @@ const SearchPage = (props, context) => {
     skin
   } = context;
   const defaultColor = (0, _getOr2.default)('#00B0FF', 'common.primary', skin);
-  const nodeRef = (0, _react.useRef)(null);
-  const closePopin = (0, _react.useCallback)(e => {
-    // eslint-disable-next-line no-console
-    console.log(nodeRef);
-
-    if (nodeRef && nodeRef.current && !nodeRef.current.contains(e.target)) {
-      // eslint-disable-next-line no-console
-      console.log('closePopin function called');
-    }
-  }, []);
-  (0, _react.useEffect)(() => {
-    document.addEventListener('click', closePopin);
-    return () => {
-      document.removeEventListener('click', closePopin);
-    };
-  }, [closePopin]);
   const recommendationsView = (0, _isEmpty2.default)(recommendations) ? null : /*#__PURE__*/_react.default.createElement(_cardsList.default, recommendations);
   const cardsView = (0, _isEmpty2.default)(cards.list) ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.noresults
@@ -80,9 +60,7 @@ const SearchPage = (props, context) => {
     },
     type: "link"
   }))), recommendationsView) : /*#__PURE__*/_react.default.createElement(_cardsGrid.default, cards);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    ref: nodeRef
-  }, /*#__PURE__*/_react.default.createElement(_filters.default, _extends({}, searchFilters, {
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_filters.default, _extends({}, searchFilters, {
     moreSortAriaLabel: moreSortAriaLabel,
     moreFilterAriaLabel: moreFilterAriaLabel,
     filterGroupAriaLabel: filterGroupAriaLabel,

package/lib/template/common/search-page/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["SearchPage","props","context","title","searchFilters","cards","noresultsfound","clearFilters","recommendations","moreSortAriaLabel","moreFilterAriaLabel","filterGroupAriaLabel","sortAriaLabel","popinWithCards","skin","defaultColor","nodeRef","useRef","closePopin","useCallback","e","console","log","current","contains","target","useEffect","document","addEventListener","removeEventListener","recommendationsView","cardsView","list","style","noresults","noresultstxt","clear","background","cardsWrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","shape","Filters","CardsGrid","Button","CardsList","CMPopin"],"sources":["../../../../src/template/common/search-page/index.js"],"sourcesContent":["import React, {useCallback, useEffect, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, isEmpty} from 'lodash/fp';\nimport Provider from '../../../atom/provider';\nimport Button from '../../../atom/button';\nimport Filters from '../../../molecule/filters';\nimport CardsGrid from '../../../organism/cards-grid';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport CMPopin from '../../../molecule/cm-popin';\nimport style from './style.css';\n\nconst SearchPage = (props, context) => {\n  const {\n    title,\n    searchFilters,\n    cards,\n    noresultsfound,\n    clearFilters,\n    recommendations,\n    moreSortAriaLabel,\n    moreFilterAriaLabel,\n    filterGroupAriaLabel,\n    sortAriaLabel,\n    popinWithCards\n  } = props;\n\n  const {skin} = context;\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n  const nodeRef = useRef(null);\n  const closePopin = useCallback(e => {\n    // eslint-disable-next-line no-console\n    console.log(nodeRef);\n    if (nodeRef && nodeRef.current && !nodeRef.current.contains(e.target)) {\n      // eslint-disable-next-line no-console\n      console.log('closePopin function called');\n    }\n  }, []);\n  useEffect(() => {\n    document.addEventListener('click', closePopin);\n    return () => {\n      document.removeEventListener('click', closePopin);\n    };\n  }, [closePopin]);\n  const recommendationsView = isEmpty(recommendations) ? null : <CardsList {...recommendations} />;\n\n  const cardsView = isEmpty(cards.list) ? (\n    <div>\n      <div className={style.noresults}>\n        <div className={style.noresultstxt}>{noresultsfound}</div>\n        <Button\n          {...clearFilters}\n          data-name=\"searchPageClear\"\n          className={style.clear}\n          style={{background: defaultColor}}\n          type=\"link\"\n        />\n      </div>\n      {recommendationsView}\n    </div>\n  ) : (\n    <CardsGrid {...cards} />\n  );\n\n  return (\n    <div ref={nodeRef}>\n      <Filters\n        {...searchFilters}\n        moreSortAriaLabel={moreSortAriaLabel}\n        moreFilterAriaLabel={moreFilterAriaLabel}\n        filterGroupAriaLabel={filterGroupAriaLabel}\n        sortAriaLabel={sortAriaLabel}\n      />\n      <div data-name=\"searchResult\" className={style.cardsWrapper}>\n        <div className={style.title} role=\"status\">\n          {title}\n        </div>\n        {cardsView}\n      </div>\n      {popinWithCards ? (\n        <div className={style.popinWithCards}>\n          <CMPopin {...popinWithCards} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nSearchPage.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSearchPage.propTypes = {\n  noresultsfound: PropTypes.string,\n  title: PropTypes.string,\n  searchFilters: PropTypes.shape(Filters.propTypes),\n  cards: PropTypes.shape(CardsGrid.propTypes),\n  clearFilters: PropTypes.shape(Button.propTypes),\n  recommendations: PropTypes.shape(CardsList.propTypes),\n  moreSortAriaLabel: PropTypes.string,\n  moreFilterAriaLabel: PropTypes.string,\n  filterGroupAriaLabel: PropTypes.string,\n  sortAriaLabel: PropTypes.string,\n  popinWithCards: PropTypes.shape(CMPopin.propTypes)\n};\n\nexport default SearchPage;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["SearchPage","props","context","title","searchFilters","cards","noresultsfound","clearFilters","recommendations","moreSortAriaLabel","moreFilterAriaLabel","filterGroupAriaLabel","sortAriaLabel","popinWithCards","skin","defaultColor","recommendationsView","cardsView","list","style","noresults","noresultstxt","clear","background","cardsWrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","shape","Filters","CardsGrid","Button","CardsList","CMPopin"],"sources":["../../../../src/template/common/search-page/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, isEmpty} from 'lodash/fp';\nimport Provider from '../../../atom/provider';\nimport Button from '../../../atom/button';\nimport Filters from '../../../molecule/filters';\nimport CardsGrid from '../../../organism/cards-grid';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport CMPopin from '../../../molecule/cm-popin';\nimport style from './style.css';\n\nconst SearchPage = (props, context) => {\n  const {\n    title,\n    searchFilters,\n    cards,\n    noresultsfound,\n    clearFilters,\n    recommendations,\n    moreSortAriaLabel,\n    moreFilterAriaLabel,\n    filterGroupAriaLabel,\n    sortAriaLabel,\n    popinWithCards\n  } = props;\n\n  const {skin} = context;\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const recommendationsView = isEmpty(recommendations) ? null : <CardsList {...recommendations} />;\n\n  const cardsView = isEmpty(cards.list) ? (\n    <div>\n      <div className={style.noresults}>\n        <div className={style.noresultstxt}>{noresultsfound}</div>\n        <Button\n          {...clearFilters}\n          data-name=\"searchPageClear\"\n          className={style.clear}\n          style={{background: defaultColor}}\n          type=\"link\"\n        />\n      </div>\n      {recommendationsView}\n    </div>\n  ) : (\n    <CardsGrid {...cards} />\n  );\n\n  return (\n    <div>\n      <Filters\n        {...searchFilters}\n        moreSortAriaLabel={moreSortAriaLabel}\n        moreFilterAriaLabel={moreFilterAriaLabel}\n        filterGroupAriaLabel={filterGroupAriaLabel}\n        sortAriaLabel={sortAriaLabel}\n      />\n      <div data-name=\"searchResult\" className={style.cardsWrapper}>\n        <div className={style.title} role=\"status\">\n          {title}\n        </div>\n        {cardsView}\n      </div>\n      {popinWithCards ? (\n        <div className={style.popinWithCards}>\n          <CMPopin {...popinWithCards} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nSearchPage.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSearchPage.propTypes = {\n  noresultsfound: PropTypes.string,\n  title: PropTypes.string,\n  searchFilters: PropTypes.shape(Filters.propTypes),\n  cards: PropTypes.shape(CardsGrid.propTypes),\n  clearFilters: PropTypes.shape(Button.propTypes),\n  recommendations: PropTypes.shape(CardsList.propTypes),\n  moreSortAriaLabel: PropTypes.string,\n  moreFilterAriaLabel: PropTypes.string,\n  filterGroupAriaLabel: PropTypes.string,\n  sortAriaLabel: PropTypes.string,\n  popinWithCards: PropTypes.shape(CMPopin.propTypes)\n};\n\nexport default SearchPage;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,UAAU,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACrC,MAAM;IACJC,KADI;IAEJC,aAFI;IAGJC,KAHI;IAIJC,cAJI;IAKJC,YALI;IAMJC,eANI;IAOJC,iBAPI;IAQJC,mBARI;IASJC,oBATI;IAUJC,aAVI;IAWJC;EAXI,IAYFZ,KAZJ;EAcA,MAAM;IAACa;EAAD,IAASZ,OAAf;EACA,MAAMa,YAAY,GAAG,qBAAM,SAAN,EAAiB,gBAAjB,EAAmCD,IAAnC,CAArB;EAEA,MAAME,mBAAmB,GAAG,uBAAQR,eAAR,IAA2B,IAA3B,gBAAkC,6BAAC,kBAAD,EAAeA,eAAf,CAA9D;EAEA,MAAMS,SAAS,GAAG,uBAAQZ,KAAK,CAACa,IAAd,iBAChB,uDACE;IAAK,SAAS,EAAEC,cAAA,CAAMC;EAAtB,gBACE;IAAK,SAAS,EAAED,cAAA,CAAME;EAAtB,GAAqCf,cAArC,CADF,eAEE,6BAAC,eAAD,eACMC,YADN;IAEE,aAAU,iBAFZ;IAGE,SAAS,EAAEY,cAAA,CAAMG,KAHnB;IAIE,KAAK,EAAE;MAACC,UAAU,EAAER;IAAb,CAJT;IAKE,IAAI,EAAC;EALP,GAFF,CADF,EAWGC,mBAXH,CADgB,gBAehB,6BAAC,kBAAD,EAAeX,KAAf,CAfF;EAkBA,oBACE,uDACE,6BAAC,gBAAD,eACMD,aADN;IAEE,iBAAiB,EAAEK,iBAFrB;IAGE,mBAAmB,EAAEC,mBAHvB;IAIE,oBAAoB,EAAEC,oBAJxB;IAKE,aAAa,EAAEC;EALjB,GADF,eAQE;IAAK,aAAU,cAAf;IAA8B,SAAS,EAAEO,cAAA,CAAMK;EAA/C,gBACE;IAAK,SAAS,EAAEL,cAAA,CAAMhB,KAAtB;IAA6B,IAAI,EAAC;EAAlC,GACGA,KADH,CADF,EAIGc,SAJH,CARF,EAcGJ,cAAc,gBACb;IAAK,SAAS,EAAEM,cAAA,CAAMN;EAAtB,gBACE,6BAAC,gBAAD,EAAaA,cAAb,CADF,CADa,GAIX,IAlBN,CADF;AAsBD,CA5DD;;AA8DAb,UAAU,CAACyB,YAAX,GAA0B;EACxBX,IAAI,EAAEY,iBAAA,CAASC,iBAAT,CAA2Bb;AADT,CAA1B;AAIAd,UAAU,CAAC4B,SAAX,2CAAuB;EACrBtB,cAAc,EAAEuB,kBAAA,CAAUC,MADL;EAErB3B,KAAK,EAAE0B,kBAAA,CAAUC,MAFI;EAGrB1B,aAAa,EAAEyB,kBAAA,CAAUE,KAAV,CAAgBC,gBAAA,CAAQJ,SAAxB,CAHM;EAIrBvB,KAAK,EAAEwB,kBAAA,CAAUE,KAAV,CAAgBE,kBAAA,CAAUL,SAA1B,CAJc;EAKrBrB,YAAY,EAAEsB,kBAAA,CAAUE,KAAV,CAAgBG,eAAA,CAAON,SAAvB,CALO;EAMrBpB,eAAe,EAAEqB,kBAAA,CAAUE,KAAV,CAAgBI,kBAAA,CAAUP,SAA1B,CANI;EAOrBnB,iBAAiB,EAAEoB,kBAAA,CAAUC,MAPR;EAQrBpB,mBAAmB,EAAEmB,kBAAA,CAAUC,MARV;EASrBnB,oBAAoB,EAAEkB,kBAAA,CAAUC,MATX;EAUrBlB,aAAa,EAAEiB,kBAAA,CAAUC,MAVJ;EAWrBjB,cAAc,EAAEgB,kBAAA,CAAUE,KAAV,CAAgBK,gBAAA,CAAQR,SAAxB;AAXK,CAAvB;eAce5B,U"}

package/lib/template/external-course/index.d.ts

@@ -66,6 +66,7 @@ declare namespace ExternalCourse {
             backgroundImageUrl: PropTypes.Requireable<string>;
             descriptionText: PropTypes.Requireable<string>;
             cookieTitle: PropTypes.Requireable<string>;
+            headerSubtitle: PropTypes.Requireable<string>;
             descriptionBtnTxt: PropTypes.Requireable<string>;
             listBtnSwicth: PropTypes.Requireable<(PropTypes.InferProps<{
                 title: PropTypes.Requireable<string>;
@@ -86,10 +87,185 @@ declare namespace ExternalCourse {
             }> | null | undefined)[]>;
             items: PropTypes.Requireable<PropTypes.InferProps<{
                 type: PropTypes.Requireable<string>;
-                list: PropTypes.Requireable<PropTypes.InferProps<{
+                list: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                     list: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
                     loading: PropTypes.Requireable<boolean>;
-                }>>;
+                }> | PropTypes.InferProps<{
+                    'aria-label': PropTypes.Requireable<string>;
+                    buttonLink: PropTypes.Requireable<PropTypes.InferProps<{
+                        type: PropTypes.Requireable<string>;
+                        label: PropTypes.Requireable<string>;
+                        'aria-label': PropTypes.Requireable<string>;
+                        'data-name': PropTypes.Requireable<string>;
+                        'data-testid': PropTypes.Requireable<string>;
+                        icon: PropTypes.Requireable<PropTypes.InferProps<{
+                            position: PropTypes.Requireable<string>;
+                            type: PropTypes.Requireable<string>;
+                        }>>;
+                        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                        link: PropTypes.Requireable<PropTypes.InferProps<{
+                            href: PropTypes.Requireable<string>;
+                            download: PropTypes.Requireable<boolean>;
+                            target: PropTypes.Requireable<string>;
+                        }>>;
+                        disabled: PropTypes.Requireable<boolean>;
+                        className: PropTypes.Requireable<string>;
+                        customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+                    }>>;
+                    selectMultiple: PropTypes.Requireable<PropTypes.InferProps<{
+                        title: PropTypes.Requireable<string>;
+                        placeholder: PropTypes.Requireable<string>;
+                        description: PropTypes.Requireable<string>;
+                        hint: PropTypes.Requireable<string>;
+                        options: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
+                            selected: PropTypes.Validator<boolean>;
+                            name: PropTypes.Validator<string>;
+                            value: PropTypes.Requireable<string>;
+                        }>>[]>;
+                        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+                        onError: PropTypes.Requireable<(...args: any[]) => any>;
+                        multiple: PropTypes.Requireable<boolean>;
+                        modified: PropTypes.Requireable<boolean>;
+                        disabled: PropTypes.Requireable<boolean>;
+                        error: PropTypes.Requireable<string>;
+                        theme: PropTypes.Requireable<string>;
+                    }>>;
+                    content: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
+                        items: PropTypes.Requireable<(PropTypes.InferProps<{
+                            title: PropTypes.Validator<string>;
+                            dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
+                                label: PropTypes.Requireable<string>;
+                                type: PropTypes.Requireable<string>;
+                                className: PropTypes.Requireable<string>;
+                            }> | null | undefined)[]>;
+                            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>;
+                            }>>;
+                            buttonLinkIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                                size: PropTypes.Requireable<string>;
+                                'aria-label': PropTypes.Requireable<string>;
+                                'data-name': PropTypes.Requireable<string>;
+                                icon: PropTypes.Requireable<string>;
+                                onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                                link: PropTypes.Requireable<PropTypes.InferProps<{
+                                    href: PropTypes.Requireable<string>;
+                                    download: PropTypes.Requireable<boolean>;
+                                    target: PropTypes.Requireable<string>;
+                                }>>;
+                                disabled: PropTypes.Requireable<boolean>;
+                                className: PropTypes.Requireable<string>;
+                            }>>;
+                            bulletPointMenuButton: PropTypes.Requireable<PropTypes.InferProps<{
+                                buttonAriaLabel: PropTypes.Requireable<string>;
+                                menuAriaLabel: PropTypes.Requireable<string>;
+                                buttons: PropTypes.Requireable<(PropTypes.InferProps<{
+                                    'data-name': PropTypes.Requireable<string>;
+                                    label: PropTypes.Requireable<string>;
+                                    type: PropTypes.Requireable<string>;
+                                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                                }> | null | undefined)[]>;
+                                onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                            }>>;
+                            tags: PropTypes.Requireable<(PropTypes.InferProps<{
+                                label: PropTypes.Requireable<string>;
+                                type: PropTypes.Requireable<string>;
+                            }> | null | undefined)[]>;
+                            isBulkStyle: PropTypes.Requireable<boolean>;
+                            order: PropTypes.Requireable<number>;
+                            'aria-label': PropTypes.Requireable<string>;
+                            contentType: PropTypes.Requireable<string>;
+                            id: PropTypes.Requireable<string>;
+                        }> | null | undefined)[]>;
+                        type: PropTypes.Requireable<string>;
+                        itemType: PropTypes.Requireable<string>;
+                        onDrop: PropTypes.Requireable<(...args: any[]) => any>;
+                        isDraggable: PropTypes.Requireable<boolean>;
+                        tableHeader: PropTypes.Requireable<(string | null | undefined)[]>;
+                    }> | PropTypes.InferProps<{
+                        type: PropTypes.Requireable<string>;
+                        columns: PropTypes.Requireable<(PropTypes.InferProps<{
+                            title: PropTypes.Validator<string>;
+                        }> | null | undefined)[]>;
+                        rows: PropTypes.Requireable<(PropTypes.InferProps<{
+                            fields: PropTypes.Requireable<(NonNullable<string | PropTypes.InferProps<{
+                                type: PropTypes.Requireable<string>;
+                                current: PropTypes.Requireable<boolean>;
+                                selected: PropTypes.Requireable<boolean>;
+                                icon: PropTypes.Requireable<string>;
+                                value: PropTypes.Requireable<string>;
+                            }> | null | undefined> | null | undefined)[]>;
+                            isRowExpandible: PropTypes.Requireable<boolean>;
+                            lastField: PropTypes.Requireable<NonNullable<string | PropTypes.InferProps<{
+                                type: PropTypes.Requireable<string>;
+                                disabled: PropTypes.Requireable<boolean>;
+                                buttonAriaLabel: PropTypes.Requireable<string>;
+                                menuAriaLabel: PropTypes.Requireable<string>;
+                                buttons: PropTypes.Validator<(PropTypes.InferProps<{
+                                    'data-name': PropTypes.Requireable<string>;
+                                    disabled: PropTypes.Requireable<boolean>;
+                                    label: PropTypes.Validator<string>;
+                                    onClick: PropTypes.Validator<(...args: any[]) => any>;
+                                    type: PropTypes.Requireable<string>;
+                                }> | null | undefined)[]>;
+                                onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                                menuButtonClassName: PropTypes.Requireable<string>;
+                                isBulkMenu: PropTypes.Requireable<boolean>;
+                            }> | null | undefined>>;
+                        }> | null | undefined)[]>;
+                        stickyFirstColumn: PropTypes.Requireable<boolean>;
+                        stickyLastColumn: PropTypes.Requireable<boolean>;
+                        columnWidth: PropTypes.Requireable<string>;
+                        ariaDescribedby: PropTypes.Requireable<string>;
+                        lastField: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
+                            componentType: PropTypes.Requireable<string>;
+                            type: PropTypes.Requireable<string>;
+                            label: PropTypes.Requireable<string>;
+                            'aria-label': PropTypes.Requireable<string>;
+                            'data-name': PropTypes.Requireable<string>;
+                            'data-testid': PropTypes.Requireable<string>;
+                            icon: PropTypes.Requireable<PropTypes.InferProps<{
+                                position: PropTypes.Requireable<string>;
+                                type: PropTypes.Requireable<string>;
+                            }>>;
+                            onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                            link: PropTypes.Requireable<PropTypes.InferProps<{
+                                href: PropTypes.Requireable<string>;
+                                download: PropTypes.Requireable<boolean>;
+                                target: PropTypes.Requireable<string>;
+                            }>>;
+                            disabled: PropTypes.Requireable<boolean>;
+                            className: PropTypes.Requireable<string>;
+                            customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+                        }> | PropTypes.InferProps<{
+                            componentType: PropTypes.Requireable<string>;
+                            disabled: PropTypes.Requireable<boolean>;
+                            buttonAriaLabel: PropTypes.Requireable<string>;
+                            menuAriaLabel: PropTypes.Requireable<string>;
+                            buttons: PropTypes.Validator<(PropTypes.InferProps<{
+                                'data-name': PropTypes.Requireable<string>;
+                                disabled: PropTypes.Requireable<boolean>;
+                                label: PropTypes.Validator<string>;
+                                onClick: PropTypes.Validator<(...args: any[]) => any>;
+                                type: PropTypes.Requireable<string>;
+                            }> | null | undefined)[]>;
+                            onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                            menuButtonClassName: PropTypes.Requireable<string>;
+                            isBulkMenu: PropTypes.Requireable<boolean>;
+                        }> | null | undefined>>;
+                        isNestedTable: PropTypes.Requireable<boolean>;
+                        emptyStateFirstMessage: PropTypes.Requireable<string>;
+                        emptyStateSecondMessage: PropTypes.Requireable<string>;
+                    }> | null | undefined>>;
+                    title: PropTypes.Requireable<string>;
+                }> | null | undefined>>;
             }>>;
         }>>;
     }

package/lib/util/proptypes.d.ts

@@ -1,7 +1,7 @@
 export const UrlPropType: any;
 export const PathPropType: any;
 export const SrcPropType: PropTypes.Requireable<any>;
-export function ImagePropType(props: any, propName: any, componentName: any): Error | null;
+export function FilesPropType(props: any, propName: any, componentName: any): Error | null;
 export const ColorPropType: any;
 export const HexPropType: any;
 import PropTypes from "prop-types";

package/lib/util/proptypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"proptypes.d.ts","sourceRoot":"","sources":["../../src/util/proptypes.js"],"names":[],"mappings":"AAYA,8BAAsD;AAGtD,+BAAwD;AAExD,qDAA4E;AAErE,2FAmBN;AAED,gCAA4C;AAC5C,8BAAwC"}
+{"version":3,"file":"proptypes.d.ts","sourceRoot":"","sources":["../../src/util/proptypes.js"],"names":[],"mappings":"AAcA,8BAAsD;AAGtD,+BAAwD;AAExD,qDAA4E;AAErE,2FAoBN;AAED,gCAA4C;AAC5C,8BAAwC"}

package/lib/util/proptypes.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.UrlPropType = exports.SrcPropType = exports.PathPropType = exports.ImagePropType = exports.HexPropType = exports.ColorPropType = void 0;
+exports.UrlPropType = exports.SrcPropType = exports.PathPropType = exports.HexPropType = exports.FilesPropType = exports.ColorPropType = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -19,6 +19,10 @@ var _color = _interopRequireDefault(require("extended-proptypes/lib/validators/c
 
 var _hex = _interopRequireDefault(require("extended-proptypes/lib/validators/hex"));
 
+var _isEmpty = _interopRequireDefault(require("lodash/fp/isEmpty"));
+
+var _head = _interopRequireDefault(require("lodash/fp/head"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const URL_REGEXP = /^(http(s)?:\/\/.)[-a-zA-Z0-9@:%._\\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\\+.~#?&//=]*)$/;
@@ -32,17 +36,16 @@ const SrcPropType = _propTypes.default.oneOfType([UrlPropType, PathPropType]);
 
 exports.SrcPropType = SrcPropType;
 
-const ImagePropType = (props, propName, componentName) => {
-  const validImageTypes = ['image/jpeg', 'image/png', 'image/svg+xml', 'image/*', 'application/pdf'];
+const FilesPropType = (props, propName, componentName) => {
+  const validFilesTypes = ['image/jpeg', 'image/png', 'image/svg+xml', 'image/*', 'application/pdf', 'application/zip', 'text/csv'];
   const propValue = props[propName];
-  if (!propValue) return new Error(`Missing prop: ${propName} at component: ${componentName}`);
-  const imageTypes = (0, _split.default)(',', propValue);
-  const isValid = (0, _every.default)(type => (0, _includes.default)((0, _trim.default)(type), validImageTypes), imageTypes);
+  const filesTypes = (0, _split.default)(',', propValue);
+  const isValid = (0, _isEmpty.default)((0, _head.default)(filesTypes)) || (0, _every.default)(type => (0, _includes.default)((0, _trim.default)(type), validFilesTypes), filesTypes);
   if (isValid) return null;
   return new Error(`Invalid prop value: ${propValue}, at component: ${componentName}. Expected a valid image type: image/jpeg, image/png, image/* image/svg+xml or application/pdf.`);
 };
 
-exports.ImagePropType = ImagePropType;
+exports.FilesPropType = FilesPropType;
 const ColorPropType = _color.default;
 exports.ColorPropType = ColorPropType;
 const HexPropType = _hex.default;

package/lib/util/proptypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"proptypes.js","names":["URL_REGEXP","UrlPropType","stringMatching","PATH_REGEXP","PathPropType","SrcPropType","PropTypes","oneOfType","ImagePropType","props","propName","componentName","validImageTypes","propValue","Error","imageTypes","split","isValid","every","type","includes","trim","ColorPropType","_ColorPropType","HexPropType","_HexPropType"],"sources":["../../src/util/proptypes.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport split from 'lodash/fp/split';\nimport trim from 'lodash/fp/trim';\nimport includes from 'lodash/fp/includes';\nimport every from 'lodash/fp/every';\nimport stringMatching from 'extended-proptypes/lib/validators/stringMatching';\n\nimport _ColorPropType from 'extended-proptypes/lib/validators/color';\nimport _HexPropType from 'extended-proptypes/lib/validators/hex';\n\nconst URL_REGEXP =\n  /^(http(s)?:\\/\\/.)[-a-zA-Z0-9@:%._\\\\+~#=]{2,256}\\.[a-z]{2,6}\\b([-a-zA-Z0-9@:%_\\\\+.~#?&//=]*)$/;\nexport const UrlPropType = stringMatching(URL_REGEXP);\n\nconst PATH_REGEXP = /^\\/([-a-zA-Z0-9@:%_\\\\+.~#?&//=]*)$/;\nexport const PathPropType = stringMatching(PATH_REGEXP);\n\nexport const SrcPropType = PropTypes.oneOfType([UrlPropType, PathPropType]);\n\nexport const ImagePropType = (props, propName, componentName) => {\n  const validImageTypes = [\n    'image/jpeg',\n    'image/png',\n    'image/svg+xml',\n    'image/*',\n    'application/pdf'\n  ];\n\n  const propValue = props[propName];\n  if (!propValue) return new Error(`Missing prop: ${propName} at component: ${componentName}`);\n\n  const imageTypes = split(',', propValue);\n  const isValid = every(type => includes(trim(type), validImageTypes), imageTypes);\n  if (isValid) return null;\n\n  return new Error(\n    `Invalid prop value: ${propValue}, at component: ${componentName}. Expected a valid image type: image/jpeg, image/png, image/* image/svg+xml or application/pdf.`\n  );\n};\n\nexport const ColorPropType = _ColorPropType;\nexport const HexPropType = _HexPropType;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;AAEA,MAAMA,UAAU,GACd,8FADF;AAEO,MAAMC,WAAW,GAAG,IAAAC,uBAAA,EAAeF,UAAf,CAApB;;AAEP,MAAMG,WAAW,GAAG,oCAApB;AACO,MAAMC,YAAY,GAAG,IAAAF,uBAAA,EAAeC,WAAf,CAArB;;;AAEA,MAAME,WAAW,GAAGC,kBAAA,CAAUC,SAAV,CAAoB,CAACN,WAAD,EAAcG,YAAd,CAApB,CAApB;;;;AAEA,MAAMI,aAAa,GAAG,CAACC,KAAD,EAAQC,QAAR,EAAkBC,aAAlB,KAAoC;EAC/D,MAAMC,eAAe,GAAG,CACtB,YADsB,EAEtB,WAFsB,EAGtB,eAHsB,EAItB,SAJsB,EAKtB,iBALsB,CAAxB;EAQA,MAAMC,SAAS,GAAGJ,KAAK,CAACC,QAAD,CAAvB;EACA,IAAI,CAACG,SAAL,EAAgB,OAAO,IAAIC,KAAJ,CAAW,iBAAgBJ,QAAS,kBAAiBC,aAAc,EAAnE,CAAP;EAEhB,MAAMI,UAAU,GAAG,IAAAC,cAAA,EAAM,GAAN,EAAWH,SAAX,CAAnB;EACA,MAAMI,OAAO,GAAG,IAAAC,cAAA,EAAMC,IAAI,IAAI,IAAAC,iBAAA,EAAS,IAAAC,aAAA,EAAKF,IAAL,CAAT,EAAqBP,eAArB,CAAd,EAAqDG,UAArD,CAAhB;EACA,IAAIE,OAAJ,EAAa,OAAO,IAAP;EAEb,OAAO,IAAIH,KAAJ,CACJ,uBAAsBD,SAAU,mBAAkBF,aAAc,iGAD5D,CAAP;AAGD,CAnBM;;;AAqBA,MAAMW,aAAa,GAAGC,cAAtB;;AACA,MAAMC,WAAW,GAAGC,YAApB"}
+{"version":3,"file":"proptypes.js","names":["URL_REGEXP","UrlPropType","stringMatching","PATH_REGEXP","PathPropType","SrcPropType","PropTypes","oneOfType","FilesPropType","props","propName","componentName","validFilesTypes","propValue","filesTypes","split","isValid","isEmpty","head","every","type","includes","trim","Error","ColorPropType","_ColorPropType","HexPropType","_HexPropType"],"sources":["../../src/util/proptypes.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport split from 'lodash/fp/split';\nimport trim from 'lodash/fp/trim';\nimport includes from 'lodash/fp/includes';\nimport every from 'lodash/fp/every';\nimport stringMatching from 'extended-proptypes/lib/validators/stringMatching';\n\nimport _ColorPropType from 'extended-proptypes/lib/validators/color';\nimport _HexPropType from 'extended-proptypes/lib/validators/hex';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport head from 'lodash/fp/head';\n\nconst URL_REGEXP =\n  /^(http(s)?:\\/\\/.)[-a-zA-Z0-9@:%._\\\\+~#=]{2,256}\\.[a-z]{2,6}\\b([-a-zA-Z0-9@:%_\\\\+.~#?&//=]*)$/;\nexport const UrlPropType = stringMatching(URL_REGEXP);\n\nconst PATH_REGEXP = /^\\/([-a-zA-Z0-9@:%_\\\\+.~#?&//=]*)$/;\nexport const PathPropType = stringMatching(PATH_REGEXP);\n\nexport const SrcPropType = PropTypes.oneOfType([UrlPropType, PathPropType]);\n\nexport const FilesPropType = (props, propName, componentName) => {\n  const validFilesTypes = [\n    'image/jpeg',\n    'image/png',\n    'image/svg+xml',\n    'image/*',\n    'application/pdf',\n    'application/zip',\n    'text/csv'\n  ];\n\n  const propValue = props[propName];\n  const filesTypes = split(',', propValue);\n  const isValid =\n    isEmpty(head(filesTypes)) || every(type => includes(trim(type), validFilesTypes), filesTypes);\n  if (isValid) return null;\n\n  return new Error(\n    `Invalid prop value: ${propValue}, at component: ${componentName}. Expected a valid image type: image/jpeg, image/png, image/* image/svg+xml or application/pdf.`\n  );\n};\n\nexport const ColorPropType = _ColorPropType;\nexport const HexPropType = _HexPropType;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,UAAU,GACd,8FADF;AAEO,MAAMC,WAAW,GAAG,IAAAC,uBAAA,EAAeF,UAAf,CAApB;;AAEP,MAAMG,WAAW,GAAG,oCAApB;AACO,MAAMC,YAAY,GAAG,IAAAF,uBAAA,EAAeC,WAAf,CAArB;;;AAEA,MAAME,WAAW,GAAGC,kBAAA,CAAUC,SAAV,CAAoB,CAACN,WAAD,EAAcG,YAAd,CAApB,CAApB;;;;AAEA,MAAMI,aAAa,GAAG,CAACC,KAAD,EAAQC,QAAR,EAAkBC,aAAlB,KAAoC;EAC/D,MAAMC,eAAe,GAAG,CACtB,YADsB,EAEtB,WAFsB,EAGtB,eAHsB,EAItB,SAJsB,EAKtB,iBALsB,EAMtB,iBANsB,EAOtB,UAPsB,CAAxB;EAUA,MAAMC,SAAS,GAAGJ,KAAK,CAACC,QAAD,CAAvB;EACA,MAAMI,UAAU,GAAG,IAAAC,cAAA,EAAM,GAAN,EAAWF,SAAX,CAAnB;EACA,MAAMG,OAAO,GACX,IAAAC,gBAAA,EAAQ,IAAAC,aAAA,EAAKJ,UAAL,CAAR,KAA6B,IAAAK,cAAA,EAAMC,IAAI,IAAI,IAAAC,iBAAA,EAAS,IAAAC,aAAA,EAAKF,IAAL,CAAT,EAAqBR,eAArB,CAAd,EAAqDE,UAArD,CAD/B;EAEA,IAAIE,OAAJ,EAAa,OAAO,IAAP;EAEb,OAAO,IAAIO,KAAJ,CACJ,uBAAsBV,SAAU,mBAAkBF,aAAc,iGAD5D,CAAP;AAGD,CApBM;;;AAsBA,MAAMa,aAAa,GAAGC,cAAtB;;AACA,MAAMC,WAAW,GAAGC,YAApB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "11.19.1-alpha.4+e7f778659",
+  "version": "11.19.1",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -56,7 +56,7 @@
     "Soualmi Djamel <djamel.soualmi@coorpacademy.com>"
   ],
   "dependencies": {
-    "@coorpacademy/nova-icons": "4.4.0",
+    "@coorpacademy/nova-icons": "4.4.1",
     "@coorpacademy/react-native-animation": "1.0.3",
     "@jwplayer/jwplayer-react": "^1.1.0",
     "@types/react": "^17.0.50",
@@ -168,5 +168,5 @@
     "last 2 versions",
     "IE 11"
   ],
-  "gitHead": "e7f77865961b872c49288b1d348a69bbccf0786d"
+  "gitHead": "1d40f5af230ef1d8b92b966561aed6da8360b7e4"
 }

package/es/atom/image-upload/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/image-upload/index.js"],"names":[],"mappings":";AAQA;;;;;;;;;;;;;;;;;;;;;gBAiFC"}

package/es/atom/image-upload/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["React","useCallback","PropTypes","DragAndDrop","Link","ImagePropType","style","ImageUpload","title","description","previewLabel","previewContent","uploadLabel","loading","modified","disabled","onChange","onReset","name","labelLink","labelButtonLink","hrefLink","imageTypes","error","buttonAriaLabel","errorButtonLabel","pdfButtonLabel","pdfButtonAriaLabel","handleReset","e","preventDefault","linkCustomStyle","width","color","onDragStart","onDragStop","input","templateLink","href","download","propTypes","string","func"],"sources":["../../../src/atom/image-upload/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {isNil} from 'lodash/fp';\nimport DragAndDrop from '../drag-and-drop';\nimport Link from '../button-link';\nimport {ImagePropType} from '../../util/proptypes';\nimport style from './style.css';\n\nconst ImageUpload = ({\n  title,\n  description,\n  previewLabel,\n  previewContent,\n  uploadLabel,\n  loading,\n  modified,\n  disabled = false,\n  onChange,\n  onReset = null,\n  name,\n  labelLink,\n  labelButtonLink,\n  hrefLink,\n  imageTypes = 'image/*',\n  error = '',\n  buttonAriaLabel,\n  errorButtonLabel,\n  pdfButtonLabel,\n  pdfButtonAriaLabel\n}) => {\n  const handleReset = useCallback(\n    e => {\n      if (isNil(onReset)) return;\n      e.preventDefault();\n      return onReset(e);\n    },\n    [onReset]\n  );\n\n  const linkCustomStyle = {\n    width: '40px',\n    color: '#FF541F'\n  };\n\n  return (\n    <>\n      <DragAndDrop\n        title={title}\n        description={description}\n        previewLabel={previewLabel}\n        previewContent={previewContent}\n        uploadLabel={uploadLabel}\n        loading={loading}\n        modified={modified}\n        onReset={handleReset}\n        error={error}\n        disabled={disabled}\n        buttonAriaLabel={buttonAriaLabel}\n        errorButtonLabel={errorButtonLabel}\n        pdfButtonLabel={pdfButtonLabel}\n        pdfButtonAriaLabel={pdfButtonAriaLabel}\n      >\n        {(onDragStart, onDragStop) => (\n          <input\n            type=\"file\"\n            name={name}\n            accept={imageTypes}\n            disabled={loading || disabled}\n            className={style.input}\n            onChange={onChange}\n            onDragEnter={onDragStart}\n            onDrop={onDragStop}\n            onDragLeave={onDragStop}\n          />\n        )}\n      </DragAndDrop>\n      {labelLink && hrefLink ? (\n        <div className={style.templateLink}>\n          {labelLink}\n          <Link\n            type=\"text\"\n            customStyle={linkCustomStyle}\n            link={{href: hrefLink, download: true}}\n            label={labelButtonLink}\n          />\n        </div>\n      ) : null}\n    </>\n  );\n};\n\nImageUpload.propTypes = {\n  ...DragAndDrop.propTypes,\n  name: PropTypes.string,\n  onChange: PropTypes.func,\n  onReset: PropTypes.func,\n  imageTypes: ImagePropType,\n  error: PropTypes.string,\n  buttonAriaLabel: PropTypes.string,\n  errorButtonLabel: PropTypes.string,\n  labelLink: PropTypes.string,\n  hrefLink: PropTypes.string\n};\n\nexport default ImageUpload;\n"],"mappings":"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"}

package/es/atom/image-upload/style.css

@@ -1,28 +0,0 @@
-@value colors: "../../variables/colors.css";
-@value cm_grey_50 from colors;
-
-.input {
-  width: 100%;
-  height: 100%;
-  cursor: pointer;
-  opacity: 0;
-  margin: auto;
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-}
-
-.templateLink {
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  text-align: center;
-  margin-top: 16px;
-  background-color: cm_grey_50;
-  padding: 16px 0 16px 0;
-  border-radius: 10px;
-  font-family: "Gilroy";
-  font-size: 14px;
-}

package/lib/atom/image-upload/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/image-upload/index.js"],"names":[],"mappings":";AAQA;;;;;;;;;;;;;;;;;;;;;gBAiFC"}

package/lib/atom/image-upload/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["ImageUpload","title","description","previewLabel","previewContent","uploadLabel","loading","modified","disabled","onChange","onReset","name","labelLink","labelButtonLink","hrefLink","imageTypes","error","buttonAriaLabel","errorButtonLabel","pdfButtonLabel","pdfButtonAriaLabel","handleReset","useCallback","e","preventDefault","linkCustomStyle","width","color","onDragStart","onDragStop","style","input","templateLink","href","download","propTypes","DragAndDrop","PropTypes","string","func","ImagePropType"],"sources":["../../../src/atom/image-upload/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {isNil} from 'lodash/fp';\nimport DragAndDrop from '../drag-and-drop';\nimport Link from '../button-link';\nimport {ImagePropType} from '../../util/proptypes';\nimport style from './style.css';\n\nconst ImageUpload = ({\n  title,\n  description,\n  previewLabel,\n  previewContent,\n  uploadLabel,\n  loading,\n  modified,\n  disabled = false,\n  onChange,\n  onReset = null,\n  name,\n  labelLink,\n  labelButtonLink,\n  hrefLink,\n  imageTypes = 'image/*',\n  error = '',\n  buttonAriaLabel,\n  errorButtonLabel,\n  pdfButtonLabel,\n  pdfButtonAriaLabel\n}) => {\n  const handleReset = useCallback(\n    e => {\n      if (isNil(onReset)) return;\n      e.preventDefault();\n      return onReset(e);\n    },\n    [onReset]\n  );\n\n  const linkCustomStyle = {\n    width: '40px',\n    color: '#FF541F'\n  };\n\n  return (\n    <>\n      <DragAndDrop\n        title={title}\n        description={description}\n        previewLabel={previewLabel}\n        previewContent={previewContent}\n        uploadLabel={uploadLabel}\n        loading={loading}\n        modified={modified}\n        onReset={handleReset}\n        error={error}\n        disabled={disabled}\n        buttonAriaLabel={buttonAriaLabel}\n        errorButtonLabel={errorButtonLabel}\n        pdfButtonLabel={pdfButtonLabel}\n        pdfButtonAriaLabel={pdfButtonAriaLabel}\n      >\n        {(onDragStart, onDragStop) => (\n          <input\n            type=\"file\"\n            name={name}\n            accept={imageTypes}\n            disabled={loading || disabled}\n            className={style.input}\n            onChange={onChange}\n            onDragEnter={onDragStart}\n            onDrop={onDragStop}\n            onDragLeave={onDragStop}\n          />\n        )}\n      </DragAndDrop>\n      {labelLink && hrefLink ? (\n        <div className={style.templateLink}>\n          {labelLink}\n          <Link\n            type=\"text\"\n            customStyle={linkCustomStyle}\n            link={{href: hrefLink, download: true}}\n            label={labelButtonLink}\n          />\n        </div>\n      ) : null}\n    </>\n  );\n};\n\nImageUpload.propTypes = {\n  ...DragAndDrop.propTypes,\n  name: PropTypes.string,\n  onChange: PropTypes.func,\n  onReset: PropTypes.func,\n  imageTypes: ImagePropType,\n  error: PropTypes.string,\n  buttonAriaLabel: PropTypes.string,\n  errorButtonLabel: PropTypes.string,\n  labelLink: PropTypes.string,\n  hrefLink: PropTypes.string\n};\n\nexport default ImageUpload;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,WAAW,GAAG,CAAC;EACnBC,KADmB;EAEnBC,WAFmB;EAGnBC,YAHmB;EAInBC,cAJmB;EAKnBC,WALmB;EAMnBC,OANmB;EAOnBC,QAPmB;EAQnBC,QAAQ,GAAG,KARQ;EASnBC,QATmB;EAUnBC,OAAO,GAAG,IAVS;EAWnBC,IAXmB;EAYnBC,SAZmB;EAanBC,eAbmB;EAcnBC,QAdmB;EAenBC,UAAU,GAAG,SAfM;EAgBnBC,KAAK,GAAG,EAhBW;EAiBnBC,eAjBmB;EAkBnBC,gBAlBmB;EAmBnBC,cAnBmB;EAoBnBC;AApBmB,CAAD,KAqBd;EACJ,MAAMC,WAAW,GAAG,IAAAC,kBAAA,EAClBC,CAAC,IAAI;IACH,IAAI,qBAAMb,OAAN,CAAJ,EAAoB;IACpBa,CAAC,CAACC,cAAF;IACA,OAAOd,OAAO,CAACa,CAAD,CAAd;EACD,CALiB,EAMlB,CAACb,OAAD,CANkB,CAApB;EASA,MAAMe,eAAe,GAAG;IACtBC,KAAK,EAAE,MADe;IAEtBC,KAAK,EAAE;EAFe,CAAxB;EAKA,oBACE,yEACE,6BAAC,oBAAD;IACE,KAAK,EAAE1B,KADT;IAEE,WAAW,EAAEC,WAFf;IAGE,YAAY,EAAEC,YAHhB;IAIE,cAAc,EAAEC,cAJlB;IAKE,WAAW,EAAEC,WALf;IAME,OAAO,EAAEC,OANX;IAOE,QAAQ,EAAEC,QAPZ;IAQE,OAAO,EAAEc,WARX;IASE,KAAK,EAAEL,KATT;IAUE,QAAQ,EAAER,QAVZ;IAWE,eAAe,EAAES,eAXnB;IAYE,gBAAgB,EAAEC,gBAZpB;IAaE,cAAc,EAAEC,cAblB;IAcE,kBAAkB,EAAEC;EAdtB,GAgBG,CAACQ,WAAD,EAAcC,UAAd,kBACC;IACE,IAAI,EAAC,MADP;IAEE,IAAI,EAAElB,IAFR;IAGE,MAAM,EAAEI,UAHV;IAIE,QAAQ,EAAET,OAAO,IAAIE,QAJvB;IAKE,SAAS,EAAEsB,cAAA,CAAMC,KALnB;IAME,QAAQ,EAAEtB,QANZ;IAOE,WAAW,EAAEmB,WAPf;IAQE,MAAM,EAAEC,UARV;IASE,WAAW,EAAEA;EATf,EAjBJ,CADF,EA+BGjB,SAAS,IAAIE,QAAb,gBACC;IAAK,SAAS,EAAEgB,cAAA,CAAME;EAAtB,GACGpB,SADH,eAEE,6BAAC,mBAAD;IACE,IAAI,EAAC,MADP;IAEE,WAAW,EAAEa,eAFf;IAGE,IAAI,EAAE;MAACQ,IAAI,EAAEnB,QAAP;MAAiBoB,QAAQ,EAAE;IAA3B,CAHR;IAIE,KAAK,EAAErB;EAJT,EAFF,CADD,GAUG,IAzCN,CADF;AA6CD,CAjFD;;AAmFAb,WAAW,CAACmC,SAAZ,wDACKC,oBAAA,CAAYD,SADjB;EAEExB,IAAI,EAAE0B,kBAAA,CAAUC,MAFlB;EAGE7B,QAAQ,EAAE4B,kBAAA,CAAUE,IAHtB;EAIE7B,OAAO,EAAE2B,kBAAA,CAAUE,IAJrB;EAKExB,UAAU,EAAEyB,wBALd;EAMExB,KAAK,EAAEqB,kBAAA,CAAUC,MANnB;EAOErB,eAAe,EAAEoB,kBAAA,CAAUC,MAP7B;EAQEpB,gBAAgB,EAAEmB,kBAAA,CAAUC,MAR9B;EASE1B,SAAS,EAAEyB,kBAAA,CAAUC,MATvB;EAUExB,QAAQ,EAAEuB,kBAAA,CAAUC;AAVtB;eAaetC,W"}

package/lib/atom/image-upload/style.css

@@ -1,28 +0,0 @@
-@value colors: "../../variables/colors.css";
-@value cm_grey_50 from colors;
-
-.input {
-  width: 100%;
-  height: 100%;
-  cursor: pointer;
-  opacity: 0;
-  margin: auto;
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-}
-
-.templateLink {
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  text-align: center;
-  margin-top: 16px;
-  background-color: cm_grey_50;
-  padding: 16px 0 16px 0;
-  border-radius: 10px;
-  font-family: "Gilroy";
-  font-size: 14px;
-}