mayoiga 0.0.22 → 0.1.3

package/lib/actions.d.ts

@@ -1,28 +0,0 @@
-export declare type FSA<S> = {
-    type: 'SWAP';
-    payload: S;
-} | {
-    type: 'SET_STATE';
-    payload: Partial<S>;
-} | {
-    type: 'CHANGE';
-    payload: {
-        name: keyof S;
-        value: S[keyof S];
-    };
-} | {
-    type: 'SUBMIT';
-    payload: {};
-} | {
-    type: 'ERROR';
-    payload: {
-        name: keyof S;
-        value: ReadonlyArray<string>;
-    };
-};
-export declare type FormReducerActionTypes = FSA<any>['type'];
-export declare const swap: <S>(newInitialState: S) => FSA<S>;
-export declare const setNewState: <S>(newState: Partial<S>) => FSA<S>;
-export declare const changeField: <S>(name: keyof S, value: S[keyof S]) => FSA<S>;
-export declare const submitValue: <S>(state: S) => FSA<S>;
-export declare const sendErrors: <S>(name: keyof S, errors: readonly string[]) => FSA<S>;

package/lib/actions.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.swap = (newInitialState) => ({
-    type: 'SWAP',
-    payload: newInitialState,
-});
-exports.setNewState = (newState) => ({
-    type: 'SET_STATE',
-    payload: newState,
-});
-exports.changeField = (name, value) => ({
-    type: 'CHANGE',
-    payload: {
-        name,
-        value,
-    },
-});
-exports.submitValue = (state) => ({
-    type: 'SUBMIT',
-    payload: {},
-});
-exports.sendErrors = (name, errors) => ({
-    type: 'ERROR',
-    payload: {
-        name,
-        value: errors,
-    },
-});
-//# sourceMappingURL=actions.js.map

package/lib/actions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"actions.js","sourceRoot":"","sources":["../src/actions.ts"],"names":[],"mappings":";;AA6Ba,QAAA,IAAI,GAAG,CAAI,eAAkB,EAAU,EAAE,CAAC,CAAC;IACtD,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,eAAe;CACzB,CAAC,CAAC;AAEU,QAAA,WAAW,GAAG,CAAI,QAAoB,EAAU,EAAE,CAAC,CAAC;IAC/D,IAAI,EAAE,WAAW;IACjB,OAAO,EAAE,QAAQ;CAClB,CAAC,CAAC;AAEU,QAAA,WAAW,GAAG,CAAI,IAAa,EAAE,KAAiB,EAAU,EAAE,CAAC,CAAC;IAC3E,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE;QACP,IAAI;QACJ,KAAK;KACN;CACF,CAAC,CAAC;AAEU,QAAA,WAAW,GAAG,CAAI,KAAQ,EAAU,EAAE,CAAC,CAAC;IACnD,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,EAAE;CACZ,CAAC,CAAC;AAEU,QAAA,UAAU,GAAG,CAAI,IAAa,EAAE,MAA6B,EAAU,EAAE,CAAC,CAAC;IACtF,IAAI,EAAE,OAAO;IACb,OAAO,EAAE;QACP,IAAI;QACJ,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAC"}

package/lib/forms.d.ts

@@ -1,21 +0,0 @@
-/**
- * This is just a sample implementation.
- * You can make to fit any component library that you are using.
- *
- */
-/// <reference types="react" />
-import { InputProtocol } from './inputProtocol';
-export declare function MappedInputFactory(mapInputToState?: (val: string) => any /** FIXME: fmmmmmm */): <S, Name extends keyof S>(props: InputProtocol<S, Name, undefined>) => JSX.Element;
-export declare const Input: <S, Name extends keyof S>(props: InputProtocol<S, Name, undefined>) => JSX.Element;
-export declare const NumberInput: <S, Name extends keyof S>(props: InputProtocol<S, Name, undefined>) => JSX.Element;
-export declare function MappedRadioFactory(candidates: ReadonlyArray<{
-    label: string;
-    value: any;
-}>, 
-/** FIXME: fmmmmmm, I think I can write infer which returns `never` if type is invalid but... */
-mapInputToState?: (val: string) => any): <S, Name extends keyof S>(props: InputProtocol<S, Name, undefined>) => JSX.Element;
-export declare function MappedSelectFactory(options: ReadonlyArray<{
-    label: string;
-    value: any;
-    disabled?: boolean;
-}>, mapInputToState?: (val: string) => any): <S, Name extends keyof S>(props: InputProtocol<S, Name, undefined>) => JSX.Element;

package/lib/forms.js

@@ -1,82 +0,0 @@
-"use strict";
-/**
- * This is just a sample implementation.
- * You can make to fit any component library that you are using.
- *
- */
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const react_1 = require("react");
-// TODO: mapStateToValue (val: S[Name]) => string
-function MappedInputFactory(mapInputToState = val => val /** FIXME: fmmmmmm */) {
-    return (props) => {
-        const { name, value, onChange, errors, touched, delegatedProps = {} } = props, restProps = __rest(props, ["name", "value", "onChange", "errors", "touched", "delegatedProps"]);
-        const handleChange = react_1.useCallback((e) => {
-            const value = e.currentTarget.value;
-            onChange(name, mapInputToState(value));
-        }, [onChange]);
-        return (React.createElement(React.Fragment, null,
-            React.createElement("input", Object.assign({}, restProps, delegatedProps, { value: value
-                    ? value /** FIXME: TS 3.5.1 changes defualt infer is unknown */
-                        .toString()
-                    : '', name: name, onChange: handleChange })),
-            touched && errors.length !== 0 && React.createElement("div", { style: { color: 'red' } }, errors[0])));
-    };
-}
-exports.MappedInputFactory = MappedInputFactory;
-exports.Input = MappedInputFactory();
-exports.NumberInput = MappedInputFactory(val => parseInt(val, 10) || 0);
-function MappedRadioFactory(candidates, 
-/** FIXME: fmmmmmm, I think I can write infer which returns `never` if type is invalid but... */
-mapInputToState = val => val) {
-    return (props) => {
-        const { name, onChange, errors, touched, delegatedProps = {} } = props, restProps = __rest(props, ["name", "onChange", "errors", "touched", "delegatedProps"]);
-        const handleChange = react_1.useCallback((e) => {
-            const value = e.currentTarget.value;
-            onChange(name, mapInputToState(value));
-        }, [onChange]);
-        return (React.createElement(React.Fragment, null,
-            candidates.map(({ label, value }) => (React.createElement("label", { key: value },
-                React.createElement("input", Object.assign({}, restProps, delegatedProps, { type: "radio", name: name, value: value, checked: value === props.value, onChange: handleChange })),
-                label))),
-            touched && errors.length !== 0 && React.createElement("div", { style: { color: 'red' } }, errors[0])));
-    };
-}
-exports.MappedRadioFactory = MappedRadioFactory;
-function MappedSelectFactory(options, mapInputToState = val => val) {
-    return (props) => {
-        const { value, name, onChange, errors, touched, delegatedProps = {} } = props, restProps = __rest(props, ["value", "name", "onChange", "errors", "touched", "delegatedProps"]);
-        const handleChange = react_1.useCallback((e) => {
-            const value = e.currentTarget.value;
-            onChange(name, mapInputToState(value));
-        }, [onChange]);
-        return (React.createElement(React.Fragment, null,
-            React.createElement("select", Object.assign({}, restProps, delegatedProps, { name: name, value: value
-                    ? value /** TS 3.5.1 changes defualt infer is unknown */
-                        .toString()
-                    : '', onChange: handleChange }),
-                React.createElement("option", { value: "", disabled: true }, "Please select"),
-                options.map(({ label, value, disabled }) => (React.createElement("option", { key: value, value: value, disabled: disabled }, label)))),
-            touched && errors.length !== 0 && React.createElement("div", { style: { color: 'red' } }, errors[0])));
-    };
-}
-exports.MappedSelectFactory = MappedSelectFactory;
-//# sourceMappingURL=forms.js.map

package/lib/forms.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"forms.js","sourceRoot":"","sources":["../src/forms.tsx"],"names":[],"mappings":"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"}

package/lib/index.d.ts

@@ -1,3 +0,0 @@
-import { useForm, useFormState, createFormScope } from './mayoiga';
-import { InputProtocol } from './inputProtocol';
-export { useForm, useFormState, createFormScope, InputProtocol };

package/lib/index.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const mayoiga_1 = require("./mayoiga");
-exports.useForm = mayoiga_1.useForm;
-exports.useFormState = mayoiga_1.useFormState;
-exports.createFormScope = mayoiga_1.createFormScope;
-//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;AAAA,uCAAiE;AAGzD,kBAHA,iBAAO,CAGA;AAAE,uBAHA,sBAAY,CAGA;AAAE,0BAHA,yBAAe,CAGA"}

package/lib/inputProtocol.d.ts

@@ -1,17 +0,0 @@
-import { InputHTMLAttributes } from 'react';
-declare type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
-declare type MayoigaConnectedInputProtocol<S, Name extends keyof S, DelegatedProps> = {
-    name: Name;
-    value: S[Name];
-    /** Errors which generated by mayoiga validation */
-    errors: ReadonlyArray<string>;
-    /** Validation is running even if it is first renderd. `touched` can be useful if you would like to suppress error indication until user touched the input. */
-    touched: boolean;
-    onChange(name: Name, value: S[Name]): void;
-    /**
-     * Props which passed via `componentProps` of {@link FieldProps}.
-     */
-    delegatedProps: DelegatedProps;
-};
-export declare type InputProtocol<S, Name extends keyof S, DelegatedProps> = MayoigaConnectedInputProtocol<S, Name, DelegatedProps> & Omit<InputHTMLAttributes<any>, 'name' | 'onChange' | 'value'>;
-export {};

package/lib/inputProtocol.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-// TODO: How's the below?
-// type Primitive = 'string' | 'number' | 'boolean';
-// type FieldType<FT> = FT extends string
-//   ? 'string'
-//   : FT extends number
-//   ? 'number'
-//   : FT extends boolean
-//   ? 'boolean'
-//   : ((domVal: string) => FT);
-// const PRIMITIVE_CONVERT_DEF = {
-//   string: (val: string) => val,
-//   number: (val: string) => parseInt(val, 10) || 0,
-//   boolean: (val: string) => val === 'true',
-// };
-// function fieldConverter<FT>(dataType: FieldType<FT>, value: string): FT {
-//   const def = (PRIMITIVE_CONVERT_DEF as any)[dataType as any];
-//   if (def) {
-//     return def(value);
-//   }
-//   return (dataType as any)(value);
-// }
-//# sourceMappingURL=inputProtocol.js.map

package/lib/inputProtocol.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"inputProtocol.js","sourceRoot":"","sources":["../src/inputProtocol.tsx"],"names":[],"mappings":";;AAsBA,yBAAyB;AACzB,oDAAoD;AACpD,yCAAyC;AACzC,eAAe;AACf,wBAAwB;AACxB,eAAe;AACf,yBAAyB;AACzB,gBAAgB;AAChB,gCAAgC;AAChC,kCAAkC;AAClC,kCAAkC;AAClC,qDAAqD;AACrD,8CAA8C;AAC9C,KAAK;AAEL,4EAA4E;AAC5E,iEAAiE;AACjE,eAAe;AACf,yBAAyB;AACzB,MAAM;AACN,qCAAqC;AACrC,IAAI"}

package/lib/mayoiga.d.ts

@@ -1,110 +0,0 @@
-import * as React from 'react';
-import { Dispatch, Context, ReactNode, FC } from 'react';
-import { FSA } from './actions';
-import { Store } from './reducer';
-import { InputProtocol } from './inputProtocol';
-declare type MayoigaContextValue<S> = {
-    state: Store<S>;
-    dispatch: Dispatch<FSA<S>>;
-};
-/**
- * Validator definition to pass to the each form fields.
- *
- * @param target The value which handled by the input field.
- * @param record The form state itselfs. It is useful if you had to write validation depends on other fields.
- * @returns It should return string if there is something wrong.
- */
-declare type Validator<S, Name extends keyof S> = (target: S[Name], record: S) => undefined | string;
-declare type FormProps<S> = {
-    className?: string;
-    onSubmit?(value: S): void;
-    children: ReactNode;
-};
-declare type FieldProps<S, Name extends keyof S, ComponentProps> = {
-    /** One on the name of field. Have to be `keyof State`. */
-    name: Name;
-    /** You might want to handle onChange event in case. */
-    onChange?(name: Name, value: S[Name]): void;
-    validations?: ReadonlyArray<Validator<S, Name>>;
-    /**
-     * Props to delegate to the input component.
-     * @example
-     * ```
-     *
-     * componentProps={{disabled: props.formState.age >= 20}}
-     * component={AlcoholCheckbox}
-     * ```
-     */
-    componentProps?: ComponentProps;
-    /** Component which can handle the field of the form state. It should implement {@link InputProtocol}. */
-    component: FC<InputProtocol<S, Name, ComponentProps>>;
-};
-declare type MayoigaProps<S> = {
-    initialState: S;
-    onSubmit(hasErrors: boolean, value: S, formInfo: {
-        errors: Store<S>['errors'];
-        touched: boolean;
-    }): void;
-};
-/** @obsolete */
-declare type ScopedComponentProps<S> = {
-    touched: boolean;
-    errors: Store<S>['errors'];
-    formState: S;
-};
-/**
- * A function to create scope which allows to use `useForm` function to manage form value.
- *
- * @example
- * ```
- *
- * type FormState = {name: '', age: 0};
- * const {context, scope} = createFormScope<FormState>();
- *
- * const TheForm = scope(props => {
- *   const {Form, Field} = useForm(context);
- *   // ...
- * ```
- *
- */
-export declare function createFormScope<S>(): {
-    context: React.Context<MayoigaContextValue<S>>;
-    scope: <OwnProps = {}>(ConnectedComponent: React.FunctionComponent<OwnProps & ScopedComponentProps<S>>) => (props: OwnProps & MayoigaProps<S>) => JSX.Element;
-};
-/**
- * The Hook to summon type safe React form component.
- * To know the props that Field can accept {@link FieldProps}.
- *
- * @example
- * ```
- *
- * const TheForm = scope(props => {
- *   const {Form, Field} = useForm(context);
- *   return (
- *     <Form>
- *       <Field name="name" component={props => <input value={props.value.toString()} />} validations={[required]} />
- *       <Field name="fieldNameHaven'tDefined" <= you will see compile error if you were specified the name haven't declared in the context type for initialState.
- *     </Form>
- *   );
- * ```
- *
- * You should be aware, `component` props for <Field /> is going to be cached at the first render. So it should be same pure function.
- */
-export declare function useForm<S>(formScope: Context<MayoigaContextValue<S>>): {
-    Form: React.MemoExoticComponent<(props: FormProps<S>) => JSX.Element>;
-    Field: <Name extends Extract<keyof S, string>, ComponentProps = undefined>(props: FieldProps<S, Name, ComponentProps>) => JSX.Element;
-    useFormState(): [Store<S>, (newState: Partial<S>) => void];
-};
-/**
- * You can get current form state and also change it:
- *
- * ```
- * const [{ errors, formData }, setFormState] = useFormState(context);
- * ...
- *   onChange={(name, value) => {
- *      if (value) setFormState({otherFieldValue: ''});
- *   }}
- * ```
- */
-export declare function useFormState<S>(formScope: Context<MayoigaContextValue<S>>): [Store<S>, (newState: Partial<S>) => void];
-export {};

package/lib/mayoiga.js

@@ -1,131 +0,0 @@
-"use strict";
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const react_1 = require("react");
-const actions_1 = require("./actions");
-const reducer_1 = require("./reducer");
-const EMPTY_ERRORS = [];
-// TODO: need `mapChanged(value: S): S;` ?
-/**
- * A function to create scope which allows to use `useForm` function to manage form value.
- *
- * @example
- * ```
- *
- * type FormState = {name: '', age: 0};
- * const {context, scope} = createFormScope<FormState>();
- *
- * const TheForm = scope(props => {
- *   const {Form, Field} = useForm(context);
- *   // ...
- * ```
- *
- */
-function createFormScope() {
-    const Ctx = react_1.createContext(null);
-    return {
-        context: Ctx,
-        scope: function (ConnectedComponent) {
-            return (props) => {
-                const { initialState, onSubmit } = props;
-                const [state, dispatch] = reducer_1.useFormReducer(initialState, onSubmit);
-                // TODO: I assumed useReducer is re-render if initialState was changed but doesn't. Need investigation though, I'll address by the useEffect for the time being.
-                react_1.useEffect(() => dispatch(actions_1.swap(initialState)), [initialState]);
-                const touchedAll = Object.values(state.touched).every(v => v);
-                return (React.createElement(Ctx.Provider, { value: { state, dispatch } },
-                    React.createElement(ConnectedComponent, Object.assign({}, props, { formState: state.formData, touched: touchedAll, errors: state.errors }))));
-            };
-        },
-    };
-}
-exports.createFormScope = createFormScope;
-/**
- * The Hook to summon type safe React form component.
- * To know the props that Field can accept {@link FieldProps}.
- *
- * @example
- * ```
- *
- * const TheForm = scope(props => {
- *   const {Form, Field} = useForm(context);
- *   return (
- *     <Form>
- *       <Field name="name" component={props => <input value={props.value.toString()} />} validations={[required]} />
- *       <Field name="fieldNameHaven'tDefined" <= you will see compile error if you were specified the name haven't declared in the context type for initialState.
- *     </Form>
- *   );
- * ```
- *
- * You should be aware, `component` props for <Field /> is going to be cached at the first render. So it should be same pure function.
- */
-function useForm(formScope) {
-    return react_1.useMemo(() => ({
-        Form: react_1.memo((props) => {
-            const { state, dispatch } = react_1.useContext(formScope);
-            const { className, onSubmit } = props;
-            return (React.createElement("form", { className: className, onSubmit: e => {
-                    e.preventDefault();
-                    if (onSubmit) {
-                        onSubmit(state.formData);
-                    }
-                    dispatch(actions_1.submitValue(state.formData));
-                } }, props.children));
-        }),
-        Field: (props) => {
-            const { state, dispatch } = react_1.useContext(formScope);
-            const { component, name, validations, componentProps, onChange } = props;
-            const validate = (target) => {
-                if (validations !== undefined) {
-                    const errors = validations.map(v => v(target, state.formData)).filter((result) => !!result);
-                    dispatch(actions_1.sendErrors(name, errors.length === 0 ? [] : errors));
-                }
-            };
-            const handleChange = react_1.useCallback((name, value) => {
-                dispatch(actions_1.changeField(name, value));
-                if (onChange) {
-                    onChange(name, value);
-                }
-                validate(value);
-            }, [name, state, componentProps]);
-            const value = state.formData[name];
-            const errors = state.errors[name];
-            const touched = state.touched[name];
-            react_1.useEffect(() => {
-                // I'm not exactly sure why but we need it to accomplish dispatch action on mounted. :(
-                window.requestAnimationFrame(() => validate(value));
-            }, [state.formData]);
-            // cache component for performance
-            const Component = react_1.useMemo(() => component, [name]);
-            return (React.createElement(Component, { name: name, value: value /** FIXME: */, onChange: handleChange, errors: errors, touched: touched, delegatedProps: componentProps }));
-        },
-        useFormState() {
-            const { state, dispatch } = react_1.useContext(formScope);
-            return [state, (newState) => dispatch(actions_1.setNewState(newState))];
-        },
-    }), [formScope]);
-}
-exports.useForm = useForm;
-/**
- * You can get current form state and also change it:
- *
- * ```
- * const [{ errors, formData }, setFormState] = useFormState(context);
- * ...
- *   onChange={(name, value) => {
- *      if (value) setFormState({otherFieldValue: ''});
- *   }}
- * ```
- */
-function useFormState(formScope) {
-    const { state, dispatch } = react_1.useContext(formScope);
-    return [state, (newState) => dispatch(actions_1.setNewState(newState))];
-}
-exports.useFormState = useFormState;
-//# sourceMappingURL=mayoiga.js.map

package/lib/mayoiga.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mayoiga.js","sourceRoot":"","sources":["../src/mayoiga.tsx"],"names":[],"mappings":"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"}

package/lib/reducer.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-import { FSA } from './actions';
-declare type Errors<StateKeys extends string> = {
-    [K in StateKeys]: ReadonlyArray<string>;
-};
-declare type Touched<StateKeys extends string> = {
-    [K in StateKeys]: boolean;
-};
-export declare type Store<S extends {
-    [key: string]: any;
-}> = {
-    errors: Errors<Extract<keyof S, string>>;
-    formData: S;
-    touched: Touched<Extract<keyof S, string>>;
-};
-export declare const useFormReducer: <S>(initialState: S, onSubmit: (hasErrors: boolean, value: S, formInfo: {
-    errors: Errors<Extract<keyof S, string>>;
-    touched: boolean;
-}) => void) => [Store<S>, import("react").Dispatch<FSA<S>>];
-export {};

package/lib/reducer.js

@@ -1,53 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
-const createFormInitialState = (initialState) => {
-    const stateKeys = Object.keys(initialState);
-    return {
-        formData: initialState,
-        errors: stateKeys.reduce((buf, k) => {
-            // NOTE: because typedoc is using old version of TypeScript.
-            buf[k] = [];
-            return buf;
-        }, {}),
-        touched: stateKeys.reduce((buf, k) => {
-            // NOTE: same as above. Hey! should I make the code dirty because of document automation???
-            buf[k] = false;
-            return buf;
-        }, {}),
-    };
-};
-exports.useFormReducer = (initialState, onSubmit) => react_1.useReducer((state, action) => {
-    // TODO: logging functionality
-    // console.log(action);
-    switch (action.type) {
-        case 'SWAP': {
-            return createFormInitialState(action.payload);
-        }
-        case 'SET_STATE': {
-            return Object.assign({}, state, { formData: Object.assign({}, state.formData, action.payload) });
-        }
-        case 'CHANGE': {
-            const { name, value } = action.payload;
-            return Object.assign({}, state, { formData: Object.assign({}, state.formData, { [name]: value }), touched: Object.assign({}, state.touched, { [name]: true }) });
-        }
-        case 'SUBMIT': {
-            // FIXME: :thinking_face:
-            const haveTouchedAll = Object.values(state.touched).every(v => v);
-            const hasAnyError = Object.values(state.errors).some(errs => errs.length !== 0);
-            // I should repent my sin. I called side effect in reducer...
-            onSubmit(hasAnyError, state.formData, {
-                errors: state.errors,
-                touched: haveTouchedAll,
-            });
-            return state;
-        }
-        case 'ERROR': {
-            const { name, value } = action.payload;
-            return Object.assign({}, state, { errors: Object.assign({}, state.errors, { [name]: value }) });
-        }
-        default:
-            return state;
-    }
-}, initialState, createFormInitialState);
-//# sourceMappingURL=reducer.js.map

package/lib/reducer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"reducer.js","sourceRoot":"","sources":["../src/reducer.ts"],"names":[],"mappings":";;AAAA,iCAAiC;AAejC,MAAM,sBAAsB,GAAG,CAAsB,YAAe,EAAE,EAAE;IACtE,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC5C,OAAO;QACL,QAAQ,EAAE,YAAY;QACtB,MAAM,EAAE,SAAS,CAAC,MAAM,CACtB,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;YACT,4DAA4D;YAC3D,GAAW,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC;YACrB,OAAO,GAAG,CAAC;QACb,CAAC,EACD,EAAwB,CACzB;QACD,OAAO,EAAE,SAAS,CAAC,MAAM,CACvB,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;YACT,2FAA2F;YAC1F,GAAW,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;YACxB,OAAO,GAAG,CAAC;QACb,CAAC,EACD,EAAyB,CAC1B;KACF,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,cAAc,GAAG,CAC5B,YAAe,EACf,QAA0G,EAC1G,EAAE,CACF,kBAAU,CACR,CAAC,KAAe,EAAE,MAAc,EAAE,EAAE;IAClC,8BAA8B;IAC9B,uBAAuB;IACvB,QAAQ,MAAM,CAAC,IAAI,EAAE;QACnB,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,sBAAsB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;SAC/C;QACD,KAAK,WAAW,CAAC,CAAC;YAChB,yBACK,KAAK,IACR,QAAQ,oBACH,KAAK,CAAC,QAAQ,EACd,MAAM,CAAC,OAAO,KAEnB;SACH;QACD,KAAK,QAAQ,CAAC,CAAC;YACb,MAAM,EAAC,IAAI,EAAE,KAAK,EAAC,GAAG,MAAM,CAAC,OAAO,CAAC;YACrC,yBACK,KAAK,IACR,QAAQ,oBACH,KAAK,CAAC,QAAQ,IACjB,CAAC,IAAI,CAAC,EAAE,KAAK,KAEf,OAAO,oBACF,KAAK,CAAC,OAAO,IAChB,CAAC,IAAI,CAAC,EAAE,IAAI,OAEd;SACH;QACD,KAAK,QAAQ,CAAC,CAAC;YACb,yBAAyB;YACzB,MAAM,cAAc,GAAI,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAA4B,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;YAC9F,MAAM,WAAW,GAAI,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAA2B,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC;YAC3G,6DAA6D;YAC7D,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC,QAAQ,EAAE;gBACpC,MAAM,EAAE,KAAK,CAAC,MAAM;gBACpB,OAAO,EAAE,cAAc;aACxB,CAAC,CAAC;YACH,OAAO,KAAK,CAAC;SACd;QACD,KAAK,OAAO,CAAC,CAAC;YACZ,MAAM,EAAC,IAAI,EAAE,KAAK,EAAC,GAAG,MAAM,CAAC,OAAO,CAAC;YACrC,yBACK,KAAK,IACR,MAAM,oBACD,KAAK,CAAC,MAAM,IACf,CAAC,IAAI,CAAC,EAAE,KAAK,OAEf;SACH;QACD;YACE,OAAO,KAAK,CAAC;KAChB;AACH,CAAC,EACD,YAAY,EACZ,sBAAsB,CACvB,CAAC"}