mui-fast-start 0.3.1 → 0.3.3

package/src/components/Object/Checkbox/ObjCheckIcon.tsx

@@ -1,29 +1,29 @@
-import {useContext} from "react";
-import useObjToSingle from "../../../hooks/state/useObjToSingle.ts";
-import {SingleCheckIcon} from "../../Single/Checkbox/SingleCheckIcon.tsx";
-import {FastStartContext} from "../../../styles/FastStartProvider.tsx";
-import {IconButtonProps} from "@mui/material";
-import {MfsObjectCheckIconProps} from "../../../types";
-
-
-export const ObjCheckIcon = <T extends object>(
-    customProps: Omit<IconButtonProps, 'name'> & MfsObjectCheckIconProps<T>
-) => {
-    const defaultProps = useContext(FastStartContext)?.Object?.MfsCheckIcon;
-    const {
-        get, set, name,
-        ...props
-    } = defaultProps == null
-        ? customProps
-        : Object.assign({...defaultProps}, customProps);
-
-    const [value, setValue] = useObjToSingle<T, boolean>(name, get, set);
-
-    return (
-        <SingleCheckIcon
-            get={value} set={setValue}
-            name={name?.toString()}
-            {...props}
-        />
-    );
-}
+import {useContext} from "react";
+import useObjToSingle from "../../../hooks/state/useObjToSingle.ts";
+import {SingleCheckIcon} from "../../Single/Checkbox/SingleCheckIcon.tsx";
+import {FastStartContext} from "../../../styles/FastStartProvider.tsx";
+import {IconButtonProps} from "@mui/material";
+import {MfsObjectCheckIconProps} from "../../../types";
+
+
+export const ObjCheckIcon = <T extends object>(
+    customProps: Omit<IconButtonProps, 'name'> & MfsObjectCheckIconProps<T>
+) => {
+    const defaultProps = useContext(FastStartContext)?.Object?.MfsCheckIcon;
+    const {
+        get, set, name,
+        ...props
+    } = defaultProps == null
+        ? customProps
+        : Object.assign({...defaultProps}, customProps);
+
+    const [value, setValue] = useObjToSingle<T, boolean>(name, get, set);
+
+    return (
+        <SingleCheckIcon
+            get={value} set={setValue}
+            name={name?.toString()}
+            {...props}
+        />
+    );
+}

package/src/components/Object/Checkbox/ObjCheckbox.tsx

@@ -1,31 +1,31 @@
-import React, {useContext} from "react";
-import {SingleCheckbox} from "../../Single/Checkbox/SingleCheckbox.tsx";
-import {FastStartContext} from "../../../styles/FastStartProvider.tsx";
-import {CheckboxProps} from "@mui/material";
-import {MfsObjectCheckboxProps} from "../../../types";
-import useObjToSingle from "../../../hooks/state/useObjToSingle.ts";
-
-
-export const ObjCheckbox = <T extends object>(
-    customProps: Omit<CheckboxProps, 'name'> & MfsObjectCheckboxProps<T>
-) => {
-    const defaultProps = useContext(FastStartContext)?.Object?.MfsCheckbox;
-    const {
-        get, set, label, name, 
-        ...props
-    } = defaultProps == null
-        ? customProps
-        : Object.assign({...defaultProps}, customProps);
-
-    const [value, setValue] = useObjToSingle<T, boolean>(name, get, set);
-
-    return (
-        <SingleCheckbox
-            get={value}
-            set={setValue}
-            label={label}
-            name={name?.toString()}
-            {...props}
-        />
-    );
-}
+import React, {useContext} from "react";
+import {SingleCheckbox} from "../../Single/Checkbox/SingleCheckbox.tsx";
+import {FastStartContext} from "../../../styles/FastStartProvider.tsx";
+import {CheckboxProps} from "@mui/material";
+import {MfsObjectCheckboxProps} from "../../../types";
+import useObjToSingle from "../../../hooks/state/useObjToSingle.ts";
+
+
+export const ObjCheckbox = <T extends object>(
+    customProps: Omit<CheckboxProps, 'name'> & MfsObjectCheckboxProps<T>
+) => {
+    const defaultProps = useContext(FastStartContext)?.Object?.MfsCheckbox;
+    const {
+        get, set, label, name, 
+        ...props
+    } = defaultProps == null
+        ? customProps
+        : Object.assign({...defaultProps}, customProps);
+
+    const [value, setValue] = useObjToSingle<T, boolean>(name, get, set);
+
+    return (
+        <SingleCheckbox
+            get={value}
+            set={setValue}
+            label={label}
+            name={name?.toString()}
+            {...props}
+        />
+    );
+}

package/src/components/Object/Select/ObjSelectOne.tsx

@@ -1,34 +1,34 @@
-import {useContext} from "react";
-import {FastStartContext} from "../../../styles/FastStartProvider.tsx";
-import {SingleSelectOne} from "../../Single/Select/SingleSelectOne.tsx";
-import {SelectProps} from "@mui/material";
-import {MfsObjectSelectOneProps} from "../../../types";
-import useObjToSingle from "../../../hooks/state/useObjToSingle.ts";
-import {errorObjectToString} from "../../../utils/object/error.ts";
-
-
-export const ObjSelectOne = <
-    T extends object,
-    Item
->(customProps: Omit<SelectProps, 'name'> & MfsObjectSelectOneProps<T, Item>) => {
-    const defaultProps = useContext(FastStartContext)?.Object?.MfsSelectOne;
-    const {
-        get, set, err, name,
-        variant,
-        ...props
-    } = defaultProps == null
-        ? customProps
-        : Object.assign({...defaultProps}, customProps);
-
-    const [value, setValue] = useObjToSingle<T, Item>(name, get, set);
-
-    return (
-        <SingleSelectOne<Item>
-            get={value} set={setValue}
-            name={name?.toString()}
-            err={errorObjectToString(name, err)}
-            variant={variant}
-            {...props}
-        />
-    )
+import {useContext} from "react";
+import {FastStartContext} from "../../../styles/FastStartProvider.tsx";
+import {SingleSelectOne} from "../../Single/Select/SingleSelectOne.tsx";
+import {SelectProps} from "@mui/material";
+import {MfsObjectSelectOneProps} from "../../../types";
+import useObjToSingle from "../../../hooks/state/useObjToSingle.ts";
+import {errorObjectToString} from "../../../utils/object/error.ts";
+
+
+export const ObjSelectOne = <
+    T extends object,
+    Item
+>(customProps: Omit<SelectProps, 'name'> & MfsObjectSelectOneProps<T, Item>) => {
+    const defaultProps = useContext(FastStartContext)?.Object?.MfsSelectOne;
+    const {
+        get, set, err, name,
+        variant,
+        ...props
+    } = defaultProps == null
+        ? customProps
+        : Object.assign({...defaultProps}, customProps);
+
+    const [value, setValue] = useObjToSingle<T, Item>(name, get, set);
+
+    return (
+        <SingleSelectOne<Item>
+            get={value} set={setValue}
+            name={name?.toString()}
+            err={errorObjectToString(name, err)}
+            variant={variant}
+            {...props}
+        />
+    )
 }

package/src/components/Object/Select/ObjSelectRecord.tsx

@@ -1,34 +1,34 @@
-import {useContext} from "react";
-import {FastStartContext} from "../../../styles/FastStartProvider.tsx";
-import useObjToSingle from "../../../hooks/state/useObjToSingle.ts";
-import {SingleSelectRecord} from "../../Single/Select/SingleSelectRecord.tsx";
-import {MfsObjectSelectRecordProps} from "../../../types";
-import {SelectProps} from "@mui/material";
-import {errorObjectToString} from "../../../utils/object/error.ts";
-
-
-export const ObjSelectRecord = <
-    T extends object,
-    Item extends Record<PropertyKey, unknown>
->(customProps: Omit<SelectProps, 'name'> & MfsObjectSelectRecordProps<T, Item>) => {
-    const defaultProps = useContext(FastStartContext)?.Single?.MfsSelectRecord;
-    const {
-        get, set, err, name,
-        variant,
-        ...props
-    } = defaultProps == null
-        ? customProps
-        : Object.assign({...defaultProps}, customProps);
-
-    const [value, setValue] = useObjToSingle<T, Item>(name, get, set);
-
-    return (
-        <SingleSelectRecord
-            get={value} set={setValue}
-            name={name?.toString()}
-            err={errorObjectToString(name, err)}
-            variant={variant}
-            {...props}
-        />
-    )
+import React, {useContext} from "react";
+import {FastStartContext} from "../../../styles/FastStartProvider.tsx";
+import useObjToSingle from "../../../hooks/state/useObjToSingle.ts";
+import {SingleSelectRecord} from "../../Single/Select/SingleSelectRecord.tsx";
+import {MfsObjectSelectRecordProps} from "../../../types";
+import {SelectProps} from "@mui/material";
+import {errorObjectToString} from "../../../utils/object/error.ts";
+
+
+export const ObjSelectRecord = <
+    T extends object,
+    Item extends Record<PropertyKey, React.ReactNode>
+>(customProps: Omit<SelectProps, 'name'> & MfsObjectSelectRecordProps<T, Item>) => {
+    const defaultProps = useContext(FastStartContext)?.Single?.MfsSelectRecord;
+    const {
+        get, set, err, name,
+        variant,
+        ...props
+    } = defaultProps == null
+        ? customProps
+        : Object.assign({...defaultProps}, customProps);
+
+    const [value, setValue] = useObjToSingle<T, Item>(name, get, set);
+
+    return (
+        <SingleSelectRecord
+            get={value} set={setValue}
+            name={name?.toString()}
+            err={errorObjectToString(name, err)}
+            variant={variant}
+            {...props}
+        />
+    )
 }

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;