mui-fast-start 0.3.2 → 0.3.3

package/src/components/Object/Textfield/ObjNumber.tsx

@@ -1,51 +1,51 @@
-import {useContext} from "react";
-import useObjToSingle from "../../../hooks/state/useObjToSingle.ts";
-import {FastStartContext} from "../../../styles/FastStartProvider.tsx";
-import {errorObjectToString} from "../../../utils/object/error.ts";
-import {SingleFloat, SingleInteger} from "../../Single/TextField/SingleNumber.tsx";
-import {MfsObjectNumberProps} from "../../../types";
-import {TextFieldProps} from "@mui/material";
-
-type ObjNumberProps<T extends object> = Omit<TextFieldProps, 'name'> & MfsObjectNumberProps<T>;
-
-export const ObjFloat = <T extends object>(customProps: ObjNumberProps<T>) => {
-    const defaultProps = useContext(FastStartContext)?.Object?.MfsFloat;
-    const {
-        get, set, err, name,
-        ...props
-    } = defaultProps == null
-        ? customProps
-        : Object.assign({...defaultProps}, customProps);
-
-    const [value, setValue] = useObjToSingle<T, number>(name, get, set);
-
-    return (
-        <SingleFloat
-            get={value} set={setValue}
-            name={name?.toString()}
-            err={errorObjectToString(name, err)}
-            {...props}
-        />
-    )
-}
-
-export const ObjInteger = <T extends object>(customProps: ObjNumberProps<T>) => {
-    const defaultProps = useContext(FastStartContext)?.Object?.MfsInteger;
-    const {
-        get, set, err, name,
-        ...props
-    } = defaultProps == null
-        ? customProps
-        : Object.assign({...defaultProps}, customProps);
-
-    const [value, setValue] = useObjToSingle<T, number>(name, get, set);
-
-    return (
-        <SingleInteger
-            get={value} set={setValue}
-            name={name?.toString()}
-            err={errorObjectToString(name, err)}
-            {...props}
-        />
-    )
-}
+import {useContext} from "react";
+import useObjToSingle from "../../../hooks/state/useObjToSingle.ts";
+import {FastStartContext} from "../../../styles/FastStartProvider.tsx";
+import {errorObjectToString} from "../../../utils/object/error.ts";
+import {SingleFloat, SingleInteger} from "../../Single/TextField/SingleNumber.tsx";
+import {MfsObjectNumberProps} from "../../../types";
+import {TextFieldProps} from "@mui/material";
+
+type ObjNumberProps<T extends object> = Omit<TextFieldProps, 'name'> & MfsObjectNumberProps<T>;
+
+export const ObjFloat = <T extends object>(customProps: ObjNumberProps<T>) => {
+    const defaultProps = useContext(FastStartContext)?.Object?.MfsFloat;
+    const {
+        get, set, err, name,
+        ...props
+    } = defaultProps == null
+        ? customProps
+        : Object.assign({...defaultProps}, customProps);
+
+    const [value, setValue] = useObjToSingle<T, number>(name, get, set);
+
+    return (
+        <SingleFloat
+            get={value} set={setValue}
+            name={name?.toString()}
+            err={errorObjectToString(name, err)}
+            {...props}
+        />
+    )
+}
+
+export const ObjInteger = <T extends object>(customProps: ObjNumberProps<T>) => {
+    const defaultProps = useContext(FastStartContext)?.Object?.MfsInteger;
+    const {
+        get, set, err, name,
+        ...props
+    } = defaultProps == null
+        ? customProps
+        : Object.assign({...defaultProps}, customProps);
+
+    const [value, setValue] = useObjToSingle<T, number>(name, get, set);
+
+    return (
+        <SingleInteger
+            get={value} set={setValue}
+            name={name?.toString()}
+            err={errorObjectToString(name, err)}
+            {...props}
+        />
+    )
+}

package/src/components/Object/Textfield/ObjText.tsx

@@ -1,29 +1,29 @@
-import {useContext} from "react";
-import {MfsObjectTextProps} from "../../../types";
-import {FastStartContext} from "../../../styles/FastStartProvider.tsx";
-import useObjToSingle from "../../../hooks/state/useObjToSingle.ts";
-import {SingleText} from "../../Single/TextField/SingleText.tsx";
-import {errorObjectToString} from "../../../utils/object/error.ts";
-import {TextFieldProps} from "@mui/material";
-
-
-export const ObjText = <T extends object>(
-    customProps: Omit<TextFieldProps, 'name'> & MfsObjectTextProps<T>
-) => {
-    const defaultProps = useContext(FastStartContext)?.Object?.MfsText;
-    const {
-        get, set, err, name,
-        ...props
-    } = defaultProps == null ? customProps : Object.assign({...defaultProps}, customProps);
-
-    const [value, setValue] = useObjToSingle<T, string>(name, get, set);
-
-    return (
-        <SingleText
-            get={value} set={setValue}
-            name={name?.toString()}
-            err={errorObjectToString(name, err)}
-            {...props}
-        />
-    );
-};
+import {useContext} from "react";
+import {MfsObjectTextProps} from "../../../types";
+import {FastStartContext} from "../../../styles/FastStartProvider.tsx";
+import useObjToSingle from "../../../hooks/state/useObjToSingle.ts";
+import {SingleText} from "../../Single/TextField/SingleText.tsx";
+import {errorObjectToString} from "../../../utils/object/error.ts";
+import {TextFieldProps} from "@mui/material";
+
+
+export const ObjText = <T extends object>(
+    customProps: Omit<TextFieldProps, 'name'> & MfsObjectTextProps<T>
+) => {
+    const defaultProps = useContext(FastStartContext)?.Object?.MfsText;
+    const {
+        get, set, err, name,
+        ...props
+    } = defaultProps == null ? customProps : Object.assign({...defaultProps}, customProps);
+
+    const [value, setValue] = useObjToSingle<T, string>(name, get, set);
+
+    return (
+        <SingleText
+            get={value} set={setValue}
+            name={name?.toString()}
+            err={errorObjectToString(name, err)}
+            {...props}
+        />
+    );
+};

package/src/components/Single/Checkbox/SingleCheckIcon.tsx

@@ -1,27 +1,27 @@
-import {useCallback, useContext} from "react";
-import {IconButton, IconButtonProps} from "@mui/material";
-import {FastStartContext} from "../../../styles/FastStartProvider.tsx";
-import {MfsSingleCheckIconProps} from "../../../types";
-
-export type SingleCheckIconProps = IconButtonProps & MfsSingleCheckIconProps;
-
-export const SingleCheckIcon = (customProps: SingleCheckIconProps) => {
-    const defaultProps = useContext(FastStartContext)?.Single?.MfsCheckIcon;
-    const {
-        get, set, on, off,
-        ...props
-    } = defaultProps == null
-        ? customProps
-        : Object.assign({...defaultProps}, customProps);
-
-    const onClick = useCallback(() => set((state) => !state), [set]);
-
-    return (
-        <IconButton
-            onClick={onClick}
-            {...props}
-        >
-            {get ? on : off}
-        </IconButton>
-    )
-}
+import {useCallback, useContext} from "react";
+import {IconButton, IconButtonProps} from "@mui/material";
+import {FastStartContext} from "../../../styles/FastStartProvider.tsx";
+import {MfsSingleCheckIconProps} from "../../../types";
+
+export type SingleCheckIconProps = IconButtonProps & MfsSingleCheckIconProps;
+
+export const SingleCheckIcon = (customProps: SingleCheckIconProps) => {
+    const defaultProps = useContext(FastStartContext)?.Single?.MfsCheckIcon;
+    const {
+        get, set, on, off,
+        ...props
+    } = defaultProps == null
+        ? customProps
+        : Object.assign({...defaultProps}, customProps);
+
+    const onClick = useCallback(() => set((state) => !state), [set]);
+
+    return (
+        <IconButton
+            onClick={onClick}
+            {...props}
+        >
+            {get ? on : off}
+        </IconButton>
+    )
+}

package/src/components/Single/Checkbox/SingleCheckbox.tsx

@@ -1,33 +1,33 @@
-import {Checkbox, CheckboxProps, FormControlLabel} from "@mui/material";
-import React, {useCallback, useContext} from "react";
-import {FastStartContext} from "../../../styles/FastStartProvider.tsx";
-import {MfsSingleCheckboxProps} from "../../../types";
-
-export type SingleCheckboxProps = CheckboxProps & MfsSingleCheckboxProps;
-
-export const SingleCheckbox = (customProps: SingleCheckboxProps) => {
-    const defaultProps = useContext(FastStartContext)?.Single?.MfsCheckbox;
-    const {
-        get, set, label,
-        ...props
-    } = defaultProps == null
-        ? customProps
-        : Object.assign({...defaultProps}, customProps);
-
-    const onChange = useCallback(() => set((state) => !state), [set]);
-
-    return label == null ? (
-        <Checkbox
-            checked={get}
-            onChange={onChange}
-            {...props}
-        />
-    ) : (
-        <FormControlLabel
-            checked={get}
-            label={label}
-            onChange={onChange}
-            control={<Checkbox {...props}/>}
-        />
-    );
-};
+import {Checkbox, CheckboxProps, FormControlLabel} from "@mui/material";
+import React, {useCallback, useContext} from "react";
+import {FastStartContext} from "../../../styles/FastStartProvider.tsx";
+import {MfsSingleCheckboxProps} from "../../../types";
+
+export type SingleCheckboxProps = CheckboxProps & MfsSingleCheckboxProps;
+
+export const SingleCheckbox = (customProps: SingleCheckboxProps) => {
+    const defaultProps = useContext(FastStartContext)?.Single?.MfsCheckbox;
+    const {
+        get, set, label,
+        ...props
+    } = defaultProps == null
+        ? customProps
+        : Object.assign({...defaultProps}, customProps);
+
+    const onChange = useCallback(() => set((state) => !state), [set]);
+
+    return label == null ? (
+        <Checkbox
+            checked={get}
+            onChange={onChange}
+            {...props}
+        />
+    ) : (
+        <FormControlLabel
+            checked={get}
+            label={label}
+            onChange={onChange}
+            control={<Checkbox {...props}/>}
+        />
+    );
+};

package/src/components/Single/Select/BaseSingleSelect.tsx

@@ -1,46 +1,46 @@
-import {FormControl, FormHelperText, InputLabel, MenuItem, Select, SelectProps} from "@mui/material";
-import React, {useId} from "react";
-import {MfsSingleError} from "../../../types/props.internal.ts";
-
-const BaseSingleSelect = <Value,>(props: {
-    emptyItem?: React.ReactNode,
-    label?: React.ReactNode,
-    err: MfsSingleError,
-    items: React.ReactNode,
-    get: Value,
-    onChange: SelectProps['onChange'],
-    selectProps: SelectProps
-}) => {
-    const {emptyItem, label, selectProps} = props;
-    const labelId = useId();
-
-    const isError: boolean = !!props.err;
-    return (
-        <FormControl
-            error={isError}
-            fullWidth={selectProps.fullWidth}
-            variant={selectProps.variant}
-            size={selectProps.size}
-            sx={selectProps.sx}
-            disabled={selectProps.disabled}
-            required={selectProps.required}
-            margin={selectProps.margin}
-        >
-            {label && <InputLabel id={labelId}>{label}</InputLabel>}
-            <Select
-                labelId={labelId}
-                error={isError}
-                label={label}
-                value={props.get ?? ''}
-                onChange={props.onChange}
-                {...selectProps}
-            >
-                {emptyItem && <MenuItem key='' value=''>{emptyItem}</MenuItem>}
-                {props.items}
-            </Select>
-            {isError && <FormHelperText>{props.err}</FormHelperText>}
-        </FormControl>
-    )
-}
-
+import {FormControl, FormHelperText, InputLabel, MenuItem, Select, SelectProps} from "@mui/material";
+import React, {useId} from "react";
+import {MfsSingleError} from "../../../types/props.internal.ts";
+
+const BaseSingleSelect = <Value,>(props: {
+    emptyItem?: React.ReactNode,
+    label?: React.ReactNode,
+    err: MfsSingleError,
+    items: React.ReactNode,
+    get: Value,
+    onChange: SelectProps['onChange'],
+    selectProps: SelectProps
+}) => {
+    const {emptyItem, label, selectProps} = props;
+    const labelId = useId();
+
+    const isError: boolean = !!props.err;
+    return (
+        <FormControl
+            error={isError}
+            fullWidth={selectProps.fullWidth}
+            variant={selectProps.variant}
+            size={selectProps.size}
+            sx={selectProps.sx}
+            disabled={selectProps.disabled}
+            required={selectProps.required}
+            margin={selectProps.margin}
+        >
+            {label && <InputLabel id={labelId}>{label}</InputLabel>}
+            <Select
+                labelId={labelId}
+                error={isError}
+                label={label}
+                value={props.get ?? ''}
+                onChange={props.onChange}
+                {...selectProps}
+            >
+                {emptyItem && <MenuItem key='' value=''>{emptyItem}</MenuItem>}
+                {props.items}
+            </Select>
+            {isError && <FormHelperText>{props.err}</FormHelperText>}
+        </FormControl>
+    )
+}
+
 export default BaseSingleSelect;

package/src/components/Single/Select/SingleSelectOne.tsx

@@ -1,56 +1,56 @@
-import {MenuItem, SelectProps} from "@mui/material";
-import {MfsSingleSelectOneProps} from "../../../types";
-import React, {useContext, useMemo} from "react";
-import {FastStartContext} from "../../../styles/FastStartProvider.tsx";
-import BaseSingleSelect from "./BaseSingleSelect.tsx";
-
-export type SingleSelectOneProps<Item> = SelectProps & MfsSingleSelectOneProps<Item>;
-
-export const SingleSelectOne = <Item,>(customProps: SingleSelectOneProps<Item>) => {
-    const defaultProps = useContext(FastStartContext)?.Single?.MfsSelectOne;
-    const {
-        get, set, err, label,
-        items, renderMenuItem,
-        emptyItem, emptyValue,
-        getKey, ...props
-    } = defaultProps == null
-        ? customProps
-        : Object.assign({...defaultProps}, customProps);
-
-    const getKeyOrValue = useMemo(() => (
-        getKey ?? ((item: Item) => item as string | number)
-    ), [getKey]);
-
-    const onChange: SelectProps['onChange'] = (event) => {
-        const value = event.target.value;
-        if (getKey == null) {
-            set((value == "" ? emptyValue : value) as Item);
-        } else {
-            const item: Item | undefined = items.find((item: Item) => getKeyOrValue(item) === value);
-            set(item as Item);
-        }
-    }
-
-    const MenuItems = useMemo(() => {
-        if (renderMenuItem != null) {
-            return items.map(renderMenuItem);
-        } else {
-            return items.map((item) => {
-                const key = getKeyOrValue(item);
-                return <MenuItem key={key} value={key}>{key}</MenuItem>;
-            })
-        }
-    }, [getKeyOrValue, items, renderMenuItem]);
-
-    return (
-        <BaseSingleSelect
-            label={label}
-            items={MenuItems}
-            emptyItem={emptyItem}
-            get={get}
-            err={err}
-            onChange={onChange}
-            selectProps={props}
-        />
-    );
-}
+import {MenuItem, SelectProps} from "@mui/material";
+import {MfsSingleSelectOneProps} from "../../../types";
+import React, {useContext, useMemo} from "react";
+import {FastStartContext} from "../../../styles/FastStartProvider.tsx";
+import BaseSingleSelect from "./BaseSingleSelect.tsx";
+
+export type SingleSelectOneProps<Item> = SelectProps & MfsSingleSelectOneProps<Item>;
+
+export const SingleSelectOne = <Item,>(customProps: SingleSelectOneProps<Item>) => {
+    const defaultProps = useContext(FastStartContext)?.Single?.MfsSelectOne;
+    const {
+        get, set, err, label,
+        items, renderMenuItem,
+        emptyItem, emptyValue,
+        getKey, ...props
+    } = defaultProps == null
+        ? customProps
+        : Object.assign({...defaultProps}, customProps);
+
+    const getKeyOrValue = useMemo(() => (
+        getKey ?? ((item: Item) => item as string | number)
+    ), [getKey]);
+
+    const onChange: SelectProps['onChange'] = (event) => {
+        const value = event.target.value;
+        if (getKey == null) {
+            set((value == "" ? emptyValue : value) as Item);
+        } else {
+            const item: Item | undefined = items.find((item: Item) => getKeyOrValue(item) === value);
+            set(item as Item);
+        }
+    }
+
+    const MenuItems = useMemo(() => {
+        if (renderMenuItem != null) {
+            return items.map(renderMenuItem);
+        } else {
+            return items.map((item) => {
+                const key = getKeyOrValue(item);
+                return <MenuItem key={key} value={key}>{key}</MenuItem>;
+            })
+        }
+    }, [getKeyOrValue, items, renderMenuItem]);
+
+    return (
+        <BaseSingleSelect
+            label={label}
+            items={MenuItems}
+            emptyItem={emptyItem}
+            get={get}
+            err={err}
+            onChange={onChange}
+            selectProps={props}
+        />
+    );
+}

package/src/components/Single/Select/SingleSelectRecord.tsx

@@ -1,52 +1,52 @@
-import {MenuItem, SelectProps} from "@mui/material";
-import {MfsSingleSelectRecordProps} from "../../../types";
-import React, {useContext, useMemo} from "react";
-import {FastStartContext} from "../../../styles/FastStartProvider.tsx";
-import BaseSingleSelect from "./BaseSingleSelect.tsx";
-
-
-export const SingleSelectRecord = <
-    T extends Record<string, unknown>,
-    Value = keyof T | undefined | null
->(customProps: SelectProps & MfsSingleSelectRecordProps<T, Value>) => {
-    const defaultProps = useContext(FastStartContext)?.Single?.MfsSelectRecord;
-    const {
-        get, set, err, label,
-        items, renderMenuItem,
-        emptyItem, emptyValue,
-        ...props
-    } = defaultProps == null
-        ? customProps
-        : Object.assign({...defaultProps}, customProps);
-
-    const onChange: SelectProps['onChange'] = (event) => {
-        const value = event.target.value;
-        set((value == "" ? emptyValue : value) as Value);
-    }
-
-    const MenuItems = useMemo(() => {
-        if (renderMenuItem != null) {
-            return Object.entries(items).map(([key, value], i) => (
-                renderMenuItem(key, value as T[keyof T], i)
-            ));
-        } else {
-            return Object.entries(items).map(([key, value]) => (
-                <MenuItem key={key} value={key}>
-                    {value?.toString()}
-                </MenuItem>
-            ));
-        }
-    }, [items, renderMenuItem]);
-
-    return (
-        <BaseSingleSelect
-            label={label}
-            items={MenuItems}
-            emptyItem={emptyItem}
-            get={get}
-            err={err}
-            onChange={onChange}
-            selectProps={props}
-        />
-    )
+import {MenuItem, SelectProps} from "@mui/material";
+import {MfsSingleSelectRecordProps} from "../../../types";
+import React, {useContext, useMemo} from "react";
+import {FastStartContext} from "../../../styles/FastStartProvider.tsx";
+import BaseSingleSelect from "./BaseSingleSelect.tsx";
+
+
+export const SingleSelectRecord = <
+    T extends Record<string, React.ReactNode>,
+    Value = keyof T | undefined | null
+>(customProps: SelectProps & MfsSingleSelectRecordProps<T, Value>) => {
+    const defaultProps = useContext(FastStartContext)?.Single?.MfsSelectRecord;
+    const {
+        get, set, err, label,
+        items, renderMenuItem,
+        emptyItem, emptyValue,
+        ...props
+    } = defaultProps == null
+        ? customProps
+        : Object.assign({...defaultProps}, customProps);
+
+    const onChange: SelectProps['onChange'] = (event) => {
+        const value = event.target.value;
+        set((value == "" ? emptyValue : value) as Value);
+    }
+
+    const MenuItems = useMemo(() => {
+        if (renderMenuItem != null) {
+            return Object.entries(items).map(([key, value], i) => (
+                renderMenuItem(key, value as T[keyof T], i)
+            ));
+        } else {
+            return Object.entries(items).map(([key, value]) => (
+                <MenuItem key={key} value={key}>
+                    {value}
+                </MenuItem>
+            ));
+        }
+    }, [items, renderMenuItem]);
+
+    return (
+        <BaseSingleSelect
+            label={label}
+            items={MenuItems}
+            emptyItem={emptyItem}
+            get={get}
+            err={err}
+            onChange={onChange}
+            selectProps={props}
+        />
+    )
 }

package/src/components/Single/TextField/SingleNumber.tsx

@@ -1,19 +1,19 @@
-import {useContext} from "react";
-import {TextField, TextFieldProps} from "@mui/material";
-import {FastStartContext} from "../../../styles/FastStartProvider.tsx";
-import {MfsSingleNumberProps} from "../../../types";
-import {useSplitSingleFloatProps, useSplitSingleIntegerProps} from "../../../hooks";
-
-export type SingleNumberProps = TextFieldProps & MfsSingleNumberProps;
-
-export const SingleFloat = (customProps: SingleNumberProps) => {
-    const defaultProps = useContext(FastStartContext)?.Single?.MfsFloat;
-    const props = useSplitSingleFloatProps(defaultProps, customProps);
-    return <TextField {...props}/>;
-}
-
-export const SingleInteger = (customProps: SingleNumberProps) => {
-    const defaultProps = useContext(FastStartContext)?.Single?.MfsInteger;
-    const props = useSplitSingleIntegerProps(defaultProps, customProps);
-    return <TextField {...props}/>;
+import {useContext} from "react";
+import {TextField, TextFieldProps} from "@mui/material";
+import {FastStartContext} from "../../../styles/FastStartProvider.tsx";
+import {MfsSingleNumberProps} from "../../../types";
+import {useSplitSingleFloatProps, useSplitSingleIntegerProps} from "../../../hooks";
+
+export type SingleNumberProps = TextFieldProps & MfsSingleNumberProps;
+
+export const SingleFloat = (customProps: SingleNumberProps) => {
+    const defaultProps = useContext(FastStartContext)?.Single?.MfsFloat;
+    const props = useSplitSingleFloatProps(defaultProps, customProps);
+    return <TextField {...props}/>;
+}
+
+export const SingleInteger = (customProps: SingleNumberProps) => {
+    const defaultProps = useContext(FastStartContext)?.Single?.MfsInteger;
+    const props = useSplitSingleIntegerProps(defaultProps, customProps);
+    return <TextField {...props}/>;
 }