@coorpacademy/components 11.19.1-alpha.13 → 11.19.1-alpha.4

package/lib/template/common/search-page/index.d.ts

@@ -221,7 +221,6 @@ declare namespace SearchPage {
             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>;
@@ -242,185 +241,10 @@ declare namespace SearchPage {
             }> | null | undefined)[]>;
             items: PropTypes.Requireable<PropTypes.InferProps<{
                 type: PropTypes.Requireable<string>;
-                list: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
+                list: PropTypes.Requireable<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/template/common/search-page/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/common/search-page/index.js"],"names":[],"mappings":";AAWA,mEA4DC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/common/search-page/index.js"],"names":[],"mappings":";AAWA,mEA0EC"}

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 = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -25,6 +25,10 @@ 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); }
@@ -47,6 +51,22 @@ 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
@@ -60,7 +80,9 @@ const SearchPage = (props, context) => {
     },
     type: "link"
   }))), recommendationsView) : /*#__PURE__*/_react.default.createElement(_cardsGrid.default, cards);
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_filters.default, _extends({}, searchFilters, {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: nodeRef
+  }, /*#__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","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"}
+{"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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"}

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

@@ -66,7 +66,6 @@ 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>;
@@ -87,185 +86,10 @@ declare namespace ExternalCourse {
             }> | null | undefined)[]>;
             items: PropTypes.Requireable<PropTypes.InferProps<{
                 type: PropTypes.Requireable<string>;
-                list: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
+                list: PropTypes.Requireable<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 FilesPropType(props: any, propName: any, componentName: any): Error | null;
+export function ImagePropType(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":"AAcA,8BAAsD;AAGtD,+BAAwD;AAExD,qDAA4E;AAErE,2FAoBN;AAED,gCAA4C;AAC5C,8BAAwC"}
+{"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"}

package/lib/util/proptypes.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.UrlPropType = exports.SrcPropType = exports.PathPropType = exports.HexPropType = exports.FilesPropType = exports.ColorPropType = void 0;
+exports.UrlPropType = exports.SrcPropType = exports.PathPropType = exports.ImagePropType = exports.HexPropType = exports.ColorPropType = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -19,10 +19,6 @@ 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@:%_\\+.~#?&//=]*)$/;
@@ -36,16 +32,17 @@ const SrcPropType = _propTypes.default.oneOfType([UrlPropType, PathPropType]);
 
 exports.SrcPropType = SrcPropType;
 
-const FilesPropType = (props, propName, componentName) => {
-  const validFilesTypes = ['image/jpeg', 'image/png', 'image/svg+xml', 'image/*', 'application/pdf', 'application/zip', 'text/csv'];
+const ImagePropType = (props, propName, componentName) => {
+  const validImageTypes = ['image/jpeg', 'image/png', 'image/svg+xml', 'image/*', 'application/pdf'];
   const propValue = props[propName];
-  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 (!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);
   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.FilesPropType = FilesPropType;
+exports.ImagePropType = ImagePropType;
 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","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"}
+{"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "11.19.1-alpha.13+8cee30a78",
+  "version": "11.19.1-alpha.4+e7f778659",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -168,5 +168,5 @@
     "last 2 versions",
     "IE 11"
   ],
-  "gitHead": "8cee30a78caae6d3d9a5ad4b8ebf3f5ef7bc4fed"
+  "gitHead": "e7f77865961b872c49288b1d348a69bbccf0786d"
 }

package/es/atom/input-file-draggable/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-file-draggable/index.js"],"names":[],"mappings":";AAYA;;;;;;;;;;;;;;;;;;;;;;;;;gBA4GC"}

package/es/atom/input-file-draggable/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["React","useCallback","PropTypes","NovaSolidFilesBasicFileLines","FileLinesIcon","NovaCompositionCoorpacademyEye","EyeIcon","DragAndDrop","Link","FilesPropType","style","InputFileDraggable","title","description","previewLabel","previewContent","uploadLabel","loading","modified","disabled","onChange","onReset","name","labelLink","labelButtonLink","hrefLink","filesTypes","error","buttonAriaLabel","errorButtonLabel","pdfButtonLabel","pdfButtonAriaLabel","filesNumber","multiple","required","onClick","handleReset","e","preventDefault","linkCustomStyle","width","color","onClick_","onDragStart","onDragStop","input","templateLink","href","download","multipleFilesContainer","icon","seeDetailsButton","seeIcon","propTypes","string","func"],"sources":["../../../src/atom/input-file-draggable/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {isNil} from 'lodash/fp';\nimport {\n  NovaSolidFilesBasicFileLines as FileLinesIcon,\n  NovaCompositionCoorpacademyEye as EyeIcon\n} from '@coorpacademy/nova-icons';\nimport DragAndDrop from '../drag-and-drop';\nimport Link from '../button-link';\nimport {FilesPropType} from '../../util/proptypes';\nimport style from './style.css';\n\nconst InputFileDraggable = ({\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  filesTypes = '',\n  error = '',\n  buttonAriaLabel,\n  errorButtonLabel,\n  pdfButtonLabel,\n  pdfButtonAriaLabel,\n  filesNumber = 0,\n  multiple = false,\n  required = false,\n  onClick\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  const onClick_ = useCallback(\n    e => {\n      e.preventDefault();\n      return onClick(e);\n    },\n    [onClick]\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        multiple={multiple}\n      >\n        {(onDragStart, onDragStop) => (\n          <input\n            type=\"file\"\n            name={name}\n            accept={filesTypes}\n            disabled={loading || disabled}\n            className={style.input}\n            onChange={onChange}\n            onDragEnter={onDragStart}\n            onDrop={onDragStop}\n            onDragLeave={onDragStop}\n            multiple={multiple}\n            required={required}\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      {multiple && filesNumber > 0 ? (\n        <div className={style.multipleFilesContainer}>\n          <div className={style.filesNumber}>\n            <FileLinesIcon className={style.icon} />\n            <div>{filesNumber} files</div>\n          </div>\n          <div className={style.seeDetailsButton} onClick={onClick_}>\n            <EyeIcon className={style.seeIcon} />\n            <div>See details</div>\n          </div>\n        </div>\n      ) : null}\n    </>\n  );\n};\n\nInputFileDraggable.propTypes = {\n  ...DragAndDrop.propTypes,\n  name: PropTypes.string,\n  onChange: PropTypes.func,\n  onReset: PropTypes.func,\n  filesTypes: FilesPropType,\n  error: PropTypes.string,\n  buttonAriaLabel: PropTypes.string,\n  errorButtonLabel: PropTypes.string,\n  labelLink: PropTypes.string,\n  hrefLink: PropTypes.string\n};\n\nexport default InputFileDraggable;\n"],"mappings":"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"}