@etsoo/materialui 1.4.68 → 1.4.70

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;

package/lib/mjs/GridUtils.d.ts

@@ -0,0 +1,44 @@
+import { GridLoadDataProps, GridLoaderStates } from "@etsoo/react";
+import { DataTypes } from "@etsoo/shared";
+import { GridDataCacheType } from "./GridDataCacheType";
+/**
+ * Grid utilities
+ */
+export declare namespace GridUtils {
+    /**
+     * Create data loader
+     * @param props Props
+     * @param template Field template
+     * @param cacheKey Cache key
+     * @param keepSource Keep source or not
+     * @returns Request data
+     */
+    function createLoader<const F>(props: GridLoadDataProps, template?: F, cacheKey?: string, keepSource?: boolean): DataTypes.BasicTemplateType<{ [k in keyof F]: F[k] extends "date" ? "string" | "date" : F[k] extends "string" | "number" | "bigint" | "boolean" | "date" | "number[]" | "bigint[]" | "date[]" | "boolean[]" | "string[]" | "unknown[]" ? F[k] : never; }> & {
+        queryPaging: import("@etsoo/appscript").QueryPagingData;
+    };
+    /**
+     * Get cache data
+     * @param cacheKey Cache key
+     * @param cacheMinutes Cache minutes
+     * @returns
+     */
+    function getCacheData<T>(cacheKey: string, cacheMinutes: number): GridDataCacheType<T> | undefined;
+    /**
+     * Get search data
+     * @param cacheKey Cache key
+     * @returns Result
+     */
+    function getSearchData(cacheKey?: string): any;
+    /**
+     * Get update rows handler
+     * @param cacheKey Cache key
+     * @returns Handler
+     */
+    function getUpdateRowsHandler<T extends object>(cacheKey?: string): (rows: T[], state: GridLoaderStates<T>) => void;
+    /**
+     * Merget search date to state
+     * @param state State
+     * @param searchData Search data
+     */
+    function mergeSearchData<T, F extends DataTypes.BasicTemplate>(state: GridLoaderStates<T>, searchData?: DataTypes.BasicTemplateType<F>): void;
+}

package/lib/mjs/HiSelector.d.ts

@@ -0,0 +1,79 @@
+import { DataTypes, IdDefaultType, LabelDefaultType } from "@etsoo/shared";
+import { GridSize, SelectChangeEvent } from "@mui/material";
+import React from "react";
+import { ResponsiveStyleValue } from "./ResponsiveStyleValue";
+/**
+ * Hierarchy selector props
+ */
+export type HiSelectorProps<T extends object, D extends DataTypes.Keys<T> = IdDefaultType<T>, L extends DataTypes.Keys<T, string> = LabelDefaultType<T>> = {
+    /**
+     * Break points
+     */
+    breakPoints?: ResponsiveStyleValue<GridSize>;
+    /**
+     * Id field
+     */
+    idField?: D;
+    /**
+     * Error
+     */
+    error?: boolean;
+    /**
+     * The helper text content.
+     */
+    helperText?: React.ReactNode;
+    /**
+     * Name, also hidden input field name
+     */
+    name: string;
+    /**
+     * Label
+     */
+    label?: string;
+    /**
+     * Labels for each select
+     */
+    labels?: string[];
+    /**
+     * Label field
+     */
+    labelField?: L;
+    /**
+     * Load data callback
+     */
+    loadData: (parent?: T[D]) => PromiseLike<T[] | null | undefined>;
+    /**
+     * On value change event
+     */
+    onChange?: (value: unknown) => void;
+    /**
+     * On select change event
+     */
+    onSelectChange?: (e: SelectChangeEvent<unknown>) => void;
+    /**
+     * Item change callback
+     */
+    onItemChange?: (option: T | undefined, userAction: boolean) => void;
+    /**
+     * Required
+     */
+    required?: boolean;
+    /**
+     * Search mode
+     */
+    search?: boolean;
+    /**
+     * Values
+     */
+    values?: T[D][];
+    /**
+     * Variant
+     */
+    variant?: "outlined" | "standard" | "filled";
+};
+/**
+ * Hierarchy selector
+ * @param props Prop
+ * @returns Component
+ */
+export declare function HiSelector<T extends object, D extends DataTypes.Keys<T> = IdDefaultType<T>, L extends DataTypes.Keys<T, string> = LabelDefaultType<T>>(props: HiSelectorProps<T, D, L>): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/HiSelectorTL.d.ts

@@ -0,0 +1,67 @@
+import { DataTypes, IdDefaultType } from "@etsoo/shared";
+import { AutocompleteChangeReason, GridSize } from "@mui/material";
+import React from "react";
+import { ResponsiveStyleValue } from "./ResponsiveStyleValue";
+/**
+ * Hierarchy tiplist selector props
+ */
+export type HiSelectorTLProps<T extends object, D extends DataTypes.Keys<T> = IdDefaultType<T>> = {
+    /**
+     * Break points
+     */
+    breakPoints?: ResponsiveStyleValue<GridSize>;
+    /**
+     * Id field
+     */
+    idField?: D;
+    /**
+     * Error
+     */
+    error?: boolean;
+    /**
+     * The helper text content.
+     */
+    helperText?: React.ReactNode;
+    /**
+     * Name, also hidden input field name
+     */
+    name: string;
+    /**
+     * Label
+     */
+    label?: string;
+    /**
+     * Labels for each select
+     */
+    labels?: string[];
+    /**
+     * Load data callback
+     */
+    loadData: (keyword: string | undefined, id: T[D] | undefined, maxItems: number, parent?: T[D]) => PromiseLike<T[] | null | undefined>;
+    /**
+     * On value change event
+     */
+    onChange?: (value: unknown) => void;
+    /**
+     * Item change callback
+     */
+    onItemChange?: (event: React.SyntheticEvent, option: T | null, reason: AutocompleteChangeReason) => void;
+    /**
+     * Required
+     */
+    required?: boolean;
+    /**
+     * Search mode
+     */
+    search?: boolean;
+    /**
+     * Values
+     */
+    values?: T[D][];
+};
+/**
+ * Hierarchy tiplist selector
+ * @param props Prop
+ * @returns Component
+ */
+export declare function HiSelectorTL<T extends object, D extends DataTypes.Keys<T> = IdDefaultType<T>>(props: HiSelectorTLProps<T, D>): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/IconButtonLink.d.ts

@@ -0,0 +1,20 @@
+import { IconButtonProps } from "@mui/material";
+/**
+ * IconButtonLink props
+ */
+export type IconButtonLinkProps = Omit<IconButtonProps, "href" | "onClick"> & {
+    /**
+     * To href
+     */
+    href: string;
+    /**
+     * Link state
+     */
+    state?: any;
+};
+/**
+ * IconButtonLink
+ * @param props Props
+ * @returns Component
+ */
+export declare function IconButtonLink(props: IconButtonLinkProps): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/InputField.d.ts

@@ -0,0 +1,80 @@
+import { TextFieldProps } from "@mui/material";
+import React from "react";
+/**
+ * Input field props
+ */
+export type InputFieldProps = TextFieldProps & {
+    /**
+     * Change delay (ms) to avoid repeatly dispatch onChange
+     */
+    changeDelay?: number;
+    /**
+     * Change delay handler, without it onChange will be applied
+     */
+    onChangeDelay?: React.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;
+    /**
+     * Is the field read only?
+     */
+    readOnly?: boolean;
+    /**
+     * Minimum characters to trigger the change event
+     */
+    minChars?: number;
+};
+/**
+ * Input field
+ * @param props Props
+ * @returns Component
+ */
+export declare const InputField: React.ForwardRefExoticComponent<(Omit<import("@mui/material").OutlinedTextFieldProps & {
+    /**
+     * Change delay (ms) to avoid repeatly dispatch onChange
+     */
+    changeDelay?: number;
+    /**
+     * Change delay handler, without it onChange will be applied
+     */
+    onChangeDelay?: React.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;
+    /**
+     * Is the field read only?
+     */
+    readOnly?: boolean;
+    /**
+     * Minimum characters to trigger the change event
+     */
+    minChars?: number;
+}, "ref"> | Omit<import("@mui/material").FilledTextFieldProps & {
+    /**
+     * Change delay (ms) to avoid repeatly dispatch onChange
+     */
+    changeDelay?: number;
+    /**
+     * Change delay handler, without it onChange will be applied
+     */
+    onChangeDelay?: React.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;
+    /**
+     * Is the field read only?
+     */
+    readOnly?: boolean;
+    /**
+     * Minimum characters to trigger the change event
+     */
+    minChars?: number;
+}, "ref"> | Omit<import("@mui/material").StandardTextFieldProps & {
+    /**
+     * Change delay (ms) to avoid repeatly dispatch onChange
+     */
+    changeDelay?: number;
+    /**
+     * Change delay handler, without it onChange will be applied
+     */
+    onChangeDelay?: React.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;
+    /**
+     * Is the field read only?
+     */
+    readOnly?: boolean;
+    /**
+     * Minimum characters to trigger the change event
+     */
+    minChars?: number;
+}, "ref">) & React.RefAttributes<HTMLDivElement>>;

package/lib/mjs/InputTipField.d.ts

@@ -0,0 +1,38 @@
+import { DataTypes } from "@etsoo/shared";
+import { TypographyProps } from "@mui/material/Typography";
+import React from "react";
+import { InputFieldProps } from "./InputField";
+type ItemType = DataTypes.IdLabelItem<string | number>;
+/**
+ * InputField with tips properties
+ */
+export type InputTipFieldProps<T extends ItemType = ItemType> = InputFieldProps & {
+    /**
+     * Load data
+     * @param value Duplicate test value
+     */
+    loadData(value: string): Promise<[T[]?, string?]>;
+    /**
+     * Label props
+     */
+    labelProps?: Omit<TypographyProps, "onClick">;
+    /**
+     * Custom item label
+     * @param item List item data
+     * @returns Result
+     */
+    itemLabel?: (item: T) => React.ReactNode;
+    /**
+     * Custom render item
+     * @param item List item data
+     * @returns Result
+     */
+    renderItem?: (item: T) => React.ReactNode;
+};
+/**
+ * InputField with tips
+ * @param props Props
+ * @returns Component
+ */
+export declare function InputTipField<T extends ItemType = ItemType>(props: InputTipFieldProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/mjs/IntInputField.d.ts

@@ -0,0 +1,55 @@
+import { BoxProps } from "@mui/material";
+import React from "react";
+import { InputFieldProps } from "./InputField";
+/**
+ * Integer input field props
+ */
+export type IntInputFieldProps = Omit<InputFieldProps, "type" | "inputProps" | "value" | "defaultValue"> & {
+    /**
+     * Minimum value
+     */
+    min?: number;
+    /**
+     * Maximum value
+     */
+    max?: number;
+    /**
+     * Step value
+     */
+    step?: number;
+    /**
+     * Display minus and plus buttons
+     */
+    buttons?: boolean;
+    /**
+     * End symbol
+     */
+    endSymbol?: string;
+    /**
+     * Start (Currency) symbol
+     */
+    symbol?: string;
+    /**
+     * Value
+     */
+    value?: number;
+    /**
+     * Input field style
+     */
+    inputStyle?: React.CSSProperties;
+    /**
+     * On value change callback
+     * @param value Value
+     * @param source Source value
+     * @param init Initial action
+     */
+    onValueChange?: (value: number | undefined, source: unknown, init: boolean) => number | boolean | null | void;
+    /**
+     * Box props
+     */
+    boxProps?: BoxProps;
+};
+/**
+ * Integer input field (controlled)
+ */
+export declare const IntInputField: React.ForwardRefExoticComponent<Omit<IntInputFieldProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/lib/mjs/ItemList.d.ts

@@ -0,0 +1,68 @@
+import React from "react";
+import { DataTypes, IdDefaultType, LabelDefaultType, ListType } from "@etsoo/shared";
+/**
+ * Item list properties
+ */
+export interface ItemListProps<T extends object, D extends DataTypes.Keys<T>, L extends DataTypes.Keys<T, string>> {
+    /**
+     * Button label
+     */
+    buttonLabel?: React.ReactNode;
+    /**
+     * Style class name
+     */
+    className?: string;
+    /**
+     * Keep click for all items
+     */
+    keepClick?: boolean;
+    /**
+     * Id field name
+     */
+    idField?: D;
+    /**
+     * Label field name or callback
+     */
+    labelField?: L | ((item: T) => string);
+    /**
+     * Minimum width
+     */
+    minWidth?: number | string;
+    /**
+     * Button icon
+     */
+    icon?: React.ReactNode;
+    /**
+     * Button color
+     */
+    color?: "inherit" | "primary" | "secondary";
+    /**
+     * Close event
+     */
+    onClose?(item: T | undefined, changed: boolean): void;
+    /**
+     * Current selected id
+     */
+    selectedValue?: T[D];
+    /**
+     * Button size
+     */
+    size?: "small" | "medium" | "large";
+    /**
+     * Title
+     */
+    title?: string;
+    /**
+     * Items
+     */
+    items: T[];
+    /**
+     * Button variant
+     */
+    variant?: "text" | "outlined" | "contained";
+}
+/**
+ * Item list component
+ * @param props Properties
+ */
+export declare function ItemList<T extends object = ListType, D extends DataTypes.Keys<T> = IdDefaultType<T>, L extends DataTypes.Keys<T, string> = LabelDefaultType<T>>(props: ItemListProps<T, D, L>): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/LineChart.d.ts

@@ -0,0 +1,28 @@
+import type { ChartData, LineControllerChartOptions } from "chart.js" with { "resolution-mode": "import" };
+/**
+ * Line chart
+ */
+export type LineChartProps = {
+    /**
+     * Chart data
+     */
+    data: ChartData<"line">;
+    /**
+     * Options
+     */
+    options?: LineControllerChartOptions;
+    /**
+     * Subtitle
+     */
+    subtitle?: string;
+    /**
+     * Title
+     */
+    title?: string;
+};
+/**
+ * Line chart
+ * @param props Props
+ * @returns Component
+ */
+export declare function LineChart(props: LineChartProps): import("react/jsx-runtime").JSX.Element;

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

@@ -18,7 +18,8 @@ export function LineChart(props) {
             import("chartjs-plugin-datalabels")
         ]).then(([{ Line }, { Chart: ChartJS, CategoryScale, LinearScale, PointElement, LineElement, Title, Tooltip, Legend }, ChartDataLabels]) => {
             // https://www.chartjs.org/docs/latest/getting-started/
-            ChartJS.register(CategoryScale, LinearScale, PointElement, LineElement, Title, Tooltip, Legend, ChartDataLabels);
+            ChartJS.register(CategoryScale, LinearScale, PointElement, LineElement, Title, Tooltip, Legend, ChartDataLabels // CommonJS says 'id' is missing
+            );
             setLineType(Line);
         });
     }, []);

package/lib/mjs/ListChooser.d.ts

@@ -0,0 +1,64 @@
+import { DataTypes, DelayedExecutorType, IdDefaultType } from "@etsoo/shared";
+import { ListItemButtonProps, ListProps } from "@mui/material";
+import React from "react";
+type QueryData = {
+    title?: string;
+};
+/**
+ * List chooser button props
+ */
+export interface ListChooserButtonProps<T extends object, D extends DataTypes.Keys<T>> {
+    (id: T[D]): ListItemButtonProps;
+}
+/**
+ * List chooser props
+ */
+export type ListChooserProps<T extends object, D extends DataTypes.Keys<T>, Q extends object> = ListProps & {
+    /**
+     * Condition field name
+     */
+    conditionField?: string;
+    /**
+     * Condition renderer
+     */
+    conditionRenderer?: (rq: Partial<Q>, delayed: DelayedExecutorType) => React.ReactNode;
+    /**
+     * List item renderer
+     */
+    itemRenderer?: (data: T, props: ListChooserButtonProps<T, D>) => React.ReactNode;
+    /**
+     * Label field
+     */
+    labelField?: DataTypes.Keys<T, string> | ((data: T) => string);
+    /**
+     * Id field
+     */
+    idField?: D;
+    /**
+     * Load data callback
+     */
+    loadData: (rq: Partial<Q>) => PromiseLike<T[] | null | undefined>;
+    /**
+     * Multiple selected
+     */
+    multiple?: boolean;
+    /**
+     * Item onchange callback
+     */
+    onItemChange: (items: T[], ids: T[D][]) => void;
+    /**
+     * Title
+     */
+    title: string;
+    /**
+     * Double click enabled
+     */
+    doubleClickEnabled?: boolean;
+};
+/**
+ * List chooser
+ * @param props Props
+ * @returns Component
+ */
+export declare function ListChooser<T extends object, D extends DataTypes.Keys<T> = IdDefaultType<T>, Q extends object = QueryData>(props: ListChooserProps<T, D, Q>): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/mjs/ListItemRightIcon.d.ts

@@ -0,0 +1,5 @@
+import { ListItemIcon } from "@mui/material";
+/**
+ * List item right icon component
+ */
+export declare const ListItemRightIcon: typeof ListItemIcon;

package/lib/mjs/ListMoreDisplay.d.ts

@@ -0,0 +1,38 @@
+import { CardProps } from "@mui/material";
+import React from "react";
+import { GridData, GridLoader } from "@etsoo/react";
+/**
+ * ListMoreDisplay props
+ */
+export interface ListMoreDisplayProps<T extends object> extends Omit<CardProps, "children">, GridLoader<T> {
+    /**
+     * Batch size to load
+     */
+    batchSize?: number;
+    /**
+     * Children to display the list
+     */
+    children: (data: T, index: number) => React.ReactNode;
+    /**
+     * Search field template
+     */
+    readonly fieldTemplate: object;
+    /**
+     * Header renderer
+     */
+    headerRenderer?: (reset: (data?: GridData) => void) => React.ReactNode;
+    /**
+     * Header title
+     */
+    headerTitle?: React.ReactNode;
+    /**
+     * More button label
+     */
+    moreLabel?: string;
+}
+/**
+ * ListMoreDisplay
+ * @param props Props
+ * @returns Component
+ */
+export declare function ListMoreDisplay<T extends object>(props: ListMoreDisplayProps<T>): import("react/jsx-runtime").JSX.Element;