@hexure/ui 1.13.6 → 1.13.8

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import React, { FC, ReactNode } from 'react';
-
+import React, { FC, ReactNode } from 'react';
+
 interface AccessibleProps {
     /** Set the css id for the main wrapping html element */
     id?: string;
@@ -13,8 +13,8 @@ interface AccessibleProps {
     tabIndex?: number;
     /** Set a label for an interactive element. See https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label */
     'aria-label'?: string;
-}
-
+}
+
 interface AccordionProps extends AccessibleProps {
     title?: string;
     /** Define the content to be displayed */
@@ -24,8 +24,8 @@ interface AccordionProps extends AccessibleProps {
     /** Method to call when the header is clicked */
     onClick: (e?: any) => void;
 }
-declare const Accordion: FC<AccordionProps>;
-
+declare const Accordion: FC<AccordionProps>;
+
 interface ButtonProps$4 {
     children: string;
     format?: string;
@@ -50,8 +50,8 @@ interface ActionDialogProps extends AccessibleProps {
 interface CustomStyle {
     [key: string]: string | number;
 }
-declare const ActionDialog: FC<ActionDialogProps>;
-
+declare const ActionDialog: FC<ActionDialogProps>;
+
 interface ActionProps$1 extends AccessibleProps {
     label: string;
     onClick: (e?: any) => void;
@@ -67,8 +67,8 @@ interface AlertProps extends AccessibleProps {
     /** Show a condensed, smaller version of the alert. The title and action props will be ignore if this is set to true */
     small?: boolean;
 }
-declare const Alert: FC<AlertProps>;
-
+declare const Alert: FC<AlertProps>;
+
 interface ButtonProps$3 extends AccessibleProps {
     /** Display a number badge on the right side of the button */
     badge?: number;
@@ -91,14 +91,14 @@ interface ButtonProps$3 extends AccessibleProps {
     /** Define which button format to display. By default the Primary button will be used.  */
     format?: 'primary' | 'secondary' | 'red' | 'green' | string;
 }
-declare const Button: FC<ButtonProps$3>;
-
+declare const Button: FC<ButtonProps$3>;
+
 interface AppHeaderProps {
     logoUrl?: string;
     buttons: ButtonProps$3[];
 }
-declare const AppHeader: FC<AppHeaderProps>;
-
+declare const AppHeader: FC<AppHeaderProps>;
+
 interface MenuItemType extends AccessibleProps {
     icon: string;
     label: string;
@@ -116,8 +116,8 @@ interface AppMenuProps extends AccessibleProps {
     footerTag?: string;
     defaultWidth?: string;
 }
-declare const AppMenu: FC<AppMenuProps>;
-
+declare const AppMenu: FC<AppMenuProps>;
+
 interface ButtonProps$2 {
     children: string;
     onClick: (e?: any) => void;
@@ -130,8 +130,8 @@ interface BulkActionBarProps extends AccessibleProps {
     onClear: (e?: any) => void;
     selectedCount?: number;
 }
-declare const BulkActionBar: FC<BulkActionBarProps>;
-
+declare const BulkActionBar: FC<BulkActionBarProps>;
+
 interface MenuItemProps extends AccessibleProps {
     icon?: string;
     label?: string;
@@ -142,8 +142,8 @@ interface MoreMenuProps extends AccessibleProps {
     menuItems: MenuItemProps[];
     maxHeight?: string | number;
 }
-declare const MoreMenu: FC<MoreMenuProps>;
-
+declare const MoreMenu: FC<MoreMenuProps>;
+
 interface ButtonMenuProps {
     disabled?: boolean;
     label: string;
@@ -155,9 +155,10 @@ interface ButtonMenuProps {
     format?: 'primary' | 'secondary';
     enableHover?: boolean;
     enableClick?: boolean;
+    show?: boolean;
 }
-declare const ButtonMenu: FC<ButtonMenuProps>;
-
+declare const ButtonMenu: FC<ButtonMenuProps>;
+
 interface TooltipProps {
     /** It is used to give label to tag. */
     children: any;
@@ -168,8 +169,8 @@ interface TooltipProps {
     /** The element to display that triggers the tooltip content */
     trigger?: any;
 }
-declare const Tooltip: FC<TooltipProps>;
-
+declare const Tooltip: FC<TooltipProps>;
+
 interface CheckboxProps extends AccessibleProps {
     /** It is used to give label to checkbox. */
     children?: string;
@@ -185,8 +186,8 @@ interface CheckboxProps extends AccessibleProps {
     /** Display a tooltip next to the label */
     tooltip?: TooltipProps;
 }
-declare const Checkbox: FC<CheckboxProps>;
-
+declare const Checkbox: FC<CheckboxProps>;
+
 interface OptionProps$3 {
     label?: string;
     value: string | number;
@@ -199,8 +200,8 @@ interface ChecklistProps extends AccessibleProps {
     selected: (string | number)[];
     showSelectAll?: boolean;
 }
-declare const Checklist: FC<ChecklistProps>;
-
+declare const Checklist: FC<ChecklistProps>;
+
 interface CopyProps extends AccessibleProps {
     /** Set the text to be displayed */
     children: string | React.ReactNode;
@@ -214,8 +215,8 @@ interface CopyProps extends AccessibleProps {
     /** Set the color of the copy based on the design system color pallette */
     color?: 'PRIMARY' | 'GREEN' | 'RED' | 'YELLOW' | 'BLACK' | 'GRAY' | 'MEDIUM_GRAY' | 'LIGHT_GRAY';
 }
-declare const Copy: FC<CopyProps>;
-
+declare const Copy: FC<CopyProps>;
+
 interface styleProps$3 {
     width?: number | string;
 }
@@ -235,8 +236,8 @@ interface DateProps extends AccessibleProps {
     /** Override default styles */
     style?: styleProps$3;
 }
-declare const DatePicker: FC<DateProps>;
-
+declare const DatePicker: FC<DateProps>;
+
 interface ButtonProps$1 extends AccessibleProps {
     disabled?: boolean;
     children: string;
@@ -265,8 +266,8 @@ interface DrawerProps extends AccessibleProps {
     /**  It is used to close drawer. */
     onClose: (e?: any) => void;
 }
-declare const Drawer: FC<DrawerProps>;
-
+declare const Drawer: FC<DrawerProps>;
+
 interface ActionProps {
     id?: string;
     label: string;
@@ -289,16 +290,16 @@ interface FieldProps extends AccessibleProps {
     /** Display a tooltip next to the label */
     tooltip?: TooltipProps;
 }
-declare const Field: FC<FieldProps>;
-
+declare const Field: FC<FieldProps>;
+
 interface FieldGroupProps {
     /** The label to display above the field group */
     label: string;
     /** The content of the field group...usually a set of Field components */
     children: any;
 }
-declare const FieldGroup: FC<FieldGroupProps>;
-
+declare const FieldGroup: FC<FieldGroupProps>;
+
 interface FileUploadProps {
     /** A method to call when files are added/removed. Return the new file or array of files. */
     onChange?: (files: Array<File>) => void;
@@ -321,8 +322,8 @@ interface ErrorObject {
     file: File;
     message: string;
 }
-declare const FileUpload: FC<FileUploadProps>;
-
+declare const FileUpload: FC<FileUploadProps>;
+
 interface HeadingProps extends AccessibleProps {
     /** Toggle between bold and normal font weights */
     bold?: boolean;
@@ -335,8 +336,8 @@ interface HeadingProps extends AccessibleProps {
     /** Set the type of heading to display: primary, secondary, tertiary  */
     type?: 'primary' | 'secondary' | 'tertiary';
 }
-declare const Heading: FC<HeadingProps>;
-
+declare const Heading: FC<HeadingProps>;
+
 interface styleProps$2 {
     width?: number | string;
 }
@@ -384,8 +385,8 @@ interface InputProps extends AccessibleProps {
     /** Display a loading indicator to the far right of the input */
     loading?: boolean;
 }
-declare const Input: FC<InputProps>;
-
+declare const Input: FC<InputProps>;
+
 interface LinkProps extends AccessibleProps {
     /** Set the text to be displayed */
     children: string;
@@ -394,16 +395,16 @@ interface LinkProps extends AccessibleProps {
     /** A method to execute when this component is clicked */
     onClick?: (e?: any) => void;
 }
-declare const Link: FC<LinkProps>;
-
-declare const Loader: FC;
-
+declare const Link: FC<LinkProps>;
+
+declare const Loader: FC;
+
 interface LogoProps extends AccessibleProps {
     type?: 'mark_red' | 'mark_white' | 'standard_white' | 'standard_black' | 'standard_full' | 'standard_reversed';
     height?: string;
 }
-declare const Logo: FC<LogoProps>;
-
+declare const Logo: FC<LogoProps>;
+
 interface StepProps {
     label: string;
     complete?: boolean;
@@ -414,8 +415,8 @@ interface ProgressBarProps {
     steps: StepProps[];
     showStepLine?: boolean;
 }
-declare const ProgressBar: FC<ProgressBarProps>;
-
+declare const ProgressBar: FC<ProgressBarProps>;
+
 interface ButtonProps {
     disabled?: boolean;
     children: string;
@@ -445,8 +446,8 @@ interface ModalProps extends AccessibleProps {
     /** Display steps at the top of the modal */
     steps?: StepProps[];
 }
-declare const Modal: FC<ModalProps>;
-
+declare const Modal: FC<ModalProps>;
+
 interface OptionProps$2 {
     label?: string;
     value: string | number;
@@ -466,8 +467,8 @@ interface MultiSelectProps extends AccessibleProps {
     style?: styleProps$1;
     searchable?: boolean;
 }
-declare const MultiSelect: FC<MultiSelectProps>;
-
+declare const MultiSelect: FC<MultiSelectProps>;
+
 interface TagProps extends AccessibleProps {
     /** It is used to select tag-type either default or removable. */
     color?: 'PRIMARY' | 'GREEN' | 'RED' | 'YELLOW' | 'BLACK' | 'SUBTLE_GRAY';
@@ -478,8 +479,8 @@ interface TagProps extends AccessibleProps {
     /** It is callback function called when user wants to close the tag. */
     removable?: boolean;
 }
-declare const Tag: FC<TagProps>;
-
+declare const Tag: FC<TagProps>;
+
 interface PageHeaderProps {
     title?: string;
     breadcrumbs?: Array<{
@@ -496,22 +497,25 @@ interface PageHeaderProps {
     }>;
     buttonMenu?: {
         disabled?: boolean;
+        enableClick?: boolean;
+        enableHover?: boolean;
         format?: 'primary' | 'secondary';
         icon?: string;
         label: string;
         menuItems: Array<MenuItemProps>;
+        show: true;
     };
     tag?: TagProps;
 }
-declare const PageHeader: FC<PageHeaderProps>;
-
+declare const PageHeader: FC<PageHeaderProps>;
+
 interface PaginationProps extends AccessibleProps {
     currentPage: number;
     onClick: (e?: any) => void;
     pageCount: number;
 }
-declare const Pagination: FC<PaginationProps>;
-
+declare const Pagination: FC<PaginationProps>;
+
 interface RadioProps extends AccessibleProps {
     /** It is used to give label to radio. */
     children: string | number;
@@ -528,8 +532,8 @@ interface RadioProps extends AccessibleProps {
     /** Display a tooltip next to the label */
     tooltip?: TooltipProps;
 }
-declare const Radio: FC<RadioProps>;
-
+declare const Radio: FC<RadioProps>;
+
 interface OptionProps$1 {
     label?: string;
     value: string | number;
@@ -540,8 +544,8 @@ interface RadioListProps extends AccessibleProps {
     options: OptionProps$1[];
     value: string;
 }
-declare const RadioList: FC<RadioListProps>;
-
+declare const RadioList: FC<RadioListProps>;
+
 interface OptionProps {
     /** It is used to give label to option. */
     label?: string;
@@ -576,8 +580,8 @@ interface SelectProps extends AccessibleProps {
     onChange: (e: any) => void;
     onSearch?: (searchTerm: string) => void;
 }
-declare const Select: FC<SelectProps>;
-
+declare const Select: FC<SelectProps>;
+
 interface RowObject {
     [key: string]: any;
 }
@@ -600,8 +604,8 @@ interface TableProps extends AccessibleProps {
     onSortChange?: (e?: any) => void;
     tableLayout?: string;
 }
-declare const Table: FC<TableProps>;
-
+declare const Table: FC<TableProps>;
+
 interface TabProps extends AccessibleProps {
     badgeCount?: number;
     errorBadge?: boolean;
@@ -612,32 +616,34 @@ interface TabProps extends AccessibleProps {
 interface TabsProps extends AccessibleProps {
     tabs: TabProps[];
 }
-declare const Tabs: FC<TabsProps>;
-
+declare const Tabs: FC<TabsProps>;
+
 interface ToggleProps extends AccessibleProps {
     /** It is used to check whether Toggle is checked or not */
     on: boolean;
     /** Pass a callback then fires when user change value */
     onClick: (e?: any) => void;
 }
-declare const Toggle: FC<ToggleProps>;
-
+declare const Toggle: FC<ToggleProps>;
+
 interface ZeroStateProps extends AccessibleProps {
     /** The SVG path of the icon to show */
     icon: string;
     /** It is used to give title. */
     title: string;
     /** It is used to give description. */
-    description?: string;
+    description?: string | React.ReactNode;
     /** It is used to pass object to button. */
     action?: {
         children: string;
         icon?: string;
         onClick: (e?: any) => void;
+        format?: 'primary' | 'secondary' | 'red' | 'green' | string;
+        disabled?: boolean;
     };
 }
-declare const ZeroState: FC<ZeroStateProps>;
-
+declare const ZeroState: FC<ZeroStateProps>;
+
 declare const getAgesFromDob: (dob: string) => {
     calculated_nearest_age: number | null;
     calculated_current_age: number | null;
@@ -651,8 +657,8 @@ declare const getYears: () => {
 declare const validateEmail: (email: string) => boolean;
 declare const validatePhone: (phone: string) => boolean;
 declare const formatAsPhone: (number: string) => string;
-declare const formatAsSsn: (number: string) => string;
-
+declare const formatAsSsn: (number: string) => string;
+
 declare const Colors: {
     PRIMARY: {
         Hex: string;
@@ -704,6 +710,6 @@ declare const EditableTheme: {
         Hex: string;
         Rgb: string;
     };
-};
-
-export { AccessibleProps, Accordion, ActionDialog, Alert, AppHeader, AppMenu, BulkActionBar, Button, ButtonMenu, Checkbox, Checklist, Colors, Copy, DatePicker, Drawer, EditableTheme, Field, FieldGroup, FileUpload, FontSizes, FontStyles, Heading, Input, Link, Loader, Logo, Modal, MoreMenu, MultiSelect, PageHeader, Pagination, ProgressBar, Radio, RadioList, Select, Table, Tabs, Tag, Toggle, Tooltip, ZeroState, formatAsPhone, formatAsSsn, getAgesFromDob, getDaysForMonth, getYears, validateEmail, validatePhone };
+};
+
+export { AccessibleProps, Accordion, ActionDialog, Alert, AppHeader, AppMenu, BulkActionBar, Button, ButtonMenu, Checkbox, Checklist, Colors, Copy, DatePicker, Drawer, EditableTheme, Field, FieldGroup, FileUpload, FontSizes, FontStyles, Heading, Input, Link, Loader, Logo, Modal, MoreMenu, MultiSelect, PageHeader, Pagination, ProgressBar, Radio, RadioList, Select, Table, Tabs, Tag, Toggle, Tooltip, ZeroState, formatAsPhone, formatAsSsn, getAgesFromDob, getDaysForMonth, getYears, validateEmail, validatePhone };

package/package.json

@@ -1,86 +1,86 @@
-{
-  "name": "@hexure/ui",
-  "version": "1.13.6",
-  "description": "A library of shared UI components used within Hexure products.",
-  "scripts": {
-    "rollup": "rollup -c rollup.config.mjs",
-    "test": "jest",
-    "prettier": "prettier --write src/",
-    "eslint": "eslint src/",
-    "eslint-fix": "eslint src/ --fix",
-    "test:watch": "jest --watch",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
-  },
-  "keywords": [
-    "hexure"
-  ],
-  "author": "Hexure",
-  "license": "ISC",
-  "devDependencies": {
-    "@babel/core": "^7.18.13",
-    "@babel/preset-env": "^7.18.10",
-    "@babel/preset-react": "^7.18.6",
-    "@babel/preset-typescript": "^7.18.6",
-    "@chromatic-com/storybook": "^1.6.1",
-    "@rollup/plugin-babel": "^6.0.3",
-    "@rollup/plugin-commonjs": "^25.0.0",
-    "@rollup/plugin-eslint": "^9.0.4",
-    "@rollup/plugin-node-resolve": "^15.0.2",
-    "@rollup/plugin-typescript": "^11.1.1",
-    "@storybook/addon-actions": "^8.2.4",
-    "@storybook/addon-controls": "^8.2.4",
-    "@storybook/addon-viewport": "^8.2.4",
-    "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
-    "@storybook/react": "^8.2.4",
-    "@storybook/react-webpack5": "^8.2.4",
-    "@storybook/test": "^8.2.4",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^12.1.5",
-    "@testing-library/user-event": "^14.4.3",
-    "@types/jest": "^29.0.3",
-    "@types/numeral": "^2.0.2",
-    "@types/react": "^18.2.33",
-    "@types/react-dom": "^18.2.14",
-    "@types/styled-components": "^5.1.26",
-    "@typescript-eslint/eslint-plugin": "^5.50.0",
-    "@typescript-eslint/parser": "^5.50.0",
-    "babel-jest": "^29.0.1",
-    "babel-loader": "^8.2.5",
-    "eslint": "^8.33.0",
-    "eslint-config-prettier": "^8.6.0",
-    "eslint-plugin-react": "^7.32.2",
-    "identity-obj-proxy": "^3.0.0",
-    "jest": "^29.0.1",
-    "jest-environment-jsdom": "^29.0.1",
-    "jsdom": "^20.0.0",
-    "prettier": "^2.8.3",
-    "react": "^16.14.0",
-    "react-dom": "^16.14.0",
-    "rollup": "^3.23.0",
-    "rollup-plugin-dts": "^5.3.0",
-    "storybook": "^8.2.4",
-    "typescript": "^4.8.2"
-  },
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "files": [
-    "dist"
-  ],
-  "types": "dist/index.d.ts",
-  "peerDependencies": {
-    "@mdi/font": ">=7.0.96",
-    "@mdi/js": ">=7.1.96",
-    "@mdi/react": ">=1.6.1",
-    "dayjs": "^1.11.8",
-    "moment": ">=2.29.4",
-    "numeral": ">=2.0.6",
-    "react": ">=16.14.0",
-    "react-dom": ">=16.14.0",
-    "styled-components": "^6.1.8"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://InsuranceTechnologies@dev.azure.com/InsuranceTechnologies/Enterprise/_git/InsTech.UI.Library"
-  }
+{
+  "name": "@hexure/ui",
+  "version": "1.13.8",
+  "description": "A library of shared UI components used within Hexure products.",
+  "scripts": {
+    "rollup": "rollup -c rollup.config.mjs",
+    "test": "jest",
+    "prettier": "prettier --write src/",
+    "eslint": "eslint src/",
+    "eslint-fix": "eslint src/ --fix",
+    "test:watch": "jest --watch",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "keywords": [
+    "hexure"
+  ],
+  "author": "Hexure",
+  "license": "ISC",
+  "devDependencies": {
+    "@babel/core": "^7.18.13",
+    "@babel/preset-env": "^7.18.10",
+    "@babel/preset-react": "^7.18.6",
+    "@babel/preset-typescript": "^7.18.6",
+    "@chromatic-com/storybook": "^1.6.1",
+    "@rollup/plugin-babel": "^6.0.3",
+    "@rollup/plugin-commonjs": "^25.0.0",
+    "@rollup/plugin-eslint": "^9.0.4",
+    "@rollup/plugin-node-resolve": "^15.0.2",
+    "@rollup/plugin-typescript": "^11.1.1",
+    "@storybook/addon-actions": "^8.2.4",
+    "@storybook/addon-controls": "^8.2.4",
+    "@storybook/addon-viewport": "^8.2.4",
+    "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
+    "@storybook/react": "^8.2.4",
+    "@storybook/react-webpack5": "^8.2.4",
+    "@storybook/test": "^8.2.4",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^12.1.5",
+    "@testing-library/user-event": "^14.4.3",
+    "@types/jest": "^29.0.3",
+    "@types/numeral": "^2.0.2",
+    "@types/react": "^18.2.33",
+    "@types/react-dom": "^18.2.14",
+    "@types/styled-components": "^5.1.26",
+    "@typescript-eslint/eslint-plugin": "^5.50.0",
+    "@typescript-eslint/parser": "^5.50.0",
+    "babel-jest": "^29.0.1",
+    "babel-loader": "^8.2.5",
+    "eslint": "^8.33.0",
+    "eslint-config-prettier": "^8.6.0",
+    "eslint-plugin-react": "^7.32.2",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^29.0.1",
+    "jest-environment-jsdom": "^29.0.1",
+    "jsdom": "^20.0.0",
+    "prettier": "^2.8.3",
+    "react": "^16.14.0",
+    "react-dom": "^16.14.0",
+    "rollup": "^3.23.0",
+    "rollup-plugin-dts": "^5.3.0",
+    "storybook": "^8.2.4",
+    "typescript": "^4.8.2"
+  },
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "files": [
+    "dist"
+  ],
+  "types": "dist/index.d.ts",
+  "peerDependencies": {
+    "@mdi/font": ">=7.0.96",
+    "@mdi/js": ">=7.1.96",
+    "@mdi/react": ">=1.6.1",
+    "dayjs": "^1.11.8",
+    "moment": ">=2.29.4",
+    "numeral": ">=2.0.6",
+    "react": ">=16.14.0",
+    "react-dom": ">=16.14.0",
+    "styled-components": "^6.1.8"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://InsuranceTechnologies@dev.azure.com/InsuranceTechnologies/Enterprise/_git/InsTech.UI.Library"
+  }
 }