@etsoo/materialui 1.3.58 → 1.3.60

package/lib/FlexBox.js

@@ -1,12 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Stack } from '@mui/material';
-import React from 'react';
 /**
  * Horizonal box
  * @param props Props
  * @returns Component
  */
 export function HBox(props) {
-    return React.createElement(Stack, { direction: "row", width: "100%", ...props });
+    return _jsx(Stack, { direction: "row", width: "100%", ...props });
 }
 /**
  * Vertial box
@@ -14,5 +14,5 @@ export function HBox(props) {
  * @returns Component
  */
 export function VBox(props) {
-    return React.createElement(Stack, { direction: "column", ...props });
+    return _jsx(Stack, { direction: "column", ...props });
 }

package/lib/GridDataFormat.js

@@ -1,6 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { GridDataType } from '@etsoo/react';
 import { DateUtils, NumberUtils } from '@etsoo/shared';
-import React from 'react';
 import { DateText } from './texts/DateText';
 /**
  * Grid data format
@@ -26,7 +26,7 @@ export function GridDataFormat(data, type, renderProps) {
         const option = type === GridDataType.DateTime ? 'ds' : 'd';
         const nearDays = renderProps?.nearDays;
         if (nearDays != null) {
-            return (React.createElement(DateText, { value: dateValue, locale: renderProps?.culture, timeZone: renderProps?.timeZone, options: option, nearDays: nearDays }));
+            return (_jsx(DateText, { value: dateValue, locale: renderProps?.culture, timeZone: renderProps?.timeZone, options: option, nearDays: nearDays }));
         }
         return DateUtils.format(dateValue, renderProps?.culture, option, renderProps?.timeZone);
     }

package/lib/HiSelector.d.ts

@@ -75,4 +75,4 @@ export type HiSelectorProps<T extends object, D extends DataTypes.Keys<T> = IdDe
  * @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>): React.JSX.Element;
+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/HiSelector.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { FormLabel, Grid } from "@mui/material";
 import React from "react";
 import { SelectEx } from "./SelectEx";
@@ -38,16 +39,5 @@ export function HiSelector(props) {
     React.useEffect(() => {
         updateValue(currentValue);
     }, [currentValue]);
-    return (React.createElement(React.Fragment, null,
-        label && (React.createElement(Grid, { item: true, xs: 12 },
-            React.createElement(FormLabel, { required: required, sx: { fontSize: (theme) => theme.typography.caption } }, label))),
-        React.createElement("input", { type: "hidden", name: name, value: `${currentValue ?? ""}` }),
-        React.createElement(Grid, { item: true, ...breakPoints },
-            React.createElement(SelectEx, { idField: idField, label: labels[0], labelField: labelField, name: "tab1", search: search, fullWidth: true, loadData: () => loadData(), value: values[0], onChange: (event) => doChange(event, 0), onItemChange: doItemChange, required: required, error: error, helperText: helperText, variant: variant })),
-        localValues[0] != null && (React.createElement(Grid, { item: true, ...breakPoints },
-            React.createElement(SelectEx, { key: `${localValues[0]}`, idField: idField, label: labels[1], labelField: labelField, name: "tab2", search: search, fullWidth: true, loadData: () => loadData(localValues[0]), value: values[1], onChange: (event) => doChange(event, 1), onItemChange: doItemChange, variant: variant }))),
-        localValues[1] != null && (React.createElement(Grid, { item: true, ...breakPoints },
-            React.createElement(SelectEx, { key: `${localValues[1]}`, idField: idField, label: labels[2], labelField: labelField, name: "tab3", search: search, fullWidth: true, loadData: () => loadData(localValues[1]), value: values[2], onChange: (event) => doChange(event, 2), onItemChange: doItemChange, variant: variant }))),
-        localValues[2] != null && (React.createElement(Grid, { item: true, ...breakPoints },
-            React.createElement(SelectEx, { key: `${localValues[2]}`, idField: idField, label: labels[3], labelField: labelField, name: "tab4", search: search, fullWidth: true, loadData: () => loadData(localValues[2]), value: values[3], onChange: (event) => doChange(event, 3), onItemChange: doItemChange, variant: variant })))));
+    return (_jsxs(React.Fragment, { children: [label && (_jsx(Grid, { item: true, xs: 12, children: _jsx(FormLabel, { required: required, sx: { fontSize: (theme) => theme.typography.caption }, children: label }) })), _jsx("input", { type: "hidden", name: name, value: `${currentValue ?? ""}` }), _jsx(Grid, { item: true, ...breakPoints, children: _jsx(SelectEx, { idField: idField, label: labels[0], labelField: labelField, name: "tab1", search: search, fullWidth: true, loadData: () => loadData(), value: values[0], onChange: (event) => doChange(event, 0), onItemChange: doItemChange, required: required, error: error, helperText: helperText, variant: variant }) }), localValues[0] != null && (_jsx(Grid, { item: true, ...breakPoints, children: _jsx(SelectEx, { idField: idField, label: labels[1], labelField: labelField, name: "tab2", search: search, fullWidth: true, loadData: () => loadData(localValues[0]), value: values[1], onChange: (event) => doChange(event, 1), onItemChange: doItemChange, variant: variant }, `${localValues[0]}`) })), localValues[1] != null && (_jsx(Grid, { item: true, ...breakPoints, children: _jsx(SelectEx, { idField: idField, label: labels[2], labelField: labelField, name: "tab3", search: search, fullWidth: true, loadData: () => loadData(localValues[1]), value: values[2], onChange: (event) => doChange(event, 2), onItemChange: doItemChange, variant: variant }, `${localValues[1]}`) })), localValues[2] != null && (_jsx(Grid, { item: true, ...breakPoints, children: _jsx(SelectEx, { idField: idField, label: labels[3], labelField: labelField, name: "tab4", search: search, fullWidth: true, loadData: () => loadData(localValues[2]), value: values[3], onChange: (event) => doChange(event, 3), onItemChange: doItemChange, variant: variant }, `${localValues[2]}`) }))] }));
 }

package/lib/HiSelectorTL.d.ts

@@ -63,4 +63,4 @@ export type HiSelectorTLProps<T extends object, D extends DataTypes.Keys<T> = Id
  * @param props Prop
  * @returns Component
  */
-export declare function HiSelectorTL<T extends object, D extends DataTypes.Keys<T> = IdDefaultType<T>>(props: HiSelectorTLProps<T, D>): React.JSX.Element;
+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/HiSelectorTL.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { FormLabel, Grid } from "@mui/material";
 import React from "react";
 import { Tiplist } from "./Tiplist";
@@ -32,16 +33,5 @@ export function HiSelectorTL(props) {
     React.useEffect(() => {
         updateValue(currentValue);
     }, [currentValue]);
-    return (React.createElement(React.Fragment, null,
-        label && (React.createElement(Grid, { item: true, xs: 12 },
-            React.createElement(FormLabel, { required: required, sx: { fontSize: (theme) => theme.typography.caption } }, label))),
-        React.createElement("input", { type: "hidden", name: name, value: `${currentValue ?? ""}` }),
-        React.createElement(Grid, { item: true, ...breakPoints },
-            React.createElement(Tiplist, { idField: idField, label: labels[0], name: "tab1", search: search, fullWidth: true, idValue: values[0], loadData: (keyword, id, items) => loadData(keyword, id, items), inputRequired: required, inputError: error, inputHelperText: helperText, onChange: (event, value, reason) => doChange(0, event, value, reason) })),
-        localValues[0] != null && (React.createElement(Grid, { item: true, ...breakPoints },
-            React.createElement(Tiplist, { key: `${localValues[0]}`, label: labels[1], idField: idField, name: "tab2", search: search, fullWidth: true, loadData: (keyword, id, items) => loadData(keyword, id, items, localValues[0]), idValue: values[1], onChange: (event, value, reason) => doChange(1, event, value, reason) }))),
-        localValues[1] != null && (React.createElement(Grid, { item: true, ...breakPoints },
-            React.createElement(Tiplist, { key: `${localValues[1]}`, label: labels[2], idField: idField, name: "tab3", search: search, fullWidth: true, loadData: (keyword, id, items) => loadData(keyword, id, items, localValues[1]), idValue: values[2], onChange: (event, value, reason) => doChange(2, event, value, reason) }))),
-        localValues[2] != null && (React.createElement(Grid, { item: true, ...breakPoints },
-            React.createElement(Tiplist, { key: `${localValues[2]}`, label: labels[3], idField: idField, name: "tab4", search: search, fullWidth: true, loadData: (keyword, id, items) => loadData(keyword, id, items, localValues[2]), idValue: values[3], onChange: (event, value, reason) => doChange(3, event, value, reason) })))));
+    return (_jsxs(React.Fragment, { children: [label && (_jsx(Grid, { item: true, xs: 12, children: _jsx(FormLabel, { required: required, sx: { fontSize: (theme) => theme.typography.caption }, children: label }) })), _jsx("input", { type: "hidden", name: name, value: `${currentValue ?? ""}` }), _jsx(Grid, { item: true, ...breakPoints, children: _jsx(Tiplist, { idField: idField, label: labels[0], name: "tab1", search: search, fullWidth: true, idValue: values[0], loadData: (keyword, id, items) => loadData(keyword, id, items), inputRequired: required, inputError: error, inputHelperText: helperText, onChange: (event, value, reason) => doChange(0, event, value, reason) }) }), localValues[0] != null && (_jsx(Grid, { item: true, ...breakPoints, children: _jsx(Tiplist, { label: labels[1], idField: idField, name: "tab2", search: search, fullWidth: true, loadData: (keyword, id, items) => loadData(keyword, id, items, localValues[0]), idValue: values[1], onChange: (event, value, reason) => doChange(1, event, value, reason) }, `${localValues[0]}`) })), localValues[1] != null && (_jsx(Grid, { item: true, ...breakPoints, children: _jsx(Tiplist, { label: labels[2], idField: idField, name: "tab3", search: search, fullWidth: true, loadData: (keyword, id, items) => loadData(keyword, id, items, localValues[1]), idValue: values[2], onChange: (event, value, reason) => doChange(2, event, value, reason) }, `${localValues[1]}`) })), localValues[2] != null && (_jsx(Grid, { item: true, ...breakPoints, children: _jsx(Tiplist, { label: labels[3], idField: idField, name: "tab4", search: search, fullWidth: true, loadData: (keyword, id, items) => loadData(keyword, id, items, localValues[2]), idValue: values[3], onChange: (event, value, reason) => doChange(3, event, value, reason) }, `${localValues[2]}`) }))] }));
 }

package/lib/IconButtonLink.d.ts

@@ -1,5 +1,4 @@
 import { IconButtonProps } from "@mui/material";
-import React from "react";
 /**
  * IconButtonLink props
  */
@@ -18,4 +17,4 @@ export type IconButtonLinkProps = Omit<IconButtonProps, "href" | "onClick"> & {
  * @param props Props
  * @returns Component
  */
-export declare function IconButtonLink(props: IconButtonLinkProps): React.JSX.Element;
+export declare function IconButtonLink(props: IconButtonLinkProps): import("react/jsx-runtime").JSX.Element;

package/lib/IconButtonLink.js

@@ -1,5 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { IconButton } from "@mui/material";
-import React from "react";
 import { useNavigate } from "react-router-dom";
 /**
  * IconButtonLink
@@ -12,5 +12,5 @@ export function IconButtonLink(props) {
     // Navigate
     const navigate = useNavigate();
     // Layout
-    return React.createElement(IconButton, { ...rest, onClick: () => navigate(href, { state }) });
+    return _jsx(IconButton, { ...rest, onClick: () => navigate(href, { state }) });
 }

package/lib/InputField.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useDelayedExecutor } from "@etsoo/react";
 import { TextField } from "@mui/material";
 import React from "react";
@@ -37,5 +38,5 @@ export const InputField = React.forwardRef((props, ref) => {
         };
     }, []);
     // Layout
-    return (React.createElement(TextField, { ref: ref, InputLabelProps: InputLabelProps, InputProps: InputProps, onChange: onChangeEx, size: size, variant: variant, ...rest }));
+    return (_jsx(TextField, { ref: ref, InputLabelProps: InputLabelProps, InputProps: InputProps, onChange: onChangeEx, size: size, variant: variant, ...rest }));
 });

package/lib/InputTipField.d.ts

@@ -34,5 +34,5 @@ export type InputTipFieldProps<T extends ItemType = ItemType> = InputFieldProps
  * @param props Props
  * @returns Component
  */
-export declare function InputTipField<T extends ItemType = ItemType>(props: InputTipFieldProps<T>): React.JSX.Element;
+export declare function InputTipField<T extends ItemType = ItemType>(props: InputTipFieldProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/InputTipField.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { InputAdornment, List, ListItem, Popover } from "@mui/material";
 import Typography from "@mui/material/Typography";
 import React from "react";
@@ -18,11 +19,10 @@ export function InputTipField(props) {
         title: globalApp?.get("clickForDetails"),
         sx: { color: (theme) => theme.palette.error.main, cursor: "pointer" }
     }, InputProps = {
-        endAdornment: title ? (React.createElement(InputAdornment, { position: "end" },
-            React.createElement(Typography, { onClick: (event) => {
+        endAdornment: title ? (_jsx(InputAdornment, { position: "end", children: _jsx(Typography, { onClick: (event) => {
                     setAnchorEl(event.currentTarget);
-                }, ...labelProps }, title))) : undefined
-    }, changeDelay = 480, onChangeDelay, loadData, itemLabel = (item) => item.label, renderItem = (item) => React.createElement(ListItem, { key: item.id }, itemLabel(item)), ...rest } = props;
+                }, ...labelProps, children: title }) })) : undefined
+    }, changeDelay = 480, onChangeDelay, loadData, itemLabel = (item) => item.label, renderItem = (item) => _jsx(ListItem, { children: itemLabel(item) }, item.id), ...rest } = props;
     const load = (value) => {
         if (value.length < 2) {
             setTitle(undefined);
@@ -33,14 +33,12 @@ export function InputTipField(props) {
             setTitle(title);
         });
     };
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Popover, { open: anchorEl != null, anchorEl: anchorEl, onClose: () => setAnchorEl(undefined), anchorOrigin: {
-                vertical: "bottom",
-                horizontal: "left"
-            } }, data && React.createElement(List, null, data.map((item) => renderItem(item)))),
-        React.createElement(InputField, { changeDelay: changeDelay, onChangeDelay: (event) => {
-                load(event.target.value);
-                if (onChangeDelay)
-                    onChangeDelay(event);
-            }, InputProps: InputProps, ...rest })));
+    return (_jsxs(React.Fragment, { children: [_jsx(Popover, { open: anchorEl != null, anchorEl: anchorEl, onClose: () => setAnchorEl(undefined), anchorOrigin: {
+                    vertical: "bottom",
+                    horizontal: "left"
+                }, children: data && _jsx(List, { children: data.map((item) => renderItem(item)) }) }), _jsx(InputField, { changeDelay: changeDelay, onChangeDelay: (event) => {
+                    load(event.target.value);
+                    if (onChangeDelay)
+                        onChangeDelay(event);
+                }, InputProps: InputProps, ...rest })] }));
 }

package/lib/IntInputField.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, IconButton, InputAdornment } from "@mui/material";
 import AddIcon from "@mui/icons-material/Add";
 import RemoveIcon from "@mui/icons-material/Remove";
@@ -34,16 +35,15 @@ export const IntInputField = React.forwardRef((props, ref) => {
         setValue(value, undefined, true);
     }, [value]);
     // Layout
-    const layout = (React.createElement(InputField, { ref: ref, type: "number", value: localValue == null ? (required ? min : "") : localValue, inputProps: {
+    const layout = (_jsx(InputField, { ref: ref, type: "number", value: localValue == null ? (required ? min : "") : localValue, inputProps: {
             min,
             step,
             max,
             style: inputStyle,
             inputMode: "numeric"
         }, InputProps: {
-            startAdornment: symbol ? (React.createElement(React.Fragment, null,
-                React.createElement(InputAdornment, { position: "start" }, symbol))) : undefined,
-            endAdornment: endSymbol ? (React.createElement(InputAdornment, { position: "end" }, endSymbol)) : undefined
+            startAdornment: symbol ? (_jsx(React.Fragment, { children: _jsx(InputAdornment, { position: "start", children: symbol }) })) : undefined,
+            endAdornment: endSymbol ? (_jsx(InputAdornment, { position: "end", children: endSymbol })) : undefined
         }, sx: buttons
             ? {
                 "& input[type=number]::-webkit-inner-spin-button": {
@@ -76,40 +76,35 @@ export const IntInputField = React.forwardRef((props, ref) => {
                 onChangeDelay(event);
         }, onFocus: onFocus, required: required, ...rest }));
     if (buttons)
-        return (React.createElement(Box, { sx: {
+        return (_jsxs(Box, { sx: {
                 display: "flex",
                 alignItems: "center",
                 width: "100%",
                 gap: 0.5,
                 ...boxProps
-            } },
-            React.createElement(IconButton, { size: "small", onClick: () => {
-                    if (localValue == null)
-                        return;
-                    const value = NumberUtils.parse(localValue);
-                    if (value == null)
-                        return;
-                    if (value <= min)
-                        setValue(undefined, "SUB");
-                    else
-                        setValue(value - step, "SUB");
-                } },
-                React.createElement(RemoveIcon, null)),
-            layout,
-            React.createElement(IconButton, { size: "small", onClick: () => {
-                    if (localValue == null) {
-                        setValue(min, "ADD");
-                        return;
-                    }
-                    const value = NumberUtils.parse(localValue);
-                    if (value == null)
-                        return;
-                    if (value >= max)
-                        return;
-                    else
-                        setValue(value + step, "ADD");
-                } },
-                React.createElement(AddIcon, { color: localValue == null ? undefined : "primary" }))));
+            }, children: [_jsx(IconButton, { size: "small", onClick: () => {
+                        if (localValue == null)
+                            return;
+                        const value = NumberUtils.parse(localValue);
+                        if (value == null)
+                            return;
+                        if (value <= min)
+                            setValue(undefined, "SUB");
+                        else
+                            setValue(value - step, "SUB");
+                    }, children: _jsx(RemoveIcon, {}) }), layout, _jsx(IconButton, { size: "small", onClick: () => {
+                        if (localValue == null) {
+                            setValue(min, "ADD");
+                            return;
+                        }
+                        const value = NumberUtils.parse(localValue);
+                        if (value == null)
+                            return;
+                        if (value >= max)
+                            return;
+                        else
+                            setValue(value + step, "ADD");
+                    }, children: _jsx(AddIcon, { color: localValue == null ? undefined : "primary" }) })] }));
     else
         return layout;
 });

package/lib/ItemList.d.ts

@@ -65,4 +65,4 @@ export interface ItemListProps<T extends object, D extends DataTypes.Keys<T>, L
  * 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>): React.JSX.Element;
+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/ItemList.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React from "react";
 import { Dialog, DialogTitle, List, ListItemText, DialogContent, Button, ListItemButton } from "@mui/material";
 import { DataTypes } from "@etsoo/shared";
@@ -56,15 +57,9 @@ export function ItemList(props) {
             onClose(item, true);
         }
     };
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Button, { className: className, variant: variant, startIcon: icon, color: color, size: size, onClick: clickHandler }, buttonLabel ?? (currentItem ? getLabel(currentItem) : undefined)),
-        React.createElement(Dialog, { "aria-labelledby": "dialog-title", open: open, onClose: closeHandler },
-            title && React.createElement(DialogTitle, { id: "dialog-title" }, title),
-            React.createElement(DialogContent, { sx: { minWidth } },
-                React.createElement(List, null, items.map((item) => {
-                    const id = item[idField];
-                    return (React.createElement(ListItemButton, { key: id, disabled: id === (currentItem ? currentItem[idField] : undefined) &&
-                            !keepClick, onClick: () => closeItemHandler(item) },
-                        React.createElement(ListItemText, null, getLabel(item))));
-                }))))));
+    return (_jsxs(_Fragment, { children: [_jsx(Button, { className: className, variant: variant, startIcon: icon, color: color, size: size, onClick: clickHandler, children: buttonLabel ?? (currentItem ? getLabel(currentItem) : undefined) }), _jsxs(Dialog, { "aria-labelledby": "dialog-title", open: open, onClose: closeHandler, children: [title && _jsx(DialogTitle, { id: "dialog-title", children: title }), _jsx(DialogContent, { sx: { minWidth }, children: _jsx(List, { children: items.map((item) => {
+                                const id = item[idField];
+                                return (_jsx(ListItemButton, { disabled: id === (currentItem ? currentItem[idField] : undefined) &&
+                                        !keepClick, onClick: () => closeItemHandler(item), children: _jsx(ListItemText, { children: getLabel(item) }) }, id));
+                            }) }) })] })] }));
 }

package/lib/LineChart.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import type { ChartData, LineControllerChartOptions } from "chart.js";
 /**
  * Line chart
@@ -26,4 +25,4 @@ export type LineChartProps = {
  * @param props Props
  * @returns Component
  */
-export declare function LineChart(props: LineChartProps): React.JSX.Element;
+export declare function LineChart(props: LineChartProps): import("react/jsx-runtime").JSX.Element;

package/lib/LineChart.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { LinearProgress } from "@mui/material";
 import React from "react";
 /**
@@ -21,7 +22,7 @@ export function LineChart(props) {
             setLineType(Line);
         });
     }, []);
-    return LineType == null ? (React.createElement(LinearProgress, null)) : (React.createElement(LineType, { options: {
+    return LineType == null ? (_jsx(LinearProgress, {})) : (_jsx(LineType, { options: {
             scales: {
                 x: {
                     ticks: {

package/lib/ListChooser.d.ts

@@ -60,5 +60,5 @@ export type ListChooserProps<T extends object, D extends DataTypes.Keys<T>, Q ex
  * @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>): React.JSX.Element;
+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/ListChooser.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useDelayedExecutor } from "@etsoo/react";
 import { List, ListItem, ListItemButton, ListItemText, TextField } from "@mui/material";
 import CheckBoxIcon from "@mui/icons-material/CheckBox";
@@ -28,7 +29,7 @@ export function ListChooser(props) {
         }
     });
     // Destruct
-    const { conditionField = "title", conditionRenderer = (rq, delayed) => (React.createElement(TextField, { autoFocus: true, margin: "dense", name: conditionField, label: title, fullWidth: true, variant: "standard", inputProps: { maxLength: 128 }, onChange: (event) => {
+    const { conditionField = "title", conditionRenderer = (rq, delayed) => (_jsx(TextField, { autoFocus: true, margin: "dense", name: conditionField, label: title, fullWidth: true, variant: "standard", inputProps: { maxLength: 128 }, onChange: (event) => {
             Reflect.set(rq, "title", event.target.value);
             delayed.call();
         } })), itemRenderer = (item, selectProps) => {
@@ -37,9 +38,7 @@ export function ListChooser(props) {
         const label = typeof labelField === "function"
             ? labelField(item)
             : Reflect.get(item, labelField);
-        return (React.createElement(ListItem, { disableGutters: true, key: `${id}`, secondaryAction: sp.selected ? React.createElement(CheckBoxIcon, { fontSize: "small" }) : undefined },
-            React.createElement(ListItemButton, { ...sp },
-                React.createElement(ListItemText, { primary: label }))));
+        return (_jsx(ListItem, { disableGutters: true, secondaryAction: sp.selected ? _jsx(CheckBoxIcon, { fontSize: "small" }) : undefined, children: _jsx(ListItemButton, { ...sp, children: _jsx(ListItemText, { primary: label }) }) }, `${id}`));
     }, idField = "id", labelField = "label", loadData, multiple = false, onItemChange, title, doubleClickEnabled = false, onDoubleClick, ...rest } = props;
     // Default minimum height
     rest.sx ?? (rest.sx = { minHeight: "220px" });
@@ -86,7 +85,5 @@ export function ListChooser(props) {
         }
     };
     // Layout
-    return (React.createElement(VBox, null,
-        conditionRenderer(rq.current, delayed),
-        React.createElement(List, { onDoubleClick: onDoubleClickLocal, disablePadding: true, dense: true, ...rest }, items.map((item) => itemRenderer(item, selectProps)))));
+    return (_jsxs(VBox, { children: [conditionRenderer(rq.current, delayed), _jsx(List, { onDoubleClick: onDoubleClickLocal, disablePadding: true, dense: true, ...rest, children: items.map((item) => itemRenderer(item, selectProps)) })] }));
 }

package/lib/ListMoreDisplay.d.ts

@@ -36,4 +36,4 @@ export interface ListMoreDisplayProps<T extends object, F extends DataTypes.Basi
  * @param props Props
  * @returns Component
  */
-export declare function ListMoreDisplay<T extends object, F extends DataTypes.BasicTemplate = DataTypes.BasicTemplate>(props: ListMoreDisplayProps<T, F>): React.JSX.Element;
+export declare function ListMoreDisplay<T extends object, F extends DataTypes.BasicTemplate = DataTypes.BasicTemplate>(props: ListMoreDisplayProps<T, F>): import("react/jsx-runtime").JSX.Element;

package/lib/ListMoreDisplay.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Card, CardActions, CardContent, CardHeader, CircularProgress } from "@mui/material";
 import React from "react";
 import { GridDataGet } from "@etsoo/react";
@@ -87,14 +88,8 @@ export function ListMoreDisplay(props) {
             ref.isMounted = false;
         };
     }, []);
-    return (React.createElement(React.Fragment, null,
-        headerRenderer && headerRenderer(reset),
-        React.createElement(Card, { ...rest },
-            React.createElement(CardHeader, { title: headerTitle }),
-            React.createElement(CardContent, { sx: {
-                    paddingTop: 0,
-                    paddingBottom: states.completed ? 0 : "inherit"
-                } }, states.items == null ? (React.createElement(CircularProgress, { size: 20 })) : (states.items.map((item, index) => children(item, index)))),
-            !states.completed && (React.createElement(CardActions, { sx: { justifyContent: "flex-end" } },
-                React.createElement(LoadingButton, { onClick: async () => await loadDataLocal() }, moreLabel))))));
+    return (_jsxs(React.Fragment, { children: [headerRenderer && headerRenderer(reset), _jsxs(Card, { ...rest, children: [_jsx(CardHeader, { title: headerTitle }), _jsx(CardContent, { sx: {
+                            paddingTop: 0,
+                            paddingBottom: states.completed ? 0 : "inherit"
+                        }, children: states.items == null ? (_jsx(CircularProgress, { size: 20 })) : (states.items.map((item, index) => children(item, index))) }), !states.completed && (_jsx(CardActions, { sx: { justifyContent: "flex-end" }, children: _jsx(LoadingButton, { onClick: async () => await loadDataLocal(), children: moreLabel }) }))] })] }));
 }

package/lib/LoadingButton.d.ts

@@ -1,5 +1,4 @@
 import { ButtonProps, CircularProgressProps } from '@mui/material';
-import React from 'react';
 /**
  * Loading button props
  */
@@ -13,4 +12,4 @@ export type LoadingButtonProps = ButtonProps & {
  * Loading button
  * @param props Props
  */
-export declare function LoadingButton(props: LoadingButtonProps): React.JSX.Element;
+export declare function LoadingButton(props: LoadingButtonProps): import("react/jsx-runtime").JSX.Element;

package/lib/LoadingButton.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Button, CircularProgress } from '@mui/material';
 import React from 'react';
 /**
@@ -13,7 +14,7 @@ export function LoadingButton(props) {
     // https://stackoverflow.com/questions/55265255/react-usestate-hook-event-handler-using-initial-state
     const [loading, setLoading] = React.useState(false);
     // Icon
-    const localEndIcon = loading ? (React.createElement(CircularProgress, { ...loadingIconProps })) : (endIcon);
+    const localEndIcon = loading ? (_jsx(CircularProgress, { ...loadingIconProps })) : (endIcon);
     // Check if the component is mounted
     const isMounted = React.useRef(true);
     React.useEffect(() => {
@@ -22,7 +23,7 @@ export function LoadingButton(props) {
         };
     }, []);
     // Layout
-    return (React.createElement(Button, { disabled: loading, endIcon: localEndIcon, onClick: async (event) => {
+    return (_jsx(Button, { disabled: loading, endIcon: localEndIcon, onClick: async (event) => {
             if (onClick) {
                 // Update state
                 setLoading(true);

package/lib/MaskInput.d.ts

@@ -1,5 +1,4 @@
 import { TextFieldProps } from "@mui/material";
-import React from "react";
 import { type InputMask, type FactoryOpts } from "imask";
 /**
  * Mask input props
@@ -32,4 +31,4 @@ export type MaskInputProps<T extends FactoryOpts> = TextFieldProps & {
  * @param props Props
  * @returns Component
  */
-export declare function MaskInput<T extends FactoryOpts = FactoryOpts>(props: MaskInputProps<T>): React.JSX.Element;
+export declare function MaskInput<T extends FactoryOpts = FactoryOpts>(props: MaskInputProps<T>): import("react/jsx-runtime").JSX.Element;

package/lib/MaskInput.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { TextField } from "@mui/material";
 import React from "react";
 import { MUGlobal } from "./MUGlobal";
@@ -37,5 +38,5 @@ export function MaskInput(props) {
         maskRef.current.updateValue();
     }, [maskRef.current, localValue]);
     // Layout
-    return (React.createElement(TextField, { InputLabelProps: InputLabelProps, InputProps: InputProps, size: size, variant: variant, ...rest }));
+    return (_jsx(TextField, { InputLabelProps: InputLabelProps, InputProps: InputProps, size: size, variant: variant, ...rest }));
 }

package/lib/MenuButton.d.ts

@@ -6,4 +6,4 @@ export type MenuButtonProps<T extends DataTypes.IdItem> = Omit<MenuProps, "open"
     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>): React.JSX.Element;
+export declare function MenuButton<T extends DataTypes.IdItem>(props: MenuButtonProps<T>): import("react/jsx-runtime").JSX.Element;

package/lib/MenuButton.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, Menu, MenuItem } from "@mui/material";
 import React from "react";
 export function MenuButton(props) {
@@ -28,36 +29,34 @@ export function MenuButton(props) {
     const labelFormatter = typeof labelField === "function"
         ? labelField
         : (item) => item[labelField];
-    return (React.createElement(React.Fragment, null,
-        typeof button === "function" ? (button(handleMenuOpen)) : (React.createElement(Button, { onClick: handleMenuOpen, ...button })),
-        React.createElement(Menu, { slotProps: {
-                paper: {
-                    elevation: 0,
-                    sx: {
-                        overflow: "visible",
-                        filter: "drop-shadow(0px 2px 8px rgba(0,0,0,0.32))",
-                        "& .MuiAvatar-root": {
-                            width: 32,
-                            height: 32
-                        },
-                        "&:before": {
-                            content: '""',
-                            display: "block",
-                            position: "absolute",
-                            top: isTop ? 0 : undefined,
-                            bottom: isTop ? undefined : -10,
-                            right: 14,
-                            width: 10,
-                            height: 10,
-                            bgcolor: "background.paper",
-                            transform: "translateY(-50%) rotate(45deg)",
-                            zIndex: 0
-                        },
-                        ...{ sx }
+    return (_jsxs(React.Fragment, { children: [typeof button === "function" ? (button(handleMenuOpen)) : (_jsx(Button, { onClick: handleMenuOpen, ...button })), _jsx(Menu, { slotProps: {
+                    paper: {
+                        elevation: 0,
+                        sx: {
+                            overflow: "visible",
+                            filter: "drop-shadow(0px 2px 8px rgba(0,0,0,0.32))",
+                            "& .MuiAvatar-root": {
+                                width: 32,
+                                height: 32
+                            },
+                            "&:before": {
+                                content: '""',
+                                display: "block",
+                                position: "absolute",
+                                top: isTop ? 0 : undefined,
+                                bottom: isTop ? undefined : -10,
+                                right: 14,
+                                width: 10,
+                                height: 10,
+                                bgcolor: "background.paper",
+                                transform: "translateY(-50%) rotate(45deg)",
+                                zIndex: 0
+                            },
+                            ...{ sx }
+                        }
                     }
-                }
-            }, disableScrollLock: true, anchorEl: anchorEl, anchorOrigin: anchorOrigin, keepMounted: true, transformOrigin: transformOrigin, open: isMenuOpen, transitionDuration: 0, onClose: handleMenuClose, ...rest }, items.map((item) => {
-            const label = labelFormatter(item);
-            return (React.createElement(MenuItem, { key: item.id, disabled: true }, label));
-        }))));
+                }, disableScrollLock: true, anchorEl: anchorEl, anchorOrigin: anchorOrigin, keepMounted: true, transformOrigin: transformOrigin, open: isMenuOpen, transitionDuration: 0, onClose: handleMenuClose, ...rest, children: items.map((item) => {
+                    const label = labelFormatter(item);
+                    return (_jsx(MenuItem, { disabled: true, children: label }, item.id));
+                }) })] }));
 }

package/lib/MobileListItemRenderer.d.ts

@@ -14,4 +14,4 @@ export declare function MobileListItemRenderer<T>({ data, itemHeight, margins }:
     React.ReactNode | (ListItemReact | boolean)[],
     React.ReactNode,
     React.ReactNode?
-]): React.JSX.Element;
+]): import("react/jsx-runtime").JSX.Element;