@hexure/ui 1.2.0 → 1.3.2

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

@@ -1,11 +1,17 @@
 import { FC } from 'react';
 import { AccessibleProps } from '../../utils/Accessibility';
+export interface ActionProps extends AccessibleProps {
+    label: string;
+    onClick: (e?: any) => void;
+}
 export interface AlertProps extends AccessibleProps {
     type?: 'info' | 'error' | 'warning' | 'success';
     /** It is used to add title to alert. */
     title: string;
     /** It is used to add description to alert. */
     description: string;
+    /** Display a link to display below the description */
+    action?: ActionProps;
 }
 declare const Alert: FC<AlertProps>;
 export default Alert;

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

@@ -1,19 +1,24 @@
 import { FC } from 'react';
 import { AccessibleProps } from '../../utils/Accessibility';
 export interface ButtonProps extends AccessibleProps {
+    /** Display a number badge on the right side of the button */
+    badge?: number;
     /** Define the button label. */
     children?: string;
     /** If enabled, the button will be disabled */
     disabled?: boolean;
     /** The SVG path of the icon to show */
     icon?: string;
+    /** Adjust the button to work within a <form> tag. Ignores onClick, sets type='form'  */
+    isForm?: boolean;
+    /** Set the margin of the button as needed */
     margin?: string;
     /** Prop to pass a that fires when the user does a click. */
     onClick?: (e?: any) => void;
     /** If enabled, the small button format will be used. */
     small?: boolean;
-    /** Define which button type to display. By default the Primary button will be used.  */
-    type?: 'primary' | 'secondary' | 'red';
+    /** Define which button format to display. By default the Primary button will be used.  */
+    format?: 'primary' | 'secondary' | 'red';
 }
 declare const Button: FC<ButtonProps>;
 export default Button;

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

@@ -0,0 +1,27 @@
+import { FC } from 'react';
+import { AccessibleProps } from '../../utils/Accessibility';
+export interface DateProps extends AccessibleProps {
+    /** If it's value is true then select is disabled. */
+    readOnly?: boolean;
+    /** It is used to show error messages when it's value is false. */
+    invalid?: boolean;
+    /** It is used to set maxxiumum year. */
+    maxYear?: number;
+    /** It is used to set minumum year. */
+    minYear?: number;
+    /** It is used to set the date. */
+    date?: {
+        month: number;
+        day: number;
+        year: number;
+    };
+    /** It is used to read value for border rasius & flex grow */
+    style?: {
+        borderRadius?: string;
+        flexGrow?: number;
+    };
+    /** It is used to get selected value */
+    onChange: (e: any) => void;
+}
+declare const DatePicker: FC<DateProps>;
+export default DatePicker;

package/dist/esm/types/components/DatePicker/DatePicker.stories.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<React.FC<import("./DatePicker").DateProps>>;
+export default _default;
+export declare const _DatePicker: ComponentStory<React.FC<import("./DatePicker").DateProps>>;

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

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

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

@@ -3,6 +3,7 @@ import { AccessibleProps } from '../../utils/Accessibility';
 export interface InputProps extends AccessibleProps {
     format?: 'phone' | 'currency' | 'currency_decimal' | 'ssn';
     height?: string;
+    suffix?: string;
     invalid?: boolean;
     max?: number;
     maxLength?: number;

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

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { AccessibleProps } from '../../utils/Accessibility';
+export interface LogoProps extends AccessibleProps {
+    type?: 'mark_red' | 'mark_white' | 'standard_white' | 'standard_black' | 'standard_full' | 'standard_reversed';
+    height?: string;
+}
+export interface colorProps {
+    fill_1: string;
+    fill_2: string;
+    fill_3: string;
+}
+export interface colorObj {
+    [key: string]: colorProps;
+}
+declare const Logo: FC<LogoProps>;
+export default Logo;

package/dist/esm/types/components/Logo/Logo.stories.d.ts

@@ -0,0 +1,5 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+import React from 'react';
+declare const _default: ComponentMeta<React.FC<import("./Logo").LogoProps>>;
+export default _default;
+export declare const _Logo: ComponentStory<React.FC<import("./Logo").LogoProps>>;

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

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

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

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { AccessibleProps } from '../../utils/Accessibility';
+interface MenuItemProps extends AccessibleProps {
+    icon?: string;
+    label?: string;
+    onClick: (e?: any) => void;
+}
+export interface MoreMenuProps extends AccessibleProps {
+    menuItems: MenuItemProps[];
+    maxHeight: string | number;
+}
+declare const MoreMenu: FC<MoreMenuProps>;
+export default MoreMenu;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<React.FC<import("./MoreMenu").MoreMenuProps>>;
+export default _default;
+export declare const _MoreMenu: ComponentStory<React.FC<import("./MoreMenu").MoreMenuProps>>;

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

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

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

@@ -10,6 +10,10 @@ export interface OptionGroupProps {
     options: OptionProps[];
     label: string;
 }
+export interface styleProps {
+    borderRadius?: string;
+    flexGrow?: number;
+}
 export interface SelectProps extends AccessibleProps {
     /** It is used to give options from which value is selected. */
     options?: OptionProps[];
@@ -21,6 +25,11 @@ export interface SelectProps extends AccessibleProps {
     invalid?: boolean;
     /** It is used to read value for selected option. */
     value: string;
+    /** It is used to read value for border rasius & flex grow */
+    style?: {
+        borderRadius?: string;
+        flexGrow?: number;
+    };
     /** It is used to change value when an option is clicked. */
     onChange: (e: any) => void;
 }

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

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+import { AccessibleProps } from '../../utils/Accessibility';
+export 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;
+    /** It is used to pass object to button. */
+    action?: {
+        children: string;
+        icon?: string;
+        onClick: (e?: any) => void;
+    };
+}
+declare const ZeroState: FC<ZeroStateProps>;
+export default ZeroState;

package/dist/esm/types/components/ZeroState/ZeroState.stories.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<React.FC<import("./ZeroState").ZeroStateProps>>;
+export default _default;
+export declare const _ZeroState: ComponentStory<React.FC<import("./ZeroState").ZeroStateProps>>;

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

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

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

@@ -11,6 +11,7 @@ export { default as Field } from './components/Field';
 export { default as Heading } from './components/Heading';
 export { default as Input } from './components/Input';
 export { default as Modal } from './components/Modal';
+export { default as MoreMenu } from './components/MoreMenu';
 export { default as MultiSelect } from './components/MultiSelect';
 export { default as Pagination } from './components/Pagination';
 export { default as Radio } from './components/Radio';
@@ -20,3 +21,4 @@ export { default as Table } from './components/Table';
 export { default as Tabs } from './components/Tabs';
 export { default as Tag } from './components/Tag';
 export { default as Toggle } from './components/Toggle';
+export { default as ZeroState } from './components/ZeroState';

package/dist/index.d.ts

@@ -43,12 +43,18 @@ interface ActionDialogProps extends AccessibleProps {
 }
 declare const ActionDialog: FC<ActionDialogProps>;
 
+interface ActionProps$1 extends AccessibleProps {
+    label: string;
+    onClick: (e?: any) => void;
+}
 interface AlertProps extends AccessibleProps {
     type?: 'info' | 'error' | 'warning' | 'success';
     /** It is used to add title to alert. */
     title: string;
     /** It is used to add description to alert. */
     description: string;
+    /** Display a link to display below the description */
+    action?: ActionProps$1;
 }
 declare const Alert: FC<AlertProps>;
 
@@ -67,19 +73,24 @@ interface BulkActionBarProps extends AccessibleProps {
 declare const BulkActionBar: FC<BulkActionBarProps>;
 
 interface ButtonProps$2 extends AccessibleProps {
+    /** Display a number badge on the right side of the button */
+    badge?: number;
     /** Define the button label. */
     children?: string;
     /** If enabled, the button will be disabled */
     disabled?: boolean;
     /** The SVG path of the icon to show */
     icon?: string;
+    /** Adjust the button to work within a <form> tag. Ignores onClick, sets type='form'  */
+    isForm?: boolean;
+    /** Set the margin of the button as needed */
     margin?: string;
     /** Prop to pass a that fires when the user does a click. */
     onClick?: (e?: any) => void;
     /** If enabled, the small button format will be used. */
     small?: boolean;
-    /** Define which button type to display. By default the Primary button will be used.  */
-    type?: 'primary' | 'secondary' | 'red';
+    /** Define which button format to display. By default the Primary button will be used.  */
+    format?: 'primary' | 'secondary' | 'red';
 }
 declare const Button: FC<ButtonProps$2>;
 
@@ -187,6 +198,7 @@ declare const Heading: FC<HeadingProps>;
 interface InputProps extends AccessibleProps {
     format?: 'phone' | 'currency' | 'currency_decimal' | 'ssn';
     height?: string;
+    suffix?: string;
     invalid?: boolean;
     max?: number;
     maxLength?: number;
@@ -223,6 +235,17 @@ 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;
@@ -291,6 +314,11 @@ interface SelectProps extends AccessibleProps {
     invalid?: boolean;
     /** It is used to read value for selected option. */
     value: string;
+    /** It is used to read value for border rasius & flex grow */
+    style?: {
+        borderRadius?: string;
+        flexGrow?: number;
+    };
     /** It is used to change value when an option is clicked. */
     onChange: (e: any) => void;
 }
@@ -348,4 +376,20 @@ interface ToggleProps extends AccessibleProps {
 }
 declare const Toggle: FC<ToggleProps>;
 
-export { Accordion, ActionDialog, Alert, BulkActionBar, Button, Checkbox, Checklist, Copy, Drawer, Field, Heading, Input, Modal, MultiSelect, Pagination, Radio, RadioList, Select, Table, Tabs, Tag, Toggle };
+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;
+    /** It is used to pass object to button. */
+    action?: {
+        children: string;
+        icon?: string;
+        onClick: (e?: any) => void;
+    };
+}
+declare const ZeroState: FC<ZeroStateProps>;
+
+export { Accordion, ActionDialog, Alert, BulkActionBar, Button, Checkbox, Checklist, Copy, Drawer, Field, Heading, Input, Modal, MoreMenu, MultiSelect, Pagination, Radio, RadioList, Select, Table, Tabs, Tag, Toggle, ZeroState };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hexure/ui",
-  "version": "1.2.0",
+  "version": "1.3.2",
   "description": "A library of shared UI components used within Hexure products.",
   "scripts": {
     "rollup": "rollup -c rollup.config.mjs",
@@ -69,21 +69,22 @@
     "@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",
     "styled-components": "^5.3.6"
   },
   "peerDependencies": {
-    "react": ">=16.14.0",
-    "react-dom": ">=16.14.0",
     "@mdi/font": ">=7.0.96",
     "@mdi/js": ">=7.1.96",
     "@mdi/react": ">=1.6.1",
     "moment": ">=2.29.4",
-    "numeral": ">=2.0.6"
+    "numeral": ">=2.0.6",
+    "react": ">=16.14.0",
+    "react-dom": ">=16.14.0"
   },
   "repository": {
     "type": "git",
     "url": "https://InsuranceTechnologies@dev.azure.com/InsuranceTechnologies/Enterprise/_git/InsTech.UI.Library"
   }
-}
+}