@etsoo/materialui 1.4.68 → 1.4.69

package/lib/mjs/ComboBoxMultiple.d.ts

@@ -0,0 +1,41 @@
+import { DataTypes, IdDefaultType, LabelDefaultType, ListType } from "@etsoo/shared";
+import type { AutocompleteExtendedProps } from "./AutocompleteExtendedProps";
+/**
+ * ComboBox multiple props
+ */
+export type ComboBoxMultipleProps<T extends object = ListType, D extends DataTypes.Keys<T> = IdDefaultType<T>, L extends DataTypes.Keys<T, string> = LabelDefaultType<T>> = Omit<AutocompleteExtendedProps<T, D, true>, "onValueChange"> & {
+    /**
+     * Auto add blank item
+     */
+    autoAddBlankItem?: boolean;
+    /**
+     * Data readonly
+     */
+    dataReadonly?: boolean;
+    /**
+     * Label field
+     */
+    labelField?: L;
+    /**
+     * Load data callback
+     */
+    loadData?: () => PromiseLike<T[] | null | undefined>;
+    /**
+     * On load data handler
+     */
+    onLoadData?: (options: T[]) => void;
+    /**
+     * Array of options.
+     */
+    options?: ReadonlyArray<T>;
+    /**
+     * Id values
+     */
+    idValues?: T[D][];
+};
+/**
+ * ComboBox multiple
+ * @param props Props
+ * @returns Component
+ */
+export declare function ComboBoxMultiple<T extends object = ListType, D extends DataTypes.Keys<T> = IdDefaultType<T>, L extends DataTypes.Keys<T, string> = LabelDefaultType<T>>(props: ComboBoxMultipleProps<T, D, L>): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/ComboBoxPro.d.ts

@@ -0,0 +1,31 @@
+import { AutocompleteProps } from "@mui/material";
+import { InputFieldProps } from "./InputField";
+import { ListType2 } from "@etsoo/shared";
+export type ComboBoxProProps<D extends ListType2 = ListType2> = Omit<AutocompleteProps<D, false, false, true>, "open" | "multiple" | "options" | "renderInput"> & {
+    /**
+     * Label
+     */
+    label?: string;
+    /**
+     * Field name
+     */
+    name?: string;
+    /**
+     * Id value
+     */
+    idValue?: D["id"] | null;
+    /**
+     * Options
+     */
+    options: (() => PromiseLike<D[] | null | undefined>) | D[];
+    /**
+     * Input props
+     */
+    inputProps?: Omit<InputFieldProps, "onChange">;
+    /**
+     * Value change handler
+     * @param value New value
+     */
+    onValueChange?: (value: D | null) => void;
+};
+export declare function ComboBoxPro<D extends ListType2 = ListType2>(props: ComboBoxProProps<D>): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/CountdownButton.d.ts

@@ -0,0 +1,27 @@
+import { ButtonProps } from "@mui/material";
+import React from "react";
+/**
+ * Countdown button action
+ */
+export interface CountdownButtonAction {
+    (): Promise<number>;
+}
+/**
+ * Countdown button props
+ */
+export type CountdownButtonProps = Omit<ButtonProps, "endIcon" | "disabled"> & {
+    /**
+     * Initial state, default 0
+     */
+    initState?: number;
+    /**
+     * Action, required
+     */
+    onAction: CountdownButtonAction;
+};
+/**
+ * Countdown button
+ * @param props Props
+ * @returns Button
+ */
+export declare const CountdownButton: React.ForwardRefExoticComponent<Omit<CountdownButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/lib/mjs/CountryList.d.ts

@@ -0,0 +1,30 @@
+import { AddressRegionDb } from "@etsoo/appscript";
+import { DataTypes } from "@etsoo/shared";
+import { TiplistProps } from "./Tiplist";
+import { RegionsRQ } from "./RegionsRQ";
+/**
+ * Country list props
+ */
+export type CountryListProps = Omit<DataTypes.Optional<TiplistProps<AddressRegionDb, "id">, "name">, "loadData"> & {
+    /**
+     * Load data
+     * @param rq Request data
+     * @returns Result
+     */
+    loadData: (rq: RegionsRQ) => Promise<AddressRegionDb[] | undefined>;
+    /**
+     * Load favored country ids
+     * @returns Result
+     */
+    loadFavoredIds?: () => Promise<string[]>;
+    /**
+     * Max items to display
+     */
+    items?: number;
+};
+/**
+ * Country list
+ * @param props Props
+ * @returns Component
+ */
+export declare function CountryList(props: CountryListProps): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/CultureDataTable.d.ts

@@ -0,0 +1,19 @@
+import { DataTableProps } from "./DataTable";
+import { ListType1 } from "@etsoo/shared";
+/**
+ * Culture table props
+ */
+export type CultureDataTableProps = Omit<DataTableProps, "columns"> & {
+    cultures: ListType1[];
+    cultureLabel?: string;
+    editable?: boolean;
+    titleLabel?: string;
+    hasDescription?: boolean;
+    descriptionLabel?: string;
+};
+/**
+ * Culture DataTable
+ * @param props Props
+ * @returns Component
+ */
+export declare function CultureDataTable(props: CultureDataTableProps): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/CustomFabProps.d.ts

@@ -0,0 +1,27 @@
+import { FabPropsColorOverrides, PropTypes } from "@mui/material";
+import { OverridableStringUnion } from "@mui/types";
+/**
+ * Custom fab size
+ */
+export type CustomFabSize = "small" | "medium" | "large";
+/**
+ * Custom fab props
+ */
+export interface CustomFabProps {
+    /**
+     * Color
+     */
+    color?: OverridableStringUnion<PropTypes.Color, FabPropsColorOverrides>;
+    /**
+     * Fab size
+     */
+    size?: CustomFabSize;
+    /**
+     * Scroll target
+     */
+    target?: any;
+    /**
+     * Fab title
+     */
+    title?: string;
+}

package/lib/mjs/DataGridEx.d.ts

@@ -0,0 +1,101 @@
+import { GridColumn, GridJsonData, GridLoadDataProps, GridLoaderStates, ScrollerGridProps } from "@etsoo/react";
+import React from "react";
+import { MouseEventWithDataHandler } from "./MUGlobal";
+/**
+ * Footer item renderer props
+ */
+export type DataGridExFooterItemRendererProps<T extends object> = {
+    column: GridColumn<T>;
+    index: number;
+    states: GridLoaderStates<T>;
+    cellProps: any;
+    checkable: boolean;
+};
+/**
+ * Extended DataGrid with VariableSizeGrid props
+ */
+export type DataGridExProps<T extends object, P extends GridJsonData = GridLoadDataProps> = Omit<ScrollerGridProps<T, P>, "itemRenderer" | "columnCount" | "columnWidth" | "width"> & {
+    /**
+     * Alternating colors for odd/even rows
+     */
+    alternatingColors?: [string?, string?];
+    /**
+     * Cache key
+     */
+    cacheKey?: string;
+    /**
+     * Cache minutes
+     */
+    cacheMinutes?: number;
+    /**
+     * Checkable to choose multiple items
+     * @default false
+     */
+    checkable?: boolean;
+    /**
+     * Rows count to have the bottom border
+     */
+    borderRowsCount?: number;
+    /**
+     * Bottom height
+     */
+    bottomHeight?: number;
+    /**
+     * Columns
+     */
+    columns: GridColumn<T>[];
+    /**
+     * Footer item renderer
+     */
+    footerItemRenderer?: (rows: T[], props: DataGridExFooterItemRendererProps<T>) => React.ReactNode;
+    /**
+     * Header height
+     * @default 56
+     */
+    headerHeight?: number;
+    /**
+     * Hide the footer
+     * @default false
+     */
+    hideFooter?: boolean;
+    /**
+     * Hover color
+     */
+    hoverColor?: string;
+    /**
+     * Double click handler
+     */
+    onDoubleClick?: MouseEventWithDataHandler<T>;
+    /**
+     * Click handler
+     */
+    onClick?: MouseEventWithDataHandler<T>;
+    /**
+     * Selectable to support hover over and out effect and row clickable
+     * @default true
+     */
+    selectable?: boolean;
+    /**
+     * Selected color
+     */
+    selectedColor?: string;
+    /**
+     * Width
+     */
+    width?: number;
+};
+/**
+ * Extended datagrid columns calculation
+ * @param columns
+ * @returns Total width and unset items
+ */
+export declare function DataGridExCalColumns<T>(columns: GridColumn<T>[]): {
+    total: number;
+    unset: number;
+};
+/**
+ * Extended DataGrid with VariableSizeGrid
+ * @param props Props
+ * @returns Component
+ */
+export declare function DataGridEx<T extends object>(props: DataGridExProps<T>): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/DataGridRenderers.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+import { DataGridExFooterItemRendererProps } from "./DataGridEx";
+import { GridCellRendererProps } from "@etsoo/react";
+/**
+ * Data grid renderers
+ */
+export declare namespace DataGridRenderers {
+    /**
+     * Default cell renderer
+     * @param param Props
+     * @returns Component
+     */
+    function defaultCellRenderer<T extends Record<string, any>>({ cellProps, data, field, formattedValue, columnIndex, type, renderProps }: GridCellRendererProps<T>): React.ReactNode;
+    /**
+     * Default footer item renderer
+     * @param rows Rows
+     * @param props Renderer props
+     * @param location Renderer location (column index)
+     * @returns Component
+     */
+    function defaultFooterItemRenderer<T extends object>(_rows: T[], { index, states, checkable }: DataGridExFooterItemRendererProps<T>, location?: number): string | undefined;
+}

package/lib/mjs/DataSteps.d.ts

@@ -0,0 +1,38 @@
+import { TextFieldProps } from "@mui/material";
+import { InputDialogProps } from "@etsoo/react";
+/**
+ * Data step
+ */
+export type DataStep = Omit<InputDialogProps, "callback"> & {
+    /**
+     * Callback
+     */
+    callback: (form: HTMLFormElement) => boolean | void;
+};
+/**
+ * Data collecting steps component props
+ */
+export type DataStepsProps<T extends object> = Omit<TextFieldProps, "InputProps" | "onClick"> & {
+    /**
+     * JSON value
+     */
+    jsonValue: T;
+    /**
+     * Value formatter
+     */
+    valueFormatter?: (data: T) => string;
+    /**
+     * Steps
+     */
+    steps: (index: number, data: T) => [DataStep, boolean];
+    /**
+     * On value change handler
+     */
+    onValueChange?: (value: T) => void;
+};
+/**
+ * Data collecting steps component
+ * @param props Props
+ * @returns Component
+ */
+export declare function DataSteps<T extends object>(props: DataStepsProps<T>): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/DataTable.d.ts

@@ -0,0 +1,27 @@
+import { GridRowId, GridValidRowModel } from "@mui/x-data-grid";
+import { DataGridProps } from "@mui/x-data-grid/models/props/DataGridProps";
+/**
+ * Data table selected cell params
+ */
+export interface DataTableSelectedCellParams {
+    id: GridRowId;
+    field: string;
+    index: number;
+}
+/**
+ * Data table props
+ */
+export type DataTableProps<R extends GridValidRowModel = any> = Omit<DataGridProps<R>, "disableColumnMenu"> & {
+    /**
+     * Cell selection handler
+     * @param params Params
+     * @returns Result
+     */
+    onCellSelection?: (params: DataTableSelectedCellParams) => void | false;
+};
+/**
+ * Data table
+ * @param props Props
+ * @returns Component
+ */
+export declare function DataTable<R extends GridValidRowModel = any>(props: DataTableProps<R>): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/DialogButton.d.ts

@@ -0,0 +1,54 @@
+import { Breakpoint, ButtonProps } from "@mui/material";
+import React from "react";
+export interface DialogButtonProps extends ButtonProps {
+    /**
+     * Button label
+     */
+    buttonLabel?: string;
+    /**
+     * Dialog content
+     */
+    content: string;
+    /**
+     * Show content in pre component
+     */
+    contentPre?: boolean;
+    /**
+     * Default is label
+     */
+    dialogTitle?: string;
+    /**
+     * Disable the scroll lock behavior.
+     * @default false
+     */
+    disableScrollLock?: boolean;
+    /**
+     * Show fullscreen dialog
+     */
+    fullScreen?: boolean;
+    /**
+     * If `true`, the dialog stretches to `maxWidth`.
+     *
+     * Notice that the dialog width grow is limited by the default margin.
+     * @default false
+     */
+    fullWidth?: boolean;
+    /**
+     * Other layouts
+     */
+    inputs?: React.ReactNode;
+    /**
+     * Max width of the dialog
+     */
+    maxWidth?: Breakpoint | false;
+    /**
+     * Icon button
+     */
+    icon?: React.ReactNode;
+}
+/**
+ * Dialog button
+ * @param props Props
+ * @returns Component
+ */
+export declare function DialogButton(props: DialogButtonProps): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/DnDList.d.ts

@@ -0,0 +1,104 @@
+import type { UniqueIdentifier } from "@dnd-kit/core";
+import { SortingStrategy } from "@dnd-kit/sortable";
+import { DataTypes } from "@etsoo/shared";
+import { Theme } from "@mui/material";
+import React, { CSSProperties } from "react";
+/**
+ * DnD item default style
+ * @param index Item index
+ * @param isDragging Is dragging
+ * @param theme Theme
+ * @returns Style
+ */
+export declare const DnDItemStyle: (index: number, isDragging: boolean, theme: Theme) => {
+    padding: string;
+    zIndex: string | number;
+    background: string;
+};
+/**
+ * DnD list forward ref
+ */
+export interface DnDListRef<D extends object> {
+    /**
+     * Add item
+     * @param item New item
+     */
+    addItem(item: D): void;
+    /**
+     * Add items
+     * @param items items
+     */
+    addItems(items: D[]): void;
+    /**
+     * Delete item
+     * @param index Item index
+     */
+    deleteItem(index: number): void;
+    /**
+     * Edit item
+     * @param newItem New item
+     * @param index Index
+     */
+    editItem(newItem: D, index: number): boolean;
+    /**
+     * Get all items
+     */
+    getItems(): D[];
+}
+/**
+ * DnD sortable list properties
+ */
+export interface DnDListPros<D extends object, K extends DataTypes.Keys<D>> {
+    /**
+     * Get list item style callback
+     */
+    getItemStyle?: (index: number, isDragging: boolean) => CSSProperties;
+    /**
+     * Item renderer
+     */
+    itemRenderer: (item: D, index: number, nodeRef: React.ComponentProps<any>, actionNodeRef: React.ComponentProps<any>) => React.ReactElement;
+    /**
+     * Height
+     */
+    height?: string | number;
+    /**
+     * List items
+     */
+    items: D[];
+    /**
+     * Unique key field
+     */
+    keyField: K;
+    /**
+     * Label field
+     */
+    labelField: K;
+    /**
+     * Methods ref
+     */
+    mRef?: React.Ref<DnDListRef<D>>;
+    /**
+     * Sorting strategy
+     */
+    sortingStrategy?: "rect" | "vertical" | "horizontal" | "rectSwapping" | (() => SortingStrategy);
+    /**
+     * Data change handler
+     */
+    onChange?: (items: D[]) => void;
+    /**
+     * Form data change handler
+     */
+    onFormChange?: (items: D[]) => void;
+    /**
+     * Drag end handler
+     */
+    onDragEnd?: (items: D[]) => void;
+}
+/**
+ * DnD (Drag and Drop) sortable list
+ * @param props Props
+ * @returns Component
+ */
+export declare function DnDList<D extends {
+    id: UniqueIdentifier;
+}, K extends DataTypes.Keys<D, UniqueIdentifier> = DataTypes.Keys<D, UniqueIdentifier>>(props: DnDListPros<D, K>): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/DraggablePaperComponent.d.ts

@@ -0,0 +1,7 @@
+import { PaperProps } from "@mui/material";
+/**
+ * Draggable paper component
+ * @param props Props
+ * @returns Component
+ */
+export declare function DraggablePaperComponent(props: PaperProps): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/EmailInput.d.ts

@@ -0,0 +1,10 @@
+import { TextFieldProps } from "@mui/material";
+/**
+ * Email input props
+ */
+export type EmailInputProps = Omit<TextFieldProps, "type"> & {};
+/**
+ * Email input
+ * @param props Props
+ */
+export declare function EmailInput(props: EmailInputProps): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/FabBox.d.ts

@@ -0,0 +1,26 @@
+import { BoxProps, PaperProps } from "@mui/material";
+type SharedProps = keyof BoxProps & keyof PaperProps;
+/**
+ * Fabs container box props
+ */
+export type FabBoxProps = Pick<BoxProps, SharedProps> & Pick<PaperProps, SharedProps> & {
+    /**
+     * Item gap
+     */
+    itemGap?: number;
+    /**
+     * Flex direction, row or column
+     */
+    columnDirection?: boolean;
+    /**
+     * Add panel to the Fab
+     */
+    fabPanel?: boolean;
+};
+/**
+ * Fabs container box
+ * @param props Props
+ * @returns Component
+ */
+export declare function FabBox(props: FabBoxProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/mjs/FieldSetEx.d.ts

@@ -0,0 +1,21 @@
+import { FormControlProps } from "@mui/material";
+import React from "react";
+/**
+ * FieldSetEx props
+ */
+export type FieldSetExProps = Omit<FormControlProps, "defaultValue" | "variant"> & {
+    /**
+     * Label
+     */
+    label?: string;
+    /**
+     * Helper text
+     */
+    helperText?: React.ReactNode;
+};
+/**
+ * FieldSetEx
+ * @param props Props
+ * @returns Component
+ */
+export declare function FieldSetEx(props: FieldSetExProps): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/FileUploadButton.d.ts

@@ -0,0 +1,36 @@
+import { ButtonProps } from "@mui/material";
+import React from "react";
+/**
+ * File upload button props
+ */
+export type FileUploadButtonProps = ButtonProps<"label"> & {
+    /**
+     * Max files allowed
+     */
+    maxFiles?: number;
+    /**
+     * Max file size
+     */
+    maxFileSize?: number;
+    /**
+     * Input field attributes
+     */
+    inputProps?: Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "hidden">;
+    /**
+     * File invalid handler
+     * @param values [expected, actual]
+     * @param file File
+     */
+    onFileInvalid?: (values: [number, number], file?: File) => void;
+    /**
+     * Upload files callback
+     * @param files Files
+     */
+    onUploadFiles?: (files: FileList) => void;
+};
+/**
+ * File upload button
+ * @param props Props
+ * @returns Component
+ */
+export declare function FileUploadButton(props: FileUploadButtonProps): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/FlexBox.d.ts

@@ -0,0 +1,13 @@
+import { StackProps } from "@mui/material";
+/**
+ * Horizonal box
+ * @param props Props
+ * @returns Component
+ */
+export declare function HBox(props: Omit<StackProps, "ref">): import("react/jsx-runtime").JSX.Element;
+/**
+ * Vertial box
+ * @param props Props
+ * @returns Component
+ */
+export declare function VBox(props: Omit<StackProps, "ref">): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/GridDataCacheType.d.ts

@@ -0,0 +1,9 @@
+import { GridLoaderStates } from "@etsoo/react";
+/**
+ * Grid data cache type
+ */
+export type GridDataCacheType<T> = {
+    rows: T[];
+    state: GridLoaderStates<T>;
+    creation: number;
+};

package/lib/mjs/GridDataFormat.d.ts

@@ -0,0 +1,10 @@
+import { GridColumnRenderProps, GridDataType } from "@etsoo/react";
+import React from "react";
+/**
+ * Grid data format
+ * @param data Input data
+ * @param type Data type
+ * @param renderProps Render props
+ * @returns Result
+ */
+export declare function GridDataFormat(data: unknown, type: GridDataType, renderProps?: GridColumnRenderProps): React.ReactNode;