@coorpacademy/components 11.19.1-alpha.4 → 11.19.1

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useRef","PropTypes","Provider","Button","Filters","CardsGrid","CardsList","CMPopin","style","SearchPage","props","context","title","searchFilters","cards","noresultsfound","clearFilters","recommendations","moreSortAriaLabel","moreFilterAriaLabel","filterGroupAriaLabel","sortAriaLabel","popinWithCards","skin","defaultColor","nodeRef","closePopin","e","console","log","current","contains","target","document","addEventListener","removeEventListener","recommendationsView","cardsView","list","noresults","noresultstxt","clear","background","cardsWrapper","contextTypes","childContextTypes","propTypes","string","shape"],"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":["React","PropTypes","Provider","Button","Filters","CardsGrid","CardsList","CMPopin","style","SearchPage","props","context","title","searchFilters","cards","noresultsfound","clearFilters","recommendations","moreSortAriaLabel","moreFilterAriaLabel","filterGroupAriaLabel","sortAriaLabel","popinWithCards","skin","defaultColor","recommendationsView","cardsView","list","noresults","noresultstxt","clear","background","cardsWrapper","contextTypes","childContextTypes","propTypes","string","shape"],"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":"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"}

package/es/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/es/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/es/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/es/util/proptypes.js

@@ -6,17 +6,18 @@ import every from 'lodash/fp/every';
 import stringMatching from 'extended-proptypes/lib/validators/stringMatching';
 import _ColorPropType from 'extended-proptypes/lib/validators/color';
 import _HexPropType from 'extended-proptypes/lib/validators/hex';
+import isEmpty from 'lodash/fp/isEmpty';
+import head from 'lodash/fp/head';
 const URL_REGEXP = /^(http(s)?:\/\/.)[-a-zA-Z0-9@:%._\\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\\+.~#?&//=]*)$/;
 export const UrlPropType = stringMatching(URL_REGEXP);
 const PATH_REGEXP = /^\/([-a-zA-Z0-9@:%_\\+.~#?&//=]*)$/;
 export const PathPropType = stringMatching(PATH_REGEXP);
 export const SrcPropType = PropTypes.oneOfType([UrlPropType, PathPropType]);
-export const ImagePropType = (props, propName, componentName) => {
-  const validImageTypes = ['image/jpeg', 'image/png', 'image/svg+xml', 'image/*', 'application/pdf'];
+export 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 = split(',', propValue);
-  const isValid = every(type => includes(trim(type), validImageTypes), imageTypes);
+  const filesTypes = split(',', propValue);
+  const isValid = isEmpty(head(filesTypes)) || every(type => includes(trim(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.`);
 };

package/es/util/proptypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"proptypes.js","names":["PropTypes","split","trim","includes","every","stringMatching","_ColorPropType","_HexPropType","URL_REGEXP","UrlPropType","PATH_REGEXP","PathPropType","SrcPropType","oneOfType","ImagePropType","props","propName","componentName","validImageTypes","propValue","Error","imageTypes","isValid","type","ColorPropType","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,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,iBAAlB;AACA,OAAOC,IAAP,MAAiB,gBAAjB;AACA,OAAOC,QAAP,MAAqB,oBAArB;AACA,OAAOC,KAAP,MAAkB,iBAAlB;AACA,OAAOC,cAAP,MAA2B,kDAA3B;AAEA,OAAOC,cAAP,MAA2B,yCAA3B;AACA,OAAOC,YAAP,MAAyB,uCAAzB;AAEA,MAAMC,UAAU,GACd,8FADF;AAEA,OAAO,MAAMC,WAAW,GAAGJ,cAAc,CAACG,UAAD,CAAlC;AAEP,MAAME,WAAW,GAAG,oCAApB;AACA,OAAO,MAAMC,YAAY,GAAGN,cAAc,CAACK,WAAD,CAAnC;AAEP,OAAO,MAAME,WAAW,GAAGZ,SAAS,CAACa,SAAV,CAAoB,CAACJ,WAAD,EAAcE,YAAd,CAApB,CAApB;AAEP,OAAO,MAAMG,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,GAAGpB,KAAK,CAAC,GAAD,EAAMkB,SAAN,CAAxB;EACA,MAAMG,OAAO,GAAGlB,KAAK,CAACmB,IAAI,IAAIpB,QAAQ,CAACD,IAAI,CAACqB,IAAD,CAAL,EAAaL,eAAb,CAAjB,EAAgDG,UAAhD,CAArB;EACA,IAAIC,OAAJ,EAAa,OAAO,IAAP;EAEb,OAAO,IAAIF,KAAJ,CACJ,uBAAsBD,SAAU,mBAAkBF,aAAc,iGAD5D,CAAP;AAGD,CAnBM;AAqBP,OAAO,MAAMO,aAAa,GAAGlB,cAAtB;AACP,OAAO,MAAMmB,WAAW,GAAGlB,YAApB"}
+{"version":3,"file":"proptypes.js","names":["PropTypes","split","trim","includes","every","stringMatching","_ColorPropType","_HexPropType","isEmpty","head","URL_REGEXP","UrlPropType","PATH_REGEXP","PathPropType","SrcPropType","oneOfType","FilesPropType","props","propName","componentName","validFilesTypes","propValue","filesTypes","isValid","type","Error","ColorPropType","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,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,iBAAlB;AACA,OAAOC,IAAP,MAAiB,gBAAjB;AACA,OAAOC,QAAP,MAAqB,oBAArB;AACA,OAAOC,KAAP,MAAkB,iBAAlB;AACA,OAAOC,cAAP,MAA2B,kDAA3B;AAEA,OAAOC,cAAP,MAA2B,yCAA3B;AACA,OAAOC,YAAP,MAAyB,uCAAzB;AACA,OAAOC,OAAP,MAAoB,mBAApB;AACA,OAAOC,IAAP,MAAiB,gBAAjB;AAEA,MAAMC,UAAU,GACd,8FADF;AAEA,OAAO,MAAMC,WAAW,GAAGN,cAAc,CAACK,UAAD,CAAlC;AAEP,MAAME,WAAW,GAAG,oCAApB;AACA,OAAO,MAAMC,YAAY,GAAGR,cAAc,CAACO,WAAD,CAAnC;AAEP,OAAO,MAAME,WAAW,GAAGd,SAAS,CAACe,SAAV,CAAoB,CAACJ,WAAD,EAAcE,YAAd,CAApB,CAApB;AAEP,OAAO,MAAMG,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,GAAGrB,KAAK,CAAC,GAAD,EAAMoB,SAAN,CAAxB;EACA,MAAME,OAAO,GACXf,OAAO,CAACC,IAAI,CAACa,UAAD,CAAL,CAAP,IAA6BlB,KAAK,CAACoB,IAAI,IAAIrB,QAAQ,CAACD,IAAI,CAACsB,IAAD,CAAL,EAAaJ,eAAb,CAAjB,EAAgDE,UAAhD,CADpC;EAEA,IAAIC,OAAJ,EAAa,OAAO,IAAP;EAEb,OAAO,IAAIE,KAAJ,CACJ,uBAAsBJ,SAAU,mBAAkBF,aAAc,iGAD5D,CAAP;AAGD,CApBM;AAsBP,OAAO,MAAMO,aAAa,GAAGpB,cAAtB;AACP,OAAO,MAAMqB,WAAW,GAAGpB,YAApB"}

package/lib/atom/button-link/index.js

@@ -47,9 +47,9 @@ const getButtonContent = (icon, label) => {
     className: _style.default.buttonContent
   }, position === 'left' ? /*#__PURE__*/_react.default.createElement(Icon, {
     className: _style.default.icon
-  }) : null, /*#__PURE__*/_react.default.createElement("span", {
+  }) : null, label ? /*#__PURE__*/_react.default.createElement("span", {
     className: _style.default.label
-  }, label), position === 'right' ? /*#__PURE__*/_react.default.createElement(Icon, {
+  }, label) : null, position === 'right' ? /*#__PURE__*/_react.default.createElement(Icon, {
     className: _style.default.icon
   }) : null);
 };

package/lib/atom/button-link/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getButtonContent","icon","label","type","position","Icon","ICONS","style","buttonContent","ButtonLink","props","disabled","dataName","dataTestId","ariaLabel","link","onClick","onKeyDown","className","customStyle","useTitle","contentView","styleButton","classnames","button","primary","secondary","tertiary","text","dangerous","handleOnClick","useCallback","handleOnKeyDown","event","title","propTypes"],"sources":["../../../src/atom/button-link/index.tsx"],"sourcesContent":["import React, {useCallback} from 'react';\nimport {noop} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Link from '../link';\nimport {ICONS} from '../../util/button-icons';\nimport propTypes, {ButtonLinkProps, IconType} from './types';\nimport style from './style.css';\n\nconst getButtonContent = (icon?: IconType, label?: string) => {\n  const {type, position} = icon || {type: '', position: ''};\n  const Icon = type && ICONS[type];\n\n  if (!Icon) {\n    return (\n      <div className={style.buttonContent}>\n        <span className={style.label}>{label}</span>\n      </div>\n    );\n  }\n\n  return (\n    <div className={style.buttonContent}>\n      {position === 'left' ? <Icon className={style.icon} /> : null}\n      <span className={style.label}>{label}</span>\n      {position === 'right' ? <Icon className={style.icon} /> : null}\n    </div>\n  );\n};\n\nconst ButtonLink = (props: ButtonLinkProps) => {\n  const {\n    type,\n    label,\n    disabled,\n    icon,\n    'data-name': dataName,\n    'data-testid': dataTestId = 'button-link',\n    'aria-label': ariaLabel,\n    link,\n    onClick = noop,\n    onKeyDown = noop,\n    className,\n    customStyle,\n    useTitle = true\n  } = props;\n  const contentView = getButtonContent(icon, label);\n  const styleButton = classnames(\n    className,\n    style.button,\n    type === 'primary' && style.primary,\n    type === 'secondary' && style.secondary,\n    type === 'tertiary' && style.tertiary,\n    type === 'text' && style.text,\n    type === 'dangerous' && style.dangerous,\n    link && style.link,\n    disabled && style.disabled\n  );\n\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n  const handleOnKeyDown = useCallback(event => onKeyDown(event), [onKeyDown]);\n\n  if (link) {\n    return (\n      <Link\n        {...link}\n        {...(useTitle && {\n          title: ariaLabel || label\n        })}\n        style={customStyle}\n        className={styleButton}\n        data-name={dataName}\n        data-testid={dataTestId}\n        aria-label={ariaLabel || label}\n      >\n        {contentView}\n      </Link>\n    );\n  }\n\n  return (\n    <button\n      {...(useTitle && {\n        title: ariaLabel || label\n      })}\n      type=\"button\"\n      aria-label={ariaLabel || label}\n      data-name={dataName}\n      data-testid={dataTestId}\n      style={customStyle}\n      className={styleButton}\n      onClick={handleOnClick}\n      onKeyDown={handleOnKeyDown}\n      tabIndex={0}\n    >\n      {contentView}\n    </button>\n  );\n};\n\nButtonLink.propTypes = propTypes;\n\nexport default ButtonLink;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["getButtonContent","icon","label","type","position","Icon","ICONS","style","buttonContent","ButtonLink","props","disabled","dataName","dataTestId","ariaLabel","link","onClick","onKeyDown","className","customStyle","useTitle","contentView","styleButton","classnames","button","primary","secondary","tertiary","text","dangerous","handleOnClick","useCallback","handleOnKeyDown","event","title","propTypes"],"sources":["../../../src/atom/button-link/index.tsx"],"sourcesContent":["import React, {useCallback} from 'react';\nimport {noop} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Link from '../link';\nimport {ICONS} from '../../util/button-icons';\nimport propTypes, {ButtonLinkProps, IconType} from './types';\nimport style from './style.css';\n\nconst getButtonContent = (icon?: IconType, label?: string) => {\n  const {type, position} = icon || {type: '', position: ''};\n  const Icon = type && ICONS[type];\n\n  if (!Icon) {\n    return (\n      <div className={style.buttonContent}>\n        <span className={style.label}>{label}</span>\n      </div>\n    );\n  }\n\n  return (\n    <div className={style.buttonContent}>\n      {position === 'left' ? <Icon className={style.icon} /> : null}\n      {label ? <span className={style.label}>{label}</span> : null}\n      {position === 'right' ? <Icon className={style.icon} /> : null}\n    </div>\n  );\n};\n\nconst ButtonLink = (props: ButtonLinkProps) => {\n  const {\n    type,\n    label,\n    disabled,\n    icon,\n    'data-name': dataName,\n    'data-testid': dataTestId = 'button-link',\n    'aria-label': ariaLabel,\n    link,\n    onClick = noop,\n    onKeyDown = noop,\n    className,\n    customStyle,\n    useTitle = true\n  } = props;\n  const contentView = getButtonContent(icon, label);\n  const styleButton = classnames(\n    className,\n    style.button,\n    type === 'primary' && style.primary,\n    type === 'secondary' && style.secondary,\n    type === 'tertiary' && style.tertiary,\n    type === 'text' && style.text,\n    type === 'dangerous' && style.dangerous,\n    link && style.link,\n    disabled && style.disabled\n  );\n\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n  const handleOnKeyDown = useCallback(event => onKeyDown(event), [onKeyDown]);\n\n  if (link) {\n    return (\n      <Link\n        {...link}\n        {...(useTitle && {\n          title: ariaLabel || label\n        })}\n        style={customStyle}\n        className={styleButton}\n        data-name={dataName}\n        data-testid={dataTestId}\n        aria-label={ariaLabel || label}\n      >\n        {contentView}\n      </Link>\n    );\n  }\n\n  return (\n    <button\n      {...(useTitle && {\n        title: ariaLabel || label\n      })}\n      type=\"button\"\n      aria-label={ariaLabel || label}\n      data-name={dataName}\n      data-testid={dataTestId}\n      style={customStyle}\n      className={styleButton}\n      onClick={handleOnClick}\n      onKeyDown={handleOnKeyDown}\n      tabIndex={0}\n    >\n      {contentView}\n    </button>\n  );\n};\n\nButtonLink.propTypes = propTypes;\n\nexport default ButtonLink;\n"],"mappings":"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"}

package/lib/atom/button-link/style.css

@@ -21,6 +21,7 @@
   align-items: center;
   cursor: pointer;
   border: none;
+  padding: 0px 16px;
   /* prevents text selection when dragging
   the mouse over the button */
   user-select: none;

package/lib/atom/drag-and-drop/index.d.ts

@@ -20,6 +20,7 @@ declare class DragAndDrop extends React.Component<any, any, any> {
         errorButtonLabel: PropTypes.Requireable<string>;
         pdfButtonLabel: PropTypes.Requireable<string>;
         pdfButtonAriaLabel: PropTypes.Requireable<string>;
+        multiple: PropTypes.Requireable<boolean>;
     };
     constructor(props: any);
     state: {

package/lib/atom/drag-and-drop/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/drag-and-drop/index.js"],"names":[],"mappings":";AAiBA;IACE;;;;;;;;;;;;;;;;;;;;MAoBE;IAEF,wBASC;IANC;;MAEC;IAMH,wBAIC;IAED,uBAIC;IAED,sBA0LC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/drag-and-drop/index.js"],"names":[],"mappings":";AAiBA;IACE;;;;;;;;;;;;;;;;;;;;;MAqBE;IAEF,wBASC;IANC;;MAEC;IAMH,wBAIC;IAED,uBAIC;IAED,sBA4MC;CACF"}

package/lib/atom/drag-and-drop/index.js

@@ -70,12 +70,19 @@ class DragAndDrop extends _react.default.Component {
       errorButtonLabel = '',
       disabled = false,
       pdfButtonLabel,
-      pdfButtonAriaLabel
+      pdfButtonAriaLabel,
+      multiple
     } = this.props;
     const {
       dragging
     } = this.state;
     let previewView = null;
+    const customButtonStyle = {
+      width: 'auto',
+      maxWidth: '150px',
+      padding: '12px 24px',
+      boxSizing: 'border-box'
+    };
 
     if (previewContent && previewContent.type === 'image') {
       previewView = /*#__PURE__*/_react.default.createElement("div", {
@@ -109,7 +116,8 @@ class DragAndDrop extends _react.default.Component {
         icon: {
           position: 'left',
           type: 'pdf'
-        }
+        },
+        customStyle: customButtonStyle
       }));
     } else if (previewContent && previewContent.type === 'xlsx') {
       previewView = /*#__PURE__*/_react.default.createElement("div", {
@@ -119,6 +127,14 @@ class DragAndDrop extends _react.default.Component {
       }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidFilesBasicFileLines, {
         className: _style.default.iconFile
       })));
+    } else if (previewContent && previewContent.type === 'csv') {
+      previewView = /*#__PURE__*/_react.default.createElement("div", {
+        className: _style.default.preview
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: _style.default.multiplePreview
+      }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidFilesBasicFileLines, {
+        className: _style.default.iconFile
+      })));
     } else if (loading) {
       previewView = /*#__PURE__*/_react.default.createElement("div", {
         className: _style.default.loaderWrapper
@@ -141,7 +157,7 @@ class DragAndDrop extends _react.default.Component {
       previewView = /*#__PURE__*/_react.default.createElement("span", null, previewLabel);
     }
 
-    const resetContent = previewContent && previewContent.src ? /*#__PURE__*/_react.default.createElement("div", {
+    const resetContent = previewContent && previewContent.src && !multiple ? /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)(_style.default.resetUploadWrapper, disabled && _style.default.disabled)
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.resetSrcLabel
@@ -161,7 +177,8 @@ class DragAndDrop extends _react.default.Component {
         icon: {
           position: 'left',
           type: 'folders'
-        }
+        },
+        customStyle: customButtonStyle
       };
 
       if (dragging) {
@@ -177,7 +194,7 @@ class DragAndDrop extends _react.default.Component {
     };
 
     const button = buildButton(dragging, error);
-    const previewContainer = (0, _getClassState.default)(_style.default.previewContainer, _style.default.modifiedPreviewContainer, null, modified, error);
+    const previewContainer = (0, _getClassState.default)(multiple ? _style.default.previewContainerMultiple : _style.default.previewContainer, _style.default.modifiedPreviewContainer, null, modified, error);
     const inputWrapper = (0, _getClassState.default)(_style.default.inputWrapper, _style.default.modifiedInputWrapper, _style.default.errorInputWrapper, modified, error);
 
     const buildContent = () => {
@@ -238,7 +255,8 @@ DragAndDrop.propTypes = process.env.NODE_ENV !== "production" ? {
   buttonAriaLabel: _propTypes.default.string,
   errorButtonLabel: _propTypes.default.string,
   pdfButtonLabel: _propTypes.default.string,
-  pdfButtonAriaLabel: _propTypes.default.string
+  pdfButtonAriaLabel: _propTypes.default.string,
+  multiple: _propTypes.default.bool
 } : {};
 var _default = DragAndDrop;
 exports.default = _default;

package/lib/atom/drag-and-drop/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["constantNull","DragAndDrop","React","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","children","title","description","uploadLabel","previewLabel","previewContent","loading","modified","onReset","error","buttonAriaLabel","errorButtonLabel","disabled","pdfButtonLabel","pdfButtonAriaLabel","previewView","type","style","preview","src","previewPdf","previewLabelPdf","href","target","download","position","previewXlsxContainer","previewXlsx","iconFile","loaderWrapper","loadingCancel","closeIcon","loader","loaderText","resetContent","classnames","resetUploadWrapper","resetSrcLabel","label","buildButton","defaultButtonProps","icon","button","previewContainer","getClassState","modifiedPreviewContainer","inputWrapper","modifiedInputWrapper","errorInputWrapper","buildContent","infosContainer","iconError","dragAndDropLabel","content","wrapper","errorMessage","propTypes","PropTypes","string","shape","bool","func"],"sources":["../../../src/atom/drag-and-drop/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {uniqueId, constant, isEmpty} from 'lodash/fp';\nimport {\n  NovaSolidStatusClose as Close,\n  NovaSolidFilesBasicFileUpload2 as FileUploadIcon,\n  NovaSolidFilesBasicFileBlock2 as FileUploadBlockedIcon,\n  NovaSolidFilesBasicFileLines as FileLinesIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Loader from '../loader';\nimport Button from '../button-link';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst constantNull = constant(null);\n\nclass DragAndDrop extends React.Component {\n  static propTypes = {\n    title: PropTypes.string,\n    description: PropTypes.string,\n    uploadLabel: PropTypes.string,\n    previewLabel: PropTypes.string,\n    previewContent: PropTypes.shape({\n      type: PropTypes.string,\n      src: PropTypes.string,\n      label: PropTypes.string\n    }),\n    loading: PropTypes.bool,\n    modified: PropTypes.bool,\n    disabled: PropTypes.bool,\n    children: PropTypes.func,\n    onReset: PropTypes.func,\n    error: PropTypes.string,\n    buttonAriaLabel: PropTypes.string,\n    errorButtonLabel: PropTypes.string,\n    pdfButtonLabel: PropTypes.string,\n    pdfButtonAriaLabel: PropTypes.string\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      dragging: false\n    };\n\n    this.handleDragStart = this.handleDragStart.bind(this);\n    this.handleDragStop = this.handleDragStop.bind(this);\n  }\n\n  handleDragStart() {\n    this.setState({\n      dragging: true\n    });\n  }\n\n  handleDragStop() {\n    this.setState({\n      dragging: false\n    });\n  }\n\n  render() {\n    const idBox = uniqueId('drop-box-');\n    const {\n      children = constantNull,\n      title,\n      description,\n      uploadLabel,\n      previewLabel = '',\n      previewContent,\n      loading = false,\n      modified = false,\n      onReset = null,\n      error = '',\n      buttonAriaLabel = '',\n      errorButtonLabel = '',\n      disabled = false,\n      pdfButtonLabel,\n      pdfButtonAriaLabel\n    } = this.props;\n    const {dragging} = this.state;\n\n    let previewView = null;\n\n    if (previewContent && previewContent.type === 'image') {\n      previewView = (\n        <div className={style.preview}>\n          <img src={previewContent.src} />\n        </div>\n      );\n    } else if (previewContent && previewContent.type === 'video') {\n      previewView = (\n        <div className={style.preview}>\n          <video controls src={previewContent.src} type=\"video/*\" />\n        </div>\n      );\n    } else if (previewContent && previewContent.type === 'pdf') {\n      previewView = (\n        <div className={style.previewPdf}>\n          <p className={style.previewLabelPdf}>{previewLabel}</p>\n          <Button\n            type=\"secondary\"\n            link={{href: previewContent.src, target: '_blank', download: false}}\n            label={pdfButtonLabel}\n            aria-label={pdfButtonAriaLabel}\n            data-name=\"default-button-pdf\"\n            icon={{\n              position: 'left',\n              type: 'pdf'\n            }}\n          />\n        </div>\n      );\n    } else if (previewContent && previewContent.type === 'xlsx') {\n      previewView = (\n        <div className={style.previewXlsxContainer}>\n          <div className={style.previewXlsx}>\n            <FileLinesIcon className={style.iconFile} />\n          </div>\n        </div>\n      );\n    } else if (loading) {\n      previewView = (\n        <div className={style.loaderWrapper}>\n          <div className={style.loadingCancel}>\n            <Close\n              data-name=\"reset-content-icon\"\n              height={12}\n              width={12}\n              className={style.closeIcon}\n              onClick={onReset}\n            />\n          </div>\n          <div className={style.loader}>\n            <Loader theme=\"coorpmanager\" />\n          </div>\n          <span className={style.loaderText}>Uploading</span>\n        </div>\n      );\n    } else {\n      previewView = <span>{previewLabel}</span>;\n    }\n\n    const resetContent =\n      previewContent && previewContent.src ? (\n        <div className={classnames(style.resetUploadWrapper, disabled && style.disabled)}>\n          <div className={style.resetSrcLabel}>\n            {previewContent.label ? previewContent.label : previewContent.src}\n          </div>\n          {onReset ? (\n            <Close\n              data-name=\"reset-content-icon\"\n              height={12}\n              width={12}\n              className={style.closeIcon}\n              onClick={onReset}\n            />\n          ) : null}\n        </div>\n      ) : null;\n\n    const buildButton = () => {\n      const defaultButtonProps = {\n        label: uploadLabel,\n        'aria-label': buttonAriaLabel,\n        'data-name': 'default-button',\n        icon: {\n          position: 'left',\n          type: 'folders'\n        }\n      };\n      if (dragging) {\n        return null;\n      } else if (error) {\n        return <Button {...defaultButtonProps} label={errorButtonLabel} icon={{}} />;\n      } else {\n        return <Button {...defaultButtonProps} />;\n      }\n    };\n\n    const button = buildButton(dragging, error);\n\n    const previewContainer = getClassState(\n      style.previewContainer,\n      style.modifiedPreviewContainer,\n      null,\n      modified,\n      error\n    );\n    const inputWrapper = getClassState(\n      style.inputWrapper,\n      style.modifiedInputWrapper,\n      style.errorInputWrapper,\n      modified,\n      error\n    );\n\n    const buildContent = () => {\n      if (loading) {\n        return previewView;\n      } else if (!isEmpty(previewContent)) {\n        return (\n          <div className={classnames(previewContainer, disabled && style.disabled)}>\n            {previewView}\n          </div>\n        );\n      } else {\n        return (\n          <div\n            className={classnames(\n              dragging ? style.dragging : inputWrapper,\n              disabled && style.disabled\n            )}\n            id={idBox}\n            data-name=\"drag-and-drop-box\"\n          >\n            <div className={style.infosContainer}>\n              {error ? (\n                <FileUploadBlockedIcon className={style.iconError} />\n              ) : (\n                <FileUploadIcon className={style.icon} />\n              )}\n              {description ? <div className={style.description}>{description}</div> : null}\n              {error ? null : <div className={style.dragAndDropLabel}>{'Drag & Drop here'}</div>}\n            </div>\n            {button}\n            <div>{children(this.handleDragStart, this.handleDragStop)}</div>\n          </div>\n        );\n      }\n    };\n\n    const content = buildContent();\n\n    return (\n      <div className={style.wrapper} data-name=\"drag-and-drop-wrapper\">\n        <div className={style.title}>{title}</div>\n        {content}\n        {error ? (\n          <span className={classnames(style.errorMessage, disabled && style.disabled)}>\n            {error}\n          </span>\n        ) : (\n          resetContent\n        )}\n      </div>\n    );\n  }\n}\n\nexport default DragAndDrop;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["constantNull","DragAndDrop","React","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","children","title","description","uploadLabel","previewLabel","previewContent","loading","modified","onReset","error","buttonAriaLabel","errorButtonLabel","disabled","pdfButtonLabel","pdfButtonAriaLabel","multiple","previewView","customButtonStyle","width","maxWidth","padding","boxSizing","type","style","preview","src","previewPdf","previewLabelPdf","href","target","download","position","previewXlsxContainer","previewXlsx","iconFile","multiplePreview","loaderWrapper","loadingCancel","closeIcon","loader","loaderText","resetContent","classnames","resetUploadWrapper","resetSrcLabel","label","buildButton","defaultButtonProps","icon","customStyle","button","previewContainer","getClassState","previewContainerMultiple","modifiedPreviewContainer","inputWrapper","modifiedInputWrapper","errorInputWrapper","buildContent","infosContainer","iconError","dragAndDropLabel","content","wrapper","errorMessage","propTypes","PropTypes","string","shape","bool","func"],"sources":["../../../src/atom/drag-and-drop/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {uniqueId, constant, isEmpty} from 'lodash/fp';\nimport {\n  NovaSolidStatusClose as Close,\n  NovaSolidFilesBasicFileUpload2 as FileUploadIcon,\n  NovaSolidFilesBasicFileBlock2 as FileUploadBlockedIcon,\n  NovaSolidFilesBasicFileLines as FileLinesIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Loader from '../loader';\nimport Button from '../button-link';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst constantNull = constant(null);\n\nclass DragAndDrop extends React.Component {\n  static propTypes = {\n    title: PropTypes.string,\n    description: PropTypes.string,\n    uploadLabel: PropTypes.string,\n    previewLabel: PropTypes.string,\n    previewContent: PropTypes.shape({\n      type: PropTypes.string,\n      src: PropTypes.string,\n      label: PropTypes.string\n    }),\n    loading: PropTypes.bool,\n    modified: PropTypes.bool,\n    disabled: PropTypes.bool,\n    children: PropTypes.func,\n    onReset: PropTypes.func,\n    error: PropTypes.string,\n    buttonAriaLabel: PropTypes.string,\n    errorButtonLabel: PropTypes.string,\n    pdfButtonLabel: PropTypes.string,\n    pdfButtonAriaLabel: PropTypes.string,\n    multiple: PropTypes.bool\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      dragging: false\n    };\n\n    this.handleDragStart = this.handleDragStart.bind(this);\n    this.handleDragStop = this.handleDragStop.bind(this);\n  }\n\n  handleDragStart() {\n    this.setState({\n      dragging: true\n    });\n  }\n\n  handleDragStop() {\n    this.setState({\n      dragging: false\n    });\n  }\n\n  render() {\n    const idBox = uniqueId('drop-box-');\n    const {\n      children = constantNull,\n      title,\n      description,\n      uploadLabel,\n      previewLabel = '',\n      previewContent,\n      loading = false,\n      modified = false,\n      onReset = null,\n      error = '',\n      buttonAriaLabel = '',\n      errorButtonLabel = '',\n      disabled = false,\n      pdfButtonLabel,\n      pdfButtonAriaLabel,\n      multiple\n    } = this.props;\n    const {dragging} = this.state;\n\n    let previewView = null;\n\n    const customButtonStyle = {\n      width: 'auto',\n      maxWidth: '150px',\n      padding: '12px 24px',\n      boxSizing: 'border-box'\n    };\n\n    if (previewContent && previewContent.type === 'image') {\n      previewView = (\n        <div className={style.preview}>\n          <img src={previewContent.src} />\n        </div>\n      );\n    } else if (previewContent && previewContent.type === 'video') {\n      previewView = (\n        <div className={style.preview}>\n          <video controls src={previewContent.src} type=\"video/*\" />\n        </div>\n      );\n    } else if (previewContent && previewContent.type === 'pdf') {\n      previewView = (\n        <div className={style.previewPdf}>\n          <p className={style.previewLabelPdf}>{previewLabel}</p>\n          <Button\n            type=\"secondary\"\n            link={{href: previewContent.src, target: '_blank', download: false}}\n            label={pdfButtonLabel}\n            aria-label={pdfButtonAriaLabel}\n            data-name=\"default-button-pdf\"\n            icon={{\n              position: 'left',\n              type: 'pdf'\n            }}\n            customStyle={customButtonStyle}\n          />\n        </div>\n      );\n    } else if (previewContent && previewContent.type === 'xlsx') {\n      previewView = (\n        <div className={style.previewXlsxContainer}>\n          <div className={style.previewXlsx}>\n            <FileLinesIcon className={style.iconFile} />\n          </div>\n        </div>\n      );\n    } else if (previewContent && previewContent.type === 'csv') {\n      previewView = (\n        <div className={style.preview}>\n          <div className={style.multiplePreview}>\n            <FileLinesIcon className={style.iconFile} />\n          </div>\n        </div>\n      );\n    } else if (loading) {\n      previewView = (\n        <div className={style.loaderWrapper}>\n          <div className={style.loadingCancel}>\n            <Close\n              data-name=\"reset-content-icon\"\n              height={12}\n              width={12}\n              className={style.closeIcon}\n              onClick={onReset}\n            />\n          </div>\n          <div className={style.loader}>\n            <Loader theme=\"coorpmanager\" />\n          </div>\n          <span className={style.loaderText}>Uploading</span>\n        </div>\n      );\n    } else {\n      previewView = <span>{previewLabel}</span>;\n    }\n\n    const resetContent =\n      previewContent && previewContent.src && !multiple ? (\n        <div className={classnames(style.resetUploadWrapper, disabled && style.disabled)}>\n          <div className={style.resetSrcLabel}>\n            {previewContent.label ? previewContent.label : previewContent.src}\n          </div>\n          {onReset ? (\n            <Close\n              data-name=\"reset-content-icon\"\n              height={12}\n              width={12}\n              className={style.closeIcon}\n              onClick={onReset}\n            />\n          ) : null}\n        </div>\n      ) : null;\n\n    const buildButton = () => {\n      const defaultButtonProps = {\n        label: uploadLabel,\n        'aria-label': buttonAriaLabel,\n        'data-name': 'default-button',\n        icon: {\n          position: 'left',\n          type: 'folders'\n        },\n        customStyle: customButtonStyle\n      };\n      if (dragging) {\n        return null;\n      } else if (error) {\n        return <Button {...defaultButtonProps} label={errorButtonLabel} icon={{}} />;\n      } else {\n        return <Button {...defaultButtonProps} />;\n      }\n    };\n\n    const button = buildButton(dragging, error);\n\n    const previewContainer = getClassState(\n      multiple ? style.previewContainerMultiple : style.previewContainer,\n      style.modifiedPreviewContainer,\n      null,\n      modified,\n      error\n    );\n    const inputWrapper = getClassState(\n      style.inputWrapper,\n      style.modifiedInputWrapper,\n      style.errorInputWrapper,\n      modified,\n      error\n    );\n\n    const buildContent = () => {\n      if (loading) {\n        return previewView;\n      } else if (!isEmpty(previewContent)) {\n        return (\n          <div className={classnames(previewContainer, disabled && style.disabled)}>\n            {previewView}\n          </div>\n        );\n      } else {\n        return (\n          <div\n            className={classnames(\n              dragging ? style.dragging : inputWrapper,\n              disabled && style.disabled\n            )}\n            id={idBox}\n            data-name=\"drag-and-drop-box\"\n          >\n            <div className={style.infosContainer}>\n              {error ? (\n                <FileUploadBlockedIcon className={style.iconError} />\n              ) : (\n                <FileUploadIcon className={style.icon} />\n              )}\n              {description ? <div className={style.description}>{description}</div> : null}\n              {error ? null : <div className={style.dragAndDropLabel}>{'Drag & Drop here'}</div>}\n            </div>\n            {button}\n            <div>{children(this.handleDragStart, this.handleDragStop)}</div>\n          </div>\n        );\n      }\n    };\n\n    const content = buildContent();\n\n    return (\n      <div className={style.wrapper} data-name=\"drag-and-drop-wrapper\">\n        <div className={style.title}>{title}</div>\n        {content}\n        {error ? (\n          <span className={classnames(style.errorMessage, disabled && style.disabled)}>\n            {error}\n          </span>\n        ) : (\n          resetContent\n        )}\n      </div>\n    );\n  }\n}\n\nexport default DragAndDrop;\n"],"mappings":"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"}

package/lib/atom/drag-and-drop/style.css

@@ -125,18 +125,18 @@ video {
   flex-direction: column;
   align-items: center;
   justify-content: space-between;
-  padding: 14px 8px 8px 8px;
+  padding: 16px;
   overflow: hidden;
 }
 
 .inputWrapper:before {
   content: "";
   position: absolute;
-  border: 10px dashed cm_grey_200;
-  top: -8px;
-  bottom: -8px;
-  left: -8px;
-  right: -8px;
+  border: 7px dashed cm_grey_200;
+  top: -3px;
+  bottom: -3px;
+  left: -4px;
+  right: -4px;
 }
 
 .modifiedInputWrapper {
@@ -304,4 +304,19 @@ video {
   height: 25%;
   width: 25%;
   color: cm_grey_300;
-}
+}
+
+.previewContainerMultiple {
+  composes: previewContainer;
+  height: 100%;
+}
+
+.multiplePreview {
+  background-color: cm_grey_100;
+  border-radius: 8px;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}

package/lib/atom/{image-upload → input-file-draggable}/index.d.ts

@@ -1,5 +1,5 @@
-export default ImageUpload;
-declare function ImageUpload({ title, description, previewLabel, previewContent, uploadLabel, loading, modified, disabled, onChange, onReset, name, labelLink, labelButtonLink, hrefLink, imageTypes, error, buttonAriaLabel, errorButtonLabel, pdfButtonLabel, pdfButtonAriaLabel }: {
+export default InputFileDraggable;
+declare function 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 }: {
     title: any;
     description: any;
     previewLabel: any;
@@ -14,19 +14,23 @@ declare function ImageUpload({ title, description, previewLabel, previewContent,
     labelLink: any;
     labelButtonLink: any;
     hrefLink: any;
-    imageTypes?: string | undefined;
+    filesTypes?: string | undefined;
     error?: string | undefined;
     buttonAriaLabel: any;
     errorButtonLabel: any;
     pdfButtonLabel: any;
     pdfButtonAriaLabel: any;
+    filesNumber?: number | undefined;
+    multiple?: boolean | undefined;
+    required?: boolean | undefined;
+    onClick: any;
 }): JSX.Element;
-declare namespace ImageUpload {
+declare namespace InputFileDraggable {
     const propTypes: {
         name: PropTypes.Requireable<string>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         onReset: PropTypes.Requireable<(...args: any[]) => any>;
-        imageTypes: (props: any, propName: any, componentName: any) => Error | null;
+        filesTypes: (props: any, propName: any, componentName: any) => Error | null;
         error: PropTypes.Requireable<string>;
         buttonAriaLabel: PropTypes.Requireable<string>;
         errorButtonLabel: PropTypes.Requireable<string>;
@@ -47,6 +51,7 @@ declare namespace ImageUpload {
         children: PropTypes.Requireable<(...args: any[]) => any>;
         pdfButtonLabel: PropTypes.Requireable<string>;
         pdfButtonAriaLabel: PropTypes.Requireable<string>;
+        multiple: PropTypes.Requireable<boolean>;
     };
 }
 import PropTypes from "prop-types";

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

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