@piu-company/react-toolkit 1.0.0

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

@@ -0,0 +1,9 @@
+import { IContainer } from '../Level1';
+export interface ICard extends IContainer {
+}
+export declare const Card: {
+    ({ children, ...props }: ICard): JSX.Element;
+    defaultProps: {
+        width: string;
+    };
+};

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

@@ -0,0 +1,29 @@
+import { CheckboxLabelPosition } from '../../styleEnums';
+import { Colors } from '../../theming';
+export interface ICheckboxValue {
+    checked: boolean;
+    indetermined?: boolean;
+}
+export interface ICheckboxStyle {
+    borderColor?: string;
+    padding?: string;
+    color?: Colors | string;
+    margin?: string;
+}
+export interface ICheckbox extends ICheckboxStyle {
+    labelColor?: string;
+    fontFamily?: string;
+    label?: string;
+    value: ICheckboxValue;
+    direction?: CheckboxLabelPosition;
+    enableIndetermined?: boolean;
+    onChange(e: ICheckboxValue): void;
+}
+export declare const Checkbox: {
+    (props: ICheckbox): JSX.Element;
+    defaultProps: {
+        direction: CheckboxLabelPosition;
+        margin: string;
+        padding: string;
+    };
+};

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

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { Alignment, ZIndexLayers } from '../../styleEnums';
+export interface ICover {
+    children?: ReactNode;
+    crossAxis?: Alignment;
+    mainAxis?: Alignment;
+    hide?: boolean;
+    zIndex?: ZIndexLayers | number;
+}
+export declare const Cover: (props: ICover) => JSX.Element;

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { Moment } from 'moment';
+import { MomentHandler } from '../../../generalTypes';
+import { ITargetCard } from '../TargetCard';
+import { Weekdays } from './DayPicker';
+export interface IDatePicker extends ITargetCard {
+    setOpen: (newOpen: boolean) => void;
+    value?: Moment;
+    onDateSelect: MomentHandler;
+    firstDayMonday?: boolean;
+    startDate?: Moment;
+    endDate?: Moment;
+    availableDates?: Moment[];
+    enableWeekdayOnly?: Weekdays[];
+    excludedDates?: Moment[];
+    hideButtons?: boolean;
+}
+export declare const DatePicker: import("react").ForwardRefExoticComponent<IDatePicker & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Level2/DatePicker/DayPicker.d.ts

@@ -0,0 +1,43 @@
+import { MouseEventHandler } from 'react';
+import moment, { Moment } from 'moment';
+import { Colors, Settings } from '../../../theming';
+import { MomentHandler } from '../../../generalTypes';
+export declare enum Weekdays {
+    monday = 1,
+    tuesday = 2,
+    wednesday = 3,
+    thursday = 4,
+    friday = 5,
+    saturday = 6,
+    sunday = 7
+}
+export interface IDayPicker {
+    backgroundColor?: Colors | string;
+    iconColor?: Colors | string;
+    iconHoverColor?: Colors | string;
+    borderColor?: Colors | string;
+    borderRadius?: Settings | string;
+    shadow?: Settings | string;
+    shadowDim?: Settings | string;
+    onChange: MomentHandler;
+    onMonthClick: MouseEventHandler<HTMLButtonElement>;
+    value?: Moment;
+    firstDayMonday?: boolean;
+    startDate?: Moment;
+    endDate?: Moment;
+    setOpen: (newOpen: boolean) => void;
+    availableDates?: Moment[];
+    enableWeekdayOnly?: Weekdays[];
+    excludedDates?: Moment[];
+    hideButtons?: boolean;
+    hideShadow?: boolean;
+}
+export declare const DayPicker: {
+    (props: IDayPicker): JSX.Element;
+    defaultProps: {
+        backgroundColor: Colors;
+        shadowDim: Settings;
+        shadow: Colors;
+        value: moment.Moment;
+    };
+};

package/dist/components/Level2/DatePicker/MonthPicker.d.ts

@@ -0,0 +1,27 @@
+import moment, { Moment } from 'moment';
+import { MomentHandler } from '../../../generalTypes';
+import { Colors, Settings } from '../../../theming';
+export interface IMonthPicker {
+    backgroundColor?: Colors | string;
+    iconColor?: Colors | string;
+    iconHoverColor?: Colors | string;
+    borderColor?: Colors | string;
+    borderRadius?: Settings | string;
+    shadow?: Settings | string;
+    shadowDim?: Settings | string;
+    value?: Moment;
+    onChange: MomentHandler;
+    onMonthClick: MomentHandler;
+    setOpen: (newOpen: boolean) => void;
+    hideButtons?: boolean;
+    hideShadow?: boolean;
+}
+export declare const MonthPicker: {
+    (props: IMonthPicker): JSX.Element;
+    defaultProps: {
+        backgroundColor: Colors;
+        shadowDim: Settings;
+        shadow: Colors;
+        value: moment.Moment;
+    };
+};

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

@@ -0,0 +1,4 @@
+export * from './DatePicker';
+export * from './DayPicker';
+export * from './MonthPicker';
+export * from './types';

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

@@ -0,0 +1,8 @@
+import { Moment } from 'moment';
+export interface IDayBoxStyle {
+    opacity?: string;
+}
+export interface ICalendarState {
+    currentMonth: Moment;
+    currentMonthList: Moment[];
+}

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

@@ -0,0 +1,17 @@
+import { MutableRefObject, ReactNode } from 'react';
+import { Direction, FloatingPosH, FloatingPosV, ZIndexLayers } from '../../styleEnums';
+import { IFadeInOut } from '../Level1';
+export interface IFloatingDiv {
+    children?: ReactNode;
+    left?: string;
+    right?: string;
+    top?: string;
+    bottom?: string;
+    verticalPos?: FloatingPosV;
+    horizontalPos?: FloatingPosH;
+    ref?: MutableRefObject<HTMLDivElement>;
+    zIndex?: ZIndexLayers;
+    fadeInOut?: IFadeInOut;
+    direction?: Direction;
+}
+export declare const FloatingDiv: import("react").ForwardRefExoticComponent<Pick<IFloatingDiv, "children" | "zIndex" | "bottom" | "top" | "left" | "right" | "direction" | "verticalPos" | "horizontalPos" | "fadeInOut"> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,23 @@
+import { HTMLAttributes } from 'react';
+import { Colors } from '../../theming';
+import { IIconStyle } from '../Level1';
+interface IIconButtonStyle extends IIconStyle {
+    hoverBackgroundColor?: Colors | string;
+    flex?: string;
+}
+export interface IIconButton extends HTMLAttributes<HTMLButtonElement>, IIconButtonStyle {
+    ripple?: boolean;
+    size?: string;
+    loading?: boolean;
+    backgroundColor?: Colors | string;
+    toolTipText?: string;
+}
+export declare const IconButton: {
+    ({ hoverBackgroundColor, color, opacity, hoverColor, size, children, backgroundColor, toolTipText, ...props }: IIconButton): JSX.Element;
+    defaultProps: {
+        size: string;
+        hoverBackgroundColor: Colors;
+        backgroundColor: string;
+    };
+};
+export {};

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

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { LinkProps } from 'next/link';
+export interface ILinker extends LinkProps {
+    newTab?: boolean;
+    children: ReactNode;
+}
+export declare const Linker: ({ newTab, ...props }: ILinker) => JSX.Element;

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

@@ -0,0 +1,24 @@
+import { Colors, Settings } from '../../theming';
+export type MultiButtonClickHandler = (data: string) => void;
+export interface IMultiButtonSelect extends IMultiButtonSelectStyle {
+    selected?: string;
+    onClick: MultiButtonClickHandler;
+    selection: string[];
+    borderRadius?: Settings | string;
+    borderColor?: Colors | string;
+    border?: Settings | string;
+    selectedText?: Colors | string;
+}
+export interface IMultiButtonSelectStyle {
+    isSelected?: boolean;
+    selectedColor?: Colors | string;
+    hoverColor?: Colors | string;
+    width?: string;
+    height?: string;
+}
+export declare const MultiButtonSelect: {
+    (props: IMultiButtonSelect): JSX.Element;
+    defaultProps: {
+        selectedText: Colors;
+    };
+};

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

@@ -0,0 +1,36 @@
+import { ReactNode } from 'react';
+import { EmptyFunctionHandler } from '../../generalTypes';
+import { Alignment, OverlayDirection, Position, ZIndexLayers } from '../../styleEnums';
+import { Colors, Settings } from '../../theming';
+interface IOverlayStyle {
+    printable?: boolean;
+    borderColor?: Colors | string;
+    backgroundColor?: Colors | string;
+    zIndex?: ZIndexLayers | number;
+    mainAxis?: Alignment;
+    crossAxis?: Alignment;
+}
+export interface IOverlay extends IOverlayStyle {
+    children: ReactNode;
+    show?: boolean;
+    openSize?: string;
+    closedSize?: string;
+    direction: OverlayDirection;
+    position?: Position;
+    dismissable?: boolean;
+    onClose?: EmptyFunctionHandler;
+    covered?: boolean;
+    disableMobileSize?: boolean;
+    shadow?: Colors | string;
+    shadowDim?: Settings | string;
+    isSidebar?: boolean;
+}
+export declare const Overlay: {
+    (props: IOverlay): JSX.Element;
+    defaultProps: {
+        openSize: string;
+        backgroundColor: Colors;
+        topOffset: string;
+    };
+};
+export {};

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

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { IPanelFormSaveSection } from './PanelFormSaveSection';
+import { IPanelFormTitleSection } from './PanelFormTitleSection';
+export interface IPanelForm {
+    children: ReactNode;
+    titleSection: IPanelFormTitleSection;
+    saveSection: IPanelFormSaveSection;
+}
+export declare const PanelForm: (props: IPanelForm) => JSX.Element;

package/dist/components/Level2/PanelForm/PanelFormContent.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export interface IPanelFormContent {
+    children: ReactNode;
+}
+export declare const PanelFormContent: (props: IPanelFormContent) => JSX.Element;

package/dist/components/Level2/PanelForm/PanelFormSaveSection.d.ts

@@ -0,0 +1,10 @@
+import { EmptyFunctionHandler } from '../../../generalTypes';
+export interface IPanelFormSaveSection {
+    buttonText: string;
+    primaryButtonLoading: boolean;
+    primaryOnClick?: EmptyFunctionHandler;
+    discardOnClick: EmptyFunctionHandler;
+    buttonId?: string;
+    cancelButtonText?: string;
+}
+export declare const PanelFormSaveSection: (props: IPanelFormSaveSection) => JSX.Element;

package/dist/components/Level2/PanelForm/PanelFormSection.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface IPanelFormSection {
+    title: string;
+    children: ReactNode;
+}
+export declare const PanelFormSection: (props: IPanelFormSection) => JSX.Element;

package/dist/components/Level2/PanelForm/PanelFormTitleSection.d.ts

@@ -0,0 +1,6 @@
+import { EmptyFunctionHandler } from '../../../generalTypes';
+export interface IPanelFormTitleSection {
+    title: string;
+    close: EmptyFunctionHandler;
+}
+export declare const PanelFormTitleSection: (props: IPanelFormTitleSection) => JSX.Element;

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

@@ -0,0 +1,5 @@
+export * from './PanelFormTitleSection';
+export * from './PanelFormSection';
+export * from './PanelFormSaveSection';
+export * from './PanelForm';
+export * from './PanelFormContent';

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

@@ -0,0 +1,13 @@
+import { Colors } from '../../theming';
+import { IContainer } from '../Level1';
+export interface IPillContainer extends IContainer {
+    text: string;
+    color: Colors | string;
+}
+export declare const PillContainer: {
+    (props: IPillContainer): JSX.Element;
+    defaultProps: {
+        padding: string;
+        width: string;
+    };
+};

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

@@ -0,0 +1,10 @@
+import { Colors } from '../../theming';
+export interface IRadioButton {
+    label: string;
+    groupName: string;
+    value: string;
+    onChange: (data: string) => void;
+    buttonColor?: Colors | string;
+    textColor?: Colors | string;
+}
+export declare const RadioButton: (props: IRadioButton) => JSX.Element;

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

@@ -0,0 +1,24 @@
+import { IAdditionalData, ISideMenuSection, SideMenuVariant } from './types';
+import { EmptyFunctionHandler } from '../../../generalTypes';
+export interface ISideMenu {
+    height?: string;
+    title: string;
+    subtitle?: string;
+    description?: string;
+    sections: ISideMenuSection[];
+    additionalData?: IAdditionalData[];
+    navFunc?: (section?: ISideMenuSection) => void;
+    checkActive?: (section: ISideMenuSection) => boolean;
+    onDiscard?: EmptyFunctionHandler;
+    padding?: string;
+    cardPadding?: string;
+    variant?: SideMenuVariant;
+    loadingSubmit?: boolean;
+    titleWidth?: string;
+}
+export declare const SideMenu: {
+    ({ sections, checkActive, ...props }: ISideMenu): JSX.Element;
+    defaultProps: {
+        variant: SideMenuVariant;
+    };
+};

package/dist/components/Level2/SideMenu/SideMenuButton.d.ts

@@ -0,0 +1,16 @@
+import { Colors } from '../../../theming';
+import { IButton } from '../../Level1';
+interface ISideMenuButtonStyle {
+    activeColor?: Colors | string;
+}
+export interface ISideMenuButton extends ISideMenuButtonStyle, IButton {
+    active?: boolean;
+}
+export declare const SideMenuButton: {
+    (props: ISideMenuButton): JSX.Element;
+    defaultProps: {
+        activeColor: Colors;
+        color: string;
+    };
+};
+export {};

package/dist/components/Level2/SideMenu/SideMenuNav.d.ts

@@ -0,0 +1,12 @@
+import { ISideMenuSection, ValidationResults } from './types';
+export interface ISideMenuNav {
+    sections: ISideMenuSection[];
+    section: ISideMenuSection;
+    setResults: (newResult: {
+        [key in string]: ValidationResults;
+    }) => void;
+    navFunc?: (section?: ISideMenuSection) => void;
+    updateResult: (link: string, result: ValidationResults) => void;
+    loadingSubmit?: boolean;
+}
+export declare const SideMenuNav: (props: ISideMenuNav) => JSX.Element;

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

@@ -0,0 +1,3 @@
+export * from './SideMenuButton';
+export * from './SideMenu';
+export * from './types';

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

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+import { EmptyFunctionHandler } from '../../../generalTypes';
+import { Colors } from '../../../theming';
+export declare enum SideMenuVariant {
+    paper = "Paper",
+    line = "Line"
+}
+export declare enum ValidationResults {
+    good = "Good",
+    bad = "Bad",
+    skipped = "Skipped"
+}
+export interface ISideMenuSection {
+    link: string;
+    children: ReactNode;
+    validate?: () => ValidationResults;
+    nextLink?: string;
+    prevLink?: string;
+    onSubmit?: EmptyFunctionHandler;
+}
+export interface IAdditionalData {
+    title: string;
+    data: string | ReactNode;
+    color?: Colors | string;
+}

package/dist/components/Level2/SocialButtons/FacebookButton.d.ts

@@ -0,0 +1,12 @@
+import { Sizes } from '../../../styleEnums';
+import { IButton } from '../../Level1';
+export interface IFacebookButton extends IButton {
+}
+export declare const FacebookButton: {
+    (props: IFacebookButton): JSX.Element;
+    defaultProps: {
+        size: Sizes;
+        width: string;
+        ripple: boolean;
+    };
+};

package/dist/components/Level2/SocialButtons/GoogleButton.d.ts

@@ -0,0 +1,12 @@
+import { Sizes } from '../../../styleEnums';
+import { IButton } from '../../Level1';
+export interface IGoogleButton extends IButton {
+}
+export declare const GoogleButton: {
+    (props: IGoogleButton): JSX.Element;
+    defaultProps: {
+        size: Sizes;
+        width: string;
+        ripple: boolean;
+    };
+};

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

@@ -0,0 +1,2 @@
+export * from './FacebookButton';
+export * from './GoogleButton';

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

@@ -0,0 +1,11 @@
+import { Colors } from '../../theming';
+export interface ISwitch {
+    value: boolean;
+    setValue: (value: boolean) => void;
+    pinColor?: Colors | string;
+    backgroundColor?: Colors | string;
+    activeBackgroundColor?: Colors | string;
+    borderRadius?: string;
+    pinBorderRadius?: string;
+}
+export declare const Switch: (props: ISwitch) => JSX.Element;

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

@@ -0,0 +1,42 @@
+import { ReactNode } from 'react';
+import { Overflow, ZIndexLayers } from '../../styleEnums';
+import { Colors, Settings } from '../../theming';
+import { IOptionStyling } from '../UseDataLayer';
+export declare enum TargetCardDirection {
+    topRight = "topRight",
+    topLeft = "topLeft",
+    bottomRight = "bottomRight",
+    bottomLeft = "bottomLeft"
+}
+export declare enum TargetCardType {
+    autocomplete = "autocomplete",
+    timepicker = "timepicker",
+    profilebox = "profilebox"
+}
+export interface ITargetCard extends IOptionStyling {
+    width?: string;
+    height?: string;
+    overflowX?: Overflow;
+    minWidth?: string;
+    maxWidth?: string;
+    maxHeight?: string;
+    open: boolean;
+    borderRadius?: Settings | string;
+    backgroundColor?: Colors | string;
+    shadow?: Colors | string;
+    shadowDim?: Settings | string;
+    overflowY?: Overflow;
+    target?: HTMLElement;
+    forceDirection?: TargetCardDirection;
+    topOffset?: number;
+    bottomOffset?: number;
+    leftOffset?: number;
+    rightOffset?: number;
+    buttonWidth?: number;
+    buttonHeight?: number;
+    zIndex?: ZIndexLayers;
+    targetCardType?: TargetCardType;
+}
+export declare const TargetCard: import("react").ForwardRefExoticComponent<ITargetCard & {
+    children: ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,13 @@
+import { TextfieldVariant } from '../../../styleEnums';
+import { Colors } from '../../../theming';
+export interface IMasker {
+    readOnly?: boolean;
+    fontFamily?: string;
+    variant?: TextfieldVariant;
+    backgroundColor?: string | Colors;
+    color?: string | Colors;
+    mask: string;
+    value: string;
+    onValueChange: (newValue: string) => void;
+}
+export declare const Masker: (props: IMasker) => JSX.Element;

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

@@ -0,0 +1,16 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { TextInputTypes } from '../../../styleEnums';
+import { ITextFieldContainerStyle } from './TextFieldContainer';
+export interface ITextField extends HTMLAttributes<HTMLInputElement | HTMLTextAreaElement>, ITextFieldContainerStyle {
+    prefixCmp?: ReactNode;
+    symbolsCmp?: ReactNode;
+    suffixCmp?: ReactNode;
+    type?: TextInputTypes;
+    value: string;
+    rows?: number;
+    mask?: string;
+    length?: number;
+    minWidth?: string;
+    onValueChange?: (newString: string) => void;
+}
+export declare const TextField: import("react").ForwardRefExoticComponent<ITextField & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { TextfieldVariant } from '../../../styleEnums';
+import { IContainer } from '../../Level1';
+import { IField, IFieldStyle } from '../../../generalTypes';
+export interface ITextFieldContainer extends IContainer, ITextFieldContainerStyle {
+}
+export interface ITextFieldContainerStyle extends IFieldStyle, IField {
+    variant?: TextfieldVariant;
+    width?: string;
+    borderColor?: string;
+    hoverBorderColor?: string;
+    focusBorderColor?: string;
+    errorColor?: string;
+    error?: string;
+    isFocused?: boolean;
+    textArea?: boolean;
+    padding?: string;
+}
+export declare const TextFieldContainer: import("react").ForwardRefExoticComponent<ITextFieldContainer & import("react").RefAttributes<HTMLInputElement>>;

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

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

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

@@ -0,0 +1,5 @@
+import { ThemeTogglerHandler } from '../../theming';
+export interface IThemeToggle {
+    toggleFunction: ThemeTogglerHandler;
+}
+export declare const ThemeToggle: ({ toggleFunction }: IThemeToggle) => JSX.Element;

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

@@ -0,0 +1,21 @@
+import { Colors, Settings } from '../../theming';
+import { ToolTipPos } from '../../tooltip';
+export interface ITooltip {
+    backgroundColor?: Colors | string;
+    borderRadius?: Settings | string;
+    textColor?: Colors | string;
+    shadow?: Settings | string;
+    shadowDim?: Settings | string;
+    placement: ToolTipPos;
+    componentDetails?: DOMRect;
+    tipWidth?: string;
+    show?: boolean;
+    text: string;
+}
+export declare const Tooltip: {
+    (props: ITooltip): JSX.Element;
+    defaultProps: {
+        shadow: Colors;
+        shadowDim: Settings;
+    };
+};

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

@@ -0,0 +1,9 @@
+import { EmptyFunctionHandler } from '../../../generalTypes';
+export interface IUploadPreview {
+    firebase?: boolean;
+    file?: File;
+    url?: any;
+    src?: any;
+    onRemove: EmptyFunctionHandler;
+}
+export declare const UploadPreview: (props: IUploadPreview) => JSX.Element;

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

@@ -0,0 +1,30 @@
+import { DataSizes } from '../../../dataEnums';
+import { IField, IFieldStyle } from '../../../generalTypes';
+import { Colors } from '../../../theming';
+import { FileUrlArrayHandler, FileListHandler, FileTypes } from './types';
+export interface IUploader extends IField, IFieldStyle {
+    value?: string[];
+    valueAsSrc?: string[];
+    toUpload?: FileList;
+    instruction: string;
+    accept: string[] | FileTypes[];
+    byteSize: number;
+    dataSize?: DataSizes;
+    limit: number;
+    updateUpload: FileListHandler;
+    updateValue: FileUrlArrayHandler;
+    firebase?: boolean;
+    showGalleryBorder?: boolean;
+}
+export declare const Uploader: {
+    (props: IUploader): JSX.Element;
+    defaultProps: {
+        instruction: string;
+        width: string;
+        limit: number;
+        hoverBorderColor: Colors;
+        focusBorderColor: Colors;
+        helperColor: Colors;
+        errorColor: Colors;
+    };
+};