@piu-company/react-toolkit 1.0.0

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

@@ -0,0 +1,5 @@
+export * from './Autocomplete';
+export * from './Table';
+export * from './EntityList';
+export * from './TownSelection';
+export * from './CountrySelection';

package/dist/components/UseRedux/Sidebar/Sidebar.d.ts

@@ -0,0 +1,48 @@
+import { ReactNode } from 'react';
+import { Colors } from '../../../theming';
+import { ISidebarState, ISidebarStoreActions } from './duck';
+import { INavType, PermissionHandler } from './types';
+export interface ISidebar extends ISidebarStyle {
+    logo?: ReactNode;
+    favicon?: ReactNode;
+    children: ReactNode;
+    nav: INavType[];
+    forcePermissionCheck?: boolean;
+    permissionCheck?: PermissionHandler;
+    location?: string;
+    mobile?: boolean;
+    customUiTop?: (collapsed: boolean) => ReactNode;
+    alwaysShowFooter?: boolean;
+}
+export interface IFooterButton {
+    setOpen?: (value: boolean) => void;
+    icon?: ReactNode;
+}
+export interface IFooter {
+    isButton?: boolean;
+    footerButton?: IFooterButton;
+    footer?: ReactNode;
+}
+export interface ISidebarStyle {
+    activeColor?: string | Colors;
+    backgroundColor?: string | Colors;
+}
+export declare const Sidebar: import("react-redux").ConnectedComponent<({ nav, permissionCheck, collapsed, setCollapsed, forcePermissionCheck, ...props }: ISidebar & ISidebarState & ISidebarStoreActions & IFooter) => JSX.Element, {
+    children: ReactNode;
+    footer?: ReactNode;
+    nav: INavType[];
+    backgroundColor?: string | undefined;
+    location?: string | undefined;
+    mobile?: boolean | undefined;
+    logo?: ReactNode;
+    favicon?: ReactNode;
+    forcePermissionCheck?: boolean | undefined;
+    permissionCheck?: PermissionHandler | undefined;
+    customUiTop?: ((collapsed: boolean) => ReactNode) | undefined;
+    alwaysShowFooter?: boolean | undefined;
+    activeColor?: string | undefined;
+    isButton?: boolean | undefined;
+    footerButton?: IFooterButton | undefined;
+    context?: import("react").Context<import("react-redux").ReactReduxContextValue<any, import("redux").AnyAction>> | undefined;
+    store?: import("redux").Store<any, import("redux").AnyAction> | undefined;
+}>;

package/dist/components/UseRedux/Sidebar/SidebarButton.d.ts

@@ -0,0 +1,25 @@
+import { Colors, Settings } from '../../../theming';
+import { INavSection } from './types';
+interface ISidebarButtonStyle {
+    activeColor?: Colors | string;
+    normalColor?: Colors | string;
+    color?: Colors | string;
+    borderRadius?: Settings | string;
+}
+export interface ISidebarButton extends ISidebarButtonDiv {
+    collapsed: boolean;
+    setCollapsed?: (value: boolean) => void;
+    index: number;
+    link: INavSection;
+}
+interface ISidebarButtonDiv extends ISidebarButtonStyle {
+    active: boolean;
+}
+export declare const SidebarButton: {
+    ({ collapsed, link, ...props }: ISidebarButton): JSX.Element;
+    defaultProps: {
+        color: Colors;
+        activeColor: Colors;
+    };
+};
+export {};

package/dist/components/UseRedux/Sidebar/SidebarTitle.d.ts

@@ -0,0 +1,14 @@
+import { Colors } from '../../../theming';
+import { INavType } from './types';
+export interface ISidebarTitle {
+    color?: Colors | string;
+    link: INavType;
+    collapsed: boolean;
+    index: number;
+}
+export declare const SidebarTitle: {
+    (props: ISidebarTitle): JSX.Element;
+    defaultProps: {
+        color: Colors;
+    };
+};

package/dist/components/UseRedux/Sidebar/SidebarToggler.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { ISidebarState, ISidebarStoreActions } from './duck';
+export interface ISidebarToggle {
+    collapsedChildren?: any;
+    uncollapsedChildren?: any;
+    children?: ReactNode;
+    mobile?: boolean;
+}
+export declare const SidebarToggle: import("react-redux").ConnectedComponent<(props: ISidebarToggle & ISidebarState & ISidebarStoreActions) => JSX.Element, {
+    children?: ReactNode;
+    collapsedChildren?: any;
+    uncollapsedChildren?: any;
+    mobile?: boolean | undefined;
+    context?: import("react").Context<import("react-redux").ReactReduxContextValue<any, import("redux").AnyAction>> | undefined;
+    store?: import("redux").Store<any, import("redux").AnyAction> | undefined;
+}>;

package/dist/components/UseRedux/Sidebar/duck.d.ts

@@ -0,0 +1,30 @@
+import { CollapsedHandler } from './types';
+export interface ISidebarAction {
+    type: SidebarActionTypes;
+    payload: ISidebarState;
+}
+export declare enum SidebarActionTypes {
+    setCollapsed = "[set] collapsed"
+}
+export interface ISidebarStoreActions {
+    setCollapsed?: CollapsedHandler;
+}
+export interface ISidebarState {
+    collapsed: boolean;
+}
+export interface ISidebarMapStore {
+    sidebar: ISidebarState;
+}
+export declare const persistSidebar: string[];
+export declare const sidebarReducer: (state: ISidebarState | undefined, action: ISidebarAction) => ISidebarState;
+export declare const sidebarActions: {
+    setCollapsed: (collapsed: boolean) => {
+        type: SidebarActionTypes;
+        payload: {
+            collapsed: boolean;
+        };
+    };
+};
+export declare const mapStateToPropsSidebar: (store: ISidebarMapStore) => {
+    collapsed: boolean;
+};

package/dist/components/UseRedux/Sidebar/index.d.ts

@@ -0,0 +1,6 @@
+export * from './Sidebar';
+export * from './duck';
+export * from './types';
+export * from './SidebarButton';
+export * from './SidebarTitle';
+export * from './SidebarToggler';

package/dist/components/UseRedux/Sidebar/types.d.ts

@@ -0,0 +1,13 @@
+export interface INavType {
+    title: string;
+    sections: INavSection[];
+}
+export interface INavSection {
+    title: string;
+    icon?: any;
+    link?: string;
+    permission?: any;
+}
+export type WidthHandler = (newWidth: number) => void;
+export type CollapsedHandler = (newCollapsed: boolean) => void;
+export type PermissionHandler = (requiredPermission: INavSection, user: any) => boolean;

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

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

package/dist/components/index.d.ts

@@ -0,0 +1,15 @@
+export * from './Level1';
+export * from './Level2';
+export * from './Level3';
+export * from './Level4';
+export * from './Consumers';
+export * from './NextJS';
+export * from './pages';
+export * from './UseDataLayer';
+export * from './UseRedux';
+export * from './Layout';
+export * from './Forms';
+export * from './GoogleMaps';
+export * from './Stripe';
+export * from './GoogleCalendar';
+export * from './Firebase';

package/dist/components/pages/AuthPage/AuthPage.d.ts

@@ -0,0 +1,18 @@
+import { IUrlData } from '../../../breadCrumb';
+import { EmptyFunctionHandler } from '../../../generalTypes';
+import { IFirebaseConfig } from '../../Firebase';
+import { ApiCallHandler, ExtraDataHandler, RenderHandler, SetExtraDataHandler } from './types';
+export interface IAuthPage {
+    anonymousLogin?: boolean;
+    loginRequired?: boolean;
+    firebaseConfig?: IFirebaseConfig;
+    breadCrumb?: IUrlData[];
+    apiCall?: ApiCallHandler;
+    userId?: string;
+    renderSelection: RenderHandler;
+    logout?: EmptyFunctionHandler;
+    title?: string;
+    loadExtraData?: ExtraDataHandler;
+    setExtraData?: SetExtraDataHandler;
+}
+export declare const AuthPage: ({ apiCall, loadExtraData, setExtraData, ...props }: IAuthPage) => JSX.Element;

package/dist/components/pages/AuthPage/index.d.ts

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

package/dist/components/pages/AuthPage/types.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+export declare enum APICallResult {
+    success = "success",
+    error = "error",
+    denied = "denied"
+}
+export interface APICallReturn {
+    result: APICallResult;
+    data?: any;
+}
+export type RenderHandler = (user?: any) => ReactNode;
+export type ApiCallHandler = () => Promise<APICallReturn>;
+export type ExtraDataHandler = () => Promise<any>;
+export type SetExtraDataHandler = (data: any) => void;

package/dist/components/pages/AuthPageV2.d.ts

@@ -0,0 +1,16 @@
+import { IUrlData } from '../../breadCrumb';
+import { EmptyFunctionHandler } from '../../generalTypes';
+import { ApiCallHandler, ExtraDataHandler, RenderHandler, SetExtraDataHandler } from './AuthPage';
+export interface IAuthPageV2 {
+    loginRequired?: boolean;
+    breadCrumb?: IUrlData[];
+    apiCall?: ApiCallHandler;
+    userId?: string;
+    renderSelection: RenderHandler;
+    logout?: EmptyFunctionHandler;
+    title?: string;
+    loadExtraData?: ExtraDataHandler;
+    setExtraData?: SetExtraDataHandler;
+    loginStatus?: 'PENDING' | 'LOGGED_IN' | 'LOGGED_OUT';
+}
+export declare const AuthPageV2: ({ apiCall, loadExtraData, setExtraData, ...props }: IAuthPageV2) => JSX.Element;

package/dist/components/pages/ErrorPage.d.ts

@@ -0,0 +1,13 @@
+import { Colors } from '../../theming';
+export interface IErrorPage {
+    backgroundColor?: string | Colors;
+    lineColor?: string | Colors;
+    error?: string;
+}
+export declare const ErrorPage: {
+    (props: IErrorPage): JSX.Element;
+    defaultProps: {
+        backgroundColor: Colors;
+        lineColor: Colors;
+    };
+};

package/dist/components/pages/ForbiddenPage.d.ts

@@ -0,0 +1,15 @@
+import { Colors } from '../../theming';
+import { EmptyFunctionHandler } from '../../generalTypes';
+export interface IForbiddenPage {
+    backgroundColor?: string | Colors;
+    lineColor?: string | Colors;
+    error?: string;
+    logout?: EmptyFunctionHandler;
+}
+export declare const ForbiddenPage: {
+    ({ logout, ...props }: IForbiddenPage): JSX.Element;
+    defaultProps: {
+        backgroundColor: Colors;
+        lineColor: Colors;
+    };
+};

package/dist/components/pages/ForgotPasswordPage/ForgotPasswordForm.d.ts

@@ -0,0 +1,5 @@
+export interface IForgotPasswordForm {
+    loginUrl: string;
+    onForgot: (email: string) => Promise<void>;
+}
+export declare const ForgotPasswordForm: (props: IForgotPasswordForm) => JSX.Element;

package/dist/components/pages/ForgotPasswordPage/ForgotPasswordPage.d.ts

@@ -0,0 +1,4 @@
+import { IForgotPasswordForm } from './ForgotPasswordForm';
+export interface IForgotPasswordPage extends IForgotPasswordForm {
+}
+export declare const ForgotPasswordPage: (props: IForgotPasswordPage) => JSX.Element;

package/dist/components/pages/ForgotPasswordPage/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ForgotPasswordForm';
+export * from './ForgotPasswordPage';

package/dist/components/pages/LoadingPage.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { Colors } from '../../theming';
+export interface ILoadingScrreen {
+    backgroundColor?: string | Colors;
+    loadingColor?: string | Colors;
+    loadingIcon?: ReactNode;
+}
+export declare const LoadingPage: {
+    ({ loadingIcon, ...props }: ILoadingScrreen): JSX.Element;
+    defaultProps: {
+        backgroundColor: Colors;
+        loadingColor: Colors;
+    };
+};

package/dist/components/pages/LoginPage/LoginForm.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+import { EmptyFunctionHandler } from '../../../generalTypes';
+export interface ILoginForm {
+    image?: ReactNode;
+    title: string;
+    subTitle?: string;
+    emailPlaceholder?: string;
+    passwordPlaceholder?: string;
+    handleGoogleSignin?: () => Promise<any>;
+    handleFbSignin?: () => Promise<any>;
+    onAutoLogin: EmptyFunctionHandler;
+    onSignIn: (email: string, password: string) => Promise<void>;
+    forgotPassword?: EmptyFunctionHandler;
+    selectedOption?: string;
+    selectorOptions?: string[];
+    setSelectionOption?: (data: string) => void;
+    selectionWidth?: string;
+    showNotificationSupport?: boolean;
+}
+export declare const LoginForm: ({ onAutoLogin, ...props }: ILoginForm) => JSX.Element;

package/dist/components/pages/LoginPage/LoginPage.d.ts

@@ -0,0 +1,9 @@
+import { ILoginForm } from './LoginForm';
+export interface ILoginPage extends ILoginForm {
+    termsLink?: string;
+    selectedOption?: string;
+    selectorOptions?: string[];
+    setSelectionOption?: (data: string) => void;
+    selectionWidth?: string;
+}
+export declare const LoginPage: (props: ILoginPage) => JSX.Element;

package/dist/components/pages/LoginPage/index.d.ts

@@ -0,0 +1,2 @@
+export * from './LoginPage';
+export * from './LoginForm';

package/dist/components/pages/LogoutPage.d.ts

@@ -0,0 +1,5 @@
+import { EmptyFunctionHandler } from '../../generalTypes';
+export interface ILogoutPage {
+    logout: EmptyFunctionHandler;
+}
+export declare const LogoutPage: ({ logout }: ILogoutPage) => JSX.Element;

package/dist/components/pages/NotFoundPage.d.ts

@@ -0,0 +1,6 @@
+import { Colors } from '../../theming';
+export interface INotFoundPage {
+    backgroundColor?: string | Colors;
+    lineColor?: string | Colors;
+}
+export declare const NotFoundPage: (props: INotFoundPage) => JSX.Element;

package/dist/components/pages/UnverifiedUserPage.d.ts

@@ -0,0 +1,6 @@
+import { Colors } from '../../theming';
+export interface IUnverifiedUserPage {
+    backgroundColor?: string | Colors;
+    lineColor?: string | Colors;
+}
+export declare const UnverifiedUserPage: (props: IUnverifiedUserPage) => JSX.Element;

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

@@ -0,0 +1,10 @@
+export * from './NotFoundPage';
+export * from './ForbiddenPage';
+export * from './LoadingPage';
+export * from './UnverifiedUserPage';
+export * from './ErrorPage';
+export * from './LogoutPage';
+export * from './LoginPage';
+export * from './ForgotPasswordPage';
+export * from './AuthPage';
+export * from './AuthPageV2';

package/dist/contextCheckers.d.ts

@@ -0,0 +1,4 @@
+import { IContextMapping, IThemeMapping } from './generalTypes';
+import { IThemeContext } from './theming';
+export declare const themeChecker: (props: any, mappings: IThemeMapping[], theme?: IThemeContext) => any;
+export declare const contextChecker: (props: any, mappings: IContextMapping[], contexts?: any) => any;