freemium-ui 1.0.114

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

@@ -0,0 +1,154 @@
+/// <reference types="react" />
+declare type MultiSelectProps = {
+    name: string;
+    label: string;
+    items: any[];
+    selectedItem: any;
+    onChange: (items: any) => void;
+    placeholder: string;
+    itemLabelIdentifier: string;
+    itemValueIdentifier: string;
+    errorText?: string;
+    isErrored?: boolean;
+    required?: boolean;
+    customValues?: boolean;
+    renderCustomSuggestion?: any;
+    maxAllowedLength?: number;
+};
+export declare const MultiSelectDropdown: {
+    (props: MultiSelectProps): JSX.Element;
+    displayName: string;
+    __docgenInfo: {
+        description: string;
+        displayName: string;
+        props: {
+            name: {
+                defaultValue: null;
+                description: string;
+                name: string;
+                required: boolean;
+                type: {
+                    name: string;
+                };
+            };
+            label: {
+                defaultValue: null;
+                description: string;
+                name: string;
+                required: boolean;
+                type: {
+                    name: string;
+                };
+            };
+            items: {
+                defaultValue: null;
+                description: string;
+                name: string;
+                required: boolean;
+                type: {
+                    name: string;
+                };
+            };
+            selectedItem: {
+                defaultValue: null;
+                description: string;
+                name: string;
+                required: boolean;
+                type: {
+                    name: string;
+                };
+            };
+            onChange: {
+                defaultValue: null;
+                description: string;
+                name: string;
+                required: boolean;
+                type: {
+                    name: string;
+                };
+            };
+            placeholder: {
+                defaultValue: null;
+                description: string;
+                name: string;
+                required: boolean;
+                type: {
+                    name: string;
+                };
+            };
+            itemLabelIdentifier: {
+                defaultValue: null;
+                description: string;
+                name: string;
+                required: boolean;
+                type: {
+                    name: string;
+                };
+            };
+            itemValueIdentifier: {
+                defaultValue: null;
+                description: string;
+                name: string;
+                required: boolean;
+                type: {
+                    name: string;
+                };
+            };
+            errorText: {
+                defaultValue: null;
+                description: string;
+                name: string;
+                required: boolean;
+                type: {
+                    name: string;
+                };
+            };
+            isErrored: {
+                defaultValue: null;
+                description: string;
+                name: string;
+                required: boolean;
+                type: {
+                    name: string;
+                };
+            };
+            required: {
+                defaultValue: null;
+                description: string;
+                name: string;
+                required: boolean;
+                type: {
+                    name: string;
+                };
+            };
+            customValues: {
+                defaultValue: null;
+                description: string;
+                name: string;
+                required: boolean;
+                type: {
+                    name: string;
+                };
+            };
+            renderCustomSuggestion: {
+                defaultValue: null;
+                description: string;
+                name: string;
+                required: boolean;
+                type: {
+                    name: string;
+                };
+            };
+            maxAllowedLength: {
+                defaultValue: null;
+                description: string;
+                name: string;
+                required: boolean;
+                type: {
+                    name: string;
+                };
+            };
+        };
+    };
+};
+export {};

package/lib/types/components/MultiSelectDropdown/MultiSelectDropdown.stories.d.ts

@@ -0,0 +1 @@
+export {};

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

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

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

@@ -0,0 +1,91 @@
+import React from 'react';
+import FreemiumUIThemes from '../../theme';
+declare type Origin = {
+    vertical?: 'top' | 'center' | 'bottom';
+    horizontal?: 'left' | 'center' | 'right';
+};
+declare type PopoverProps = {
+    onClose?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    anchorEl?: Element | null | undefined;
+    id: string;
+    clickOutToClose?: boolean;
+    children?: React.ReactNode;
+    anchorOrigin?: Origin;
+    transformOrigin?: Origin;
+    theme?: FreemiumUIThemes;
+};
+export declare const debounce: <F extends (...args: any) => any>(func: F, waitFor: number) => (...args: Parameters<F>) => ReturnType<F>;
+export declare const Popover: {
+    (props: PopoverProps): any;
+    displayName: string;
+    __docgenInfo: {
+        description: string;
+        displayName: string;
+        props: {
+            onClose: {
+                defaultValue: null;
+                description: string;
+                name: string;
+                required: boolean;
+                type: {
+                    name: string;
+                };
+            };
+            anchorEl: {
+                defaultValue: null;
+                description: string;
+                name: string;
+                required: boolean;
+                type: {
+                    name: string;
+                };
+            };
+            id: {
+                defaultValue: null;
+                description: string;
+                name: string;
+                required: boolean;
+                type: {
+                    name: string;
+                };
+            };
+            clickOutToClose: {
+                defaultValue: null;
+                description: string;
+                name: string;
+                required: boolean;
+                type: {
+                    name: string;
+                };
+            };
+            anchorOrigin: {
+                defaultValue: null;
+                description: string;
+                name: string;
+                required: boolean;
+                type: {
+                    name: string;
+                };
+            };
+            transformOrigin: {
+                defaultValue: null;
+                description: string;
+                name: string;
+                required: boolean;
+                type: {
+                    name: string;
+                };
+            };
+            theme: {
+                defaultValue: null;
+                description: string;
+                name: string;
+                required: boolean;
+                type: {
+                    name: string;
+                };
+            };
+        };
+    };
+};
+export {};

package/lib/types/components/Popover/Popover.stories.d.ts

@@ -0,0 +1 @@
+export {};

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

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

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

@@ -0,0 +1,13 @@
+import React from 'react';
+interface RadioButtonProps {
+    checked: boolean;
+    children: string;
+    name: string;
+    value: string | number;
+    onChange: () => void;
+    id?: string;
+}
+export declare const Radio: React.ComponentType<Partial<{
+    checked: boolean;
+}> & Pick<RadioButtonProps & React.RefAttributes<HTMLInputElement>, "ref" | "id" | "name" | "children" | "onChange" | "key" | "value">>;
+export {};

package/lib/types/components/Radio/Radio.stories.d.ts

@@ -0,0 +1 @@
+export {};

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

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

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

@@ -0,0 +1,155 @@
+/// <reference types="react" />
+import FreemiumUIThemes from '../../theme';
+declare type ColumnOptions = {
+    Header?: string;
+    accessor?: string;
+    disableSortBy?: boolean;
+    sortDescFirst?: boolean;
+};
+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 TableProps = {
+    onRowSelect?: (row: unknown, index: number, checked: boolean) => void;
+    onRowClick?: (row: unknown, index: number, checked: boolean) => void;
+    onSelectAll?: (checked: boolean) => void;
+    columns?: Array<ColumnGroupOptions>;
+    data?: Array<unknown>;
+    sortable?: boolean;
+    stickyHeader?: boolean;
+    name?: string;
+    id: string;
+    paginationOptions?: Array<number>;
+    theme?: FreemiumUIThemes;
+    initialState?: TableInitialState;
+};
+export declare const Table: {
+    (props: TableProps): JSX.Element;
+    displayName: string;
+    __docgenInfo: {
+        description: string;
+        displayName: string;
+        props: {
+            onRowSelect: {
+                defaultValue: null;
+                description: string;
+                name: string;
+                required: boolean;
+                type: {
+                    name: string;
+                };
+            };
+            onRowClick: {
+                defaultValue: null;
+                description: string;
+                name: string;
+                required: boolean;
+                type: {
+                    name: string;
+                };
+            };
+            onSelectAll: {
+                defaultValue: null;
+                description: string;
+                name: string;
+                required: boolean;
+                type: {
+                    name: string;
+                };
+            };
+            columns: {
+                defaultValue: null;
+                description: string;
+                name: string;
+                required: boolean;
+                type: {
+                    name: string;
+                };
+            };
+            data: {
+                defaultValue: null;
+                description: string;
+                name: string;
+                required: boolean;
+                type: {
+                    name: string;
+                };
+            };
+            sortable: {
+                defaultValue: null;
+                description: string;
+                name: string;
+                required: boolean;
+                type: {
+                    name: string;
+                };
+            };
+            stickyHeader: {
+                defaultValue: null;
+                description: string;
+                name: string;
+                required: boolean;
+                type: {
+                    name: string;
+                };
+            };
+            name: {
+                defaultValue: null;
+                description: string;
+                name: string;
+                required: boolean;
+                type: {
+                    name: string;
+                };
+            };
+            id: {
+                defaultValue: null;
+                description: string;
+                name: string;
+                required: boolean;
+                type: {
+                    name: string;
+                };
+            };
+            paginationOptions: {
+                defaultValue: null;
+                description: string;
+                name: string;
+                required: boolean;
+                type: {
+                    name: string;
+                };
+            };
+            theme: {
+                defaultValue: null;
+                description: string;
+                name: string;
+                required: boolean;
+                type: {
+                    name: string;
+                };
+            };
+            initialState: {
+                defaultValue: null;
+                description: string;
+                name: string;
+                required: boolean;
+                type: {
+                    name: string;
+                };
+            };
+        };
+    };
+};
+export {};

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

@@ -0,0 +1 @@
+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,88 @@
+import React from 'react';
+import FreemiumUIThemes from '../../theme';
+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;
+    displayName: string;
+    __docgenInfo: {
+        description: string;
+        displayName: string;
+        props: {
+            onChange: {
+                defaultValue: null;
+                description: string;
+                name: string;
+                required: boolean;
+                type: {
+                    name: string;
+                };
+            };
+            options: {
+                defaultValue: null;
+                description: string;
+                name: string;
+                required: boolean;
+                type: {
+                    name: string;
+                };
+            };
+            idAccessor: {
+                defaultValue: null;
+                description: string;
+                name: string;
+                required: boolean;
+                type: {
+                    name: string;
+                };
+            };
+            nameAccessor: {
+                defaultValue: null;
+                description: string;
+                name: string;
+                required: boolean;
+                type: {
+                    name: string;
+                };
+            };
+            ref: {
+                defaultValue: null;
+                description: string;
+                name: string;
+                required: boolean;
+                type: {
+                    name: string;
+                };
+            };
+            value: {
+                defaultValue: null;
+                description: string;
+                name: string;
+                required: boolean;
+                type: {
+                    name: string;
+                };
+            };
+            theme: {
+                defaultValue: null;
+                description: string;
+                name: string;
+                required: boolean;
+                type: {
+                    name: string;
+                };
+            };
+        };
+    };
+};
+export {};

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

@@ -0,0 +1 @@
+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,25 @@
+import React from 'react';
+declare type TagProps = {
+    children: string;
+    onCloseAction: (e: React.MouseEvent) => void;
+};
+export declare const Tag: {
+    (props: TagProps): JSX.Element;
+    displayName: string;
+    __docgenInfo: {
+        description: string;
+        displayName: string;
+        props: {
+            onCloseAction: {
+                defaultValue: null;
+                description: string;
+                name: string;
+                required: boolean;
+                type: {
+                    name: string;
+                };
+            };
+        };
+    };
+};
+export {};

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

@@ -0,0 +1 @@
+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/Toggle.stories.d.ts

@@ -0,0 +1 @@
+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/Tooltip/tooltip.stories.d.ts

@@ -0,0 +1 @@
+export {};