@etsoo/materialui 1.4.67 → 1.4.69

package/lib/mjs/MUGlobal.d.ts

@@ -0,0 +1,101 @@
+import { ListItemButtonProps, Theme } from "@mui/material";
+/**
+ * Mouse event handler with data
+ */
+export 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;
+    /**
+     * 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/mjs/MUUtils.d.ts

@@ -0,0 +1,22 @@
+import { QueryRQ } from "@etsoo/appscript";
+import { IdType } from "@etsoo/shared";
+import { GridApiCommunity } from "@mui/x-data-grid/models/api/gridApiCommunity";
+/**
+ * MU utilities
+ */
+export declare namespace MUUtils {
+    /**
+     * Get grid data
+     * @param grid Grid
+     * @param checkField Check field or callback
+     * @returns Results
+     */
+    function getGridData<T>(grid: GridApiCommunity, checkField: keyof T | ((item: T) => boolean)): T[];
+    /**
+     * Setup paging keysets
+     * @param data Paging data
+     * @param lastItem Last item of the query
+     * @param idField Id field
+     */
+    function setupPagingKeysets<T, K extends IdType = number>(data: QueryRQ<K>, lastItem: T | undefined, idField: keyof T & string): QueryRQ<K>;
+}

package/lib/mjs/MaskInput.d.ts

@@ -0,0 +1,40 @@
+import { TextFieldProps } from "@mui/material";
+type ReactIMask = typeof import("react-imask", { with: { "resolution-mode": "import" } }).useIMask;
+type ReactIMaskProps = Parameters<ReactIMask>;
+type RIOpts = ReactIMaskProps[0];
+type RIReturns = ReturnType<ReactIMask>;
+type RIMaskRef = RIReturns["maskRef"]["current"];
+type RIMValue = RIReturns["value"];
+/**
+ * Mask input props
+ */
+export type MaskInputProps = TextFieldProps & {
+    /**
+     * Mask props
+     */
+    mask: RIOpts;
+    /**
+     * Accept hanlder
+     */
+    onAccept?: (value: RIMValue, maskRef: RIMaskRef, e?: InputEvent) => void;
+    /**
+     * Complete handler
+     */
+    onComplete?: (value: RIMValue, maskRef: RIMaskRef, 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(props: MaskInputProps): import("react/jsx-runtime").JSX.Element | undefined;
+export {};

package/lib/{MaskInput.js → mjs/MaskInput.js}

@@ -2,7 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { TextField } from "@mui/material";
 import React from "react";
 import { MUGlobal } from "./MUGlobal";
-import { useIMask } from "react-imask";
 /**
  * Mask input
  * https://imask.js.org/
@@ -12,6 +11,13 @@ import { useIMask } from "react-imask";
 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;
+    // State
+    const [useIMask, setUseIMask] = React.useState(null);
+    React.useEffect(() => {
+        import("react-imask").then((module) => setUseIMask(module.useIMask));
+    }, []);
+    if (useIMask == null)
+        return;
     const { ref, maskRef } = useIMask(mask, {
         onAccept: (value, maskRef, event) => {
             if (onAccept)

package/lib/mjs/MenuButton.d.ts

@@ -0,0 +1,9 @@
+import { DataTypes } from "@etsoo/shared";
+import { ButtonProps, MenuProps } from "@mui/material";
+import React from "react";
+export type MenuButtonProps<T extends DataTypes.IdItem> = Omit<MenuProps, "open"> & {
+    items: T[];
+    labelField: DataTypes.Keys<T, string> | ((data: T) => string);
+    button: ((clickHandler: React.MouseEventHandler<HTMLButtonElement>) => React.ReactNode) | ButtonProps;
+};
+export declare function MenuButton<T extends DataTypes.IdItem>(props: MenuButtonProps<T>): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/MobileListItemRenderer.d.ts

@@ -0,0 +1,17 @@
+import { ListItemReact } from "@etsoo/react";
+import React from "react";
+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?
+]): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/MoneyInputField.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { IntInputFieldProps } from "./IntInputField";
+/**
+ * Money input field props
+ */
+export type MoneyInputFieldProps = IntInputFieldProps & {};
+/**
+ * Money input field (controlled)
+ */
+export declare const MoneyInputField: React.ForwardRefExoticComponent<Omit<MoneyInputFieldProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/lib/mjs/MoreFab.d.ts

@@ -0,0 +1,45 @@
+import { CustomFabProps } from "./CustomFabProps";
+import React from "react";
+import { PaperProps, PopoverOrigin } from "@mui/material";
+import { ListItemReact } from "@etsoo/react";
+/**
+ * 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): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/NotifierMU.d.ts

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

package/lib/mjs/NotifierPopupProps.d.ts

@@ -0,0 +1,5 @@
+import { PopoverProps } from "@mui/material";
+/**
+ * Notifier Popup pros
+ */
+export type NotifierPopupProps = Omit<PopoverProps, "open" | "onClose">;

package/lib/mjs/NotifierPromptProps.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Notifier prompt props
+ */
+export type NotifierPromptProps = Record<string, any> & {
+    /**
+     * Cancel label
+     */
+    cancelLabel?: string;
+    /**
+     * OK label
+     */
+    okLabel?: string;
+    /**
+     * Multiple inputs
+     */
+    inputs: React.ReactNode;
+    /**
+     * Single type
+     */
+    type?: string;
+};

package/lib/mjs/NumberInputField.d.ts

@@ -0,0 +1,42 @@
+import React from "react";
+import { InputFieldProps } from "./InputField";
+import { Currency } from "@etsoo/appscript";
+/**
+ * Number input field properties
+ */
+export type NumberInputFieldProps = Omit<InputFieldProps, "type" | "inputProps"> & {
+    /**
+     * Currency
+     */
+    currency?: string | Currency;
+    /**
+     * End symbol
+     */
+    endSymbol?: string;
+    /**
+     * Start (Currency) symbol
+     */
+    symbol?: string;
+    /**
+     * Input field style
+     */
+    inputStyle?: React.CSSProperties;
+    /**
+     * Minimum value
+     */
+    min?: number;
+    /**
+     * Maximum value
+     */
+    max?: number;
+    /**
+     * Step value
+     */
+    step?: number;
+};
+/**
+ * Number input field, for controlled only components, please see IntInputField and MoneyInputField
+ * @param props Props
+ * @returns Component
+ */
+export declare function NumberInputField(props: NumberInputFieldProps): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/OptionBool.d.ts

@@ -0,0 +1,12 @@
+import { ListType1 } from "@etsoo/shared";
+import { OptionGroupProps } from "./OptionGroup";
+/**
+ * OptionBool props
+ */
+export type OptionBoolProps = Omit<OptionGroupProps<ListType1, "id", "label">, "options" | "row" | "multiple">;
+/**
+ * OptionBool (yes/no)
+ * @param props Props
+ * @returns Component
+ */
+export declare function OptionBool(props: OptionBoolProps): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/OptionGroup.d.ts

@@ -0,0 +1,80 @@
+import { DataTypes, IdDefaultType, LabelDefaultType, ListType } from "@etsoo/shared";
+import { FormControlProps } from "@mui/material";
+import React from "react";
+/**
+ * OptionGroup methods ref
+ */
+export interface OptionGroupRef {
+    /**
+     * Disable specific items with their ids
+     * @param ids Ids
+     */
+    disable(ids: unknown[]): void;
+}
+/**
+ * OptionGroup props
+ */
+export type OptionGroupProps<T extends object, D extends DataTypes.Keys<T>, L extends DataTypes.Keys<T, string>> = Omit<FormControlProps, "defaultValue"> & {
+    /**
+     * Default value
+     */
+    defaultValue?: T[D] | T[D][];
+    /**
+     * Get option label function
+     */
+    getOptionLabel?: (option: T) => string;
+    /**
+     * Id field
+     */
+    idField?: D;
+    /**
+     * Label
+     */
+    label?: string;
+    /**
+     * Label field
+     */
+    labelField?: L;
+    /**
+     * Methods
+     */
+    mRef?: React.Ref<OptionGroupRef>;
+    /**
+     * Multiple choose item
+     */
+    multiple?: boolean;
+    /**
+     * Field name
+     */
+    name: string;
+    /**
+     * On value change handler
+     */
+    onValueChange?: (value: T[D] | T[D][] | undefined) => void;
+    /**
+     * Array of options.
+     */
+    options: ReadonlyArray<T>;
+    /**
+     * Is the field read only?
+     */
+    readOnly?: boolean;
+    /**
+     * Display group of elements in a compact row
+     */
+    row?: boolean;
+    /**
+     * Item size
+     */
+    itemSize?: "small" | "medium";
+    /**
+     * Helper text
+     */
+    helperText?: React.ReactNode;
+};
+/**
+ * OptionGroup
+ * @param props Props
+ * @returns Component
+ */
+export declare function OptionGroup<T extends object = ListType, D extends DataTypes.Keys<T> = IdDefaultType<T>, L extends DataTypes.Keys<T, string> = LabelDefaultType<T>>(props: OptionGroupProps<T, D, L>): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/OptionGroupFlag.d.ts

@@ -0,0 +1,76 @@
+import { DataTypes, IdDefaultType, LabelDefaultType, ListType } from "@etsoo/shared";
+import { FormControlProps } from "@mui/material";
+import React from "react";
+/**
+ * OptionGroupFlag methods ref
+ */
+export interface OptionGroupFlagRef {
+    /**
+     * Disable specific items with their ids
+     * @param ids Ids
+     */
+    disable(ids: number[]): void;
+}
+/**
+ * OptionGroupFlag props
+ */
+export type OptionGroupFlagProps<T extends object, D extends DataTypes.Keys<T, number>, L extends DataTypes.Keys<T, string>> = Omit<FormControlProps, "defaultValue"> & {
+    /**
+     * Default value
+     */
+    defaultValue?: T[D] & number;
+    /**
+     * Get option label function
+     */
+    getOptionLabel?: (option: T) => string;
+    /**
+     * Id field
+     */
+    idField?: D;
+    /**
+     * Label
+     */
+    label?: string;
+    /**
+     * Label field
+     */
+    labelField?: L;
+    /**
+     * Methods
+     */
+    mRef?: React.Ref<OptionGroupFlagRef>;
+    /**
+     * Field name
+     */
+    name: string;
+    /**
+     * On value change handler
+     */
+    onValueChange?: (value?: T[D] & number) => void;
+    /**
+     * Array of options.
+     */
+    options: ReadonlyArray<T>;
+    /**
+     * Is the field read only?
+     */
+    readOnly?: boolean;
+    /**
+     * Display group of elements in a compact row
+     */
+    row?: boolean;
+    /**
+     * Item size
+     */
+    itemSize?: "small" | "medium";
+    /**
+     * Helper text
+     */
+    helperText?: React.ReactNode;
+};
+/**
+ * OptionGroupFlag
+ * @param props Props
+ * @returns Component
+ */
+export declare function OptionGroupFlag<T extends object = ListType, D extends DataTypes.Keys<T, number> = IdDefaultType<T, number>, L extends DataTypes.Keys<T, string> = LabelDefaultType<T>>(props: OptionGroupFlagProps<T, D, L>): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/PList.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Paragraph items list props
+ */
+export interface PListProps {
+    /**
+     * List items
+     */
+    items?: string[];
+}
+/**
+ * Paragraph items list
+ * @param items Items
+ */
+export declare function PList(props: PListProps): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/PercentCircularProgress.d.ts

@@ -0,0 +1,7 @@
+import { CircularProgressProps, TypographyProps } from "@mui/material";
+export type PercentCircularProgressProps = CircularProgressProps & {
+    value: number;
+    valueUnit?: string;
+    textProps?: TypographyProps<"div">;
+};
+export declare function PercentCircularProgress(props: PercentCircularProgressProps): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/PercentLinearProgress.d.ts

@@ -0,0 +1,7 @@
+import { LinearProgressProps, TypographyProps } from "@mui/material";
+export type PercentLinearProgressProps = LinearProgressProps & {
+    value: number;
+    valueUnit?: string;
+    textProps?: TypographyProps;
+};
+export declare function PercentLinearProgress(props: PercentLinearProgressProps): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/ProgressCount.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Process count props
+ */
+export interface ProgressCountProps {
+    /**
+     * Is countdown or opposite
+     * @default 'true'
+     */
+    countdown?: boolean;
+    /**
+     * Is linear or circular
+     * @default 'true'
+     */
+    linear?: boolean;
+    /**
+     * Min width
+     * @default 36
+     */
+    minWidth?: number;
+    /**
+     * On complete callback, return false will stop it
+     */
+    onComplete?: () => boolean;
+    /**
+     * On progress callback
+     */
+    onProgress?: (value: number) => void;
+    /**
+     * Seconds for count
+     */
+    seconds: number;
+    /**
+     * Value unit, like 's' or '%'
+     * @default ''
+     */
+    valueUnit?: string;
+}
+/**
+ * Progress count
+ * @param props Props
+ * @returns Component
+ */
+export declare function ProgressCount(props: ProgressCountProps): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/PullToRefreshUI.d.ts

@@ -0,0 +1,8 @@
+import type { Options } from "pulltorefreshjs";
+/**
+ * PullToRefresh UI
+ * Use hammerjs or touchemulator to simulate browser as mobile device
+ * @param props Props
+ * @returns Component
+ */
+export declare function PullToRefreshUI(props: Options): import("react/jsx-runtime").JSX.Element;