@piu-company/react-toolkit 1.0.0

package/dist/masker.d.ts

@@ -0,0 +1,15 @@
+export declare enum MaskerCharacters {
+    digit = "d",
+    letter = "x",
+    empty = "-"
+}
+export interface IMaskerConfig {
+    template: string;
+    placeholder: string;
+}
+export declare const maskLetterChecker: (config: IMaskerConfig, raw: string) => boolean;
+export declare const maskOutput: (config: IMaskerConfig, raw: string) => string;
+export declare const idCardMask: IMaskerConfig;
+export declare const dateMask: IMaskerConfig;
+export declare const timeMask: IMaskerConfig;
+export declare const vatMTMask: IMaskerConfig;

package/dist/navigation/NavProvider.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { Browser } from './types';
+export interface INavigationProvider {
+    browser: Browser;
+    children?: ReactNode;
+}
+export declare const NavigationProvider: (props: INavigationProvider) => JSX.Element;

package/dist/navigation/context.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { Browser } from './types';
+export interface INavigationContext {
+    browser?: Browser;
+}
+export declare const defaultNavigationContext: INavigationContext;
+export declare const NavigationContext: import("react").Context<INavigationContext>;

package/dist/navigation/index.d.ts

@@ -0,0 +1,3 @@
+export * from './context';
+export * from './types';
+export * from './NavProvider';

package/dist/navigation/types.d.ts

@@ -0,0 +1,6 @@
+export declare enum Browser {
+    firefox = "firefox",
+    edge = "edge",
+    chrome = "chrome",
+    safari = "safari"
+}

package/dist/notification/NotificationProvider.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+import { INotificationState, INotificationStoreActions } from './duck';
+import { PlayFunction } from 'use-sound/dist/types';
+export interface Notification {
+    title: string;
+    body: string;
+    link?: string;
+    dismissable?: boolean;
+    sound?: boolean;
+    type?: string;
+    data?: any;
+}
+export interface INotificationConfig {
+    sound?: PlayFunction;
+    customConsumer?: boolean;
+    onAddNotification?: (notification: Notification) => void;
+}
+export interface INotificationProvider extends INotificationConfig, INotificationState, INotificationStoreActions {
+    children: ReactNode;
+}
+export declare const NotificationProvider: any;

package/dist/notification/context.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Notification } from './NotificationProvider';
+export interface INotificationContext {
+    notifications?: Notification[];
+    addNotification?: (newNotif: Notification) => void;
+    removeNotification?: (index: number) => void;
+}
+export declare const defaultNotificationContext: INotificationContext;
+export declare const NotificationContext: import("react").Context<INotificationContext>;

package/dist/notification/duck.d.ts

@@ -0,0 +1,30 @@
+import { Notification } from './NotificationProvider';
+export interface INotificationAction {
+    type: NotificationActionTypes;
+    payload: INotificationState;
+}
+export declare enum NotificationActionTypes {
+    setNotifications = "setNotifications"
+}
+export interface INotificationState {
+    notifications?: Notification[];
+}
+export interface INotificationStoreActions {
+    setNotifications: (notifications: Notification[]) => void;
+}
+export interface INotificationMapStore {
+    notifications: INotificationState;
+}
+export declare const persistNotification: string[];
+export declare const notificationReducer: (state: INotificationState | undefined, action: INotificationAction) => INotificationState;
+export declare const notificationActions: {
+    setNotifications: (notifications: Notification[]) => {
+        type: NotificationActionTypes;
+        payload: {
+            notifications: Notification[];
+        };
+    };
+};
+export declare const mapStateToPropsNotification: (store: INotificationMapStore) => {
+    notifications: Notification[] | undefined;
+};

package/dist/notification/index.d.ts

@@ -0,0 +1,3 @@
+export * from './NotificationProvider';
+export * from './context';
+export * from './duck';

package/dist/redux.d.ts

@@ -0,0 +1,25 @@
+import { Reducer } from 'react';
+import { PersistConfig } from 'redux-persist';
+import { IAuthAction, IAuthState } from './authentication';
+import { ISidebarAction, ISidebarState } from './components';
+import { IThemeAction, IThemeState } from './theming';
+import { IDataLayerAction, IDataLayerState } from './dataLayer';
+import { PersistPartial } from 'redux-persist/es/persistReducer';
+import { INotificationAction, INotificationState } from './notification';
+export declare const generateModulePersistConfig: <T>(appName: string, moduleName: string, whitelist: string[]) => PersistConfig<T, any, any, any>;
+export declare const defaultStorageSetup: IStorageSetup;
+export interface IStorageSetup {
+    theme?: boolean;
+    authentication?: boolean;
+    sidebar?: boolean;
+    notifications?: boolean;
+    dataLayer?: string[];
+}
+export interface IConfig<UserType> {
+    theme?: Reducer<IThemeState, IThemeAction> | Reducer<IThemeState & PersistPartial, IThemeAction>;
+    sidebar?: Reducer<ISidebarState & PersistPartial, ISidebarAction> | Reducer<ISidebarState, ISidebarAction>;
+    authentication?: Reducer<IAuthState<UserType> & PersistPartial, IAuthAction<UserType>> | Reducer<IAuthState<UserType>, IAuthAction<UserType>>;
+    notifications?: Reducer<INotificationState & PersistPartial, INotificationAction> | Reducer<INotificationState, INotificationAction>;
+    dataLayer?: Reducer<IDataLayerState & PersistPartial, IDataLayerAction> | Reducer<IDataLayerState, IDataLayerAction>;
+}
+export declare const reducerCombiner: <T>(appName: string, setup?: IStorageSetup) => IConfig<T>;

package/dist/size/SizeProvider.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface ISizeProvider {
+    children: ReactNode;
+    mobileWidth?: number;
+}
+export declare const SizeProvider: (props: ISizeProvider) => JSX.Element;

package/dist/size/context.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface ISizeContext {
+    mobile: boolean;
+}
+export declare const defaultSizeContext: ISizeContext;
+export declare const SizeContext: import("react").Context<ISizeContext>;

package/dist/size/index.d.ts

@@ -0,0 +1,3 @@
+export * from './context';
+export * from './SizeProvider';
+export * from './types';

package/dist/size/types.d.ts

@@ -0,0 +1,5 @@
+export interface ISize {
+    width: number;
+    height: number;
+}
+export declare const mobileWidth = 768;

package/dist/snackbar/SnackbarProvider.d.ts

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

package/dist/snackbar/context.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ISnackbar } from '../components';
+import { SnackbarStateHandler } from './types';
+export interface ISnackbarContext {
+    state?: ISnackbar;
+    addData?: SnackbarStateHandler;
+}
+export declare const defaultSnackbarsContext: ISnackbarContext;
+export declare const SnackbarContext: import("react").Context<ISnackbarContext>;

package/dist/snackbar/functions.d.ts

@@ -0,0 +1,14 @@
+import { ISnackbarConfig, SnackbarStateHandler, SnackbarType } from './types';
+export declare const generateSnackbarConfig: (message: string, type: SnackbarType, snackbarData?: ISnackbarConfig) => {
+    data: {
+        message: string;
+        snackbarType: SnackbarType;
+        interval: number;
+        show: boolean;
+    };
+    horizontalPos: import("..").FloatingPosH;
+    verticalPos: import("..").FloatingPosV;
+    icon: boolean;
+    width?: string | undefined;
+};
+export declare const displaySnackbar: (message: string, barType: SnackbarType, snackbarAddData?: SnackbarStateHandler) => void;

package/dist/snackbar/index.d.ts

@@ -0,0 +1,4 @@
+export * from './types';
+export * from './context';
+export * from './SnackbarProvider';
+export * from './functions';

package/dist/snackbar/types.d.ts

@@ -0,0 +1,28 @@
+import { ISnackbar } from '../components';
+import { FloatingPosH, FloatingPosV } from '../styleEnums';
+export type SnackbarHandler = (newState: ISnackbar) => void;
+export type SnackbarStateHandler = (newState: ISnackbar) => void;
+export declare const initialSnackbarData: ISnackbarData;
+export declare const CommonSnackbar: ISnackbarConfig;
+export interface ISnackbarData {
+    show?: boolean;
+    message: string;
+    snackbarType?: SnackbarType;
+    interval?: number;
+}
+export declare enum SnackbarType {
+    success = "success",
+    warning = "warning",
+    info = "info",
+    error = "error"
+}
+export interface ISnackbarConfig {
+    horizontalPos: FloatingPosH;
+    verticalPos: FloatingPosV;
+    icon: boolean;
+    width?: string;
+    data: {
+        interval: number;
+        show: boolean;
+    };
+}

package/dist/styleEnums.d.ts

@@ -0,0 +1,156 @@
+export declare enum TimingFunctions {
+    linear = "linear",
+    ease = "ease",
+    easeIn = "ease-in",
+    easeOut = "ease-out",
+    easeInOut = "ease-in-out",
+    stepStart = "step-start",
+    stepEnd = "stepEnd"
+}
+export declare enum Sizes {
+    small = "small",
+    medium = "medium",
+    large = "large"
+}
+export declare enum DisplayTypes {
+    block = "block",
+    inlineBlock = "inline-block",
+    contents = "contents",
+    flex = "flex",
+    none = "none",
+    inlineFlex = "inline-flex"
+}
+export declare enum Overflow {
+    visible = "visible",
+    hidden = "hidden",
+    scroll = "scroll",
+    auto = "auto",
+    unset = "unset",
+    overlay = "overlay"
+}
+export declare enum Position {
+    static = "static",
+    relative = "relative",
+    fixed = "fixed",
+    absolute = "absolute",
+    sticky = "sticky"
+}
+export declare enum PointerEvents {
+    none = "none",
+    auto = "auto",
+    initial = "initial",
+    inherit = "inherit"
+}
+export declare enum Direction {
+    column = "column",
+    row = "row",
+    columnReverse = "column-reverse",
+    rowReverse = "row-reverse"
+}
+export declare enum Alignment {
+    flexStart = "flex-start",
+    flexEnd = "flex-end",
+    center = "center",
+    spaceBetween = "space-between",
+    spaceAround = "space-around",
+    spaceEvenly = "space-evenly"
+}
+export declare enum TextAlignment {
+    left = "left",
+    right = "right",
+    center = "center",
+    justify = "justify"
+}
+export declare enum TextDecoration {
+    overline = "overline",
+    lineThrough = "line-through",
+    underline = "underline",
+    underlineOverline = "underline overline"
+}
+export declare enum TextTransform {
+    capitalize = "capitalize",
+    uppercase = "uppercase",
+    lowercase = "lowercase"
+}
+export declare enum TextVariants {
+    small = "small",
+    h6 = "h6",
+    h5 = "h5",
+    h4 = "h4",
+    h3 = "h3",
+    h2 = "h2",
+    h1 = "h1"
+}
+export declare enum TextFontStyle {
+    normal = "normal",
+    italic = "italic",
+    oblique = "oblique"
+}
+export declare enum TextInputTypes {
+    email = "email",
+    number = "number",
+    text = "text",
+    url = "url",
+    password = "password"
+}
+export declare enum TextfieldVariant {
+    standard = "standard",
+    outlined = "outlined"
+}
+export declare enum FloatingPosV {
+    top = "top",
+    bottom = "bottom"
+}
+export declare enum FloatingPosH {
+    left = "left",
+    right = "right",
+    center = "center"
+}
+export declare enum CheckboxLabelPosition {
+    top = "top",
+    bottom = "bottom",
+    left = "left",
+    right = "right"
+}
+export declare enum WhiteSpace {
+    normal = "normal",
+    nowrap = "nowrap",
+    pre = "pre",
+    preLine = "pre-line",
+    preWrap = "pre-wrap",
+    initial = "initial",
+    inherit = "inherit"
+}
+export declare enum FlexWrap {
+    nowrap = "nowrap",
+    wrap = "wrap",
+    wrapReverse = "wrap-reverse"
+}
+export declare enum OverlayDirection {
+    left = "left",
+    right = "right",
+    top = "top"
+}
+export declare enum ZIndexLayers {
+    sidebar = 1,
+    level0 = 2,
+    level1 = 3,
+    level2 = 4,
+    topbar = 5,
+    tooltip = 6,
+    targetCard = 7,
+    cover = 8,
+    overlay = 9,
+    popup = 10,
+    snackbar = 11
+}
+export declare enum BorderTypes {
+    dotted = "dotted",
+    dashed = "dashed",
+    solid = "solid",
+    double = "double",
+    groove = "groove",
+    ridge = "ridge",
+    inset = "inset",
+    outset = "outset"
+}

package/dist/theming/ThemeProvider.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+import { IThemeMapStore, IThemeStoreActions } from './duck';
+import { IThemeContextConfig } from './context';
+import { ITheme } from './types';
+export interface IThemeProvider extends IThemeMapStore, IThemeStoreActions, IThemeContextConfig {
+    overrideSelectedNumber?: number;
+    overrideSetup?: ITheme[];
+    children?: ReactNode;
+}
+export declare const ThemeProvider: import("react-redux").ConnectedComponent<{
+    ({ overrideSelectedNumber, setSelectedThemeNumber, ...props }: IThemeProvider): JSX.Element;
+    defaultProps: {
+        overrideSetup: ITheme[];
+        appName: string;
+    };
+}, {
+    children?: ReactNode;
+    overrideSelectedNumber?: number | undefined;
+    overrideSetup?: ITheme[] | undefined;
+    appTitle?: string | undefined;
+    selectedTheme?: ITheme | undefined;
+    setSelectedTheme?: ((theme: ITheme) => void) | undefined;
+    appName?: string | 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/theming/context.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { IThemeState, IThemeStoreActions } from './duck';
+import { ITheme } from './types';
+export interface IThemeContextConfig {
+    appTitle?: string;
+    selectedTheme?: ITheme;
+    setSelectedTheme?: (theme: ITheme) => void;
+}
+export interface IThemeContext extends IThemeState, IThemeContextConfig, IThemeStoreActions {
+}
+export declare const defaultThemeContext: IThemeContext;
+export declare const ThemeContext: import("react").Context<IThemeContext>;

package/dist/theming/duck.d.ts

@@ -0,0 +1,23 @@
+import { ThemeNumberHandler } from './types';
+export interface IThemeAction {
+    type: ThemeActionTypes;
+    payload: IThemeState;
+}
+export declare enum ThemeActionTypes {
+    setSelectedThemeNumber = "[Set] SelectedThemeNumber"
+}
+export interface IThemeState {
+    selectedThemeNumber?: number;
+}
+export interface IThemeStoreActions {
+    setSelectedThemeNumber?: ThemeNumberHandler;
+}
+export interface IThemeMapStore {
+    theme?: IThemeState;
+}
+export declare const persistTheme: string[];
+export declare const themeReducer: (state: IThemeState | undefined, action: IThemeAction) => IThemeState;
+export declare const themeActions: IThemeStoreActions;
+export declare const mapStateToPropsTheme: (store: IThemeMapStore) => {
+    theme: IThemeState | undefined;
+};

package/dist/theming/functions.d.ts

@@ -0,0 +1,2 @@
+import { Colors, ITheme, Settings } from './types';
+export declare const themeProp: (theme?: ITheme, color?: string | Colors, setting?: string | Settings, font?: string | number) => string | number;

package/dist/theming/index.d.ts

@@ -0,0 +1,5 @@
+export * from './ThemeProvider';
+export * from './context';
+export * from './duck';
+export * from './types';
+export * from './functions';

package/dist/theming/types.d.ts

@@ -0,0 +1,60 @@
+export declare enum Colors {
+    primary = "primary",
+    secondary = "secondary",
+    success = "success",
+    info = "info",
+    warning = "warning",
+    error = "error",
+    text = "text",
+    textMuted = "textMuted",
+    title = "title",
+    borders = "borders",
+    backgroundLighter = "backgroundLighter",
+    background = "background",
+    backgroundDarker = "backgroundDarker",
+    backgroundDarker2 = "backgroundDarker2",
+    inputBackground = "inputBackground",
+    input = "input",
+    shadow = "shadow",
+    shadowAlt = "shadowAlt",
+    textOnPrimary = "textOnPrimary",
+    textOnSecondary = "textOnSecondary",
+    scrollTrackHover = "scrollTrackHover",
+    scrollThumb = "scrollThumb",
+    scrollThumbHover = "scrollThumbHover"
+}
+export declare enum Settings {
+    borderRadius = "borderRadius",
+    borders = "borders",
+    shadowDimensions = "shadowDimensions",
+    shadowDimensionsAlt = "shadowDimensionsAlt"
+}
+export declare enum ThemeTypes {
+    color = "color",
+    setting = "setting",
+    font = "font"
+}
+type SettingList = {
+    [key in Settings]: string;
+};
+type ColorList = {
+    [key in Colors]: string;
+};
+export declare const specificColors: {
+    facebook: string;
+    google: string;
+};
+export interface IFont {
+    family: string;
+    link: string;
+    alias?: string;
+}
+export interface ITheme extends SettingList {
+    name: string;
+    colors: ColorList;
+    fonts: IFont[];
+}
+export type ThemeNumberHandler = (themeNumber: number) => void;
+export type ThemeTogglerHandler = (setTheme: ThemeNumberHandler, currentTheme: number) => void;
+export declare const themes: ITheme[];
+export {};

package/dist/tooltip/ToolTipProvider.d.ts

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

package/dist/tooltip/context.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ITooltip } from '../components';
+import { EmptyFunctionHandler } from '../generalTypes';
+import { TooltipStateHandler } from './types';
+export interface IToolTipContext {
+    states?: ITooltip;
+    addOverlay?: TooltipStateHandler;
+    removeOverlay?: EmptyFunctionHandler;
+}
+export declare const defaultToolTipContext: IToolTipContext;
+export declare const ToolTipContext: import("react").Context<IToolTipContext>;

package/dist/tooltip/index.d.ts

@@ -0,0 +1,3 @@
+export * from './context';
+export * from './ToolTipProvider';
+export * from './types';

package/dist/tooltip/types.d.ts

@@ -0,0 +1,8 @@
+import { ITooltip } from '../components';
+export declare enum ToolTipPos {
+    top = "top",
+    bottom = "bottom",
+    left = "left",
+    right = "right"
+}
+export type TooltipStateHandler = (state: ITooltip) => void;