@hexure/ui 1.0.3 → 1.1.0

package/dist/cjs/types/components/Alert/Alert.stories.d.ts

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

package/dist/cjs/types/components/Alert/index.d.ts

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

package/dist/cjs/types/components/BulkActionBar/BulkActionBar.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { AccessibleProps } from '../../utils/Accessibility';
+interface ButtonProps {
+    children: string;
+    onClick: (e?: any) => void;
+    type?: 'primary' | 'secondary';
+    icon?: string;
+}
+export interface BulkActionBarProps extends AccessibleProps {
+    actions?: ButtonProps[];
+    errorMsg?: string;
+    onClear: (e?: any) => void;
+    selectedCount?: number;
+}
+declare const BulkActionBar: FC<BulkActionBarProps>;
+export default BulkActionBar;

package/dist/cjs/types/components/BulkActionBar/BulkActionBar.stories.d.ts

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

package/dist/cjs/types/components/BulkActionBar/index.d.ts

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

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

@@ -0,0 +1,19 @@
+import { FC } from 'react';
+import { AccessibleProps } from '../../utils/Accessibility';
+export interface ButtonProps extends AccessibleProps {
+    /** 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;
+    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';
+}
+declare const Button: FC<ButtonProps>;
+export default Button;

package/dist/cjs/types/components/Button/Button.stories.d.ts

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

package/dist/cjs/types/components/Button/index.d.ts

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

package/dist/cjs/types/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { AccessibleProps } from '../../utils/Accessibility';
+export interface CheckboxProps extends AccessibleProps {
+    /** It is used to give label to checkbox. */
+    children?: string;
+    /** It is used to disable checkbox. */
+    disabled?: boolean;
+    /** If it's value id true then checkbox is default checked. */
+    checked?: boolean;
+    /** It is used to change value of checkbox. */
+    onChange: (e?: any) => void;
+}
+declare const Checkbox: FC<CheckboxProps>;
+export default Checkbox;

package/dist/cjs/types/components/Checkbox/Checkbox.stories.d.ts

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

package/dist/cjs/types/components/Checkbox/index.d.ts

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

package/dist/cjs/types/components/Checklist/Checklist.d.ts

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+import { AccessibleProps } from '../../utils/Accessibility';
+interface OptionProps {
+    label?: string;
+    value: string | number;
+}
+export interface ChecklistProps extends AccessibleProps {
+    disabled?: boolean;
+    onChange: (e: any) => void;
+    options: OptionProps[];
+    selected: (string | number)[];
+    showSelectAll?: boolean;
+}
+declare const Checklist: FC<ChecklistProps>;
+export default Checklist;

package/dist/cjs/types/components/Checklist/Checklist.stories.d.ts

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

package/dist/cjs/types/components/Checklist/index.d.ts

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

package/dist/cjs/types/components/Copy/Copy.d.ts

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+import { AccessibleProps } from '../../utils/Accessibility';
+export interface CopyProps extends AccessibleProps {
+    /** Set the text to be displayed */
+    children: string;
+    align?: string;
+    /** Set the margin on the element */
+    margin?: string;
+    /** Set the padding on the element */
+    padding?: string;
+    /** Set the type of copy to display */
+    type?: 'default' | 'bold' | 'italic' | 'underline' | 'line-through' | 'small';
+}
+declare const Copy: FC<CopyProps>;
+export default Copy;

package/dist/cjs/types/components/Copy/Copy.stories.d.ts

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

package/dist/cjs/types/components/Copy/index.d.ts

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

package/dist/cjs/types/components/Field/Field.d.ts

@@ -0,0 +1,23 @@
+import { FC, ReactNode } from 'react';
+import { AccessibleProps } from '../../utils/Accessibility';
+interface ActionProps {
+    label: string;
+    onClick: (e?: any) => void;
+}
+export interface FieldProps extends AccessibleProps {
+    action?: ActionProps;
+    margin?: string;
+    required?: boolean;
+    /** Tie the field label to the nested input. This should match the name defined on the input */
+    htmlFor?: string;
+    /** It is used to pass child nodes, string values and number as child components. */
+    children: ReactNode;
+    /** It is used to show error message when an error is occurred. */
+    validationText?: string;
+    /** It is used to give label to input. */
+    label: string;
+    /** It is used to give description to input. */
+    description?: string;
+}
+declare const Field: FC<FieldProps>;
+export default Field;

package/dist/cjs/types/components/Field/Field.stories.d.ts

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

package/dist/cjs/types/components/Field/index.d.ts

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

package/dist/cjs/types/components/Heading/Heading.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { AccessibleProps } from '../../utils/Accessibility';
+export interface HeadingProps extends AccessibleProps {
+    /** Toggle between bold and normal font weights */
+    bold?: boolean;
+    /** Set the text to be displayed */
+    children: string;
+    /** Set the margin on the element */
+    margin?: string;
+    /** Set the padding on the element */
+    padding?: string;
+    /** Set the type of heading to display: primary, secondary, tertiary  */
+    type?: 'primary' | 'secondary' | 'tertiary';
+}
+declare const Heading: FC<HeadingProps>;
+export default Heading;

package/dist/cjs/types/components/Heading/Heading.stories.d.ts

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

package/dist/cjs/types/components/Heading/index.d.ts

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

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

@@ -0,0 +1,20 @@
+import { FC } from 'react';
+import { AccessibleProps } from '../../utils/Accessibility';
+export interface InputProps extends AccessibleProps {
+    format?: 'phone' | 'currency' | 'currency_decimal' | 'ssn';
+    height?: string;
+    invalid?: boolean;
+    max?: number;
+    maxLength?: number;
+    min?: number;
+    onBlur?: (e?: any) => void;
+    onChange?: (e?: any) => void;
+    onKeyDown?: (e?: any) => void;
+    placeholder?: string;
+    readOnly?: boolean;
+    step?: number;
+    type?: 'email' | 'number' | 'password' | 'tel' | 'text' | 'url' | 'textarea';
+    value?: string;
+}
+declare const Input: FC<InputProps>;
+export default Input;

package/dist/cjs/types/components/Input/Input.stories.d.ts

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

package/dist/cjs/types/components/Input/index.d.ts

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

package/dist/cjs/types/components/Modal/Modal.d.ts

@@ -0,0 +1,23 @@
+import { FC, ReactNode } from 'react';
+import { AccessibleProps } from '../../utils/Accessibility';
+interface ButtonProps {
+    disabled: boolean;
+    children: string;
+    icon?: string;
+    onClick: (e?: any) => void;
+    tabIndex?: number;
+}
+export interface ModalProps extends AccessibleProps {
+    primaryButton: ButtonProps;
+    secondaryButton: ButtonProps;
+    tertiaryButton: ButtonProps;
+    maxWidth?: string | number;
+    /** It is used to pass child nodes, string values and number as child components. */
+    children: ReactNode;
+    /** It is used to give title. */
+    title: string;
+    /**  It is used to close modal. */
+    onClose: (e?: any) => void;
+}
+declare const Modal: FC<ModalProps>;
+export default Modal;

package/dist/cjs/types/components/Modal/Modal.stories.d.ts

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

package/dist/cjs/types/components/Modal/index.d.ts

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

package/dist/cjs/types/components/Multiselect/MultiSelect.d.ts

@@ -0,0 +1,17 @@
+import { FC } from 'react';
+import { AccessibleProps } from '../../utils/Accessibility';
+export interface OptionProps {
+    label?: string;
+    value: string | number;
+}
+export interface MultiSelectProps extends AccessibleProps {
+    readOnly?: boolean;
+    displayCount?: number;
+    invalid?: boolean;
+    onChange: (e?: any) => void;
+    options?: OptionProps[];
+    selected: (string | number)[];
+    showSelectAll?: boolean;
+}
+declare const MultiSelect: FC<MultiSelectProps>;
+export default MultiSelect;

package/dist/cjs/types/components/Multiselect/MultiSelect.stories.d.ts

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

package/dist/cjs/types/components/Multiselect/index.d.ts

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

package/dist/cjs/types/components/Pagination/Pagination.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { AccessibleProps } from '../../utils/Accessibility';
+export interface PaginationProps extends AccessibleProps {
+    currentPage: number;
+    onClick: (e?: any) => void;
+    pageCount: number;
+}
+declare const Pagination: FC<PaginationProps>;
+export default Pagination;

package/dist/cjs/types/components/Pagination/Pagination.stories.d.ts

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

package/dist/cjs/types/components/Pagination/index.d.ts

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

package/dist/cjs/types/components/Radio/Radio.d.ts

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+import { AccessibleProps } from '../../utils/Accessibility';
+export interface RadioProps extends AccessibleProps {
+    /** It is used to give label to radio. */
+    children: string | number;
+    /** It is used to disable radio. */
+    disabled?: boolean;
+    /** If it's value id true then radio is default checked. */
+    checked?: boolean;
+    /** It is used to change value of radio. */
+    onChange: (e?: any) => void;
+    value: string | number;
+}
+declare const Radio: FC<RadioProps>;
+export default Radio;

package/dist/cjs/types/components/Radio/Radio.stories.d.ts

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

package/dist/cjs/types/components/Radio/index.d.ts

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

package/dist/cjs/types/components/RadioList/RadioList.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { AccessibleProps } from '../../utils/Accessibility';
+interface OptionProps {
+    label?: string;
+    value: string | number;
+}
+export interface RadioListProps extends AccessibleProps {
+    disabled?: boolean;
+    onChange: (e: any) => void;
+    options: OptionProps[];
+    value: string;
+}
+declare const RadioList: FC<RadioListProps>;
+export default RadioList;

package/dist/cjs/types/components/RadioList/RadioList.stories.d.ts

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

package/dist/cjs/types/components/RadioList/index.d.ts

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

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

@@ -0,0 +1,28 @@
+import { FC } from 'react';
+import { AccessibleProps } from '../../utils/Accessibility';
+export interface OptionProps {
+    /** It is used to give label to option. */
+    label: string;
+    /** It is used to give value to option. */
+    value: string | number;
+}
+export interface OptionGroupProps {
+    options: OptionProps[];
+    label: string;
+}
+export interface SelectProps extends AccessibleProps {
+    /** It is used to give options from which value is selected. */
+    options?: OptionProps[];
+    optionGroups?: OptionGroupProps[];
+    placeholder?: string;
+    /** 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 read value for selected option. */
+    value: string;
+    /** It is used to change value when an option is clicked. */
+    onChange: (e: any) => void;
+}
+declare const Select: FC<SelectProps>;
+export default Select;

package/dist/cjs/types/components/Select/Select.stories.d.ts

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

package/dist/cjs/types/components/Select/index.d.ts

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

package/dist/cjs/types/components/Table/Table.d.ts

@@ -0,0 +1,25 @@
+import React, { FC } from 'react';
+import { AccessibleProps } from '../../utils/Accessibility';
+interface RowObject {
+    [key: string]: any;
+}
+interface ColumnProps {
+    id: string;
+    isSortable?: boolean;
+    label: React.ReactNode;
+    render?: (row: RowObject) => void;
+    sortBy?: (row: RowObject) => void;
+    width?: string | number;
+}
+export interface TableProps extends AccessibleProps {
+    columns: ColumnProps[];
+    data: object[];
+    sortBy?: string;
+    sortDirection?: string;
+    hideHeaders?: boolean;
+    onRowClick?: (e?: any) => void;
+    onSortChange?: (e?: any) => void;
+    tableLayout?: string;
+}
+declare const Table: FC<TableProps>;
+export default Table;

package/dist/cjs/types/components/Table/Table.stories.d.ts

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

package/dist/cjs/types/components/Table/index.d.ts

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

package/dist/cjs/types/components/Tabs/Tabs.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { AccessibleProps } from '../../utils/Accessibility';
+interface TabProps extends AccessibleProps {
+    label: string;
+    onClick: (e?: any) => void;
+    isActive?: boolean;
+}
+export interface TabsProps extends AccessibleProps {
+    tabs: TabProps[];
+}
+declare const Tabs: FC<TabsProps>;
+export default Tabs;

package/dist/cjs/types/components/Tabs/Tabs.stories.d.ts

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

package/dist/cjs/types/components/Tabs/index.d.ts

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

package/dist/cjs/types/components/Tag/Tag.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { AccessibleProps } from '../../utils/Accessibility';
+export interface TagProps extends AccessibleProps {
+    /** It is used to select tag-type either default or removable. */
+    color?: 'PRIMARY' | 'GREEN' | 'RED' | 'YELLOW' | 'BLACK';
+    /** It is used to give label to tag. */
+    children: string | number;
+    onClick?: (e?: any) => void;
+    /** It is callback function called when user wants to close the tag. */
+    removable?: boolean;
+}
+declare const Tag: FC<TagProps>;
+export default Tag;

package/dist/cjs/types/components/Tag/Tag.stories.d.ts

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

package/dist/cjs/types/components/Tag/index.d.ts

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

package/dist/cjs/types/components/Toggle/Toggle.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { AccessibleProps } from '../../utils/Accessibility';
+export 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>;
+export default Toggle;

package/dist/cjs/types/components/Toggle/Toggle.stories.d.ts

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

package/dist/cjs/types/components/Toggle/index.d.ts

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

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

@@ -0,0 +1,21 @@
+export { default as Accordion } from './components/Accordion';
+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 Checkbox } from './components/Checkbox';
+export { default as Checklist } from './components/Checklist';
+export { default as Copy } from './components/Copy';
+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 MultiSelect } from './components/MultiSelect';
+export { default as Pagination } from './components/Pagination';
+export { default as Radio } from './components/Radio';
+export { default as RadioList } from './components/RadioList';
+export { default as Select } from './components/Select';
+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';

package/dist/cjs/types/utils/Accessibility.d.ts

@@ -0,0 +1,14 @@
+export interface AccessibleProps {
+    /** Set the css id for the main wrapping html element */
+    id?: string;
+    /** Set the css class for the main wrapping html element */
+    class?: string;
+    /** Set the name attrbute on the main wrapping html element */
+    name?: string;
+    /** Set the role of the main wrapping html element. See https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques */
+    role?: string;
+    /** Set the order in which this element is focused. See https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex */
+    tabIndex?: number;
+    /** Set a label for an interactive element. See https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label */
+    ariaLabel?: string;
+}

package/dist/cjs/types/utils/Form.d.ts

@@ -0,0 +1,14 @@
+export declare const getAgesFromDob: (dob: string) => {
+    calculated_nearest_age: number | null;
+    calculated_current_age: number | null;
+};
+export declare const getDaysForMonth: (month: number) => {
+    value: number;
+}[];
+export declare const getYears: () => {
+    value: number;
+}[];
+export declare const validateEmail: (email: string) => boolean;
+export declare const validatePhone: (phone: string) => boolean;
+export declare const formatAsPhone: (number: string) => string;
+export declare const formatAsSsn: (number: string) => string;