freemium-ui 1.0.138 → 1.0.142

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

@@ -0,0 +1,129 @@
+import React from 'react';
+import FreemiumUIThemes from '../../theme';
+export declare type SelectableHeaderProps = {
+    getToggleAllRowsSelectedProps: () => GetToggleRow;
+    toggleAllRowsSelected: (checked: boolean) => void;
+};
+export declare type HooksProps = {
+    visibleColumns: Array<unknown>;
+};
+export declare type GetToggleRow = {
+    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    style: React.CSSProperties;
+    title: string;
+    checked: boolean;
+    indeterminate: boolean;
+};
+export declare type CellProps = {
+    getCellProps: () => {
+        key: string;
+        role: string;
+    };
+    render: (type: string) => JSX.Element;
+    row: RowProps;
+    column: HeaderProps;
+};
+export declare type RowProps = {
+    getRowProps: () => {
+        key: string;
+        role: string;
+    };
+    getToggleRowSelectedProps: () => GetToggleRow;
+    toggleRowSelected: (checked: boolean) => void;
+    id: string;
+    original: unknown;
+    isSelected: boolean;
+    isSomeSelected: boolean;
+    index: number;
+    cells: Array<CellProps>;
+};
+export declare type GetSort = {
+    className?: string;
+    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    style?: React.CSSProperties;
+    title?: string;
+};
+interface GetHeader extends GetSort {
+    role: string;
+    key: string;
+    colSpan: number;
+}
+export declare type HeaderProps = {
+    getHeaderProps: (prop?: GetSort) => GetHeader;
+    render: (type: string) => JSX.Element;
+    getSortByToggleProps: () => GetSort;
+    id: string;
+    getResizerProps: () => any;
+    isResizing: boolean;
+    canResize: boolean;
+    align?: 'left' | 'center' | 'right';
+    Header: string;
+    isSorted?: string;
+    isSortedDesc?: string;
+    sortType?: string;
+    sortedIndex?: number;
+};
+export declare type HeaderGroupProps = {
+    getHeaderGroupProps: () => {
+        key: string;
+        role: string;
+    };
+    getFooterGroupProps: () => {
+        key: string;
+    };
+    headers: Array<HeaderProps>;
+};
+export declare type ColumnOptions = {
+    Header?: string;
+    accessor?: string;
+    disableSortBy?: boolean;
+    sortDescFirst?: boolean;
+};
+export declare type TableInitialState = {
+    pageIndex?: number;
+    columnOrder?: Array<string>;
+    hiddenColumns?: Array<string>;
+    pageSize?: number;
+    selectedRowIds?: unknown;
+    sortBy?: Array<{
+        id?: string;
+        desc?: boolean;
+    }>;
+};
+interface ColumnGroupOptions extends ColumnOptions {
+    columns?: Array<ColumnOptions>;
+}
+declare type IdType = Extract<keyof any, string> | string;
+declare type TableProps = {
+    onSelectAll?: (checked: boolean) => void;
+    onMenuOptionSelect?: (option: string, row: RowProps) => void;
+    onPrevious?: (prev: string | boolean) => void;
+    onNext?: (prev: string | boolean) => void;
+    onRowSelect?: (selectedRowIds: Record<IdType, boolean>) => void;
+    onRowClick?: (row: RowProps, column: HeaderProps) => void;
+    columns?: Array<ColumnOptions> | Array<ColumnGroupOptions>;
+    headerComponent?: React.ReactNode;
+    filterComponent?: React.ReactNode;
+    data?: Array<unknown>;
+    next?: string | boolean;
+    previous?: string | boolean;
+    count?: number;
+    limit?: number;
+    offset?: number;
+    sortable?: boolean;
+    showSelectAllInTable?: boolean;
+    showSelections?: boolean;
+    showFilters?: boolean;
+    showActions?: boolean;
+    showOptions?: boolean;
+    showPagination?: boolean;
+    name?: string;
+    id?: string;
+    rowMenuOptions?: (rowData: any) => any[];
+    paginationOptions?: Array<number>;
+    theme?: FreemiumUIThemes;
+    initialState?: TableInitialState;
+    state?: TableInitialState;
+};
+export declare const Table: (props: TableProps) => JSX.Element;
+export {};

package/lib/types/components/Table/index.d.ts

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

package/lib/types/components/Tabs/Tabs.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import FreemiumUIThemes from '../../theme';
+export interface TabsItemProps {
+    [key: string]: any;
+}
+declare type TabsProps = {
+    onChange?: (event: React.MouseEvent<HTMLDivElement>, menuItem: TabsItemProps) => void;
+    options?: Array<any>;
+    idAccessor?: string;
+    nameAccessor?: string;
+    ref?: React.RefObject<HTMLDivElement>;
+    value?: string;
+    theme?: FreemiumUIThemes;
+};
+export declare const Tabs: (props: TabsProps) => JSX.Element;
+export {};

package/lib/types/components/Tabs/index.d.ts

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

package/lib/types/components/Tag/Tag.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare type TagProps = {
+    children: string;
+    onCloseAction: (e: React.MouseEvent) => void;
+};
+export declare const Tag: (props: TagProps) => JSX.Element;
+export {};

package/lib/types/components/Tag/index.d.ts

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

package/lib/types/components/ThemeProvider/index.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export declare type Merge<T1, T2> = Omit<T1, Extract<keyof T1, keyof T2>> & T2;
+export declare type Dict<T = any> = Record<string, T>;
+export interface ThemeProviderProps {
+    children?: React.ReactNode;
+    globalStyle: boolean;
+    theme: Dict;
+}
+export declare function ThemeProvider(props: ThemeProviderProps): JSX.Element;
+export declare function useTheme<T extends object = Dict>(): T;
+export declare type FreemiumUIProviderProps = ThemeProviderProps;
+export declare function FreemiumUIProvider(props: FreemiumUIProviderProps): JSX.Element;

package/lib/types/components/Toast/Toast.d.ts

@@ -0,0 +1,14 @@
+import { ReactChild } from 'react';
+declare type ToastType = {
+    type: 'success' | 'warning' | 'error';
+    title: string;
+    description: string;
+    id: number;
+};
+declare const ToastWrapper: (props: {
+    children: ReactChild;
+}) => JSX.Element;
+declare const useToast: () => (toast: Omit<ToastType, 'id'>) => void;
+export declare const moveRightKeyframe: import("styled-components").Keyframes;
+export default useToast;
+export { ToastWrapper };

package/lib/types/components/Toast/index.d.ts

@@ -0,0 +1,3 @@
+import useToast, { ToastWrapper } from './Toast';
+export default useToast;
+export { ToastWrapper };

package/lib/types/components/Toggle/Toggle.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface ToggleProps {
+    on: boolean;
+    handleChange: () => void;
+    size: 'sm' | 'md';
+    disabled: boolean;
+    hasIcon: boolean;
+}
+export declare const Toggle: React.ComponentType<Partial<{
+    on: boolean;
+    size: string;
+    disabled: boolean;
+    hasIcon: boolean;
+}> & Pick<ToggleProps, "handleChange">>;
+export {};

package/lib/types/components/Toggle/index.d.ts

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

package/lib/types/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+declare type tipLocation = 'top' | 'right' | 'left' | 'bottom';
+export interface TooltipProps {
+    position?: tipLocation;
+    label: any;
+    children: any;
+    arrow?: boolean;
+    interactive?: boolean;
+    html?: any;
+    style?: any;
+    trigger?: 'mouseenter' | 'click';
+    theme?: 'dark' | 'light' | 'transparent';
+}
+export declare const Tooltip: React.SFC<TooltipProps>;
+export {};

package/lib/types/components/Tooltip/index.d.ts

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

package/lib/types/components/Tooltip/tooltip-old.d.ts

@@ -0,0 +1,14 @@
+export declare const hexa: (hex: string, alpha: number) => string;
+export declare type tipLocation = 'top-left' | 'top-right' | 'top' | 'right' | 'bottom-left' | 'bottom-right' | 'left' | 'bottom';
+declare type TooltipProps = {
+    tipLocation: tipLocation;
+};
+export declare const Shadow: {
+    low: string;
+    mid: string;
+    high: string;
+};
+export declare const Tooltip: (props: {
+    tipText: string;
+} & TooltipProps) => import("styled-components").FlattenSimpleInterpolation;
+export {};

package/lib/types/components/Transition/Transition.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import type { TransitionProps as TProps, TransitionStatus } from 'react-transition-group/Transition';
+export declare type BaseProps = Pick<TProps, 'in' | 'onEnter' | 'onEntering' | 'onEntered' | 'onExit' | 'onExiting' | 'onExited' | 'unmountOnExit' | 'timeout'>;
+export interface TransitionProps extends BaseProps {
+    transition?: string;
+    children: (styles: React.CSSProperties) => React.ReactNode;
+    styles: TransitionStyles;
+}
+export declare type TransitionStyleState = 'init' | 'entered' | 'exiting';
+export declare type TransitionStyles = {
+    [K in TransitionStyleState]?: React.CSSProperties;
+};
+export type { TransitionStatus };
+export declare function Transition(props: TransitionProps): JSX.Element;

package/lib/types/components/Transition/fade.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { TransitionProps } from './Transition';
+export declare type FadeProps = Omit<TransitionProps, 'styles' | 'timeout'> & {
+    timeout?: number;
+};
+export declare function Fade(props: FadeProps): JSX.Element;

package/lib/types/components/Transition/index.d.ts

@@ -0,0 +1,4 @@
+export * from './fade';
+export * from './slide';
+export * from './slide-fade';
+export * from './Transition';

package/lib/types/components/Transition/slide-fade.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { TransitionProps } from './Transition';
+export interface SlideFadeProps extends Omit<TransitionProps, 'styles' | 'timeout'> {
+    /**
+     * The initial offset to slide from
+     */
+    initialOffset?: string;
+    /**
+     * The transition timeout
+     */
+    timeout?: number;
+}
+export declare const SlideFade: (props: SlideFadeProps) => JSX.Element;

package/lib/types/components/Transition/slide.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { TransitionProps } from './Transition';
+declare type Placement = 'left' | 'right' | 'bottom' | 'top';
+export declare type SlideProps = Omit<TransitionProps, 'styles' | 'timeout'> & {
+    /** The direction to slide drawer from */
+    placement?: Placement;
+    /** The transition timeout */
+    timeout?: number;
+};
+export declare function Slide(props: SlideProps): JSX.Element;
+export {};

package/lib/types/components/UiProvider/UiProvider.d.ts

@@ -0,0 +1,2 @@
+import React, { PropsWithChildren } from 'react';
+export declare const UiProvider: React.FC<PropsWithChildren<{}>>;

package/lib/types/components/UiProvider/index.d.ts

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

package/lib/types/components/use-toasts/index.d.ts

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

package/lib/types/components/use-toasts/toast-container.d.ts

@@ -0,0 +1,8 @@
+import { Toast } from './use-toast';
+export declare type ToastWithID = Toast & {
+    id: string;
+    willBeDestroy?: boolean;
+    cancel: Function;
+};
+declare const ToastContainer: () => any;
+export default ToastContainer;

package/lib/types/components/use-toasts/toast-item.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Toast } from './use-toast';
+declare type ToastWithID = Toast & {
+    id: string;
+    willBeDestroy?: boolean;
+    cancel: Function;
+};
+export interface ToastItemProps {
+    index: number;
+    total: number;
+    toast: ToastWithID;
+    onHover: boolean;
+}
+declare const ToastItem: React.FC<ToastItemProps>;
+export default ToastItem;

package/lib/types/components/use-toasts/use-toast.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export interface ToastAction {
+    name: string;
+    handler: (event: React.MouseEventHandler<HTMLButtonElement>, cancel: Function) => void;
+    passive?: boolean;
+}
+export declare type ToastType = 'info' | 'success' | 'warning' | 'error';
+export interface Toast {
+    text?: string | React.ReactNode;
+    type?: ToastType;
+    customIcon?: any;
+    delay?: number;
+    actions?: Array<ToastAction>;
+}
+export declare const useToasts: () => [Toast[], (t: Toast) => void];

package/lib/types/index.d.ts

@@ -1,29 +1,28 @@
-export * from './src/components/Alert';
-export * from './src/components/Button';
-export * from './src/components/Checkbox';
-export * from './src/components/CssBaseLine';
-export * from './src/components/Confirmation';
-export * from './src/components/DatePicker';
-export * from './src/components/Drawer';
-export * from './src/components/ButtonDropdown';
-export * from './src/components/Icons';
-export * from './src/components/Tooltip';
-export * from './src/components/Input';
-export * from './src/components/Menu';
-export * from './src/components/Modal';
-export * from './src/components/MultiSelectDropdown';
-export * from './src/components/Dropdown';
-export * from './src/components/Popover';
-export * from './src/components/Radio';
-export * from './src/components/BoxedRadio';
-export * from './src/components/Table';
-export * from './src/components/RestTable';
-export * from './src/components/Tabs';
-export * from './src/components/Tag';
-export * from './src/components/Toast';
-export * from './src/components/Toggle';
-export * from './src/components/Transition';
-export * from './src/components/UiProvider';
-export * from './src/components/use-toasts';
-export * from './src/components/ThemeProvider';
-export * from './src/components/Loader';
+export * from './components/Alert';
+export * from './components/Button';
+export * from './components/Checkbox';
+export * from './components/CssBaseLine';
+export * from './components/Confirmation';
+export * from './components/DatePicker';
+export * from './components/Drawer';
+export * from './components/ButtonDropdown';
+export * from './components/Icons';
+export * from './components/Tooltip';
+export * from './components/Input';
+export * from './components/Menu';
+export * from './components/Modal';
+export * from './components/MultiSelectDropdown';
+export * from './components/Dropdown';
+export * from './components/Popover';
+export * from './components/Radio';
+export * from './components/BoxedRadio';
+export * from './components/Table';
+export * from './components/Tabs';
+export * from './components/Tag';
+export * from './components/Toast';
+export * from './components/Toggle';
+export * from './components/Transition';
+export * from './components/UiProvider';
+export * from './components/use-toasts';
+export * from './components/ThemeProvider';
+export * from './theme';

package/lib/types/theme/default/colors.d.ts

@@ -0,0 +1,3 @@
+import { FreemiumUIAllColors } from '../';
+declare const colors: FreemiumUIAllColors;
+export default colors;

package/lib/types/theme/default/index.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    palette: import("..").FreemiumUIThemesPalette;
+    colors: import("..").FreemiumUIAllColors;
+    layout: import("..").FreemiumUIThemesLayout;
+    typography: import("..").FreemiumUITypography;
+};
+export default _default;

package/lib/types/theme/default/palette.d.ts

@@ -0,0 +1,3 @@
+import { FreemiumUIThemesPalette } from '../';
+declare const palette: FreemiumUIThemesPalette;
+export default palette;

package/lib/types/theme/default/typography.d.ts

@@ -0,0 +1,3 @@
+import { FreemiumUITypography } from '../';
+declare const typography: FreemiumUITypography;
+export default typography;

package/lib/types/theme/freshstatus/colors.d.ts

@@ -0,0 +1,3 @@
+import { FreemiumUIAllColors } from '../';
+declare const colors: FreemiumUIAllColors;
+export default colors;

package/lib/types/theme/freshstatus/index.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    palette: import("..").FreemiumUIThemesPalette;
+    colors: import("..").FreemiumUIAllColors;
+    layout: import("..").FreemiumUIThemesLayout;
+    typography: import("..").FreemiumUITypography;
+};
+export default _default;

package/lib/types/theme/freshstatus/palette.d.ts

@@ -0,0 +1,3 @@
+import { FreemiumUIThemesPalette } from '../';
+declare const palette: FreemiumUIThemesPalette;
+export default palette;

package/lib/types/theme/freshstatus/typography.d.ts

@@ -0,0 +1,3 @@
+import { FreemiumUITypography } from '../';
+declare const typography: FreemiumUITypography;
+export default typography;