kompoze 1.0.0

package/dist/components/Slider/Slider.types.d.ts

@@ -0,0 +1,27 @@
+export interface SliderProps extends React.HTMLAttributes<HTMLDivElement> {
+    selected?: number;
+    loop?: boolean;
+    showArrows?: boolean;
+    showNav?: boolean;
+    navPosition?: 'top' | 'bottom';
+    autoTransition?: boolean;
+    autoTransitionDelay?: number;
+    classList?: {
+        navClass?: string;
+        navBtnClass?: string;
+        navBtnActiveClass?: string;
+        containerClass?: string;
+        slidesContainerClass?: string;
+    };
+    highlightVisited?: boolean;
+    onSlideChange?: (index: number) => void;
+}
+export interface ISliderData {
+    dragStart: number;
+    index: number;
+    lastIndex: number;
+    transition: boolean;
+    dragStartTime: Date;
+    slideWidth: number;
+}
+export type UIDomEvent = React.MouseEvent & React.TouchEvent;

package/dist/components/Slider/index.d.ts

@@ -0,0 +1 @@
+export * from './Slider';

package/dist/components/Snackbar/Snackbar.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { SnackbarProps } from './Snackbar.types';
+export declare const Snackbar: React.FC<SnackbarProps>;

package/dist/components/Snackbar/Snackbar.stories.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export declare const Simple: React.FC<{}>;
+export declare const WithAdornment: React.FC<{}>;
+declare const _default: {
+    title: string;
+    component: React.FC<import('./Snackbar.types').SnackbarProps>;
+};
+export default _default;

package/dist/components/Snackbar/Snackbar.types.d.ts

@@ -0,0 +1,8 @@
+export type SnackExitReason = 'timeout' | 'clickaway';
+export interface SnackbarProps extends React.HTMLAttributes<HTMLDivElement> {
+    action?: React.ReactNode;
+    autoHide?: boolean;
+    autoHideDuration?: number;
+    startAdornment?: React.ReactNode;
+    onExit?: (e: React.SyntheticEvent<any>, reason?: SnackExitReason) => void;
+}

package/dist/components/Snackbar/index.d.ts

@@ -0,0 +1 @@
+export * from './Snackbar';

package/dist/components/Spinner/Spinner.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { SpinnerProps } from './Spinner.types';
+export declare const Spinner: React.FC<SpinnerProps>;

package/dist/components/Spinner/Spinner.stories.d.ts

@@ -0,0 +1,14 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import('react').FC<import('./Spinner.types').SpinnerProps>;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Simple: Story;
+export declare const WithSize: Story;
+export declare const WithStrokeWidth: Story;
+export declare const WithCustomDuration: Story;

package/dist/components/Spinner/Spinner.types.d.ts

@@ -0,0 +1,6 @@
+export interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {
+    size?: number;
+    color?: string;
+    duration?: number;
+    strokeWidth?: number;
+}

package/dist/components/Spinner/index.d.ts

@@ -0,0 +1 @@
+export * from './Spinner';

package/dist/components/StatusBanner/SatusBanner.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import('react').FC<import('./StatusBanner.types').StatusBannerProps>;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Simple: Story;
+export declare const Success: Story;
+export declare const Failure: Story;

package/dist/components/StatusBanner/StatusBanner.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { StatusBannerProps } from './StatusBanner.types';
+export declare const StatusBanner: React.FC<StatusBannerProps>;

package/dist/components/StatusBanner/StatusBanner.types.d.ts

@@ -0,0 +1,7 @@
+export interface StatusBannerProps extends React.HTMLAttributes<HTMLSpanElement> {
+    type: 'success' | 'failure';
+    heading: string;
+    messageL1: string;
+    messageL2?: string;
+    dateTime?: string;
+}

package/dist/components/StatusBanner/index.d.ts

@@ -0,0 +1 @@
+export * from './StatusBanner';

package/dist/components/Switch/Switch.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { SwitchProps } from './Switch.types';
+export declare const Switch: React.FC<SwitchProps>;

package/dist/components/Switch/Switch.stories.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export declare const Simple: React.FC<{}>;
+export declare const SmallSize: React.FC<{}>;
+declare const _default: {
+    title: string;
+    component: React.FC<import('./Switch.types').SwitchProps>;
+};
+export default _default;

package/dist/components/Switch/Switch.types.d.ts

@@ -0,0 +1,12 @@
+export interface SizeProps {
+    size?: 'small' | 'medium';
+}
+export interface SwitchProps extends React.HTMLAttributes<HTMLDivElement> {
+    onChange?(e: React.ChangeEvent<HTMLInputElement>): void;
+    id: string;
+    disabled?: boolean;
+    size?: SizeProps['size'];
+    checked?: boolean;
+    required?: boolean;
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+}

package/dist/components/Switch/index.d.ts

@@ -0,0 +1 @@
+export * from './Switch';

package/dist/components/Tab/Tab.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { TabProps } from './Tab.types';
+export declare const Tab: React.FC<TabProps>;

package/dist/components/Tab/Tab.types.d.ts

@@ -0,0 +1,5 @@
+export interface TabProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    isActive?: boolean;
+    label?: string;
+    index?: number;
+}

package/dist/components/Tab/index.d.ts

@@ -0,0 +1 @@
+export * from './Tab';

package/dist/components/TabHeader/TabHeader.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { TabHeaderProps } from './TabHeader.types';
+export declare const TabHeader: React.FC<TabHeaderProps>;

package/dist/components/TabHeader/TabHeader.types.d.ts

@@ -0,0 +1,8 @@
+import { OkElement } from '../../utils/utils.types';
+export interface TabHeaderProps extends React.HTMLAttributes<HTMLDivElement>, OkElement {
+    value?: number | 0;
+    onChange: (event: React.SyntheticEvent, value?: any) => void;
+}
+export interface TabHighlightProps extends React.HTMLAttributes<HTMLSpanElement> {
+    value?: number | 0;
+}

package/dist/components/TabHeader/index.d.ts

@@ -0,0 +1 @@
+export * from './TabHeader';

package/dist/components/TabPanel/TabPanel.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { TabPanelProps } from './TabPanel.types';
+export declare const TabPanel: React.FC<TabPanelProps>;

package/dist/components/TabPanel/TabPanel.stories.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export declare const Simple: React.FC<{}>;
+declare const _default: {
+    title: string;
+    component: React.FC<{}>;
+};
+export default _default;

package/dist/components/TabPanel/TabPanel.types.d.ts

@@ -0,0 +1,3 @@
+export interface TabPanelProps extends React.HTMLAttributes<HTMLDivElement> {
+    index?: number;
+}

package/dist/components/TabPanel/index.d.ts

@@ -0,0 +1 @@
+export * from './TabPanel';

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

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { TableProps } from './Table.types';
+export declare const Table: React.FC<TableProps>;

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

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export declare const SimpleTable: React.FC<{}>;
+export declare const TableWithSorting: React.FC<{}>;
+declare const _default: {
+    title: string;
+    component: React.FC<import('./Table.types').TableProps>;
+};
+export default _default;

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

@@ -0,0 +1,4 @@
+export interface TableProps extends React.HTMLAttributes<HTMLTableElement> {
+    dense?: boolean;
+    hasStickyHeader?: boolean;
+}

package/dist/components/Table/TableContext.d.ts

@@ -0,0 +1 @@
+export declare const TableContext: import('react').Context<{}>;

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

@@ -0,0 +1 @@
+export * from './Table';

package/dist/components/TableBody/TableBody.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { TableBodyProps } from './TableBody.types';
+export declare const TableBody: React.FC<TableBodyProps>;

package/dist/components/TableBody/TableBody.types.d.ts

@@ -0,0 +1,2 @@
+export interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+}

package/dist/components/TableBody/index.d.ts

@@ -0,0 +1 @@
+export * from './TableBody';

package/dist/components/TableCell/TableCell.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { TableCellProps } from './TableCell.types';
+import { AuxiliaryProps } from '../../utils/utils.types';
+export declare const TableCell: <C extends React.ElementType>({ component, children, className, align, ...restProps }: AuxiliaryProps<C, TableCellProps>) => JSX.Element;

package/dist/components/TableCell/TableCell.types.d.ts

@@ -0,0 +1,3 @@
+export interface TableCellProps {
+    align?: string;
+}

package/dist/components/TableCell/index.d.ts

@@ -0,0 +1 @@
+export * from './TableCell';

package/dist/components/TableHead/TableHead.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { TableHeadProps } from './TableHead.types';
+export declare const TableHead: React.FC<TableHeadProps>;

package/dist/components/TableHead/TableHead.types.d.ts

@@ -0,0 +1,2 @@
+export interface TableHeadProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+}

package/dist/components/TableHead/index.d.ts

@@ -0,0 +1 @@
+export * from './TableHead';

package/dist/components/TableRow/TableRow.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { TableRowProps } from './TableRow.types';
+export declare const TableRow: React.FC<TableRowProps>;

package/dist/components/TableRow/TableRow.types.d.ts

@@ -0,0 +1,3 @@
+export interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
+    hover?: boolean;
+}

package/dist/components/TableRow/index.d.ts

@@ -0,0 +1 @@
+export * from './TableRow';

package/dist/components/TableSortLabel/TableSortLabel.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { AuxiliaryProps } from '../../utils/utils.types';
+import { TableSortLabelProps } from './TableSortLabel.types';
+export declare const TableSortLabel: <C extends React.ElementType>({ component, children, className, active, direction, ...restProps }: AuxiliaryProps<C, TableSortLabelProps>) => JSX.Element;

package/dist/components/TableSortLabel/TableSortLabel.types.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export type ISortDirection = 'asc' | 'desc';
+export interface TableSortLabelProps {
+    active?: boolean;
+    direction?: ISortDirection;
+    SortIcon?: React.ReactNode;
+}

package/dist/components/TableSortLabel/index.d.ts

@@ -0,0 +1 @@
+export * from './TableSortLabel';

package/dist/components/TextArea/TextArea.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { TextAreaProps } from './TextArea.types';
+export declare const TextArea: React.FC<TextAreaProps>;

package/dist/components/TextArea/TextArea.stories.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export declare const WithError: React.FC<{}>;
+export declare const StartAdornment: React.FC<{}>;
+declare const _default: {
+    title: string;
+    component: React.FC<import('./TextArea.types').TextAreaProps>;
+};
+export default _default;

package/dist/components/TextArea/TextArea.types.d.ts

@@ -0,0 +1,13 @@
+export interface TextAreaProps extends React.HTMLAttributes<HTMLDivElement> {
+    error?: boolean;
+    name?: string;
+    helperText?: string;
+    inputProps?: React.TextareaHTMLAttributes<HTMLTextAreaElement>;
+    startAdornment?: React.ReactNode | null;
+    endAdornment?: React.ReactNode | null;
+    value?: any;
+    required?: boolean;
+    classList?: {
+        textAreaClass?: string;
+    };
+}

package/dist/components/TextArea/index.d.ts

@@ -0,0 +1 @@
+export * from './TextArea';

package/dist/components/TextField/TextField.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { TextFieldProps } from './TextField.types';
+export declare const TextField: React.FC<TextFieldProps>;

package/dist/components/TextField/TextField.stories.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+export declare const Simple: React.FC<{}>;
+export declare const Disabled: React.FC<{}>;
+export declare const WithHelperText: React.FC<{}>;
+export declare const WithError: React.FC<{}>;
+export declare const StartAdornment: React.FC<{}>;
+export declare const EndAdornment: React.FC<{}>;
+declare const _default: {
+    title: string;
+    component: React.FC<import('./TextField.types').TextFieldProps>;
+};
+export default _default;

package/dist/components/TextField/TextField.types.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { OkElement } from '../../utils/utils.types';
+export interface TextFieldProps extends React.HTMLAttributes<HTMLDivElement>, OkElement {
+    error?: boolean;
+    type?: string;
+    name?: string;
+    helperText?: string | null;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+    startAdornment?: React.ReactNode | null;
+    endAdornment?: React.ReactNode | null;
+    value?: any;
+    required?: boolean;
+    label?: string;
+    disabled?: boolean;
+}
+export interface HelperTextProps extends React.HTMLAttributes<HTMLSpanElement> {
+    error?: boolean;
+}

package/dist/components/TextField/index.d.ts

@@ -0,0 +1 @@
+export * from './TextField';

package/dist/components/TimerText/TimerText.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { TimerTextProps } from './TimerText.types';
+export declare const TimerText: React.FC<TimerTextProps>;

package/dist/components/TimerText/TimerText.stories.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export declare const Simple: React.FC<{}>;
+declare const _default: {
+    title: string;
+    component: React.FC<import('./TimerText.types').TimerTextProps>;
+};
+export default _default;

package/dist/components/TimerText/TimerText.types.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export type ITimeFormat = 'hh:mm:ss' | 'mm:ss';
+export interface TimerTextProps extends React.HTMLAttributes<HTMLSpanElement> {
+    endTime: number;
+    format?: ITimeFormat;
+    onFinish?: () => void;
+}

package/dist/components/TimerText/index.d.ts

@@ -0,0 +1 @@
+export * from './TimerText';

package/dist/components/Timestamp/Timestamp.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { TimestampProps } from './Timestamp.types';
+export declare const Timestamp: React.FC<TimestampProps>;

package/dist/components/Timestamp/Timestamp.stories.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export declare const Simple: React.FC<{}>;
+declare const _default: {
+    title: string;
+    component: React.FC<import('./Timestamp.types').TimestampProps>;
+};
+export default _default;

package/dist/components/Timestamp/Timestamp.types.d.ts

@@ -0,0 +1,2 @@
+export interface TimestampProps extends React.HTMLAttributes<HTMLDivElement> {
+}

package/dist/components/Timestamp/index.d.ts

@@ -0,0 +1 @@
+export * from './Timestamp';

package/dist/components/TitleBar/TitleBar.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { TitleBarProps } from './TitleBar.types';
+export declare const TitleBar: React.FC<TitleBarProps>;

package/dist/components/TitleBar/TitleBar.types.d.ts

@@ -0,0 +1,9 @@
+export interface TitleBarProps extends React.HTMLAttributes<HTMLDivElement> {
+    primary?: React.ReactNode | null;
+    secondary?: React.ReactNode | null;
+    avatar?: React.ReactNode | null;
+    onStartIconClick?: (e: React.SyntheticEvent) => void;
+    hideStartIcon?: boolean;
+    endAdornment?: React.ReactNode | null;
+    startIcon?: React.ReactNode | null;
+}

package/dist/components/TitleBar/index.d.ts

@@ -0,0 +1 @@
+export * from './TitleBar';

package/dist/components/TransactionInput/TransactionInput.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { TransactionInputProps } from './TransactionInput.types';
+export declare const TransactionInput: React.FC<TransactionInputProps>;

package/dist/components/TransactionInput/TransactionInput.stories.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+export declare const SimpleUncontrolled: React.FC<{}>;
+export declare const Controlled: React.FC<{}>;
+export declare const WithError: React.FC<{}>;
+declare const _default: {
+    title: string;
+    component: React.FC<import('./TransactionInput.types').TransactionInputProps>;
+};
+export default _default;

package/dist/components/TransactionInput/TransactionInput.types.d.ts

@@ -0,0 +1,10 @@
+export interface TransactionInputProps extends React.HTMLAttributes<HTMLDivElement> {
+    onChangeValue?: (value: number) => void;
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+    placeholder?: string;
+    required?: boolean;
+    error?: boolean;
+    iconColor?: string;
+    helperText?: string | null;
+    value?: any;
+}

package/dist/components/TransactionInput/index.d.ts

@@ -0,0 +1 @@
+export * from './TransactionInput';

package/dist/components/TransactionItem/TransactionItem.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { TransactionItemProps } from './TransactionItem.types';
+import { AuxiliaryProps } from '../../utils/utils.types';
+export declare const TransactionItem: <C extends React.ElementType>({ component, title, isSupplier, deleted, deletedText, transactionType, balance, createdAt, description, className, helperText, ...restProps }: AuxiliaryProps<C, TransactionItemProps>) => JSX.Element;

package/dist/components/TransactionItem/TransactionItem.stories.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+export declare const Supplier: React.FC<{}>;
+export declare const Customer: React.FC<{}>;
+export declare const Deleted: React.FC<{}>;
+declare const _default: {
+    title: string;
+    component: <C extends React.ElementType>({ component, title, isSupplier, deleted, deletedText, transactionType, balance, createdAt, description, className, helperText, ...restProps }: import('../../utils/utils.types').AuxiliaryProps<C, import('./TransactionItem.types').TransactionItemProps>) => JSX.Element;
+};
+export default _default;

package/dist/components/TransactionItem/TransactionItem.types.d.ts

@@ -0,0 +1,16 @@
+export type IHitType = 0 | 1;
+export declare enum TransactionType {
+    CREDIT = 1,
+    PAYMENT = 2
+}
+export interface TransactionItemProps {
+    title?: string;
+    balance?: number;
+    createdAt?: number;
+    description?: string;
+    isSupplier?: boolean;
+    transactionType: TransactionType;
+    helperText?: string;
+    deleted?: boolean;
+    deletedText?: string;
+}

package/dist/components/TransactionItem/index.d.ts

@@ -0,0 +1 @@
+export * from './TransactionItem';

package/dist/components/Typography/Typography.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { TypographyProps } from './Typography.types';
+import { AuxiliaryProps } from '../../utils/utils.types';
+export declare const Typography: <C extends React.ElementType>({ component, children, className, color, gutterBottom, noWrap, align, ...props }: AuxiliaryProps<C, TypographyProps>) => JSX.Element;

package/dist/components/Typography/Typography.stories.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export declare const Simple: React.FC<{}>;
+declare const _default: {
+    title: string;
+    component: <C extends React.ElementType>({ component, children, className, color, gutterBottom, noWrap, align, ...props }: import('../../utils/utils.types').AuxiliaryProps<C, import('./Typography.types').TypographyProps>) => JSX.Element;
+};
+export default _default;

package/dist/components/Typography/Typography.types.d.ts

@@ -0,0 +1,10 @@
+import { OkElement, IColor } from '../../utils/utils.types';
+export type Align = 'inherit' | 'left' | 'center' | 'right' | 'justify';
+export type Variant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'subtitle3' | 'subtitle4' | 'body1' | 'body2' | 'caption1' | 'caption2' | 'button1' | 'button2' | 'overline' | 'inherit';
+export interface TypographyProps extends OkElement {
+    variant: Variant;
+    align?: Align;
+    color?: IColor;
+    gutterBottom?: boolean;
+    noWrap?: boolean;
+}

package/dist/components/Typography/index.d.ts

@@ -0,0 +1 @@
+export * from './Typography';

package/dist/components/index.d.ts

@@ -0,0 +1,52 @@
+export * from './Button';
+export * from './Icon';
+export * from './IconButton';
+export * from './Alert';
+export * from './SectionHeader';
+export * from './CheckBox';
+export * from './Switch';
+export * from './TabPanel';
+export * from './TabHeader';
+export * from './Tab';
+export * from './TextField';
+export * from './Avatar';
+export * from './Paper';
+export * from './LanguageDialog';
+export * from './SearchBar';
+export * from './CustomerCard';
+export * from './BackDrop';
+export * from './TransactionItem';
+export * from './Timestamp';
+export * from './Radio';
+export * from './ChipSelect';
+export * from './ListItemLink';
+export * from './OtpInput';
+export * from './TransactionInput';
+export * from './Divider';
+export * from './Snackbar';
+export * from './Spinner';
+export * from './OkTransition';
+export * from './Dialog';
+export * from './ProfileOption';
+export * from './ListItem';
+export * from './ListView';
+export * from './TitleBar';
+export * from './Progress';
+export * from './MerchantCategory';
+export * from './Accordion';
+export * from './TimerText';
+export * from './Table';
+export * from './TableHead';
+export * from './TableBody';
+export * from './TableRow';
+export * from './TableCell';
+export * from './HorizontalRunner';
+export * from './Chip';
+export * from './TableSortLabel';
+export * from './Slider';
+export * from './TextArea';
+export * from './Skeleton';
+export * from './Typography';
+export * from './StatusBanner';
+export * from './PayNowBanner';
+export * from './PayeeInformationBanner';