mui-fast-start 0.3.1 → 0.3.3

package/src/hooks/splits/useSplitTextProps.ts

@@ -1,36 +1,36 @@
-import type {TextFieldProps} from "@mui/material";
-import React from "react";
-import {fastDeepMerge} from "../../utils";
-import {MfsSingleTextProps} from "../../types";
-import {SingleTextProps} from "../../components/Single/TextField/SingleText.tsx";
-
-const useSplitTextProps = (
-    defaultProps: Partial<MfsSingleTextProps> | undefined,
-    customProps: SingleTextProps
-): TextFieldProps => {
-    const {
-        get, set, err,
-        minLength, maxLength,
-        startAdornment, endAdornment,
-        ...props
-    } = defaultProps == null ? customProps : Object.assign({...defaultProps}, customProps);
-
-    const onChange = (
-        event: React.ChangeEvent<HTMLInputElement>
-    ) => {
-        set(event.currentTarget.value);
-    }
-
-    return fastDeepMerge<TextFieldProps>({
-        error: !!err,
-        helperText: err,
-        value: get,
-        onChange,
-        slotProps: {
-            htmlInput: {minLength, maxLength},
-            input: {startAdornment, endAdornment}
-        }
-    }, (props as TextFieldProps));
-}
-
-export default useSplitTextProps;
+import type {TextFieldProps} from "@mui/material";
+import React from "react";
+import {fastDeepMerge} from "../../utils";
+import {MfsSingleTextProps} from "../../types";
+import {SingleTextProps} from "../../components/Single/TextField/SingleText.tsx";
+
+const useSplitTextProps = (
+    defaultProps: Partial<MfsSingleTextProps> | undefined,
+    customProps: SingleTextProps
+): TextFieldProps => {
+    const {
+        get, set, err,
+        minLength, maxLength,
+        startAdornment, endAdornment,
+        ...props
+    } = defaultProps == null ? customProps : Object.assign({...defaultProps}, customProps);
+
+    const onChange = (
+        event: React.ChangeEvent<HTMLInputElement>
+    ) => {
+        set(event.currentTarget.value);
+    }
+
+    return fastDeepMerge<TextFieldProps>({
+        error: !!err,
+        helperText: err,
+        value: get,
+        onChange,
+        slotProps: {
+            htmlInput: {minLength, maxLength},
+            input: {startAdornment, endAdornment}
+        }
+    }, (props as TextFieldProps));
+}
+
+export default useSplitTextProps;

package/src/hooks/state/useObjToSingle.ts

@@ -1,24 +1,24 @@
-import type {Dispatch, SetStateAction} from "react";
-import {useCallback} from "react";
-import {MfsObjectKeys} from "../../types/props.internal.ts";
-
-const useObjToSingle = <Type extends object, Target>(
-    name: MfsObjectKeys<Type, Target>,
-    get: Type,
-    set: Dispatch<SetStateAction<Type>>
-): [Target, Dispatch<SetStateAction<Target>>] => {
-    const value: Target = (get as Record<string, Target>)?.[name as string];
-
-    const setValue: Dispatch<SetStateAction<Target>> = useCallback((action: SetStateAction<Target>) => {
-        set((state) => {
-            const newValue = typeof action === "function"
-                ? (action as (prev: Target) => Target)((state as Record<string, Target>)?.[name as string])
-                : action;
-            return ({ ...state, [name]: newValue });
-        });
-    }, [name, set]);
-
-    return [value, setValue];
-}
-
-export default useObjToSingle;
+import type {Dispatch, SetStateAction} from "react";
+import {useCallback} from "react";
+import {MfsObjectKeys} from "../../types/props.internal.ts";
+
+const useObjToSingle = <Type extends object, Target>(
+    name: MfsObjectKeys<Type, Target>,
+    get: Type,
+    set: Dispatch<SetStateAction<Type>>
+): [Target, Dispatch<SetStateAction<Target>>] => {
+    const value: Target = (get as Record<string, Target>)?.[name as string];
+
+    const setValue: Dispatch<SetStateAction<Target>> = useCallback((action: SetStateAction<Target>) => {
+        set((state) => {
+            const newValue = typeof action === "function"
+                ? (action as (prev: Target) => Target)((state as Record<string, Target>)?.[name as string])
+                : action;
+            return ({ ...state, [name]: newValue });
+        });
+    }, [name, set]);
+
+    return [value, setValue];
+}
+
+export default useObjToSingle;

package/src/index.ts

@@ -1,7 +1,7 @@
-export {
-    FastStartProvider,
-    FastStartContext
-} from "./styles/FastStartProvider.tsx";
-
-export * from "./components";
-export * from "./types";
+export {
+    FastStartProvider,
+    FastStartContext
+} from "./styles/FastStartProvider.tsx";
+
+export * from "./components";
+export * from "./types";

package/src/styles/FastStartProps.ts

@@ -1,82 +1,83 @@
-import {
-    MfsObjectCheckboxProps,
-    MfsObjectCheckIconProps,
-    MfsObjectNumberProps, MfsObjectSelectOneProps, MfsObjectSelectRecordProps,
-    MfsObjectTextProps,
-    MfsSingleCheckboxProps,
-    MfsSingleCheckIconProps,
-    MfsSingleNumberProps,
-    MfsSingleSelectOneProps, MfsSingleSelectRecordProps,
-    MfsSingleTextProps
-} from "../types";
-import type {ThemeProviderProps} from "@mui/material";
-import {fastDeepMerge} from "../utils";
-
-interface FastStartProps {
-    Single: Partial<{
-        MfsFloat: Partial<MfsSingleNumberProps>,
-        MfsInteger: Partial<MfsSingleNumberProps>,
-        MfsText: Partial<MfsSingleTextProps>,
-        MfsCheckbox: Partial<MfsSingleCheckboxProps>,
-        MfsCheckIcon: Partial<MfsSingleCheckIconProps>,
-        MfsSelectOne: Partial<MfsSingleSelectOneProps<unknown>>,
-        MfsSelectRecord: Partial<MfsSingleSelectRecordProps<Record<string, unknown>>>
-    }>,
-    Object: Partial<{
-        MfsFloat: Partial<MfsObjectNumberProps<object>>,
-        MfsInteger: Partial<MfsObjectNumberProps<object>>,
-        MfsText: Partial<MfsObjectTextProps<object>>,
-        MfsCheckbox: Partial<MfsObjectCheckboxProps<object>>,
-        MfsCheckIcon: Partial<MfsObjectCheckIconProps<object>>,
-        MfsSelectOne: Partial<MfsObjectSelectOneProps<object, unknown>>,
-        MfsSelectRecord: Partial<MfsObjectSelectRecordProps<object, Record<string, unknown>>>
-    }>
-}
-
-const mfsDefaultProps: Partial<FastStartProps> = {
-    Single: {
-        MfsFloat: {
-            inputMode: 'decimal',
-            type: 'text',
-            step: 0.01,
-            def: 0
-        },
-        MfsInteger: {
-            inputMode: 'numeric',
-            type: 'text',
-            step: 1,
-            def: 0
-        }
-    },
-    Object: {
-        MfsFloat: {
-            inputMode: 'decimal',
-            type: 'text',
-            step: 0.01,
-            def: 0
-        },
-        MfsInteger: {
-            inputMode: 'numeric',
-            type: 'text',
-            step: 1,
-            def: 0
-        }
-    }
-}
-
-const createMfsProps = (customProps: Partial<FastStartProps>) => {
-    return fastDeepMerge({...mfsDefaultProps}, customProps);
-}
-
-interface FastStartProviderProps<Theme> extends ThemeProviderProps<Theme> {
-    defaultProps: Partial<FastStartProps>;
-}
-
-export {
-    createMfsProps
-}
-
-export type {
-    FastStartProps,
-    FastStartProviderProps
+import {
+    MfsObjectCheckboxProps,
+    MfsObjectCheckIconProps,
+    MfsObjectNumberProps, MfsObjectSelectOneProps, MfsObjectSelectRecordProps,
+    MfsObjectTextProps,
+    MfsSingleCheckboxProps,
+    MfsSingleCheckIconProps,
+    MfsSingleNumberProps,
+    MfsSingleSelectOneProps, MfsSingleSelectRecordProps,
+    MfsSingleTextProps
+} from "../types";
+import type {ThemeProviderProps} from "@mui/material";
+import {fastDeepMerge} from "../utils";
+import React from "react";
+
+interface FastStartProps {
+    Single: Partial<{
+        MfsFloat: Partial<MfsSingleNumberProps>,
+        MfsInteger: Partial<MfsSingleNumberProps>,
+        MfsText: Partial<MfsSingleTextProps>,
+        MfsCheckbox: Partial<MfsSingleCheckboxProps>,
+        MfsCheckIcon: Partial<MfsSingleCheckIconProps>,
+        MfsSelectOne: Partial<MfsSingleSelectOneProps<unknown>>,
+        MfsSelectRecord: Partial<MfsSingleSelectRecordProps<Record<string, unknown>>>
+    }>,
+    Object: Partial<{
+        MfsFloat: Partial<MfsObjectNumberProps<object>>,
+        MfsInteger: Partial<MfsObjectNumberProps<object>>,
+        MfsText: Partial<MfsObjectTextProps<object>>,
+        MfsCheckbox: Partial<MfsObjectCheckboxProps<object>>,
+        MfsCheckIcon: Partial<MfsObjectCheckIconProps<object>>,
+        MfsSelectOne: Partial<MfsObjectSelectOneProps<object, unknown>>,
+        MfsSelectRecord: Partial<MfsObjectSelectRecordProps<object, Record<string, React.ReactNode>>>
+    }>
+}
+
+const mfsDefaultProps: Partial<FastStartProps> = {
+    Single: {
+        MfsFloat: {
+            inputMode: 'decimal',
+            type: 'text',
+            step: 0.01,
+            def: 0
+        },
+        MfsInteger: {
+            inputMode: 'numeric',
+            type: 'text',
+            step: 1,
+            def: 0
+        }
+    },
+    Object: {
+        MfsFloat: {
+            inputMode: 'decimal',
+            type: 'text',
+            step: 0.01,
+            def: 0
+        },
+        MfsInteger: {
+            inputMode: 'numeric',
+            type: 'text',
+            step: 1,
+            def: 0
+        }
+    }
+}
+
+const createMfsProps = (customProps: Partial<FastStartProps>) => {
+    return fastDeepMerge({...mfsDefaultProps}, customProps);
+}
+
+interface FastStartProviderProps<Theme> extends ThemeProviderProps<Theme> {
+    defaultProps: Partial<FastStartProps>;
+}
+
+export {
+    createMfsProps
+}
+
+export type {
+    FastStartProps,
+    FastStartProviderProps
 }

package/src/styles/FastStartProvider.tsx

@@ -1,25 +1,25 @@
-import {createContext} from "react";
-import {ThemeProvider} from "@mui/material";
-import type {DefaultTheme} from "@mui/system";
-import {createMfsProps, FastStartProps, FastStartProviderProps} from "./FastStartProps.ts";
-
-
-const FastStartContext = createContext<Partial<FastStartProps>>(createMfsProps({}));
-
-const FastStartProvider = <T = DefaultTheme>(props: FastStartProviderProps<T>) => {
-    const {
-        defaultProps,
-        ...themeProps
-    } = props;
-
-    return (
-        <FastStartContext value={defaultProps}>
-            <ThemeProvider<T> {...themeProps}/>
-        </FastStartContext>
-    )
-}
-
-export {
-    FastStartContext,
-    FastStartProvider
-}
+import {createContext} from "react";
+import {ThemeProvider} from "@mui/material";
+import type {DefaultTheme} from "@mui/system";
+import {createMfsProps, FastStartProps, FastStartProviderProps} from "./FastStartProps.ts";
+
+
+const FastStartContext = createContext<Partial<FastStartProps>>(createMfsProps({}));
+
+const FastStartProvider = <T = DefaultTheme>(props: FastStartProviderProps<T>) => {
+    const {
+        defaultProps,
+        ...themeProps
+    } = props;
+
+    return (
+        <FastStartContext value={defaultProps}>
+            <ThemeProvider<T> {...themeProps}/>
+        </FastStartContext>
+    )
+}
+
+export {
+    FastStartContext,
+    FastStartProvider
+}

package/src/types/index.ts

@@ -1,3 +1,3 @@
-export * from './props';
-export * from './types';
-export * from './provider';
+export * from './props';
+export * from './types';
+export * from './provider';

package/src/types/props.internal.ts

@@ -1,21 +1,21 @@
-// internal types
-// Do not export index.ts
-
-import React from "react";
-
-
-export type KeysWithValue<Type extends object, Target = unknown> = {
-    [K in keyof Type]: Type[K] extends Target ? K : never
-}[keyof Type];
-
-export type MfsObjectKeys<Type extends object, Target = unknown> =
-    KeysWithValue<Type, Target>;
-
-export type MfsSelectEmpty<I> = {
-    emptyItem?: React.ReactNode;
-    emptyValue?: '' | null | undefined | I;
-}
-
-export type MfsSingleError = React.ReactNode;
-export type MfsObjectError<Type extends object, Target = unknown> =
-    Partial<Record<MfsObjectKeys<Type, Target>, React.ReactNode>>;
+// internal types
+// Do not export index.ts
+
+import React from "react";
+
+
+export type KeysWithValue<Type extends object, Target = unknown> = {
+    [K in keyof Type]: Type[K] extends Target ? K : never
+}[keyof Type];
+
+export type MfsObjectKeys<Type extends object, Target = unknown> =
+    keyof Type | KeysWithValue<Type, Target>;
+
+export type MfsSelectEmpty<I> = {
+    emptyItem?: React.ReactNode;
+    emptyValue?: '' | null | undefined | I;
+}
+
+export type MfsSingleError = React.ReactNode;
+export type MfsObjectError<Type extends object, Target = unknown> =
+    Partial<Record<MfsObjectKeys<Type, Target>, React.ReactNode>>;

package/src/types/props.ts

@@ -1,81 +1,81 @@
-import * as React from "react";
-import {Dispatch, HTMLAttributes, SetStateAction} from "react";
-import {MfsObjectKeys, MfsSelectEmpty} from "./props.internal.ts";
-
-
-type KeysWithValue<Type extends object, Target> = {
-    [K in keyof Type]: Type[K] extends Target ? K : never
-}[keyof Type];
-
-export interface MfsPropertyProps<Type> {
-    get: Type;
-    set: Dispatch<SetStateAction<Type>>;
-}
-
-export interface MfsObjectProps<Type extends object, Target> {
-    name: MfsObjectKeys<Type, Target>;
-}
-
-// props : property + label
-export interface MfsLabelProps<Type> extends MfsPropertyProps<Type> {
-    label?: React.ReactNode;
-}
-
-// props : property + label + error
-export interface MfsErrorProps<Type, Error> extends MfsLabelProps<Type> {
-    err?: Error;
-}
-
-// ==================================================
-// Component props
-// ==================================================
-export interface MfsTextProps {
-    minLength?: number;
-    maxLength?: number;
-    startAdornment?: React.ReactNode;
-    endAdornment?: React.ReactNode;
-}
-
-export interface MfsNumberProps extends MfsTextProps {
-    inputMode?: HTMLAttributes<unknown>["inputMode"];
-    type?: React.InputHTMLAttributes<unknown>['type'];
-    def?: number | null | undefined;
-    min?: number;
-    max?: number;
-    step?: number;
-}
-
-export interface MfsCheckIconProps {
-    on: React.ReactNode;
-    off: React.ReactNode;
-}
-
-export type MfsSelectOneProps<I> = {
-    items: I[];
-    renderMenuItem?: (item: I, i: number) => React.ReactNode;
-} & MfsSelectEmpty<I> & ([NonNullable<I>] extends [string | number]
-    ? { getKey?: (item: I) => string | number }
-    : { getKey: (item: I) => string | number });
-
-export type MfsSelectRecordProps<Item extends Record<PropertyKey, unknown>> = {
-    items: Item;
-    renderMenuItem?: (key: keyof Item, value: Item[keyof Item], i: number) => React.ReactNode;
-} & MfsSelectEmpty<Item>;
-
-
-interface BaseProps<Type, Error> {
-    get: Type;
-    set: Dispatch<SetStateAction<Type>>;
-    label?: React.ReactNode;
-    err?: Error;
-}
-
-interface BaseObjectProps<Type extends object, Target>
-    extends BaseProps<Type, Partial<Type> | object> {
-    name: KeysWithValue<Type, Target> | string;
-}
-
-export type {
-    KeysWithValue,
-    BaseObjectProps,
-}
+import * as React from "react";
+import {Dispatch, HTMLAttributes, SetStateAction} from "react";
+import {MfsObjectKeys, MfsSelectEmpty} from "./props.internal.ts";
+
+
+type KeysWithValue<Type extends object, Target> = {
+    [K in keyof Type]: Type[K] extends Target ? K : never
+}[keyof Type];
+
+export interface MfsPropertyProps<Type> {
+    get: Type;
+    set: Dispatch<SetStateAction<Type>>;
+}
+
+export interface MfsObjectProps<Type extends object, Target> {
+    name: MfsObjectKeys<Type, Target>;
+}
+
+// props : property + label
+export interface MfsLabelProps<Type> extends MfsPropertyProps<Type> {
+    label?: React.ReactNode;
+}
+
+// props : property + label + error
+export interface MfsErrorProps<Type, Error> extends MfsLabelProps<Type> {
+    err?: Error;
+}
+
+// ==================================================
+// Component props
+// ==================================================
+export interface MfsTextProps {
+    minLength?: number;
+    maxLength?: number;
+    startAdornment?: React.ReactNode;
+    endAdornment?: React.ReactNode;
+}
+
+export interface MfsNumberProps extends MfsTextProps {
+    inputMode?: HTMLAttributes<unknown>["inputMode"];
+    type?: React.InputHTMLAttributes<unknown>['type'];
+    def?: number | null | undefined;
+    min?: number;
+    max?: number;
+    step?: number;
+}
+
+export interface MfsCheckIconProps {
+    on: React.ReactNode;
+    off: React.ReactNode;
+}
+
+export type MfsSelectOneProps<I> = {
+    items: I[];
+    renderMenuItem?: (item: I, i: number) => React.ReactNode;
+} & MfsSelectEmpty<I> & ([NonNullable<I>] extends [string | number]
+    ? { getKey?: (item: I) => string | number }
+    : { getKey: (item: I) => string | number });
+
+export type MfsSelectRecordProps<Item extends Record<PropertyKey, React.ReactNode | unknown>> = {
+    items: Item;
+    renderMenuItem?: (key: keyof Item, value: Item[keyof Item], i: number) => React.ReactNode;
+} & MfsSelectEmpty<Item>;
+
+
+interface BaseProps<Type, Error> {
+    get: Type;
+    set: Dispatch<SetStateAction<Type>>;
+    label?: React.ReactNode;
+    err?: Error;
+}
+
+interface BaseObjectProps<Type extends object, Target>
+    extends BaseProps<Type, Partial<Type> | object> {
+    name: KeysWithValue<Type, Target> | string;
+}
+
+export type {
+    KeysWithValue,
+    BaseObjectProps,
+}