@piu-company/react-toolkit 1.0.0

package/dist/components/Level3/PhoneField/index.d.ts

@@ -0,0 +1,6 @@
+export * from './PhoneField';
+export * from './PhoneSelection';
+export * from './countryData';
+export * from './flags';
+export * from './types';
+export * from './functions';

package/dist/components/Level3/PhoneField/types.d.ts

@@ -0,0 +1,5 @@
+export interface IPhoneInput {
+    mobileCode: string;
+    mobileNumber: string;
+}
+export type PhoneChangeHandler = (newPhone: IPhoneInput) => void;

package/dist/components/Level3/PieChart.d.ts

@@ -0,0 +1,30 @@
+import { ReactNode } from 'react';
+import { APIFunctionHandler } from '../../dataLayer';
+import { DashboardSelectorVariant } from './DashboardSelector';
+import { ISelectorOption } from './OptionSelector';
+export interface PiechartData {
+    name: string;
+    value: number;
+    color: string;
+}
+export interface IPieChart<APIResult, DataType> {
+    title: string;
+    subtitle?: ReactNode;
+    data?: PiechartData[] | DataType;
+    apiCall?: APIFunctionHandler;
+    parseResponse?: (data: APIResult) => DataType;
+    width: number;
+    height: number;
+    options?: ISelectorOption[];
+    value?: string;
+    variant?: DashboardSelectorVariant;
+    chartWidth: number;
+    chartHeight: number;
+    dataKey: string;
+    outerRadius?: number;
+    innerRadius?: number;
+    fill?: string;
+    label?: boolean;
+    displayLegend?: boolean;
+}
+export declare const Piechart: <APIResult, DataType>(props: IPieChart<APIResult, DataType>) => JSX.Element;

package/dist/components/Level3/Popup.d.ts

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+import { Alignment, ZIndexLayers } from '../../styleEnums';
+import { Colors } from '../../theming';
+import { EmptyFunctionHandler } from '../../generalTypes';
+export interface IPopup {
+    width?: string;
+    height?: string;
+    zIndex?: ZIndexLayers | number;
+    crossAxis?: Alignment;
+    dismissable?: boolean;
+    timeout?: number;
+    onClose?: EmptyFunctionHandler;
+    backgroundColor?: Colors | string;
+    children: ReactNode;
+}
+export declare const Popup: {
+    (props: IPopup): JSX.Element;
+    defaultProps: {
+        backgroundColor: Colors;
+        crossAxis: Alignment;
+        zIndex: ZIndexLayers;
+    };
+};

package/dist/components/Level3/ProfileBox.d.ts

@@ -0,0 +1,27 @@
+import { ReactNode } from 'react';
+import { Colors, Settings } from '../../theming';
+import { TargetCardDirection } from '../Level2';
+import { ISelectorOption } from './OptionSelector';
+export interface IProfileBox extends IOptionSelectorStyle {
+    name: string;
+    subText?: string;
+    options?: ISelectorOption[];
+    customOptions?: ReactNode;
+    forceDirection?: TargetCardDirection;
+}
+interface IOptionSelectorStyle {
+    iconColor?: Colors | string;
+    backgroundColor?: string;
+    shadow?: Colors | string;
+    shadowDim?: Settings | string;
+    hoverColor?: Colors | string;
+}
+export declare const ProfileBox: {
+    ({ name, subText, ...props }: IProfileBox): JSX.Element;
+    defaultProps: {
+        name: string;
+        subText: string;
+        forceDirection: TargetCardDirection;
+    };
+};
+export {};

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

@@ -0,0 +1,16 @@
+import { Colors, Settings } from '../../theming';
+import { IFloatingDiv } from '../Level2';
+import { ISnackbarData } from '../../snackbar';
+import { EmptyFunctionHandler } from '../../generalTypes';
+export interface ISnackbar extends IFloatingDiv {
+    backgroundColor?: Colors | string;
+    borderRadius?: Settings | string;
+    icon?: boolean;
+    textColor?: Colors | string;
+    width?: string;
+    data: ISnackbarData;
+}
+export interface ISnackbarAdditions {
+    onClose: EmptyFunctionHandler;
+}
+export declare const Snackbar: ({ icon, textColor, data, borderRadius, backgroundColor, ...props }: ISnackbar & ISnackbarAdditions) => JSX.Element;

package/dist/components/Level3/TimeField/TimeField.d.ts

@@ -0,0 +1,22 @@
+import { Moment } from 'moment';
+import { IField, MomentHandler } from '../../../generalTypes';
+import { Colors } from '../../../theming';
+export interface ITimeField extends IField {
+    width?: string;
+    value?: Moment;
+    onChange: MomentHandler;
+    iconNormal?: Colors | string;
+    iconFocus?: Colors | string;
+    hourStep?: number;
+    minuteStep?: number;
+    startTime?: Moment;
+    minSlotTime?: number;
+    hidePast?: boolean;
+}
+export declare const TimeField: {
+    ({ value, iconNormal, iconFocus, width, label, error, helperText, placeholder, readOnly, ...props }: ITimeField): JSX.Element;
+    defaultProps: {
+        iconNormal: Colors;
+        iconFocus: Colors;
+    };
+};

package/dist/components/Level3/TimeField/TimePicker.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { Moment } from 'moment';
+import { MomentHandler } from '../../../generalTypes';
+import { Colors, Settings } from '../../../theming';
+import { ITargetCard } from '../../Level2';
+export interface ITimePicker extends ITimePickerStyle, ITargetCard {
+    onChange: MomentHandler;
+    setOpen: (newOpen: boolean) => void;
+    value?: Moment;
+    hourStep?: number;
+    minuteStep?: number;
+    startTime?: Moment;
+    minSlotTime?: number;
+    hidePast?: boolean;
+}
+interface ITimePickerStyle {
+    backgroundColor?: Colors | string;
+    hoverColor?: Colors | string;
+    selectedColor?: Colors | string;
+    borderColor?: Colors | string;
+    borderRadius?: Settings | string;
+}
+export declare const TimePicker: import("react").ForwardRefExoticComponent<ITimePicker & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/Level3/TimeField/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TimeField';
+export * from './TimePicker';

package/dist/components/Level3/Topbar.d.ts

@@ -0,0 +1,36 @@
+import { ReactNode } from 'react';
+import { Colors } from '../../theming';
+import { Alignment } from '../../styleEnums';
+export interface ITopbar {
+    leftChildren?: ReactNode;
+    rightChildren?: ReactNode;
+    centreChildren?: ReactNode;
+    children: ReactNode;
+    pageBackgroundColor?: string | Colors;
+    backgroundColor?: string | Colors;
+    appBarScrollColor?: string | Colors;
+    appBarShadow?: string | Colors;
+    showBreadCrumb?: boolean;
+    pagePadding?: string;
+    hideBurger?: boolean;
+    isScrolled?: (status: boolean) => void;
+    maxChildrenWidth?: string;
+    childrenMainAxis?: Alignment;
+    childrenPadding?: string;
+    mobileHeight?: string;
+    normalHeight?: string;
+    childrenHeight?: string;
+    print?: boolean;
+}
+export declare const Topbar: {
+    (props: ITopbar): JSX.Element;
+    defaultProps: {
+        print: boolean;
+        pageBackgroundColor: Colors;
+        backgroundColor: Colors;
+        appBarScrollColor: Colors;
+        appBarShadow: Colors;
+        mobileHeight: string;
+        normalHeight: string;
+    };
+};

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

@@ -0,0 +1,24 @@
+export * from './PasswordField';
+export * from './DateField';
+export * from './PhoneField';
+export * from './Topbar';
+export * from './TimeField';
+export * from './ProfileBox';
+export * from './FullScreenButton';
+export * from './Snackbar';
+export * from './Popup';
+export * from './FloatingIconButton';
+export * from './DashboardCard';
+export * from './DashboardCardV2';
+export * from './OptionSelector';
+export * from './BreadCrumb';
+export * from './ListEditor';
+export * from './DashboardSelector';
+export * from './Chart';
+export * from './OverlayTopBar';
+export * from './ColorPicker';
+export * from './FloatingIconButtonList';
+export * from './MultiChart';
+export * from './PieChart';
+export * from './BarChart';
+export * from './AreaChart';

package/dist/components/Level4/ConfirmPopup.d.ts

@@ -0,0 +1,14 @@
+import { ZIndexLayers } from '../..';
+import { EmptyFunctionHandler } from '../../generalTypes';
+export interface IConfirmPopup {
+    title: string;
+    subtitle: string;
+    mainButtonText: string;
+    mainButtonLoad?: boolean;
+    hasRejectReason?: boolean;
+    onClose: EmptyFunctionHandler;
+    onCancel: EmptyFunctionHandler;
+    onSubmit: (reason?: string) => void;
+    zIndex?: ZIndexLayers | number;
+}
+export declare const ConfirmPopup: (props: IConfirmPopup) => JSX.Element;

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

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

package/dist/components/NextJS/NEXTGlobalStyle.d.ts

@@ -0,0 +1,7 @@
+export interface INEXTGlobalStyle {
+    fontSize?: string;
+    fontFamily?: string;
+    minHeight?: string;
+    minHeightMobile?: string;
+}
+export declare const NEXTGlobalStyle: (props: INEXTGlobalStyle) => JSX.Element;

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

@@ -0,0 +1,2 @@
+export * from './NEXTGlobalStyle';
+export * from './utils';

package/dist/components/NextJS/utils.d.ts

@@ -0,0 +1 @@
+export declare const getNextJSEnvVariables: (target: string) => string | undefined;

package/dist/components/Stripe/CardCvc.d.ts

@@ -0,0 +1,17 @@
+import { CardCvcElementComponent } from '@stripe/react-stripe-js';
+import { TextfieldVariant } from '../../styleEnums';
+import { Colors } from '../../theming';
+import { ITextFieldContainerStyle } from '../Level2';
+export interface ICardCvc extends ITextFieldContainerStyle, CardCvcElementComponent {
+    prefixCmp?: HTMLElement;
+    suffixCmp?: HTMLElement;
+}
+export declare const CardCvc: {
+    ({ variant, width, borderColor, hoverBorderColor, focusBorderColor, errorColor, error, isFocused, label }: ICardCvc): JSX.Element;
+    defaultProps: {
+        variant: TextfieldVariant;
+        helperColor: Colors;
+        errorColor: Colors;
+        width: string;
+    };
+};

package/dist/components/Stripe/CardExpiry.d.ts

@@ -0,0 +1,17 @@
+import { CardExpiryElementProps } from '@stripe/react-stripe-js';
+import { TextfieldVariant } from '../../styleEnums';
+import { Colors } from '../../theming';
+import { ITextFieldContainerStyle } from '../Level2';
+export interface ICardExpiry extends ITextFieldContainerStyle, CardExpiryElementProps {
+    prefixCmp?: HTMLElement;
+    suffixCmp?: HTMLElement;
+}
+export declare const CardExpiry: {
+    ({ variant, width, borderColor, hoverBorderColor, focusBorderColor, errorColor, error, isFocused, label }: ICardExpiry): JSX.Element;
+    defaultProps: {
+        variant: TextfieldVariant;
+        helperColor: Colors;
+        errorColor: Colors;
+        width: string;
+    };
+};

package/dist/components/Stripe/CardNumber.d.ts

@@ -0,0 +1,17 @@
+import { CardNumberElementProps } from '@stripe/react-stripe-js';
+import { TextfieldVariant } from '../../styleEnums';
+import { Colors } from '../../theming';
+import { ITextFieldContainerStyle } from '../Level2';
+export interface ICardNumber extends ITextFieldContainerStyle, CardNumberElementProps {
+    prefixCmp?: HTMLElement;
+    suffixCmp?: HTMLElement;
+}
+export declare const CardNumber: {
+    ({ variant, width, borderColor, hoverBorderColor, focusBorderColor, errorColor, error, isFocused, label }: ICardNumber): JSX.Element;
+    defaultProps: {
+        variant: TextfieldVariant;
+        helperColor: Colors;
+        errorColor: Colors;
+        width: string;
+    };
+};

package/dist/components/Stripe/StripeProvider.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export interface IStripeProvider {
+    stripeKey?: string;
+}
+interface IStripeProviderChildren {
+    children: ReactNode;
+}
+export declare const StripeProvider: (props: IStripeProvider & IStripeProviderChildren) => JSX.Element;
+export {};

package/dist/components/Stripe/context.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { Stripe } from '@stripe/stripe-js';
+export interface IStripeContext {
+    stripeObject: Stripe | null;
+}
+export declare const defaultStripeContext: IStripeContext;
+export declare const StripeContext: import("react").Context<IStripeContext>;

package/dist/components/Stripe/functions.d.ts

@@ -0,0 +1,5 @@
+import { Stripe, StripeElements } from '@stripe/stripe-js';
+export declare const createStripePayment: (stripe: Stripe, elements: StripeElements) => Promise<import("@stripe/stripe-js").PaymentMethodResult>;
+export declare const confirmStripePayment: (clientSecret: string, stripe: Stripe | null, elements: StripeElements | null) => Promise<import("@stripe/stripe-js").PaymentIntentResult>;
+export declare const saveStripeSetup: (stripe: Stripe | null, elements: StripeElements | null) => Promise<import("@stripe/stripe-js").SetupIntentResult>;
+export declare const checkSetupIntent: (stripe: Stripe | null, clientSecret: string) => Promise<import("@stripe/stripe-js").SetupIntentResult>;

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

@@ -0,0 +1,6 @@
+export * from './StripeProvider';
+export * from './context';
+export * from './CardNumber';
+export * from './CardCvc';
+export * from './CardExpiry';
+export * from './functions';

package/dist/components/UseDataLayer/Autocomplete/Autocomplete.d.ts

@@ -0,0 +1,10 @@
+import { IDataContextExtender, IDataContextInput, IDataLayerActions } from '../../../dataLayer';
+import { IAutocompleteUI } from './AutocompleteUI';
+export interface IAutocomplete extends IDataContextInput, IDataContextExtender, IAutocompleteUI, IDataLayerActions {
+}
+export declare const Autocomplete: {
+    ({ onChange, parseFilter, parseOptions, label, value, multiple, helperColor, helperText, error, width, suffixCmp, prefixCmp, readOnly, placeholder, footer, type, onBlur, targetCardType, setFilter, setPage, setLimit, setSort, showListExternally, ...props }: IAutocomplete): JSX.Element;
+    defaultProps: {
+        limit: number;
+    };
+};

package/dist/components/UseDataLayer/Autocomplete/AutocompleteUI.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+import { TextInputTypes } from '../../../styleEnums';
+import { EmptyFunctionHandler, IField, IFieldStyle } from '../../../generalTypes';
+import { TargetCardType } from '../../Level2';
+import { IOption, OptionChangeHandler, ParseFilterHandler, ParseOptionsHandler } from './types';
+import { IOptionStyling } from './OptionDiv';
+export interface IAutocompleteUI extends IField, IFieldStyle, IOptionStyling {
+    parseOptions?: ParseOptionsHandler;
+    parseFilter: ParseFilterHandler;
+    onChange: OptionChangeHandler;
+    value?: IOption | IOption[];
+    multiple?: boolean;
+    showListExternally?: boolean;
+    suffixCmp?: ReactNode;
+    prefixCmp?: ReactNode;
+    footer?: ReactNode;
+    type?: TextInputTypes;
+    onBlur?: EmptyFunctionHandler;
+    targetCardType?: TargetCardType;
+}
+export declare const AutocompleteUI: ({ footer, value, onChange, fontFamily, hoverBackgroundColor, multiple, readOnly, width, parseOptions, parseFilter, targetCardType, ...props }: IAutocompleteUI) => JSX.Element;

package/dist/components/UseDataLayer/Autocomplete/OptionDiv.d.ts

@@ -0,0 +1,12 @@
+import { IOption, OptionSelectHandler, OptionUnSelectHandler } from './types';
+export interface IOptionStyling {
+    hoverBackgroundColor?: string;
+    fontFamily?: string;
+}
+export interface IOptionDiv extends IOptionStyling {
+    selected?: IOption | IOption[];
+    option: IOption;
+    onSelect: OptionSelectHandler;
+    onUnSelect: OptionUnSelectHandler;
+}
+export declare const OptionDiv: ({ option, onSelect, onUnSelect, selected, fontFamily, ...props }: IOptionDiv) => JSX.Element;

package/dist/components/UseDataLayer/Autocomplete/Selection.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { IOptionStyling } from './OptionDiv';
+import { ITargetCard } from '../../Level2';
+import { IOption, OptionSelectHandler, OptionUnSelectHandler } from './types';
+export interface ISelection extends IOptionStyling, ITargetCard {
+    loading?: boolean;
+    selected?: IOption | IOption[];
+    options: IOption[];
+    onSelect: OptionSelectHandler;
+    onUnSelect: OptionUnSelectHandler;
+    footer?: ReactNode;
+}
+export declare const Selection: import("react").ForwardRefExoticComponent<ISelection & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/UseDataLayer/Autocomplete/index.d.ts

@@ -0,0 +1,5 @@
+export * from './AutocompleteUI';
+export * from './Autocomplete';
+export * from './OptionDiv';
+export * from './Selection';
+export * from './types';

package/dist/components/UseDataLayer/Autocomplete/types.d.ts

@@ -0,0 +1,10 @@
+export interface IOption {
+    id: string;
+    display: string;
+    data?: any;
+}
+export type OptionChangeHandler = (option: IOption | IOption[] | null) => void;
+export type OptionSelectHandler = (option: IOption | null) => void;
+export type OptionUnSelectHandler = (option: IOption) => void;
+export type ParseOptionsHandler = (data: any) => IOption[];
+export type ParseFilterHandler = (query: string) => any;

package/dist/components/UseDataLayer/CountrySelection.d.ts

@@ -0,0 +1,11 @@
+import { TargetCardType } from '../Level2';
+import { IOption, OptionChangeHandler } from './Autocomplete';
+export interface ICountrySelection {
+    label?: string;
+    width?: string;
+    country: IOption | IOption[];
+    setCountry: OptionChangeHandler;
+    error?: string;
+    targetCardType?: TargetCardType;
+}
+export declare const CountrySelection: (props: ICountrySelection) => JSX.Element;

package/dist/components/UseDataLayer/EntityList/EntityList.d.ts

@@ -0,0 +1,10 @@
+import { IDataContextExtender, IDataContextInput, IDataLayerActions } from '../../../dataLayer';
+import { IEntityListUI } from './EntityListUI';
+export interface IEntityList extends IDataContextInput, IDataContextExtender, IEntityListUI, IDataLayerActions {
+}
+export declare const EntityList: {
+    ({ displayName, entityName, selected, setSelected, onDelete, parseData, parseSearch, extraApiCall, setFilter, setPage, setLimit, setSort, ...props }: IEntityList): JSX.Element;
+    defaultProps: {
+        enterSubmit: boolean;
+    };
+};

package/dist/components/UseDataLayer/EntityList/EntityListUI.d.ts

@@ -0,0 +1,12 @@
+import { ListSelectionHandler } from './types';
+export interface IEntityListUI {
+    displayName: string;
+    entityName: string;
+    selected?: string[];
+    extraApiCall?: (data: any) => Promise<any>;
+    setSelected: ListSelectionHandler;
+    onDelete: (data: any) => Promise<void>;
+    parseData: (data: any) => any[];
+    parseSearch: (query: string) => any;
+}
+export declare const EntityListUI: ({ parseSearch, ...props }: IEntityListUI) => JSX.Element;

package/dist/components/UseDataLayer/EntityList/index.d.ts

@@ -0,0 +1,3 @@
+export * from './EntityList';
+export * from './EntityListUI';
+export * from './types';

package/dist/components/UseDataLayer/EntityList/types.d.ts

@@ -0,0 +1 @@
+export type ListSelectionHandler = (data: any) => void;

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

@@ -0,0 +1,24 @@
+import { SortHandler } from '../../../dataLayer';
+import { Sort } from '../../../dataLayer';
+import { Colors, Settings } from '../../../theming';
+import { HeaderHandler, RowSelectableHandler, SelectionHandler } from './types';
+interface IHeaderStyle {
+    color?: Colors | string;
+    border?: Settings | string;
+    borderColor?: Colors | string;
+    footer?: boolean;
+}
+export interface IHeader {
+    footer?: boolean;
+    keyName: string;
+    headers: any[];
+    rows: any[];
+    selected?: any[];
+    setGeneratedHeaders: HeaderHandler;
+    setSelected?: SelectionHandler;
+    sort?: Sort;
+    setSort?: SortHandler;
+    rowSelectable?: RowSelectableHandler;
+}
+export declare const Header: ({ setGeneratedHeaders, rowSelectable, headers, ...props }: IHeader & IHeaderStyle) => JSX.Element;
+export {};

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

@@ -0,0 +1,8 @@
+import { PageHandler } from '../../../dataLayer';
+export interface IPaginationControl {
+    page: number;
+    setPage: PageHandler;
+    limit: number;
+    total: number;
+}
+export declare const PaginationControl: (props: IPaginationControl) => JSX.Element;

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

@@ -0,0 +1,22 @@
+import { Colors, Settings } from '../../../theming';
+import { HeaderType, SelectionHandler } from './types';
+interface IRowStyle {
+    clickable?: boolean;
+    border?: Settings | string;
+    borderColor?: Colors | string;
+    altBackgroundColor?: Colors | string;
+    last?: boolean;
+}
+export interface IRow extends IRowStyle {
+    selectableRow?: boolean;
+    shadeEven?: boolean;
+    selected?: string[];
+    setSelected?: SelectionHandler;
+    keyName: string;
+    headers: HeaderType[];
+    row: any;
+    index: number;
+    show?: boolean;
+}
+export declare const Row: (props: IRow) => JSX.Element;
+export {};

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

@@ -0,0 +1,18 @@
+import { LimitHandler, PageHandler } from '../../../dataLayer';
+import { Colors, Settings } from '../../../theming';
+interface IShowingControlStyle {
+    backgroundColor?: Colors | string;
+    borderRadius?: Settings | string;
+    borderColor?: Colors | string;
+    border?: Settings | string;
+    color?: Colors | string;
+}
+export interface IShowingControl extends IShowingControlStyle {
+    limit: number;
+    setLimit: LimitHandler;
+    page: number;
+    setPage: PageHandler;
+    options: number[];
+}
+export declare const ShowingControl: (props: IShowingControl) => JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+export interface IShowingFooter {
+    page: number;
+    total: number;
+    limit: number;
+}
+export declare const ShowingFooter: ({ page, total, limit }: IShowingFooter) => JSX.Element;

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

@@ -0,0 +1,10 @@
+import { IDataContextExtender, IDataContextInput, IDataLayerActions } from '../../../dataLayer';
+import { ITableUI } from './TableUI';
+export interface ITable extends IDataContextInput, IDataLayerActions, IDataContextExtender, ITableUI {
+}
+export declare const Table: {
+    ({ parseRows, headers, keyName, selected, limitSelection, onRowClick, setSelected, doubleHeader, filterUI, rightSectionUI, shadeEven, rowSelectable, pagination, setFilter, setPage, setLimit, setSort, ...props }: ITable): JSX.Element;
+    defaultProps: {
+        limitSelection: number[];
+    };
+};

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

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+import { HeaderType, RowClickHandler, RowHandler, RowSelectableHandler, SelectionHandler } from './types';
+export interface ITableUI {
+    keyName: string;
+    onRowClick?: RowClickHandler;
+    rowSelectable?: RowSelectableHandler;
+    setSelected?: SelectionHandler;
+    headers: HeaderType[];
+    limitSelection: number[];
+    selected?: string[];
+    parseRows?: RowHandler;
+    filterUI?: ReactNode;
+    rightSectionUI?: ReactNode;
+    doubleHeader?: boolean;
+    shadeEven?: boolean;
+    pagination?: boolean;
+}
+export declare const TableUI: {
+    ({ parseRows, ...props }: ITableUI): JSX.Element;
+    defaultProps: {
+        parseRows: (data: any) => any;
+        pagination: boolean;
+    };
+};

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

@@ -0,0 +1,8 @@
+export * from './TableUI';
+export * from './types';
+export * from './Table';
+export * from './Header';
+export * from './PaginationControl';
+export * from './Row';
+export * from './ShowingControl';
+export * from './ShowingFooter';

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

@@ -0,0 +1,13 @@
+import { RefObject } from 'react';
+export type SelectionHandler = (newSelection: string[]) => void;
+export type RowClickHandler = (row: any) => void;
+export type RowHandler = (data: any) => any[];
+export type RowSelectableHandler = (data: any) => boolean;
+export type HeaderHandler = (newHeaders: HeaderType[]) => void;
+export interface HeaderType {
+    id: string;
+    title: string;
+    sortable?: boolean;
+    ref?: RefObject<HTMLTableHeaderCellElement>;
+    width?: string;
+}

package/dist/components/UseDataLayer/TownSelection.d.ts

@@ -0,0 +1,11 @@
+import { TargetCardType } from '../Level2';
+import { IOption, OptionChangeHandler } from './Autocomplete';
+export interface ITownSelection {
+    label?: string;
+    width?: string;
+    town: IOption | IOption[];
+    setTown: OptionChangeHandler;
+    error?: string;
+    targetCardType?: TargetCardType;
+}
+export declare const TownSelection: (props: ITownSelection) => JSX.Element;