@hexure/ui 1.7.0 → 1.8.1

package/dist/esm/types/components/ButtonMenu/ButtonMenu.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { MenuItemProps } from '../MoreMenu/MoreMenu';
+export interface ButtonMenuProps {
+    disabled?: boolean;
+    label: string;
+    small?: boolean;
+    menuItems: Array<MenuItemProps>;
+    maxHeight?: string | number;
+    position?: 'left' | 'right';
+}
+declare const ButtonMenu: FC<ButtonMenuProps>;
+export default ButtonMenu;

package/dist/esm/types/components/ButtonMenu/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ButtonMenu';

package/dist/esm/types/components/FileUpload/FileUpload.d.ts

@@ -1,23 +1,23 @@
 import { FC } from 'react';
-import { AccessibleProps } from '../../utils/Accessibility';
-export interface FileUploadProps extends AccessibleProps {
-    /** It is used to get the array of files. */
-    onChange: (e: any) => void;
-    /** It is used to get the delete file. */
-    onFileDelete: (e: any) => void;
-    /** It is used to get max file size in MBs. */
-    maxFileSize: number;
-    /** It is used to whether the progress bar should be shown or not. */
-    progress: boolean;
-    /** It is used to set the upload progress value from 0 to 100. */
-    UploadProgress?: {
-        index: number;
-        progress: number;
-    };
-    /** It is used to set the value of multile file upload in boolean. */
-    multiple: boolean;
-    /** It is used to set the value of acceptable files. Example ".jpg, .jpeg, .pdf"*/
-    acceptFiles: string;
+export interface FileUploadProps {
+    /** A method to call when files are added/removed. Return the new file or array of files. */
+    onChange?: (files: Array<File>) => void;
+    /** A method to call when files are rejected. Returns an array of files and their errors */
+    onError?: (errors: Array<ErrorObject>) => void;
+    /** The maximum number of files that be added. */
+    maxFiles?: number;
+    /** The maximum file size allowed, in MBs. */
+    maxSize?: number;
+    /** Display a message in the dropzone area */
+    message?: string;
+    /** A string of comma separated file types */
+    accept?: string;
+    /** A method that will be run against each file to determine if it's valid before being added. Must return a boolean.  */
+    validateFile?: (file: File) => boolean;
+}
+interface ErrorObject {
+    file: File;
+    message: string;
 }
 declare const FileUpload: FC<FileUploadProps>;
 export default FileUpload;

package/dist/esm/types/components/MoreMenu/MoreMenu.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
 import { AccessibleProps } from '../../utils/Accessibility';
-interface MenuItemProps extends AccessibleProps {
+export interface MenuItemProps extends AccessibleProps {
     icon?: string;
     label?: string;
     onClick: (e?: any) => void;

package/dist/esm/types/components/PageHeader/PageHeader.d.ts

@@ -0,0 +1,24 @@
+import { FC } from 'react';
+import { MenuItemProps } from '../MoreMenu/MoreMenu';
+export interface PageHeaderProps {
+    title?: string;
+    breadcrumbs?: Array<{
+        label: string;
+        onClick?: (e: any) => void;
+    }>;
+    actions?: Array<{
+        disabled?: boolean;
+        format?: 'primary' | 'secondary' | 'red';
+        icon?: string;
+        label: string;
+        onClick?: (e: any) => void;
+    }>;
+    buttonMenu?: {
+        disabled?: boolean;
+        icon?: string;
+        label: string;
+        menuItems: Array<MenuItemProps>;
+    };
+}
+declare const PageHeader: FC<PageHeaderProps>;
+export default PageHeader;

package/dist/esm/types/components/PageHeader/index.d.ts

@@ -0,0 +1 @@
+export { default } from './PageHeader';

package/dist/esm/types/index.d.ts

@@ -3,6 +3,7 @@ export { default as ActionDialog } from './components/ActionDialog';
 export { default as Alert } from './components/Alert';
 export { default as BulkActionBar } from './components/BulkActionBar';
 export { default as Button } from './components/Button';
+export { default as ButtonMenu } from './components/ButtonMenu';
 export { default as Checkbox } from './components/Checkbox';
 export { default as Checklist } from './components/Checklist';
 export { default as Copy } from './components/Copy';
@@ -17,6 +18,7 @@ export { default as Logo } from './components/Logo';
 export { default as Modal } from './components/Modal';
 export { default as MoreMenu } from './components/MoreMenu';
 export { default as MultiSelect } from './components/MultiSelect';
+export { default as PageHeader } from './components/PageHeader';
 export { default as Pagination } from './components/Pagination';
 export { default as Radio } from './components/Radio';
 export { default as RadioList } from './components/RadioList';

package/dist/index.d.ts

@@ -100,6 +100,27 @@ interface ButtonProps$2 extends AccessibleProps {
 }
 declare const Button: FC<ButtonProps$2>;
 
+interface MenuItemProps extends AccessibleProps {
+    icon?: string;
+    label?: string;
+    onClick: (e?: any) => void;
+}
+interface MoreMenuProps extends AccessibleProps {
+    menuItems: MenuItemProps[];
+    maxHeight?: string | number;
+}
+declare const MoreMenu: FC<MoreMenuProps>;
+
+interface ButtonMenuProps {
+    disabled?: boolean;
+    label: string;
+    small?: boolean;
+    menuItems: Array<MenuItemProps>;
+    maxHeight?: string | number;
+    position?: 'left' | 'right';
+}
+declare const ButtonMenu: FC<ButtonMenuProps>;
+
 interface CheckboxProps extends AccessibleProps {
     /** It is used to give label to checkbox. */
     children?: string;
@@ -222,24 +243,25 @@ interface FieldProps extends AccessibleProps {
 }
 declare const Field: FC<FieldProps>;
 
-interface FileUploadProps extends AccessibleProps {
-    /** It is used to get the array of files. */
-    onChange: (e: any) => void;
-    /** It is used to get the delete file. */
-    onFileDelete: (e: any) => void;
-    /** It is used to get max file size in MBs. */
-    maxFileSize: number;
-    /** It is used to whether the progress bar should be shown or not. */
-    progress: boolean;
-    /** It is used to set the upload progress value from 0 to 100. */
-    UploadProgress?: {
-        index: number;
-        progress: number;
-    };
-    /** It is used to set the value of multile file upload in boolean. */
-    multiple: boolean;
-    /** It is used to set the value of acceptable files. Example ".jpg, .jpeg, .pdf"*/
-    acceptFiles: string;
+interface FileUploadProps {
+    /** A method to call when files are added/removed. Return the new file or array of files. */
+    onChange?: (files: Array<File>) => void;
+    /** A method to call when files are rejected. Returns an array of files and their errors */
+    onError?: (errors: Array<ErrorObject>) => void;
+    /** The maximum number of files that be added. */
+    maxFiles?: number;
+    /** The maximum file size allowed, in MBs. */
+    maxSize?: number;
+    /** Display a message in the dropzone area */
+    message?: string;
+    /** A string of comma separated file types */
+    accept?: string;
+    /** A method that will be run against each file to determine if it's valid before being added. Must return a boolean.  */
+    validateFile?: (file: File) => boolean;
+}
+interface ErrorObject {
+    file: File;
+    message: string;
 }
 declare const FileUpload: FC<FileUploadProps>;
 
@@ -344,17 +366,6 @@ interface ModalProps extends AccessibleProps {
 }
 declare const Modal: FC<ModalProps>;
 
-interface MenuItemProps extends AccessibleProps {
-    icon?: string;
-    label?: string;
-    onClick: (e?: any) => void;
-}
-interface MoreMenuProps extends AccessibleProps {
-    menuItems: MenuItemProps[];
-    maxHeight?: string | number;
-}
-declare const MoreMenu: FC<MoreMenuProps>;
-
 interface OptionProps$2 {
     label?: string;
     value: string | number;
@@ -374,6 +385,28 @@ interface MultiSelectProps extends AccessibleProps {
 }
 declare const MultiSelect: FC<MultiSelectProps>;
 
+interface PageHeaderProps {
+    title?: string;
+    breadcrumbs?: Array<{
+        label: string;
+        onClick?: (e: any) => void;
+    }>;
+    actions?: Array<{
+        disabled?: boolean;
+        format?: 'primary' | 'secondary' | 'red';
+        icon?: string;
+        label: string;
+        onClick?: (e: any) => void;
+    }>;
+    buttonMenu?: {
+        disabled?: boolean;
+        icon?: string;
+        label: string;
+        menuItems: Array<MenuItemProps>;
+    };
+}
+declare const PageHeader: FC<PageHeaderProps>;
+
 interface PaginationProps extends AccessibleProps {
     currentPage: number;
     onClick: (e?: any) => void;
@@ -510,4 +543,4 @@ interface ZeroStateProps extends AccessibleProps {
 }
 declare const ZeroState: FC<ZeroStateProps>;
 
-export { Accordion, ActionDialog, Alert, BulkActionBar, Button, Checkbox, Checklist, Copy, DatePicker, Drawer, Field, FileUpload, Heading, Input, Link, Logo, Modal, MoreMenu, MultiSelect, Pagination, Radio, RadioList, Select, Table, Tabs, Tag, Toggle, Tooltip, ZeroState };
+export { Accordion, ActionDialog, Alert, BulkActionBar, Button, ButtonMenu, Checkbox, Checklist, Copy, DatePicker, Drawer, Field, FileUpload, Heading, Input, Link, Logo, Modal, MoreMenu, MultiSelect, PageHeader, Pagination, Radio, RadioList, Select, Table, Tabs, Tag, Toggle, Tooltip, ZeroState };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hexure/ui",
-  "version": "1.7.0",
+  "version": "1.8.1",
   "description": "A library of shared UI components used within Hexure products.",
   "scripts": {
     "rollup": "rollup -c rollup.config.mjs",