@etsoo/materialui 1.5.2 → 1.5.3

package/lib/mjs/OptionGroup.js

@@ -1,7 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { DataTypes, Utils } from "@etsoo/shared";
-import { Box, Checkbox, FormControl, FormControlLabel, FormGroup, FormHelperText, InputLabel, Radio, RadioGroup } from "@mui/material";
+import Box from "@mui/material/Box";
+import Checkbox from "@mui/material/Checkbox";
+import FormControl from "@mui/material/FormControl";
+import FormControlLabel from "@mui/material/FormControlLabel";
+import FormGroup from "@mui/material/FormGroup";
+import FormHelperText from "@mui/material/FormHelperText";
+import InputLabel from "@mui/material/InputLabel";
 import NotchedOutline from "@mui/material/OutlinedInput";
+import Radio from "@mui/material/Radio";
+import RadioGroup from "@mui/material/RadioGroup";
 import React from "react";
 /**
  * OptionGroup

package/lib/mjs/OptionGroupFlag.d.ts

@@ -1,5 +1,5 @@
 import { DataTypes, IdDefaultType, LabelDefaultType, ListType } from "@etsoo/shared";
-import { FormControlProps } from "@mui/material";
+import { FormControlProps } from "@mui/material/FormControl";
 import React from "react";
 /**
  * OptionGroupFlag methods ref

package/lib/mjs/OptionGroupFlag.js

@@ -1,6 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { DataTypes, Utils } from "@etsoo/shared";
-import { Box, Checkbox, FormControl, FormControlLabel, FormGroup, FormHelperText, InputLabel } from "@mui/material";
+import Box from "@mui/material/Box";
+import Checkbox from "@mui/material/Checkbox";
+import FormControl from "@mui/material/FormControl";
+import FormControlLabel from "@mui/material/FormControlLabel";
+import FormGroup from "@mui/material/FormGroup";
+import FormHelperText from "@mui/material/FormHelperText";
+import InputLabel from "@mui/material/InputLabel";
 import NotchedOutline from "@mui/material/OutlinedInput";
 import React from "react";
 /**

package/lib/mjs/PercentCircularProgress.d.ts

@@ -1,4 +1,5 @@
-import { CircularProgressProps, TypographyProps } from "@mui/material";
+import { CircularProgressProps } from "@mui/material/CircularProgress";
+import { TypographyProps } from "@mui/material/Typography";
 export type PercentCircularProgressProps = CircularProgressProps & {
     value: number;
     valueUnit?: string;

package/lib/mjs/PercentCircularProgress.js

@@ -1,5 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, CircularProgress, Typography } from "@mui/material";
+import Box from "@mui/material/Box";
+import CircularProgress from "@mui/material/CircularProgress";
+import Typography from "@mui/material/Typography";
 export function PercentCircularProgress(props) {
     // Destruct
     const { textProps, valueUnit = "%", ...rest } = props;

package/lib/mjs/PercentLinearProgress.d.ts

@@ -1,4 +1,5 @@
-import { LinearProgressProps, TypographyProps } from "@mui/material";
+import { LinearProgressProps } from "@mui/material/LinearProgress";
+import { TypographyProps } from "@mui/material/Typography";
 export type PercentLinearProgressProps = LinearProgressProps & {
     value: number;
     valueUnit?: string;

package/lib/mjs/PercentLinearProgress.js

@@ -1,5 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, LinearProgress, Typography } from "@mui/material";
+import Box from "@mui/material/Box";
+import LinearProgress from "@mui/material/LinearProgress";
+import Typography from "@mui/material/Typography";
 export function PercentLinearProgress(props) {
     // Destruct
     const { textProps, valueUnit = "%", ...rest } = props;

package/lib/mjs/ProgressCount.js

@@ -1,5 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, CircularProgress, LinearProgress, Typography } from "@mui/material";
+import Box from "@mui/material/Box";
+import CircularProgress from "@mui/material/CircularProgress";
+import LinearProgress from "@mui/material/LinearProgress";
+import Typography from "@mui/material/Typography";
 import React from "react";
 /**
  * Progress count

package/lib/mjs/QuickList.d.ts

@@ -1,7 +1,9 @@
 import { ListType2 } from "@etsoo/shared";
-import { ListItemButtonProps, ListItemProps, StackProps } from "@mui/material";
 import React from "react";
 import { InputFieldProps } from "./InputField";
+import { StackProps } from "@mui/material/Stack";
+import { ListItemButtonProps } from "@mui/material/ListItemButton";
+import { ListItemProps } from "@mui/material/ListItem";
 /**
  * Quick list props
  */

package/lib/mjs/QuickList.js

@@ -1,10 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { DataTypes } from "@etsoo/shared";
-import { LinearProgress, List, ListItem, ListItemButton, Typography } from "@mui/material";
 import React from "react";
 import { InputField } from "./InputField";
 import { VBox } from "./FlexBox";
 import { useAppContext } from "./app/ReactApp";
+import ListItemButton from "@mui/material/ListItemButton";
+import ListItem from "@mui/material/ListItem";
+import LinearProgress from "@mui/material/LinearProgress";
+import Typography from "@mui/material/Typography";
+import List from "@mui/material/List";
 /**
  * Quick list
  * @param props Props

package/lib/mjs/ResponsibleContainer.d.ts

@@ -1,9 +1,9 @@
-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";
+import { SxProps, Theme } from "@mui/material/styles";
 /**
  * ResponsibleContainer props
  */

package/lib/mjs/ResponsibleContainer.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Stack, useMediaQuery } from "@mui/material";
 import React from "react";
 import { ReactUtils, useCombinedRefs, useDimensions } from "@etsoo/react";
 import { DataGridEx } from "./DataGridEx";
@@ -9,6 +8,9 @@ import { ScrollerListEx } from "./ScrollerListEx";
 import { SearchBar } from "./SearchBar";
 import { Labels } from "./app/Labels";
 import { GridUtils } from "./GridUtils";
+import useMediaQuery from "@mui/material/useMediaQuery";
+import Box from "@mui/material/Box";
+import Stack from "@mui/material/Stack";
 function defaultContainerBoxSx(paddings, hasField, _dataGrid) {
     const half = typeof paddings == "number" ? paddings / 2 : MUGlobal.half(paddings);
     return {

package/lib/mjs/ResponsiveStyleValue.d.ts

@@ -1,4 +1,4 @@
-import { Breakpoint } from "@mui/material";
+import { Breakpoint } from "@mui/material/styles";
 /**
  * Responsive style value
  */

package/lib/mjs/ScrollTopFab.js

@@ -1,7 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
-import { Fab, useScrollTrigger, Zoom } from "@mui/material";
 import VerticalAlignTopIcon from "@mui/icons-material/VerticalAlignTop";
+import useScrollTrigger from "@mui/material/useScrollTrigger";
+import Zoom from "@mui/material/Zoom";
+import Fab from "@mui/material/Fab";
 /**
  * Scroll to top fab
  * @returns Component

package/lib/mjs/ScrollerListEx.js

@@ -2,9 +2,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { css } from "@emotion/css";
 import { ScrollerList } from "@etsoo/react";
 import { Utils } from "@etsoo/shared";
-import { useTheme } from "@mui/material";
 import React from "react";
 import { MUGlobal } from "./MUGlobal";
+import { useTheme } from "@mui/material/styles";
 // Scroll bar size
 const scrollbarSize = 16;
 // Selected class name

package/lib/mjs/SearchBar.js

@@ -1,10 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Drawer, IconButton, Stack, Toolbar } from "@mui/material";
 import React from "react";
 import MoreHorizIcon from "@mui/icons-material/MoreHoriz";
 import { DomUtils, NumberUtils } from "@etsoo/shared";
 import { ReactUtils, useDelayedExecutor, useDimensions } from "@etsoo/react";
 import { Labels } from "./app/Labels";
+import Stack from "@mui/material/Stack";
+import IconButton from "@mui/material/IconButton";
+import Button from "@mui/material/Button";
+import Drawer from "@mui/material/Drawer";
+import Toolbar from "@mui/material/Toolbar";
 // Cached width attribute name
 const cachedWidthName = "data-cached-width";
 // Reset form

package/lib/mjs/SearchField.d.ts

@@ -1,4 +1,4 @@
-import { TextFieldProps } from "@mui/material";
+import { TextFieldProps } from "@mui/material/TextField";
 /**
  * Search field props
  */

package/lib/mjs/SearchField.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useDelayedExecutor } from "@etsoo/react";
-import { TextField } from "@mui/material";
 import React from "react";
 import { MUGlobal } from "./MUGlobal";
+import TextField from "@mui/material/TextField";
 /**
  * Search field
  * @param props Props

package/lib/mjs/SelectEx.d.ts

@@ -1,6 +1,6 @@
-import { SelectProps, SelectVariants } from "@mui/material";
 import React from "react";
 import { DataTypes, IdDefaultType, LabelDefaultType, ListType } from "@etsoo/shared";
+import { SelectProps, SelectVariants } from "@mui/material/Select";
 /**
  * Extended select component props
  */

package/lib/mjs/SelectEx.js

@@ -1,11 +1,20 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Checkbox, FormControl, FormHelperText, IconButton, InputLabel, ListItemText, MenuItem, OutlinedInput, Select, Stack } from "@mui/material";
 import React from "react";
 import { MUGlobal } from "./MUGlobal";
 import { ListItemRightIcon } from "./ListItemRightIcon";
-import RefreshIcon from "@mui/icons-material/Refresh";
 import { ArrayUtils, Utils } from "@etsoo/shared";
 import { ReactUtils } from "@etsoo/react";
+import Select from "@mui/material/Select";
+import Stack from "@mui/material/Stack";
+import FormControl from "@mui/material/FormControl";
+import InputLabel from "@mui/material/InputLabel";
+import OutlinedInput from "@mui/material/OutlinedInput";
+import MenuItem from "@mui/material/MenuItem";
+import Checkbox from "@mui/material/Checkbox";
+import ListItemText from "@mui/material/ListItemText";
+import IconButton from "@mui/material/IconButton";
+import FormHelperText from "@mui/material/FormHelperText";
+import RefreshIcon from "@mui/icons-material/Refresh";
 /**
  * Extended select component
  * @param props Props

package/lib/mjs/ShowDataComparison.js

@@ -1,8 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { NotificationMessageType } from "@etsoo/notificationbase";
 import { Utils } from "@etsoo/shared";
-import { Table, TableBody, TableCell, TableHead, TableRow } from "@mui/material";
 import { useRequiredAppContext } from "./app/ReactApp";
+import Table from "@mui/material/Table";
+import TableHead from "@mui/material/TableHead";
+import TableRow from "@mui/material/TableRow";
+import TableCell from "@mui/material/TableCell";
+import TableBody from "@mui/material/TableBody";
 /**
  * Check obj is instance of AuditLineChangesDto
  * @param obj Input

package/lib/mjs/Switch.d.ts

@@ -1,4 +1,4 @@
-import { FormControlLabelProps } from "@mui/material";
+import { FormControlLabelProps } from "@mui/material/FormControlLabel";
 /**
  * Switch props
  */

package/lib/mjs/Switch.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
-import { FormControlLabel } from "@mui/material";
 import MuiCheckbox from "@mui/material/Checkbox";
 import MuiSwitch from "@mui/material/Switch";
+import FormControlLabel from "@mui/material/FormControlLabel";
 /**
  * Switch
  * @param props Props

package/lib/mjs/SwitchAnt.js

@@ -1,8 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Stack, Typography } from "@mui/material";
-import Switch from "@mui/material/Switch";
 import React from "react";
 import { useAppContext } from "./app/ReactApp";
+import Switch from "@mui/material/Switch";
+import Stack from "@mui/material/Stack";
+import Typography from "@mui/material/Typography";
 /**
  * Ant style switch
  * @param props Props

package/lib/mjs/SwitchField.d.ts

@@ -1,5 +1,5 @@
-import { FormControlProps } from "@mui/material";
 import React from "react";
+import { FormControlProps } from "@mui/material/FormControl";
 /**
  * SwitchField props
  */

package/lib/mjs/SwitchField.js

@@ -1,8 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, FormControl, FormHelperText, InputLabel } from "@mui/material";
 import NotchedOutline from "@mui/material/OutlinedInput";
 import React from "react";
 import { SwitchAnt } from "./SwitchAnt";
+import FormControl from "@mui/material/FormControl";
+import InputLabel from "@mui/material/InputLabel";
+import Box from "@mui/material/Box";
+import FormHelperText from "@mui/material/FormHelperText";
 /**
  * SwitchField
  * @param props Props

package/lib/mjs/TabBox.d.ts

@@ -1,4 +1,6 @@
-import { BoxProps, TabProps, TabsProps } from "@mui/material";
+import { BoxProps } from "@mui/material/Box";
+import { TabProps } from "@mui/material/Tab";
+import { TabsProps } from "@mui/material/Tabs";
 import React from "react";
 /**
  * Tab with box panel props

package/lib/mjs/TabBox.js

@@ -1,6 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Utils } from "@etsoo/shared";
-import { Box, Tab, Tabs } from "@mui/material";
+import Box from "@mui/material/Box";
+import Tab from "@mui/material/Tab";
+import Tabs from "@mui/material/Tabs";
 import React from "react";
 import { Link } from "react-router";
 /**

package/lib/mjs/TableEx.d.ts

@@ -1,7 +1,7 @@
 import { GridColumn, GridLoader, GridMethodRef } from "@etsoo/react";
 import { DataTypes, IdDefaultType } from "@etsoo/shared";
-import { TableProps } from "@mui/material";
 import React from "react";
+import { TableProps } from "@mui/material/Table";
 /**
  * Extended table min width for width-unset column
  */

package/lib/mjs/TableEx.js

@@ -1,9 +1,19 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { GridAlignGet, GridSizeGet } from "@etsoo/react";
 import { DataTypes } from "@etsoo/shared";
-import { Checkbox, Paper, Table, TableBody, TableCell, TableContainer, TableHead, TablePagination, TableRow, TableSortLabel, useTheme } from "@mui/material";
 import React from "react";
 import { DataGridRenderers } from "./DataGridRenderers";
+import Table from "@mui/material/Table";
+import { useTheme } from "@mui/material/styles";
+import Paper from "@mui/material/Paper";
+import TableContainer from "@mui/material/TableContainer";
+import TableHead from "@mui/material/TableHead";
+import TableRow from "@mui/material/TableRow";
+import TableCell from "@mui/material/TableCell";
+import Checkbox from "@mui/material/Checkbox";
+import TableSortLabel from "@mui/material/TableSortLabel";
+import TableBody from "@mui/material/TableBody";
+import TablePagination from "@mui/material/TablePagination";
 /**
  * Extended table min width for width-unset column
  */

package/lib/mjs/TagList.d.ts

@@ -1,5 +1,5 @@
-import { AutocompleteProps } from "@mui/material";
 import { InputFieldProps } from "./InputField";
+import { AutocompleteProps } from "@mui/material/Autocomplete";
 export type TagListProps = Omit<AutocompleteProps<string, true, false, true>, "open" | "multiple" | "freeSolo" | "options" | "renderInput"> & {
     /**
      * Label

package/lib/mjs/TagList.js

@@ -1,10 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Autocomplete, Checkbox, Chip } from "@mui/material";
 import CheckBoxOutlineBlankIcon from "@mui/icons-material/CheckBoxOutlineBlank";
 import CheckBoxIcon from "@mui/icons-material/CheckBox";
 import React from "react";
 import { InputField } from "./InputField";
 import { useAppContext } from "./app/ReactApp";
+import Autocomplete from "@mui/material/Autocomplete";
+import Checkbox from "@mui/material/Checkbox";
+import Chip from "@mui/material/Chip";
 export function TagList(props) {
     // Global app
     const app = useAppContext();

package/lib/mjs/TagListPro.d.ts

@@ -1,6 +1,6 @@
-import { AutocompleteProps } from "@mui/material";
 import { InputFieldProps } from "./InputField";
 import { ListType2 } from "@etsoo/shared";
+import { AutocompleteProps } from "@mui/material/Autocomplete";
 export type TagListProProps<D extends ListType2 = ListType2> = Omit<AutocompleteProps<D, true, false, false>, "open" | "multiple" | "options" | "renderInput"> & {
     /**
      * Label

package/lib/mjs/TagListPro.js

@@ -1,11 +1,13 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Autocomplete, Checkbox, Chip } from "@mui/material";
 import CheckBoxOutlineBlankIcon from "@mui/icons-material/CheckBoxOutlineBlank";
 import CheckBoxIcon from "@mui/icons-material/CheckBox";
 import React from "react";
 import { InputField } from "./InputField";
 import { DataTypes } from "@etsoo/shared";
 import { useAppContext } from "./app/ReactApp";
+import Autocomplete from "@mui/material/Autocomplete";
+import Checkbox from "@mui/material/Checkbox";
+import Chip from "@mui/material/Chip";
 export function TagListPro(props) {
     // Global app
     const app = useAppContext();

package/lib/mjs/TextFieldEx.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { TextFieldProps } from "@mui/material";
+import { TextFieldProps } from "@mui/material/TextField";
 /**
  * Extended text field props
  */

package/lib/mjs/TextFieldEx.js

@@ -1,11 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
-import { IconButton, InputAdornment, TextField } from "@mui/material";
 import { MUGlobal } from "./MUGlobal";
-import { Clear, Visibility } from "@mui/icons-material";
+import VisibilityIcon from "@mui/icons-material/Visibility";
+import ClearIcon from "@mui/icons-material/Clear";
 import { Keyboard } from "@etsoo/shared";
 import { ReactUtils, useCombinedRefs, useDelayedExecutor } from "@etsoo/react";
 import { useAppContext } from "./app/ReactApp";
+import TextField from "@mui/material/TextField";
+import InputAdornment from "@mui/material/InputAdornment";
+import IconButton from "@mui/material/IconButton";
 export const TextFieldEx = React.forwardRef((props, ref) => {
     // Global app
     const app = useAppContext();
@@ -81,7 +84,7 @@ export const TextFieldEx = React.forwardRef((props, ref) => {
     };
     // Show password and/or clear button
     if (!empty && (showPassword || showClear)) {
-        InputProps.endAdornment = (_jsxs(InputAdornment, { position: "end", children: [showPassword && (_jsx(IconButton, { tabIndex: -1, onContextMenu: (event) => event.preventDefault(), onMouseDown: touchStart, onMouseUp: touchEnd, onTouchStart: touchStart, onTouchCancel: touchEnd, onTouchEnd: touchEnd, title: showIt, children: _jsx(Visibility, {}) })), showClear && (_jsx(IconButton, { onClick: clearClick, tabIndex: -1, title: clearLabel, children: _jsx(Clear, {}) }))] }));
+        InputProps.endAdornment = (_jsxs(InputAdornment, { position: "end", children: [showPassword && (_jsx(IconButton, { tabIndex: -1, onContextMenu: (event) => event.preventDefault(), onMouseDown: touchStart, onMouseUp: touchEnd, onTouchStart: touchStart, onTouchCancel: touchEnd, onTouchEnd: touchEnd, title: showIt, children: _jsx(VisibilityIcon, {}) })), showClear && (_jsx(IconButton, { onClick: clearClick, tabIndex: -1, title: clearLabel, children: _jsx(ClearIcon, {}) }))] }));
     }
     // Extend key precess
     const onKeyPressEx = onEnter == null

package/lib/mjs/Tiplist.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ReactUtils, useDelayedExecutor } from "@etsoo/react";
 import { DataTypes } from "@etsoo/shared";
-import { Autocomplete } from "@mui/material";
 import React from "react";
 import { SearchField } from "./SearchField";
 import { InputField } from "./InputField";
 import { useAppContext } from "./app/ReactApp";
+import Autocomplete from "@mui/material/Autocomplete";
 /**
  * Tiplist
  * @param props Props

package/lib/mjs/TiplistPro.d.ts

@@ -1,7 +1,7 @@
 import { ListType2 } from "@etsoo/shared";
-import { AutocompleteProps } from "@mui/material";
 import { ChangeEventHandler } from "react";
 import { InputFieldProps } from "./InputField";
+import { AutocompleteProps } from "@mui/material/Autocomplete";
 /**
  * TiplistPro props
  */

package/lib/mjs/TiplistPro.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ReactUtils, useDelayedExecutor } from "@etsoo/react";
 import { DataTypes } from "@etsoo/shared";
-import { Autocomplete } from "@mui/material";
 import React from "react";
 import { InputField } from "./InputField";
 import { useAppContext } from "./app/ReactApp";
+import Autocomplete from "@mui/material/Autocomplete";
 /**
  * TiplistPro
  * @param props Props

package/lib/mjs/TooltipClick.d.ts

@@ -1,4 +1,4 @@
-import { TooltipProps } from "@mui/material";
+import { TooltipProps } from "@mui/material/Tooltip";
 import React from "react";
 /**
  * Tooltip with click visibility props

package/lib/mjs/TooltipClick.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useDelayedExecutor } from "@etsoo/react";
-import { ClickAwayListener, Tooltip } from "@mui/material";
+import ClickAwayListener from "@mui/material/ClickAwayListener";
+import Tooltip from "@mui/material/Tooltip";
 import React from "react";
 /**
  * Tooltip with click visibility

package/lib/mjs/TwoFieldInput.js

@@ -1,10 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Input, InputAdornment } from "@mui/material";
 import ArrowRightAltIcon from "@mui/icons-material/ArrowRightAlt";
 import { useDimensions } from "@etsoo/react";
 import React from "react";
 import { DateUtils, DomUtils } from "@etsoo/shared";
 import { InputField } from "./InputField";
+import InputAdornment from "@mui/material/InputAdornment";
+import Input from "@mui/material/Input";
 /**
  * TwoField Input
  * @param props Props

package/lib/mjs/UserAvatar.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Avatar } from "@mui/material";
 import { BusinessUtils } from "@etsoo/appscript";
 import { useAppContext } from "./app/ReactApp";
+import Avatar from "@mui/material/Avatar";
 /**
  * User avatar
  * @param props Props

package/lib/mjs/UserAvatarEditor.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, ButtonGroup, IconButton, Skeleton, Slider, Stack } from "@mui/material";
 import React from "react";
 import RotateLeftIcon from "@mui/icons-material/RotateLeft";
 import RotateRightIcon from "@mui/icons-material/RotateRight";
@@ -10,6 +9,12 @@ import RemoveIcon from "@mui/icons-material/Remove";
 import AddIcon from "@mui/icons-material/Add";
 import { Labels } from "./app/Labels";
 import { FileUploadButton } from "./FileUploadButton";
+import Stack from "@mui/material/Stack";
+import Skeleton from "@mui/material/Skeleton";
+import ButtonGroup from "@mui/material/ButtonGroup";
+import Button from "@mui/material/Button";
+import IconButton from "@mui/material/IconButton";
+import Slider from "@mui/material/Slider";
 const defaultSize = 300;
 const defaultState = {
     scale: 1,

package/lib/mjs/ViewContainer.d.ts

@@ -1,7 +1,8 @@
-import { Breakpoint, Grid2Props } from "@mui/material";
 import React from "react";
 import { DataTypes } from "@etsoo/shared";
 import { GridColumnRenderProps, GridDataType } from "@etsoo/react";
+import { GridProps } from "@mui/material/Grid";
+import { Breakpoint } from "@mui/material/styles";
 /**
  * View page item size
  */
@@ -26,7 +27,7 @@ export type ViewPageRowType = boolean | "default" | "small" | "medium" | "large"
 /**
  * View page grid item properties
  */
-export type ViewPageGridItemProps = Grid2Props & {
+export type ViewPageGridItemProps = GridProps & {
     data: React.ReactNode;
     label?: React.ReactNode;
     singleRow?: ViewPageRowType;
@@ -40,7 +41,7 @@ export declare function ViewPageGridItem(props: ViewPageGridItemProps): import("
 /**
  * View page display field
  */
-export interface ViewPageField<T extends object> extends Grid2Props {
+export interface ViewPageField<T extends object> extends GridProps {
     /**
      * Data field
      */
@@ -91,7 +92,7 @@ export type ViewContainerProps<T extends DataTypes.StringRecord> = {
     /**
      * Left container properties
      */
-    leftContainerProps?: Omit<Grid2Props, "size"> & {
+    leftContainerProps?: Omit<GridProps, "size"> & {
         size?: ViewPageItemSize;
     };
     /**

package/lib/mjs/ViewContainer.js

@@ -1,11 +1,12 @@
 import { createElement as _createElement } from "react";
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { Grid2, Typography } from "@mui/material";
 import React from "react";
 import { MUGlobal } from "./MUGlobal";
 import { useCurrentBreakpoint } from "./useCurrentBreakpoint";
 import { GridDataFormat } from "./GridDataFormat";
 import { useRequiredAppContext } from "./app/ReactApp";
+import Grid from "@mui/material/Grid";
+import Typography from "@mui/material/Typography";
 function formatItemData(app, fieldData) {
     if (fieldData == null)
         return undefined;
@@ -150,7 +151,7 @@ export function ViewPageGridItem(props) {
         options = getResp(singleRow ?? "small");
     }
     // Layout
-    return (_jsxs(Grid2, { ...gridProps, ...options, children: [label != null && (_jsxs(Typography, { variant: "caption", component: "div", children: [label, ":"] })), typeof data === "object" ? (data) : (_jsx(Typography, { variant: "subtitle2", children: data }))] }));
+    return (_jsxs(Grid, { ...gridProps, ...options, children: [label != null && (_jsxs(Typography, { variant: "caption", component: "div", children: [label, ":"] })), typeof data === "object" ? (data) : (_jsx(Typography, { variant: "subtitle2", children: data }))] }));
 }
 export function ViewContainer(props) {
     // Global app
@@ -220,5 +221,5 @@ export function ViewContainer(props) {
     }, [app, fields, data, bp]);
     let leftResult;
     // Layout
-    return (_jsxs(Grid2, { container: true, justifyContent: "left", className: "ET-ViewContainer", ref: gridRef, spacing: spacing, children: [leftContainer && (leftResult = leftContainer(data)) != null && (_jsxs(React.Fragment, { children: [_jsx(Grid2, { container: true, className: "ET-ViewPage-LeftContainer", spacing: spacing, size: size, ...leftContainerPropsRest, children: leftResult }), _jsx(Grid2, { container: true, className: "ET-ViewPage-LeftOthers", spacing: spacing, size: ViewPageSize.matchSize(size), children: createFields(data, leftContainerLines * (12 - getItemSize(bp, size))) })] })), createFields(data)] }));
+    return (_jsxs(Grid, { container: true, justifyContent: "left", className: "ET-ViewContainer", ref: gridRef, spacing: spacing, children: [leftContainer && (leftResult = leftContainer(data)) != null && (_jsxs(React.Fragment, { children: [_jsx(Grid, { container: true, className: "ET-ViewPage-LeftContainer", spacing: spacing, size: size, ...leftContainerPropsRest, children: leftResult }), _jsx(Grid, { container: true, className: "ET-ViewPage-LeftOthers", spacing: spacing, size: ViewPageSize.matchSize(size), children: createFields(data, leftContainerLines * (12 - getItemSize(bp, size))) })] })), createFields(data)] }));
 }