@etsoo/materialui 1.4.68 → 1.4.70

package/lib/mjs/QuickList.d.ts

@@ -0,0 +1,56 @@
+import { ListType2 } from "@etsoo/shared";
+import { ListItemButtonProps, ListItemProps, StackProps } from "@mui/material";
+import React from "react";
+import { InputFieldProps } from "./InputField";
+/**
+ * Quick list props
+ */
+export type QuickListProps<T extends ListType2 = ListType2> = StackProps & {
+    /**
+     * Button props
+     */
+    buttonProps?: ListItemButtonProps;
+    /**
+     * Label
+     */
+    label?: string;
+    /**
+     * No matches label
+     */
+    noMatchesLabel?: string;
+    /**
+     * Input field props
+     */
+    inputProps?: Omit<InputFieldProps, "onChangeDelay">;
+    /**
+     * Get item label
+     * @param item Current item
+     * @returns Item label
+     */
+    itemLabel?: (item: T) => string;
+    /**
+     * Item renderer
+     * @param item Current item
+     * @returns UI
+     */
+    itemRenderer?: (item: T) => React.ReactNode;
+    /**
+     * List item props
+     */
+    itemProps?: ListItemProps;
+    /**
+     * Load data callback
+     */
+    loadData: (keyword: string | undefined) => PromiseLike<T[] | undefined>;
+    /**
+     * On item click
+     * @param item Clicked item
+     */
+    onItemClick?: (item: T) => void;
+};
+/**
+ * Quick list
+ * @param props Props
+ * @returns Component
+ */
+export declare function QuickList<T extends ListType2 = ListType2>(props: QuickListProps<T>): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/RegionsRQ.d.ts

@@ -0,0 +1,22 @@
+export type RegionsRQ = {
+    /**
+     * Country id
+     */
+    id?: string;
+    /**
+     * Favored country ids from top to bottom
+     */
+    favoredIds?: string[];
+    /**
+     * Items count to query
+     */
+    items?: number;
+    /**
+     * Filter keyword
+     */
+    keyword?: string;
+    /**
+     * Cultrue
+     */
+    culture?: string;
+};

package/lib/mjs/ResponsibleContainer.d.ts

@@ -0,0 +1,98 @@
+import { SxProps, Theme } from "@mui/material";
+import React from "react";
+import { ListChildComponentProps } from "react-window";
+import { GridColumn, GridJsonData, GridMethodRef, GridTemplateType } from "@etsoo/react";
+import { DataGridExProps } from "./DataGridEx";
+import { ScrollerListExInnerItemRendererProps, ScrollerListExItemSize } from "./ScrollerListEx";
+/**
+ * ResponsibleContainer props
+ */
+export type ResponsibleContainerProps<T extends object, F> = Omit<DataGridExProps<T>, "height" | "itemKey" | "loadData" | "mRef" | "onScroll" | "onItemsRendered" | "onInitLoad" | "onUpdateRows"> & {
+    /**
+     * Height will be deducted
+     * @param height Current calcuated height
+     * @param rect Current rect data
+     */
+    adjustHeight?: number | ((height: number, rect: DOMRect) => number);
+    /**
+     *
+     * @param height Current height
+     * @param isGrid Is displaying DataGrid
+     * @returns Adjusted height
+     */
+    adjustFabHeight?: (height: number, isGrid: boolean) => number;
+    /**
+     * Columns
+     */
+    columns: GridColumn<T>[];
+    /**
+     * Container box SX (dataGrid determines the case)
+     */
+    containerBoxSx?: (paddings: number | Record<string, string | number>, hasFields: boolean, dataGrid?: boolean) => SxProps<Theme>;
+    /**
+     * Search fields
+     */
+    fields?: React.ReactElement[] | ((data: GridTemplateType<F>) => React.ReactElement[]);
+    /**
+     * Search field template
+     */
+    readonly fieldTemplate: F;
+    /**
+     * Grid height
+     */
+    height?: number;
+    /**
+     * Inner item renderer
+     */
+    innerItemRenderer: (props: ScrollerListExInnerItemRendererProps<T>) => React.ReactNode;
+    /**
+     * Item renderer
+     */
+    itemRenderer?: (props: ListChildComponentProps<T>) => React.ReactElement;
+    /**
+     * Item size, a function indicates its a variable size list
+     */
+    itemSize: ScrollerListExItemSize;
+    /**
+     * Load data callback
+     */
+    loadData: (data: GridJsonData & GridTemplateType<F>, lastItem?: T) => PromiseLike<T[] | null | undefined>;
+    /**
+     * Methods
+     */
+    mRef?: React.MutableRefObject<GridMethodRef<T> | undefined>;
+    /**
+     * Element ready callback
+     */
+    elementReady?: (element: HTMLElement, isDataGrid: boolean) => void;
+    /**
+     * Paddings
+     */
+    paddings?: number | Record<string, string | number>;
+    /**
+     * Pull to refresh data
+     */
+    pullToRefresh?: boolean;
+    /**
+     * Quick action for double click or click under mobile
+     */
+    quickAction?: (data: T) => void;
+    /**
+     * Size ready to read miliseconds span
+     */
+    sizeReadyMiliseconds?: number;
+    /**
+     * SearchBar height
+     */
+    searchBarHeight?: number;
+    /**
+     * SearchBar bottom padding
+     */
+    searchBarBottom?: number;
+};
+/**
+ * Responsible container
+ * @param props Props
+ * @returns Layout
+ */
+export declare function ResponsibleContainer<T extends object, F>(props: ResponsibleContainerProps<T, F>): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/ResponsiveStyleValue.d.ts

@@ -0,0 +1,7 @@
+import { Breakpoint } from "@mui/material";
+/**
+ * Responsive style value
+ */
+export type ResponsiveStyleValue<T> = T | Array<T | null> | {
+    [key in Breakpoint]?: T | null;
+};

package/lib/mjs/ScrollTopFab.d.ts

@@ -0,0 +1,6 @@
+import { CustomFabProps } from "./CustomFabProps";
+/**
+ * Scroll to top fab
+ * @returns Component
+ */
+export declare function ScrollTopFab(props: CustomFabProps): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/ScrollerListEx.d.ts

@@ -0,0 +1,75 @@
+import { ScrollerListProps } from "@etsoo/react";
+import React from "react";
+import { ListChildComponentProps } from "react-window";
+import { MouseEventWithDataHandler } from "./MUGlobal";
+/**
+ * Extended ScrollerList inner item renderer props
+ */
+export interface ScrollerListExInnerItemRendererProps<T> extends ListChildComponentProps<T> {
+    /**
+     * Item selected
+     */
+    selected: boolean;
+    /**
+     * Item height
+     */
+    itemHeight: number;
+    /**
+     * Item space
+     */
+    space: number;
+    /**
+     * Default margins
+     */
+    margins: object;
+}
+/**
+ * Extended ScrollerList ItemSize type
+ * 1. Callback function
+ * 2. Static sets
+ * 3. Dynamic calculation
+ */
+export type ScrollerListExItemSize = ((index: number) => [number, number] | [number, number, object]) | [number, number] | [number, object, boolean?];
+/**
+ * Extended ScrollerList Props
+ */
+export type ScrollerListExProps<T extends object> = Omit<ScrollerListProps<T>, "itemRenderer" | "itemSize"> & {
+    /**
+     * Alternating colors for odd/even rows
+     */
+    alternatingColors?: [string?, string?];
+    /**
+     * Inner item renderer
+     */
+    innerItemRenderer: (props: ScrollerListExInnerItemRendererProps<T>) => React.ReactNode;
+    /**
+     * Item renderer
+     */
+    itemRenderer?: (props: ListChildComponentProps<T>) => React.ReactElement;
+    /**
+     * Item size, a function indicates its a variable size list
+     */
+    itemSize: ScrollerListExItemSize;
+    /**
+     * Double click handler
+     */
+    onDoubleClick?: MouseEventWithDataHandler<T>;
+    /**
+     * Click handler
+     */
+    onClick?: MouseEventWithDataHandler<T>;
+    /**
+     * On items select change
+     */
+    onSelectChange?: (selectedItems: T[]) => void;
+    /**
+     * Selected color
+     */
+    selectedColor?: string;
+};
+/**
+ * Extended ScrollerList
+ * @param props Props
+ * @returns Component
+ */
+export declare function ScrollerListEx<T extends object>(props: ScrollerListExProps<T>): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/SearchBar.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+/**
+ * Search bar props
+ */
+export interface SearchBarProps {
+    /**
+     * Style class name
+     */
+    className?: string;
+    /**
+     * Item gap
+     */
+    itemGap?: number;
+    /**
+     * Item width
+     */
+    itemWidth?: number;
+    /**
+     * Fields
+     */
+    fields: React.ReactElement[];
+    /**
+     * On submit callback
+     */
+    onSubmit: (data: FormData, reset: boolean) => void | PromiseLike<void>;
+}
+/**
+ * Search bar
+ * @param props Props
+ * @returns Component
+ */
+export declare function SearchBar(props: SearchBarProps): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/SearchField.d.ts

@@ -0,0 +1,24 @@
+import { TextFieldProps } from "@mui/material";
+/**
+ * Search field props
+ */
+export type SearchFieldProps = TextFieldProps & {
+    /**
+     * Change delay (ms) to avoid repeatly dispatch onChange
+     */
+    changeDelay?: number;
+    /**
+     * Is the field read only?
+     */
+    readOnly?: boolean;
+    /**
+     * Minimum characters to trigger the change event
+     */
+    minChars?: number;
+};
+/**
+ * Search field
+ * @param props Props
+ * @returns Component
+ */
+export declare function SearchField(props: SearchFieldProps): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/SearchOptionGroup.d.ts

@@ -0,0 +1,8 @@
+import { DataTypes, IdDefaultType, LabelDefaultType, ListType } from "@etsoo/shared";
+import { OptionGroupProps } from "./OptionGroup";
+/**
+ * Search OptionGroup
+ * @param props Props
+ * @returns Component
+ */
+export declare function SearchOptionGroup<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/SelectBool.d.ts

@@ -0,0 +1,12 @@
+import { ListType1 } from "@etsoo/shared";
+import { SelectExProps } from "./SelectEx";
+/**
+ * SelectBool props
+ */
+export type SelectBoolProps = Omit<SelectExProps<ListType1>, "options" | "loadData">;
+/**
+ * SelectBool (yes/no)
+ * @param props Props
+ * @returns Component
+ */
+export declare function SelectBool(props: SelectBoolProps): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/SelectEx.d.ts

@@ -0,0 +1,74 @@
+import { SelectProps, SelectVariants } from "@mui/material";
+import React from "react";
+import { DataTypes, IdDefaultType, LabelDefaultType, ListType } from "@etsoo/shared";
+/**
+ * Extended select component props
+ */
+export type SelectExProps<T extends object, D extends DataTypes.Keys<T> = IdDefaultType<T>, L extends DataTypes.Keys<T, string> = LabelDefaultType<T>> = Omit<SelectProps, "labelId" | "input" | "native" | "variant"> & {
+    /**
+     * Auto add blank item
+     */
+    autoAddBlankItem?: boolean;
+    /**
+     * The helper text content.
+     */
+    helperText?: React.ReactNode;
+    /**
+     * Id field
+     */
+    idField?: D;
+    /**
+     * Set 'data-reset'
+     */
+    inputReset?: boolean;
+    /**
+     * Item icon renderer
+     */
+    itemIconRenderer?: (id: T[D]) => React.ReactNode;
+    /**
+     * Item style
+     */
+    itemStyle?: (option: T) => React.CSSProperties;
+    /**
+     * Label field
+     */
+    labelField?: L | ((option: T) => string);
+    /**
+     * Load data callback
+     */
+    loadData?: () => PromiseLike<T[] | null | undefined>;
+    /**
+     * Item change callback
+     */
+    onItemChange?: (option: T | undefined, userAction: boolean) => void;
+    /**
+     * Item click handler
+     */
+    onItemClick?: (event: React.MouseEvent, option: T) => void;
+    /**
+     * On load data handler
+     */
+    onLoadData?: (options: T[]) => void;
+    /**
+     * Array of options.
+     */
+    options?: ReadonlyArray<T>;
+    /**
+     * Supports refresh label or component
+     */
+    refresh?: string | React.ReactNode;
+    /**
+     * Is search case?
+     */
+    search?: boolean;
+    /**
+     * Variant
+     */
+    variant?: SelectVariants;
+};
+/**
+ * Extended select component
+ * @param props Props
+ * @returns Component
+ */
+export declare function SelectEx<T extends object = ListType, D extends DataTypes.Keys<T> = IdDefaultType<T>, L extends DataTypes.Keys<T, string> = LabelDefaultType<T>>(props: SelectExProps<T, D, L>): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/ShowDataComparison.d.ts

@@ -0,0 +1,15 @@
+import { AuditLineChangesDto } from "@etsoo/appscript";
+/**
+ * Check obj is instance of AuditLineChangesDto
+ * @param obj Input
+ * @returns Result
+ */
+export declare function IsAuditLineUpdateData(obj: any): obj is AuditLineChangesDto;
+/**
+ * Show data comparison
+ * @param data Data
+ * @param modelTitle Model window title
+ * @param getLabel Get label callback
+ * @param equalCheck Equal check for properties
+ */
+export declare const ShowDataComparison: (data: AuditLineChangesDto, modelTitle?: string, getLabel?: (field: string) => string, equalCheck?: boolean) => void;

package/lib/mjs/Switch.d.ts

@@ -0,0 +1,28 @@
+import { FormControlLabelProps } from "@mui/material";
+/**
+ * Switch props
+ */
+export interface SwitchProps extends Omit<FormControlLabelProps, "control"> {
+    /**
+     * Value, default 'on'
+     */
+    value?: string;
+    /**
+     * Is the field read only?
+     */
+    readOnly?: boolean;
+    /**
+     * Size
+     */
+    size?: "small" | "medium";
+    /**
+     * Display as Checkbox
+     */
+    checkbox?: boolean;
+}
+/**
+ * Switch
+ * @param props Props
+ * @returns Component
+ */
+export declare function Switch(props: SwitchProps): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/SwitchAnt.d.ts

@@ -0,0 +1,24 @@
+import { SwitchProps } from "@mui/material/Switch";
+/**
+ * Ant style switch props
+ */
+export interface SwitchAntProps extends SwitchProps {
+    /**
+     * Active color
+     */
+    activeColor?: string;
+    /**
+     * Start label
+     */
+    startLabel?: string;
+    /**
+     * End label
+     */
+    endLabel?: string;
+}
+/**
+ * Ant style switch
+ * @param props Props
+ * @returns Component
+ */
+export declare function SwitchAnt(props: SwitchAntProps): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/SwitchField.d.ts

@@ -0,0 +1,45 @@
+import { FormControlProps } from "@mui/material";
+import React from "react";
+/**
+ * SwitchField props
+ */
+export type SwitchFieldProps = Omit<FormControlProps, "defaultValue"> & {
+    /**
+     * Helper text
+     */
+    helperText?: React.ReactNode;
+    /**
+     * Label
+     */
+    label?: string;
+    /**
+     * Field name
+     */
+    name: string;
+    /**
+     * Checked
+     */
+    checked?: boolean;
+    /**
+     * Active color
+     */
+    activeColor?: string;
+    /**
+     * Start label
+     */
+    startLabel?: string;
+    /**
+     * End label
+     */
+    endLabel?: string;
+    /**
+     * Value, default is true
+     */
+    value?: unknown;
+};
+/**
+ * SwitchField
+ * @param props Props
+ * @returns Component
+ */
+export declare function SwitchField(props: SwitchFieldProps): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/TabBox.d.ts

@@ -0,0 +1,54 @@
+import { BoxProps, TabProps, TabsProps } from "@mui/material";
+import React from "react";
+/**
+ * Tab with box panel props
+ */
+export interface TabBoxPanel extends Omit<TabProps, "value" | "children"> {
+    /**
+     * Children
+     */
+    children?: ((visible: boolean) => React.ReactNode) | React.ReactNode;
+    /**
+     * Panel box props
+     */
+    panel?: Omit<BoxProps, "hidden">;
+    /**
+     * To URL
+     */
+    to?: string;
+}
+/**
+ * Tabs with box props
+ */
+export interface TabBoxPros extends BoxProps {
+    /**
+     * Container props
+     */
+    container?: Omit<TabsProps, "value">;
+    /**
+     * Default selected index
+     */
+    defaultIndex?: number;
+    /**
+     * Current index
+     */
+    index?: number;
+    /**
+     * Add a hidden input and its name
+     */
+    inputName?: string;
+    /**
+     * Root props
+     */
+    root?: BoxProps;
+    /**
+     * Tabs
+     */
+    tabs: TabBoxPanel[];
+}
+/**
+ * Tabs with box
+ * @param props Props
+ * @returns Component
+ */
+export declare function TabBox(props: TabBoxPros): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/TableEx.d.ts

@@ -0,0 +1,64 @@
+import { GridColumn, GridLoader, GridMethodRef } from "@etsoo/react";
+import { DataTypes, IdDefaultType } from "@etsoo/shared";
+import { TableProps } from "@mui/material";
+import React from "react";
+/**
+ * Extended table min width for width-unset column
+ */
+export declare const TableExMinWidth: number;
+/**
+ * Extended table methods ref
+ */
+export interface TableExMethodRef<T> extends GridMethodRef<T> {
+    /**
+     * Refresh data
+     */
+    refresh(): void;
+}
+/**
+ * Extended table props
+ */
+export type TableExProps<T extends object, D extends DataTypes.Keys<T>> = TableProps & GridLoader<T> & {
+    /**
+     * Alternating colors for odd/even rows
+     */
+    alternatingColors?: [string?, string?];
+    /**
+     * Columns
+     */
+    columns: GridColumn<T>[];
+    /**
+     * Header cells background color and font color
+     */
+    headerColors?: [string?, string?];
+    /**
+     * Id field
+     */
+    idField?: D;
+    /**
+     * Max height
+     */
+    maxHeight?: number;
+    /**
+     * Methods
+     */
+    mRef?: React.Ref<TableExMethodRef<T>>;
+    /**
+     * On items select change
+     */
+    onSelectChange?: (selectedItems: T[]) => void;
+    /**
+     * Row height
+     */
+    rowHeight?: number;
+    /**
+     * Header and bottom height
+     */
+    otherHeight?: number;
+};
+/**
+ * Extended Table
+ * @param props Props
+ * @returns Component
+ */
+export declare function TableEx<T extends object, D extends DataTypes.Keys<T> = IdDefaultType<T>>(props: TableExProps<T, D>): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/TagList.d.ts

@@ -0,0 +1,21 @@
+import { AutocompleteProps } from "@mui/material";
+import { InputFieldProps } from "./InputField";
+export type TagListProps = Omit<AutocompleteProps<string, true, false, true>, "open" | "multiple" | "freeSolo" | "options" | "renderInput"> & {
+    /**
+     * Label
+     */
+    label?: string;
+    /**
+     * Load data callback
+     */
+    loadData: (keyword: string | undefined, maxItems: number) => PromiseLike<string[] | null | undefined>;
+    /**
+     * Input props
+     */
+    inputProps?: Omit<InputFieldProps, "onChange">;
+    /**
+     * Max items
+     */
+    maxItems?: number;
+};
+export declare function TagList(props: TagListProps): import("react/jsx-runtime").JSX.Element;