@piu-company/react-toolkit 1.0.0

package/dist/components/Level2/Uploader/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Uploader';
+export * from './types';
+export * from './UploadPreview';

package/dist/components/Level2/Uploader/types.d.ts

@@ -0,0 +1,7 @@
+export declare enum FileTypes {
+    audio = "audio/*",
+    video = "video/*",
+    image = "image/*"
+}
+export type FileListHandler = (files: FileList) => void;
+export type FileUrlArrayHandler = (files: string[]) => void;

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

@@ -0,0 +1,20 @@
+export * from './Checkbox';
+export * from './TargetCard';
+export * from './IconButton';
+export * from './TextField';
+export * from './SocialButtons';
+export * from './DatePicker';
+export * from './MultiButtonSelect';
+export * from './Tooltip';
+export * from './FloatingDiv';
+export * from './Overlay';
+export * from './Cover';
+export * from './Card';
+export * from './SideMenu';
+export * from './PanelForm';
+export * from './RadioButton';
+export * from './Uploader';
+export * from './ThemeToggle';
+export * from './Linker';
+export * from './PillContainer';
+export * from './Switch';

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

@@ -0,0 +1,29 @@
+import { ReactNode } from 'react';
+import { APIFunctionHandler } from '../../dataLayer';
+import { Colors } from '../../theming';
+import { DashboardSelectorVariant } from './DashboardSelector';
+import { ISelectorOption } from './OptionSelector';
+export interface IAreachart<APIResult, DataType> {
+    title: string;
+    subtitle?: ReactNode;
+    data?: DataType;
+    apiCall?: APIFunctionHandler;
+    parseResponse?: (data: APIResult) => DataType;
+    yKey: {
+        name?: string;
+        key: string;
+        color?: string;
+    }[];
+    xKey: string;
+    lineColor?: Colors | string;
+    height: number;
+    options?: ISelectorOption[];
+    value?: string;
+    variant?: DashboardSelectorVariant;
+    displayGrid?: boolean;
+    displayVerticalGrid?: boolean;
+    displayLegend?: boolean;
+    colorOffsetPercentage?: string;
+    strokeWidth?: string;
+}
+export declare const Areachart: <APIResult, DataType>(props: IAreachart<APIResult, DataType>) => JSX.Element;

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

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+import { APIFunctionHandler } from '../../dataLayer';
+import { Colors } from '../../theming';
+import { DashboardSelectorVariant } from './DashboardSelector';
+import { ISelectorOption } from './OptionSelector';
+export interface IBarchart<APIResult, DataType> {
+    title: string;
+    subtitle?: ReactNode;
+    data?: DataType;
+    apiCall?: APIFunctionHandler;
+    parseResponse?: (data: APIResult) => DataType;
+    yKey: {
+        name?: string;
+        key: string;
+        color?: string;
+    }[];
+    xKey: string;
+    lineColor?: Colors | string;
+    height: number;
+    options?: ISelectorOption[];
+    value?: string;
+    variant?: DashboardSelectorVariant;
+    displayGrid?: boolean;
+    displayVerticalGrid?: boolean;
+}
+export declare const Barchart: <APIResult, DataType>(props: IBarchart<APIResult, DataType>) => JSX.Element;

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

@@ -0,0 +1,5 @@
+import { Colors } from '../../theming';
+export interface IBreadCrumb {
+    iconColor?: Colors | string;
+}
+export declare const BreadCrumb: (props: IBreadCrumb) => JSX.Element;

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

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+import { APIFunctionHandler } from '../../dataLayer';
+import { Colors } from '../../theming';
+import { DashboardSelectorVariant } from './DashboardSelector';
+import { ISelectorOption } from './OptionSelector';
+export interface IChart<APIResult, DataType> {
+    title: string;
+    subtitle?: ReactNode;
+    data?: DataType;
+    apiCall?: APIFunctionHandler;
+    parseResponse?: (data: APIResult) => DataType;
+    yKey: string;
+    xKey: string;
+    lineColor?: Colors | string;
+    height: number;
+    options?: ISelectorOption[];
+    value?: string;
+    variant?: DashboardSelectorVariant;
+    displayGrid?: boolean;
+    displayVerticalGrid?: boolean;
+}
+export declare const Chart: <APIResult, DataType>(props: IChart<APIResult, DataType>) => JSX.Element;

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

@@ -0,0 +1,9 @@
+export interface IColorPicker {
+    value?: string;
+    onValueChange?: (data: string) => void;
+    width?: string;
+    label?: string;
+    readonly?: boolean;
+    padding?: string;
+}
+export declare const ColorPicker: (props: IColorPicker) => JSX.Element;

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

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { Colors } from '../../theming';
+export interface IDashboardCard {
+    width?: string;
+    height?: string;
+    title: string;
+    titleColor: Colors | string;
+    value: string;
+    icon: ReactNode;
+}
+export declare const DashboardCard: {
+    (props: IDashboardCard): JSX.Element;
+    defaultProps: {
+        title: string;
+        value: string;
+        titleColor: Colors;
+    };
+};

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

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { Colors } from '../../theming';
+export interface IDashboardCardV2 {
+    width?: string;
+    height?: string;
+    title: string;
+    subtitle?: string;
+    iconColor: Colors | string;
+    value: string;
+    icon: ReactNode;
+    footer?: ReactNode;
+}
+export declare const DashboardCardV2: (props: IDashboardCardV2) => JSX.Element;

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

@@ -0,0 +1,8 @@
+import { ISelectorOption } from '../OptionSelector';
+import { DashboardSelectorVariant } from './types';
+export interface IDashboardSelector {
+    options: ISelectorOption[];
+    value: string;
+    variant: DashboardSelectorVariant;
+}
+export declare const DashboardSelector: (props: IDashboardSelector) => JSX.Element;

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

@@ -0,0 +1,2 @@
+export * from './DashboardSelector';
+export * from './types';

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

@@ -0,0 +1,4 @@
+export declare enum DashboardSelectorVariant {
+    icon = "Icon",
+    selection = "Selection"
+}

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

@@ -0,0 +1,31 @@
+import { Moment } from 'moment';
+import { Weekdays } from '../Level2';
+import { Colors } from '../../theming';
+import { MomentHandler } from '../../generalTypes';
+export interface IDateField {
+    value?: Moment;
+    onDateSelect: MomentHandler;
+    label?: string;
+    iconNormal?: Colors | string;
+    iconFocus?: Colors | string;
+    width?: string;
+    format: string;
+    error?: string;
+    firstDayMonday?: boolean;
+    startDate?: Moment;
+    endDate?: Moment;
+    placeholder?: string;
+    availableDates?: Moment[];
+    enableWeekdayOnly?: Weekdays[];
+    helperText?: string;
+    excludedDates?: Moment[];
+    editable?: boolean;
+    hideButtons?: boolean;
+}
+export declare const DateField: {
+    ({ value, ...props }: IDateField): JSX.Element;
+    defaultProps: {
+        iconNormal: Colors;
+        iconFocus: Colors;
+    };
+};

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

@@ -0,0 +1,19 @@
+import { FloatingPosH, FloatingPosV } from '../../styleEnums';
+import { Colors } from '../../theming';
+import { IButton } from '../Level1';
+import { IFloatingDiv } from '../Level2';
+export interface IFloatingIconButton extends IButton {
+    buttonColor?: Colors | string;
+    text?: boolean;
+    noDiv?: boolean;
+}
+export declare const FloatingIconButton: {
+    ({ onClick, buttonColor, width, height, ripple, loading, toolTipText, noDiv, ...props }: IFloatingIconButton & IFloatingDiv): JSX.Element;
+    defaultProps: {
+        width: string;
+        height: string;
+        verticalPos: FloatingPosV;
+        horizontalPos: FloatingPosH;
+        color: Colors;
+    };
+};

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

@@ -0,0 +1,13 @@
+import { FloatingPosH, FloatingPosV } from '../../styleEnums';
+import { IFloatingDiv } from '../Level2';
+import { IFloatingIconButton } from './FloatingIconButton';
+export interface IFloatingIconButtonList extends IFloatingDiv {
+    buttons: IFloatingIconButton[];
+}
+export declare const FloatingIconButtonList: {
+    ({ buttons, ...props }: IFloatingIconButtonList): JSX.Element;
+    defaultProps: {
+        verticalPos: FloatingPosV;
+        horizontalPos: FloatingPosH;
+    };
+};

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

@@ -0,0 +1,2 @@
+import { IIconButton } from '../Level2';
+export declare const FullScreenButton: (props: IIconButton) => JSX.Element;

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

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+export interface IListEditor {
+    title?: string;
+    subTitles?: string;
+    handleAddEvent?: (data: string) => Promise<void>;
+    dataList: string[];
+    onDelete: (index: number) => Promise<void>;
+    customTopSection?: ReactNode;
+    ignoreOnEnterSubmit?: boolean;
+    padding?: string;
+}
+export declare const ListEditor: (props: IListEditor) => JSX.Element;

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

@@ -0,0 +1,27 @@
+import { ReactNode } from 'react';
+import { APIFunctionHandler } from '../../dataLayer';
+import { Colors } from '../../theming';
+import { DashboardSelectorVariant } from './DashboardSelector';
+import { ISelectorOption } from './OptionSelector';
+export interface IMultiChart<APIResult, DataType> {
+    title: string;
+    subtitle?: ReactNode;
+    data?: DataType;
+    apiCall?: APIFunctionHandler;
+    parseResponse?: (data: APIResult) => DataType;
+    yKey: {
+        name?: string;
+        key: string;
+        color?: string;
+    }[];
+    xKey: string;
+    lineColor?: Colors | string;
+    height: number;
+    options?: ISelectorOption[];
+    value?: string;
+    variant?: DashboardSelectorVariant;
+    displayGrid?: boolean;
+    displayVerticalGrid?: boolean;
+    displayLegend?: boolean;
+}
+export declare const MultiChart: <APIResult, DataType>(props: IMultiChart<APIResult, DataType>) => JSX.Element;

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

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { Colors, Settings } from '../../../theming';
+import { ITargetCard } from '../../Level2';
+import { ISelectorOption } from './types';
+export interface IOptionSelector extends IOptionSelectorStyle, ITargetCard {
+    options?: ISelectorOption[];
+    rightAlign?: boolean;
+    customOptions?: ReactNode;
+}
+interface IOptionSelectorStyle {
+    iconColor?: Colors | string;
+    backgroundColor?: string;
+    shadow?: Colors | string;
+    shadowDim?: Settings | string;
+    hoverColor?: Colors | string;
+}
+export declare const OptionSelector: import("react").ForwardRefExoticComponent<IOptionSelector & import("react").RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1,2 @@
+export * from './types';
+export * from './OptionSelector';

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

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { EmptyFunctionHandler } from '../../../generalTypes';
+export interface ISelectorOption {
+    name: string;
+    icon?: ReactNode;
+    link?: string;
+    onClick?: EmptyFunctionHandler;
+}

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

@@ -0,0 +1,32 @@
+import { ReactNode } from 'react';
+import { Position, ZIndexLayers } from '../../styleEnums';
+import { Colors, Settings } from '../../theming';
+export interface IOverlaytopBar {
+    backgroundColor?: string | Colors;
+    iconColor?: string | Colors;
+    topBarColor?: string | Colors;
+    openSize?: string;
+    closedSize?: string;
+    shadow?: Colors | string;
+    shadowDim?: Settings | string;
+    leftChild?: ReactNode;
+    centreChild?: ReactNode;
+    appbarContent?: ReactNode;
+    children: ReactNode;
+    fullScreen?: boolean;
+    zIndex?: ZIndexLayers;
+    minPageHeight?: string;
+    borderRadius?: string | Settings.borderRadius;
+    mainBodyPosition?: Position;
+}
+export declare const OverlayTopBar: {
+    (props: IOverlaytopBar): JSX.Element;
+    defaultProps: {
+        backgroundColor: Colors;
+        mainBodyPosition: Position;
+        closedSize: string;
+        openSize: string;
+        shadow: Colors;
+        shadowDim: Settings;
+    };
+};

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

@@ -0,0 +1,17 @@
+import { ChangeEvent } from 'react';
+import { TextfieldVariant } from '../../styleEnums';
+import { ITextField } from '../Level2';
+export interface IPasswordField extends ITextField {
+    value: string;
+    variant?: TextfieldVariant;
+    ripple?: boolean;
+    width?: string;
+    label?: string;
+    onChange: (e: ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const PasswordField: {
+    ({ value, onChange, ripple, variant, width, label, ...props }: IPasswordField): JSX.Element;
+    defaultProps: {
+        variant: TextfieldVariant;
+    };
+};

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

@@ -0,0 +1,12 @@
+import { IField } from '../../../generalTypes';
+import { IPhoneInput, PhoneChangeHandler } from './types';
+export interface IPhoneField extends IField {
+    value: IPhoneInput;
+    onChange: PhoneChangeHandler;
+    borderRadius?: string;
+    borderColor?: string;
+    buttonHoverColor?: string;
+    selectionBorderRadius?: string;
+    width?: string;
+}
+export declare const PhoneField: ({ borderColor, value, buttonHoverColor, selectionBorderRadius, onChange, width, label, ...props }: IPhoneField) => JSX.Element;

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

@@ -0,0 +1,15 @@
+import { FormEventHandler } from 'react';
+import { ICountries } from './countryData';
+import { ITargetCard } from '../../Level2';
+export interface IPhoneSelection extends ITargetCard {
+    countryList: ICountries[];
+    buttonColor?: string;
+    buttonHoverColor?: string;
+    borderRadius?: string;
+    handleCountrySelect: Function;
+    codeSearch: string;
+    onCodeSearchChange: FormEventHandler;
+    borderColor?: string;
+    countryCode: string;
+}
+export declare const PhoneSelection: import("react").ForwardRefExoticComponent<IPhoneSelection & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,7 @@
+export interface ICountries {
+    name: string;
+    code: string;
+    dialCode: string;
+    img?: any;
+}
+export declare const countryListRaw: ICountries[];

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

@@ -0,0 +1,243 @@
+export declare const AF: any;
+export declare const AX: any;
+export declare const AL: any;
+export declare const DZ: any;
+export declare const AS: any;
+export declare const AD: any;
+export declare const AO: any;
+export declare const AI: any;
+export declare const AQ: any;
+export declare const AG: any;
+export declare const AR: any;
+export declare const AM: any;
+export declare const AW: any;
+export declare const AU: any;
+export declare const AT: any;
+export declare const AZ: any;
+export declare const BS: any;
+export declare const BH: any;
+export declare const BD: any;
+export declare const BB: any;
+export declare const BY: any;
+export declare const BE: any;
+export declare const BZ: any;
+export declare const BJ: any;
+export declare const BM: any;
+export declare const BO: any;
+export declare const BA: any;
+export declare const BW: any;
+export declare const BV: any;
+export declare const BR: any;
+export declare const IO: any;
+export declare const BN: any;
+export declare const BG: any;
+export declare const BF: any;
+export declare const BI: any;
+export declare const KH: any;
+export declare const CM: any;
+export declare const CA: any;
+export declare const CV: any;
+export declare const KY: any;
+export declare const CF: any;
+export declare const TD: any;
+export declare const CL: any;
+export declare const CN: any;
+export declare const CX: any;
+export declare const CC: any;
+export declare const CO: any;
+export declare const KM: any;
+export declare const CG: any;
+export declare const CD: any;
+export declare const CK: any;
+export declare const CR: any;
+export declare const CI: any;
+export declare const HR: any;
+export declare const CU: any;
+export declare const CY: any;
+export declare const CZ: any;
+export declare const DK: any;
+export declare const DJ: any;
+export declare const DM: any;
+export declare const DO: any;
+export declare const EC: any;
+export declare const EG: any;
+export declare const SV: any;
+export declare const GQ: any;
+export declare const ER: any;
+export declare const EE: any;
+export declare const ET: any;
+export declare const FK: any;
+export declare const FO: any;
+export declare const FJ: any;
+export declare const FI: any;
+export declare const FR: any;
+export declare const GF: any;
+export declare const PF: any;
+export declare const TF: any;
+export declare const GA: any;
+export declare const GM: any;
+export declare const GE: any;
+export declare const DE: any;
+export declare const GH: any;
+export declare const GI: any;
+export declare const GR: any;
+export declare const GL: any;
+export declare const GD: any;
+export declare const GP: any;
+export declare const GU: any;
+export declare const GT: any;
+export declare const GG: any;
+export declare const GN: any;
+export declare const GW: any;
+export declare const GY: any;
+export declare const HT: any;
+export declare const HM: any;
+export declare const VA: any;
+export declare const HN: any;
+export declare const HK: any;
+export declare const HU: any;
+export declare const IS: any;
+export declare const IN: any;
+export declare const ID: any;
+export declare const IR: any;
+export declare const IQ: any;
+export declare const IE: any;
+export declare const IM: any;
+export declare const IL: any;
+export declare const IT: any;
+export declare const JM: any;
+export declare const JP: any;
+export declare const JE: any;
+export declare const JO: any;
+export declare const KZ: any;
+export declare const KE: any;
+export declare const KI: any;
+export declare const KP: any;
+export declare const KR: any;
+export declare const XK: any;
+export declare const KW: any;
+export declare const KG: any;
+export declare const LA: any;
+export declare const LV: any;
+export declare const LB: any;
+export declare const LS: any;
+export declare const LR: any;
+export declare const LY: any;
+export declare const LI: any;
+export declare const LT: any;
+export declare const LU: any;
+export declare const MO: any;
+export declare const MK: any;
+export declare const MG: any;
+export declare const MW: any;
+export declare const MY: any;
+export declare const MV: any;
+export declare const ML: any;
+export declare const MT: any;
+export declare const MQ: any;
+export declare const MR: any;
+export declare const MU: any;
+export declare const YT: any;
+export declare const MX: any;
+export declare const FM: any;
+export declare const MD: any;
+export declare const MC: any;
+export declare const MN: any;
+export declare const ME: any;
+export declare const MS: any;
+export declare const MA: any;
+export declare const MZ: any;
+export declare const MM: any;
+export declare const NA: any;
+export declare const NR: any;
+export declare const NL: any;
+export declare const AN: any;
+export declare const NC: any;
+export declare const NZ: any;
+export declare const NI: any;
+export declare const NE: any;
+export declare const NG: any;
+export declare const NU: any;
+export declare const NF: any;
+export declare const MP: any;
+export declare const NO: any;
+export declare const OM: any;
+export declare const PK: any;
+export declare const PW: any;
+export declare const PS: any;
+export declare const PA: any;
+export declare const PG: any;
+export declare const PY: any;
+export declare const PE: any;
+export declare const PH: any;
+export declare const PN: any;
+export declare const PL: any;
+export declare const PT: any;
+export declare const PR: any;
+export declare const QA: any;
+export declare const RO: any;
+export declare const RU: any;
+export declare const RW: any;
+export declare const RE: any;
+export declare const BL: any;
+export declare const SH: any;
+export declare const KN: any;
+export declare const LC: any;
+export declare const MF: any;
+export declare const PM: any;
+export declare const VC: any;
+export declare const WS: any;
+export declare const SM: any;
+export declare const ST: any;
+export declare const SA: any;
+export declare const SN: any;
+export declare const RS: any;
+export declare const SC: any;
+export declare const SL: any;
+export declare const SG: any;
+export declare const SK: any;
+export declare const SI: any;
+export declare const SB: any;
+export declare const SO: any;
+export declare const ZA: any;
+export declare const SS: any;
+export declare const GS: any;
+export declare const ES: any;
+export declare const LK: any;
+export declare const SD: any;
+export declare const SR: any;
+export declare const SJ: any;
+export declare const SZ: any;
+export declare const SE: any;
+export declare const CH: any;
+export declare const SY: any;
+export declare const TW: any;
+export declare const TJ: any;
+export declare const TZ: any;
+export declare const TH: any;
+export declare const TL: any;
+export declare const TG: any;
+export declare const TK: any;
+export declare const TO: any;
+export declare const TT: any;
+export declare const TN: any;
+export declare const TR: any;
+export declare const TM: any;
+export declare const TC: any;
+export declare const TV: any;
+export declare const UG: any;
+export declare const UA: any;
+export declare const AE: any;
+export declare const GB: any;
+export declare const US: any;
+export declare const UY: any;
+export declare const UZ: any;
+export declare const VU: any;
+export declare const VE: any;
+export declare const VN: any;
+export declare const VG: any;
+export declare const VI: any;
+export declare const WF: any;
+export declare const YE: any;
+export declare const ZM: any;
+export declare const ZW: any;

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

@@ -0,0 +1,4 @@
+export declare const splitMobile: (phoneToParse?: string) => {
+    mobileCode: string;
+    mobileNumber: string;
+};