@coorpacademy/components 11.19.0 → 11.19.1-alpha.10

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

@@ -221,6 +221,7 @@ 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>;
@@ -241,10 +242,185 @@ declare namespace SearchPage {
             }> | 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/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 && (multiple || 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;