@etsoo/react 1.5.78 → 1.5.81

package/lib/mu/MUGlobal.d.ts

@@ -1,102 +0,0 @@
-/// <reference types="react" />
-import { ListItemButtonProps, Theme } from '@mui/material';
-/**
- * Mouse event handler with data
- */
-export declare type MouseEventWithDataHandler<T> = (event: React.MouseEvent<HTMLDivElement>, data: T) => void;
-/**
- * MUGlobal for global configurations
- */
-export declare class MUGlobal {
-    /**
-     * Search field shrink
-     */
-    static searchFieldShrink: boolean;
-    /**
-     * Search field size
-     */
-    static searchFieldSize: 'small' | 'medium';
-    /**
-     * Search field variant
-     */
-    static searchFieldVariant: 'standard' | 'filled' | 'outlined';
-    /**
-     * Input field shrink
-     */
-    static inputFieldShrink: boolean;
-    /**
-     * Input field size
-     */
-    static inputFieldSize: 'small' | 'medium';
-    /**
-     * Input field variant
-     */
-    static inputFieldVariant: 'standard' | 'filled' | 'outlined';
-    /**
-     * TextField variant
-     */
-    static textFieldVariant: 'standard' | 'filled' | 'outlined';
-    /**
-     * Page default paddings
-     */
-    static pagePaddings: {
-        xs: number;
-        sm: number;
-    };
-    /**
-     * Get menu item props
-     * @param path Current path
-     * @param href Item's href
-     * @returns Props
-     */
-    static getMenuItem(path: string, href: string): ListItemButtonProps<"div", {}>;
-    /**
-     * Update object number properties with half of it
-     * @param input Input object
-     * @returns Updated object
-     */
-    static half(input: object): {};
-    /**
-     * Reverse object number properties, like 5 to -5
-     * @param input Input object
-     * @returns Updated object
-     */
-    static reverse(input: object): {};
-    /**
-     * Update object number properties with adjustment
-     * @param input Input object
-     * @param adjust Adjust value or new size object
-     * @param field Specific field
-     * @returns Updated object
-     */
-    static increase(input: object, adjust: number | object, field?: string): {};
-    /**
-     * Adjust size with theme update
-     * @param size Base size
-     * @param adjust Adjustment
-     * @param updateFunc Theme update function
-     * @returns Updated object
-     */
-    static adjustWithTheme(size: number, adjust: object, updateFunc: (value: number) => string): {};
-    /**
-     * Break points defined
-     */
-    static breakpoints: readonly ["xs", "sm", "md", "lg", "xl"];
-    /**
-     * Get multple medias theme space
-     * Responsive values and Breakpoints as an object
-     * xs = theme.breakpoints.up('xs')
-     * https://mui.com/system/basics/
-     * @param spaces Spaces
-     * @param theme Theme
-     * @returns Result
-     */
-    static getSpace(spaces: object, theme: Theme): number;
-    /**
-     * Update object number properties with theme
-     * @param input Input object
-     * @param updateFunc Theme update function
-     * @returns Updated object
-     */
-    static updateWithTheme(input: {}, updateFunc: (value: number) => string): {};
-}

package/lib/mu/MUGlobal.js

@@ -1,184 +0,0 @@
-import { NumberUtils } from '@etsoo/shared';
-import { RLink } from './RLink';
-/**
- * MUGlobal for global configurations
- */
-export class MUGlobal {
-    /**
-     * Get menu item props
-     * @param path Current path
-     * @param href Item's href
-     * @returns Props
-     */
-    static getMenuItem(path, href) {
-        let selected = false;
-        if (path === href) {
-            // Exact match, most common case
-            selected = true;
-        }
-        else if (href.endsWith('*')) {
-            href = href.slice(0, -1);
-            selected = path.startsWith(href);
-        }
-        else if (href.endsWith('/all')) {
-            selected = path.startsWith(href.slice(0, -3));
-        }
-        return {
-            component: RLink,
-            selected,
-            href,
-            sx: {
-                ...(selected && {
-                    '.MuiListItemIcon-root': {
-                        color: (theme) => theme.palette.primary.main
-                    }
-                })
-            }
-        };
-    }
-    /**
-     * Update object number properties with half of it
-     * @param input Input object
-     * @returns Updated object
-     */
-    static half(input) {
-        const newObj = { ...input };
-        Object.entries(newObj).forEach(([key, value]) => {
-            if (typeof value === 'number') {
-                Reflect.set(newObj, key, value / 2.0);
-            }
-        });
-        return newObj;
-    }
-    /**
-     * Reverse object number properties, like 5 to -5
-     * @param input Input object
-     * @returns Updated object
-     */
-    static reverse(input) {
-        const newObj = { ...input };
-        Object.entries(newObj).forEach(([key, value]) => {
-            if (typeof value === 'number') {
-                Reflect.set(newObj, key, -value);
-            }
-        });
-        return newObj;
-    }
-    /**
-     * Update object number properties with adjustment
-     * @param input Input object
-     * @param adjust Adjust value or new size object
-     * @param field Specific field
-     * @returns Updated object
-     */
-    static increase(input, adjust, field) {
-        const newObj = { ...input };
-        Object.entries(newObj).forEach(([key, value]) => {
-            if (typeof value === 'number') {
-                if (field == null || field === key) {
-                    const adjustValue = typeof adjust === 'number'
-                        ? adjust
-                        : Reflect.get(adjust, key);
-                    if (adjustValue == null || typeof adjustValue !== 'number')
-                        return;
-                    Reflect.set(newObj, key, value + adjustValue);
-                }
-            }
-        });
-        return newObj;
-    }
-    /**
-     * Adjust size with theme update
-     * @param size Base size
-     * @param adjust Adjustment
-     * @param updateFunc Theme update function
-     * @returns Updated object
-     */
-    static adjustWithTheme(size, adjust, updateFunc) {
-        const newObj = { ...adjust };
-        Object.entries(newObj).forEach(([key, value]) => {
-            if (typeof value === 'number') {
-                const newValue = NumberUtils.parseWithUnit(updateFunc(value));
-                if (newValue != null) {
-                    Reflect.set(newObj, key, `${size - newValue[0]}${newValue[1]}`);
-                }
-            }
-        });
-        return newObj;
-    }
-    /**
-     * Get multple medias theme space
-     * Responsive values and Breakpoints as an object
-     * xs = theme.breakpoints.up('xs')
-     * https://mui.com/system/basics/
-     * @param spaces Spaces
-     * @param theme Theme
-     * @returns Result
-     */
-    static getSpace(spaces, theme) {
-        const start = this.breakpoints.length - 1;
-        for (let i = start; i >= 0; i--) {
-            const key = this.breakpoints[i];
-            const value = Reflect.get(spaces, key);
-            if (typeof value === 'number') {
-                const mediaRaw = theme.breakpoints.up(key);
-                const mediaQuery = mediaRaw.substring(mediaRaw.indexOf('('));
-                if (window.matchMedia(mediaQuery).matches) {
-                    return parseInt(theme.spacing(value), 10);
-                }
-            }
-        }
-        return 0;
-    }
-    /**
-     * Update object number properties with theme
-     * @param input Input object
-     * @param updateFunc Theme update function
-     * @returns Updated object
-     */
-    static updateWithTheme(input, updateFunc) {
-        const newObj = { ...input };
-        Object.entries(newObj).forEach(([key, value]) => {
-            if (typeof value === 'number') {
-                Reflect.set(newObj, key, updateFunc(value));
-            }
-        });
-        return newObj;
-    }
-}
-/**
- * Search field shrink
- */
-MUGlobal.searchFieldShrink = true;
-/**
- * Search field size
- */
-MUGlobal.searchFieldSize = 'small';
-/**
- * Search field variant
- */
-MUGlobal.searchFieldVariant = 'outlined';
-/**
- * Input field shrink
- */
-MUGlobal.inputFieldShrink = true;
-/**
- * Input field size
- */
-MUGlobal.inputFieldSize = 'medium';
-/**
- * Input field variant
- */
-MUGlobal.inputFieldVariant = 'outlined';
-/**
- * TextField variant
- */
-MUGlobal.textFieldVariant = 'filled';
-/**
- * Page default paddings
- */
-MUGlobal.pagePaddings = { xs: 2, sm: 3 };
-/**
- * Break points defined
- */
-MUGlobal.breakpoints = ['xs', 'sm', 'md', 'lg', 'xl'];

package/lib/mu/MaskInput.d.ts

@@ -1,34 +0,0 @@
-/// <reference types="react" />
-import { TextFieldProps } from '@mui/material';
-/**
- * Mask input props
- */
-export declare type MaskInputProps<T extends IMask.AnyMaskedOptions> = TextFieldProps & {
-    /**
-     * Mask props
-     */
-    mask: T;
-    /**
-     * Accept hanlder
-     */
-    onAccept?: (value: unknown, maskRef: IMask.InputMask<T>, e?: InputEvent) => void;
-    /**
-     * Complete handler
-     */
-    onComplete?: (value: unknown, maskRef: IMask.InputMask<T>, e?: InputEvent) => void;
-    /**
-     * Is the field read only?
-     */
-    readOnly?: boolean;
-    /**
-     * Search case
-     */
-    search?: boolean;
-};
-/**
- * Mask input
- * https://imask.js.org/
- * @param props Props
- * @returns Component
- */
-export declare function MaskInput<T extends IMask.AnyMaskedOptions = IMask.AnyMaskedOptions>(props: MaskInputProps<T>): JSX.Element;

package/lib/mu/MaskInput.js

@@ -1,43 +0,0 @@
-import { TextField } from '@mui/material';
-import React from 'react';
-import { MUGlobal } from './MUGlobal';
-import { useIMask } from 'react-imask';
-/**
- * Mask input
- * https://imask.js.org/
- * @param props Props
- * @returns Component
- */
-export function MaskInput(props) {
-    // Destruct
-    const { defaultValue, mask, InputLabelProps = {}, InputProps = {}, onAccept, onComplete, readOnly, search = false, size = search ? MUGlobal.searchFieldSize : MUGlobal.inputFieldSize, value, variant = search
-        ? MUGlobal.searchFieldVariant
-        : MUGlobal.inputFieldVariant, ...rest } = props;
-    const { ref, maskRef } = useIMask(mask, {
-        onAccept: (value, maskRef, event) => {
-            if (onAccept)
-                onAccept(value, maskRef, event);
-        },
-        onComplete: (value, maskRef, event) => {
-            if (onComplete)
-                onComplete(value, maskRef, event);
-        }
-    });
-    const localValue = defaultValue !== null && defaultValue !== void 0 ? defaultValue : value;
-    // Shrink
-    InputLabelProps.shrink = search
-        ? MUGlobal.searchFieldShrink
-        : MUGlobal.inputFieldShrink;
-    // Read only
-    if (readOnly != null)
-        InputProps.readOnly = readOnly;
-    InputProps.inputRef = ref;
-    React.useEffect(() => {
-        if (maskRef.current == null || localValue == null)
-            return;
-        maskRef.current.value = String(localValue);
-        maskRef.current.updateValue();
-    }, [maskRef.current, localValue]);
-    // Layout
-    return (React.createElement(TextField, { InputLabelProps: InputLabelProps, InputProps: InputProps, size: size, variant: variant, ...rest }));
-}

package/lib/mu/MobileListItemRenderer.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import { ListItemReact } from '../components/ListItemReact';
-import { ScrollerListExInnerItemRendererProps } from './ScrollerListEx';
-/**
- * Default mobile list item renderer
- * @param param0 List renderer props
- * @param margin Margin
- * @param renderer Renderer for card content
- * @returns Component
- */
-export declare function MobileListItemRenderer<T>({ data, itemHeight, margins }: ScrollerListExInnerItemRendererProps<T>, renderer: (data: T) => [
-    string,
-    string | undefined,
-    React.ReactNode | (ListItemReact | boolean)[],
-    React.ReactNode,
-    React.ReactNode?
-]): JSX.Element;

package/lib/mu/MobileListItemRenderer.js

@@ -1,35 +0,0 @@
-import { Card, CardContent, CardHeader, LinearProgress } from '@mui/material';
-import React from 'react';
-import { MoreFab } from './MoreFab';
-/**
- * Default mobile list item renderer
- * @param param0 List renderer props
- * @param margin Margin
- * @param renderer Renderer for card content
- * @returns Component
- */
-export function MobileListItemRenderer({ data, itemHeight, margins }, renderer) {
-    // Loading
-    if (data == null)
-        return React.createElement(LinearProgress, null);
-    // Elements
-    const [title, subheader, actions, children, cardActions] = renderer(data);
-    return (React.createElement(Card, { sx: {
-            height: itemHeight,
-            ...margins
-        } },
-        React.createElement(CardHeader, { sx: { paddingBottom: 0.5 }, action: Array.isArray(actions) ? (React.createElement(MoreFab, { iconButton: true, size: "small", anchorOrigin: {
-                    vertical: 'bottom',
-                    horizontal: 'right'
-                }, transformOrigin: {
-                    vertical: 'top',
-                    horizontal: 'right'
-                }, actions: actions })) : (actions), title: title, titleTypographyProps: { variant: 'body2' }, subheader: subheader, subheaderTypographyProps: { variant: 'caption' } }),
-        React.createElement(CardContent, { sx: {
-                paddingTop: 0,
-                paddingBottom: cardActions == null
-                    ? Reflect.get(margins, 'marginBottom')
-                    : 0
-            } }, children),
-        cardActions));
-}

package/lib/mu/MoreFab.d.ts

@@ -1,45 +0,0 @@
-import { CustomFabProps } from './CustomFabProps';
-import React from 'react';
-import { PaperProps, PopoverOrigin } from '@mui/material';
-import { ListItemReact } from '../components/ListItemReact';
-/**
- * More fab props
- */
-export interface MoreFabProps extends CustomFabProps {
-    /**
-     * Actions
-     */
-    actions?: (ListItemReact | boolean)[];
-    /**
-     * Dray arrow
-     */
-    drawArrow?: boolean;
-    /**
-     * Main icon
-     */
-    icon?: React.ReactNode;
-    /**
-     * Show as icon button
-     */
-    iconButton?: boolean;
-    /**
-     * This is the point on the anchor where the popover's
-     * `anchorEl` will attach to
-     */
-    anchorOrigin?: PopoverOrigin;
-    /**
-     * Props applied to the [`Paper`](/api/paper/) element.
-     * @default {}
-     */
-    PaperProps?: Partial<PaperProps>;
-    /**
-     * This is the point on the popover which
-     * will attach to the anchor's origin
-     */
-    transformOrigin?: PopoverOrigin;
-}
-/**
- * More fab
- * @returns Component
- */
-export declare function MoreFab(props: MoreFabProps): JSX.Element;

package/lib/mu/MoreFab.js

@@ -1,95 +0,0 @@
-import MoreHorizIcon from '@mui/icons-material/MoreHoriz';
-import React from 'react';
-import { Divider, Fab, IconButton, ListItemIcon, ListItemText, Menu, MenuItem } from '@mui/material';
-import { Link } from 'react-router-dom';
-function getActions(input) {
-    // Actions
-    const actions = [];
-    input.forEach((action) => {
-        if (typeof action === 'boolean')
-            return;
-        actions.push(action);
-    });
-    return actions;
-}
-/**
- * More fab
- * @returns Component
- */
-export function MoreFab(props) {
-    // Destruct
-    const { actions, drawArrow = true, anchorOrigin = {
-        vertical: 'top',
-        horizontal: 'right'
-    }, color = 'primary', icon = React.createElement(MoreHorizIcon, null), iconButton = false, PaperProps = drawArrow
-        ? {
-            elevation: 0,
-            sx: {
-                overflow: 'visible',
-                filter: 'drop-shadow(0px 2px 8px rgba(0,0,0,0.32))',
-                mt: -0.4,
-                '& .MuiAvatar-root': {
-                    width: 32,
-                    height: 32,
-                    ml: -0.5,
-                    mr: 1
-                },
-                '&:before': {
-                    content: '""',
-                    display: 'block',
-                    position: 'absolute',
-                    top: 0,
-                    right: 14,
-                    width: 10,
-                    height: 10,
-                    bgcolor: 'background.paper',
-                    transform: 'translateY(-50%) rotate(45deg)',
-                    zIndex: 0
-                }
-            }
-        }
-        : undefined, size, title, transformOrigin = {
-        vertical: 'bottom',
-        horizontal: 'right'
-    } } = props;
-    // State
-    const [anchorEl, setAnchorEl] = React.useState();
-    // Open state
-    const open = Boolean(anchorEl);
-    // Handle click
-    const handleClick = (event) => {
-        setAnchorEl(event.currentTarget);
-    };
-    // Handle close
-    const handleClose = () => {
-        setAnchorEl(undefined);
-    };
-    // No actions
-    if (actions == null || actions.length == 0)
-        return React.createElement(React.Fragment, null);
-    // Actions
-    const actionsLocal = getActions(actions);
-    // Has any icon
-    const hasIcon = actionsLocal.some((action) => action.icon != null);
-    // Main
-    const main = iconButton ? (React.createElement(IconButton, { color: color, size: size, title: title, onClick: handleClick }, icon)) : (React.createElement(Fab, { color: color, size: size, title: title, onClick: handleClick }, icon));
-    return (React.createElement(React.Fragment, null,
-        main,
-        React.createElement(Menu, { disableScrollLock: true, anchorEl: anchorEl, anchorOrigin: anchorOrigin, keepMounted: true, transformOrigin: transformOrigin, open: open, onClose: handleClose, PaperProps: PaperProps }, actionsLocal.map(({ label, icon, action }, index) => label === '-' ? (React.createElement(Divider, { key: index })) : (React.createElement(MenuItem, { key: label, ...(typeof action === 'string'
-                ? action.includes('://')
-                    ? {
-                        component: 'a',
-                        href: action,
-                        target: '_blank'
-                    }
-                    : { component: Link, to: action }
-                : {
-                    onClick: () => {
-                        handleClose();
-                        if (typeof action === 'function')
-                            action();
-                    }
-                }) },
-            icon != null && (React.createElement(ListItemIcon, null, icon)),
-            React.createElement(ListItemText, { inset: icon == null && hasIcon }, label)))))));
-}

package/lib/mu/NotifierMU.d.ts

@@ -1,47 +0,0 @@
-import { NotificationAlign, NotificationRenderProps } from '@etsoo/notificationbase';
-import React from 'react';
-import { INotificationBaseReact, INotificationReact, NotificationReact, NotifierReact } from '../notifier/Notifier';
-/**
- * MU notification
- */
-export declare class NotificationMU extends NotificationReact {
-    private returnValue;
-    private createAlert;
-    private createConfirm;
-    private createMessageColor;
-    private createMessage;
-    private createPrompt;
-    private createLoading;
-    /**
-     * Render method
-     * @param props Props
-     * @param className Style class name
-     * @param classes Style classes
-     */
-    render(props: NotificationRenderProps, className: string): JSX.Element;
-}
-/**
- * Antd notifier
- */
-export declare class NotifierMU extends NotifierReact {
-    /**
-     * Create state and return provider
-     * @param className Style class name
-     * @returns Provider
-     */
-    static setup(className?: string): React.FunctionComponent<React.PropsWithChildren<import("../notifier/Notifier").NotificationReactRenderProps>>;
-    private static getOrigin;
-    /**
-     * Create align container
-     * @param align Align
-     * @param children Children
-     * @param options Other options
-     */
-    protected createContainer: (align: NotificationAlign, children: React.ReactNode[]) => JSX.Element;
-    /**
-     * Add raw definition
-     * @param data Notification data definition
-     * @param modal Show as modal
-     */
-    protected addRaw(data: INotificationBaseReact, modal?: boolean): INotificationReact;
-}