@bodynarf/react.components 1.4.18 → 1.4.20

package/components/form/redux/actionCreators/setFormState.d.ts

@@ -0,0 +1,8 @@
+import { ActionWithPayload, FormStatus } from "../types";
+/**
+ * Get redux action "Set form state status"
+ * @param newStatus New form state status
+ * @returns State updating action
+ */
+export declare const getSetFormStatus: (newStatus: FormStatus) => ActionWithPayload;
+//# sourceMappingURL=setFormState.d.ts.map

package/components/form/redux/actionCreators/setFormState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setFormState.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/redux/actionCreators/setFormState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGzD;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,cAAe,UAAU,KAAG,iBAOxD,CAAC"}

package/components/form/redux/actionCreators/setFormState.js

@@ -0,0 +1,14 @@
+import { setFormStatus } from "../actionTypes";
+/**
+ * Get redux action "Set form state status"
+ * @param newStatus New form state status
+ * @returns State updating action
+ */
+export const getSetFormStatus = (newStatus) => {
+    return ({
+        type: setFormStatus,
+        payload: {
+            newState: newStatus
+        }
+    });
+};

package/components/form/redux/actionCreators/setValidationResult.d.ts

@@ -0,0 +1,9 @@
+import { ActionWithPayload } from "../types";
+import { ValidationResult } from "../../types";
+/**
+ * Get redux action "Set form validation result"
+ * @param validationResult Result of form fields validation
+ * @returns State updating action
+ */
+export declare const getSetValidationResultAction: (validationResult: Map<string, ValidationResult>) => ActionWithPayload;
+//# sourceMappingURL=setValidationResult.d.ts.map

package/components/form/redux/actionCreators/setValidationResult.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setValidationResult.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/redux/actionCreators/setValidationResult.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C;;;;GAIG;AACH,eAAO,MAAM,4BAA4B,qBAAsB,IAAI,MAAM,EAAE,gBAAgB,CAAC,KAAG,iBAO9F,CAAC"}

package/components/form/redux/actionCreators/setValidationResult.js

@@ -0,0 +1,14 @@
+import { setValidationResult } from "../actionTypes";
+/**
+ * Get redux action "Set form validation result"
+ * @param validationResult Result of form fields validation
+ * @returns State updating action
+ */
+export const getSetValidationResultAction = (validationResult) => {
+    return ({
+        type: setValidationResult,
+        payload: {
+            validationResult
+        }
+    });
+};

package/components/form/redux/actionCreators/submitForm.d.ts

@@ -0,0 +1,7 @@
+import { Action } from "redux";
+/**
+ * Get redux action "Submit form"
+ * @returns State updating action
+ */
+export declare const getSubmitFormAction: () => Action<string>;
+//# sourceMappingURL=submitForm.d.ts.map

package/components/form/redux/actionCreators/submitForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"submitForm.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/redux/actionCreators/submitForm.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAG/B;;;GAGG;AACH,eAAO,MAAM,mBAAmB,QAAO,OAAO,MAAM,CAInD,CAAC"}

package/components/form/redux/actionCreators/submitForm.js

@@ -0,0 +1,10 @@
+import { submitForm } from "../actionTypes";
+/**
+ * Get redux action "Submit form"
+ * @returns State updating action
+ */
+export const getSubmitFormAction = () => {
+    return ({
+        type: submitForm,
+    });
+};

package/components/form/redux/actionCreators/validateField.d.ts

@@ -0,0 +1,8 @@
+import { ActionWithPayload } from "../types";
+/**
+ * Get redux action "Validate field"
+ * @param {string} fieldName Name of field which should be validated
+ * @returns State updating action
+ */
+export declare const getValidateFieldAction: (fieldName: string) => ActionWithPayload;
+//# sourceMappingURL=validateField.d.ts.map

package/components/form/redux/actionCreators/validateField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validateField.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/redux/actionCreators/validateField.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAG7C;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,cAAe,MAAM,KAAG,iBAK1D,CAAC"}

package/components/form/redux/actionCreators/validateField.js

@@ -0,0 +1,12 @@
+import { validateField } from "../actionTypes";
+/**
+ * Get redux action "Validate field"
+ * @param {string} fieldName Name of field which should be validated
+ * @returns State updating action
+ */
+export const getValidateFieldAction = (fieldName) => {
+    return ({
+        type: validateField,
+        payload: { fieldName }
+    });
+};

package/components/form/redux/actionTypes.d.ts

@@ -0,0 +1,13 @@
+/** Initialize form state with config */
+export declare const initForm = "bbr-form/init";
+/** Set single field value */
+export declare const setFieldValue = "bbr-form/setFiedValue";
+/** Validate specified field */
+export declare const validateField = "bbr-form/validateField";
+/** Submit form */
+export declare const submitForm = "bbr-form/submit";
+/** Set form state status */
+export declare const setFormStatus = "bbr-form/setStatus";
+/** Set form validation result */
+export declare const setValidationResult = "bbr-form/setValidationResult";
+//# sourceMappingURL=actionTypes.d.ts.map

package/components/form/redux/actionTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"actionTypes.d.ts","sourceRoot":"","sources":["../../../../src/components/form/redux/actionTypes.ts"],"names":[],"mappings":"AAAA,wCAAwC;AACxC,eAAO,MAAM,QAAQ,kBAAkB,CAAC;AAExC,6BAA6B;AAC7B,eAAO,MAAM,aAAa,0BAA0B,CAAC;AAErD,+BAA+B;AAC/B,eAAO,MAAM,aAAa,2BAA2B,CAAC;AAEtD,kBAAkB;AAClB,eAAO,MAAM,UAAU,oBAAoB,CAAC;AAE5C,4BAA4B;AAC5B,eAAO,MAAM,aAAa,uBAAuB,CAAC;AAElD,iCAAiC;AACjC,eAAO,MAAM,mBAAmB,iCAAiC,CAAC"}

package/components/form/redux/actionTypes.js

@@ -0,0 +1,12 @@
+/** Initialize form state with config */
+export const initForm = "bbr-form/init";
+/** Set single field value */
+export const setFieldValue = "bbr-form/setFiedValue";
+/** Validate specified field */
+export const validateField = "bbr-form/validateField";
+/** Submit form */
+export const submitForm = "bbr-form/submit";
+/** Set form state status */
+export const setFormStatus = "bbr-form/setStatus";
+/** Set form validation result */
+export const setValidationResult = "bbr-form/setValidationResult";

package/components/form/redux/actions/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./submitForm";
+//# sourceMappingURL=index.d.ts.map

package/components/form/redux/actions/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/redux/actions/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/components/form/redux/actions/index.js

@@ -0,0 +1 @@
+export * from "./submitForm";

package/components/form/redux/actions/submitForm.d.ts

@@ -0,0 +1,9 @@
+import { ThunkAction } from "redux-thunk";
+import { ActionWithPayload, FormState } from "../types";
+/**
+ * Get action "submit form".
+ * Moves form to validating stage, validates fields.
+ * If form is valid - executes user callback. Otherwise - push form to previous state
+ */
+export declare const submitFormAsync: () => ThunkAction<void, FormState, unknown, ActionWithPayload>;
+//# sourceMappingURL=submitForm.d.ts.map

package/components/form/redux/actions/submitForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"submitForm.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/redux/actions/submitForm.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAiB,MAAM,aAAa,CAAC;AAIzD,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAoBxD;;;;GAIG;AACH,eAAO,MAAM,eAAe,QAAO,YAAY,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,iBAAiB,CAAqB,CAAC"}

package/components/form/redux/actions/submitForm.js

@@ -0,0 +1,16 @@
+import { getSetFormStatus, getSetValidationResultAction } from "../actionCreators";
+import { validateItem } from "../utils";
+const submitFormAction = (dispatch, getState) => {
+    const { items } = getState();
+    dispatch(getSetFormStatus("validating"));
+    (async () => {
+        const validationResults = new Map(items.map(item => [item.name, validateItem(item, item.modelConfig.value)]));
+        dispatch(getSetValidationResultAction(validationResults));
+    })();
+};
+/**
+ * Get action "submit form".
+ * Moves form to validating stage, validates fields.
+ * If form is valid - executes user callback. Otherwise - push form to previous state
+ */
+export const submitFormAsync = () => submitFormAction;

package/components/form/redux/index.d.ts

@@ -0,0 +1,8 @@
+export * from "./actionCreators";
+export * from "./reducer";
+export * from "./utils";
+export * from "./actionTypes";
+export * from "./store";
+export * from "./types";
+export * from "./actions";
+//# sourceMappingURL=index.d.ts.map

package/components/form/redux/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/redux/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC"}

package/components/form/redux/index.js

@@ -0,0 +1,7 @@
+export * from "./actionCreators";
+export * from "./reducer";
+export * from "./utils";
+export * from "./actionTypes";
+export * from "./store";
+export * from "./types";
+export * from "./actions";

package/components/form/redux/reducer.d.ts

@@ -0,0 +1,4 @@
+import { ActionWithPayload, FormState } from "./types";
+/** Form reducer function */
+export default function (state: FormState | undefined, action: ActionWithPayload): FormState;
+//# sourceMappingURL=reducer.d.ts.map

package/components/form/redux/reducer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reducer.d.ts","sourceRoot":"","sources":["../../../../src/components/form/redux/reducer.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAmB,SAAS,EAAc,MAAM,SAAS,CAAC;AAapF,4BAA4B;AAC5B,MAAM,CAAC,OAAO,WAAW,KAAK,uBAAe,EAAE,MAAM,EAAE,iBAAiB,GAAG,SAAS,CA6GnF"}

package/components/form/redux/reducer.js

@@ -0,0 +1,103 @@
+import { isNullOrUndefined } from "@bodynarf/utils";
+import { FormItemValidationState } from "../types";
+import { FormPurityState } from "./types";
+import { initForm, setFieldValue, setFormStatus, setValidationResult } from "./actionTypes";
+import { map as mapFormItems, validateItem } from "./utils";
+/** Initial form state values */
+const initialState = {
+    state: "init",
+    initialConfig: undefined,
+    items: [],
+    valuesStorage: [],
+    purityState: FormPurityState.Pure,
+};
+/** Form reducer function */
+export default function (state = initialState, action) {
+    switch (action.type) {
+        case setFormStatus: {
+            const newStatus = action.payload["newState"];
+            if (isNullOrUndefined(newStatus)) {
+                return state;
+            }
+            return {
+                ...state,
+                state: newStatus,
+            };
+        }
+        case initForm: {
+            const config = action.payload["initialConfig"];
+            if (isNullOrUndefined(config)) {
+                return state;
+            }
+            const formConfig = mapFormItems(config.items);
+            return {
+                ...state,
+                state: "idle",
+                initialConfig: config,
+                items: formConfig.map((x, i) => ({ ...x, order: i })),
+                valuesStorage: [],
+            };
+        }
+        case setFieldValue: {
+            const { name, value } = action.payload["field"];
+            const item = state.items.find(item => item.name === name);
+            if (isNullOrUndefined(item)) {
+                return state;
+            }
+            item.modelConfig.value = value;
+            const purityState = state.purityState === FormPurityState.Pure && value !== item.modelConfig.defaultValue
+                ? state.purityState
+                : FormPurityState.Dirty;
+            if (state.state === "validation errors") {
+                const validationResult = validateItem(item, value);
+                if (validationResult.state !== FormItemValidationState.Invalid) {
+                    item.modelConfig.validationState = FormItemValidationState.None;
+                    item.modelConfig.validationMessages = [];
+                }
+                else {
+                    item.modelConfig.validationMessages = validationResult.messages;
+                    item.modelConfig.validationState = validationResult.state;
+                }
+            }
+            const updatedItems = [
+                ...state.items.filter(({ name }) => name !== item.name),
+                item
+            ].sort((x, y) => x.order - y.order);
+            return {
+                ...state,
+                purityState: purityState,
+                items: updatedItems
+            };
+        }
+        case setValidationResult: {
+            const validationResult = action.payload["validationResult"];
+            state.valuesStorage.length = 0;
+            let currentState = FormItemValidationState.Valid;
+            const values = [];
+            for (let [key, value] of validationResult) {
+                const item = state.items.find(({ name }) => name === key);
+                item.modelConfig.validationState = value.state;
+                item.modelConfig.validationMessages.length = 0;
+                item.modelConfig.validationMessages.push(...value.messages);
+                if (value.state === FormItemValidationState.Invalid) {
+                    currentState = FormItemValidationState.Invalid;
+                }
+                if (currentState !== FormItemValidationState.Invalid
+                    && value.state !== FormItemValidationState.Invalid) {
+                    values.push({
+                        key,
+                        type: item.modelConfig.type,
+                        value: item.modelConfig.value,
+                    });
+                }
+            }
+            return {
+                ...state,
+                state: currentState === FormItemValidationState.Valid ? "submited" : "validation errors",
+                valuesStorage: currentState === FormItemValidationState.Valid ? values : [],
+            };
+        }
+        default:
+            return state;
+    }
+}

package/components/form/redux/store.d.ts

@@ -0,0 +1,5 @@
+declare const _default: import("redux").Store<import("./types").FormState, import("./types").ActionWithPayload> & {
+    dispatch: unknown;
+};
+export default _default;
+//# sourceMappingURL=store.d.ts.map

package/components/form/redux/store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../../src/components/form/redux/store.ts"],"names":[],"mappings":";;;AAKA,wBAGE"}

package/components/form/redux/store.js

@@ -0,0 +1,4 @@
+import { createStore, applyMiddleware } from "redux";
+import thunkMiddleware from 'redux-thunk';
+import rootReducer from "./reducer";
+export default createStore(rootReducer, applyMiddleware(thunkMiddleware));

package/components/form/redux/types/base/types.d.ts

@@ -0,0 +1,9 @@
+import { AnyAction } from "redux";
+/** Redux action with some extra payload */
+export interface ActionWithPayload extends AnyAction {
+    /** Action payload data */
+    payload: {
+        [extraProps: string]: unknown;
+    };
+}
+//# sourceMappingURL=types.d.ts.map

package/components/form/redux/types/base/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/redux/types/base/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,2CAA2C;AAC3C,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAChD,0BAA0B;IAC1B,OAAO,EAAE;QACL,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC;KACjC,CAAC;CACL"}

package/components/form/redux/types/base/types.js

@@ -0,0 +1,2 @@
+;
+export {};

package/components/form/redux/types/fieldValue.d.ts

@@ -0,0 +1,10 @@
+/** Form field value */
+export interface FieldValue {
+    /** Field name */
+    key: string;
+    /** Field value data type */
+    type: string;
+    /** Last field value */
+    value: any;
+}
+//# sourceMappingURL=fieldValue.d.ts.map

package/components/form/redux/types/fieldValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldValue.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/redux/types/fieldValue.ts"],"names":[],"mappings":"AAAA,uBAAuB;AACvB,MAAM,WAAW,UAAU;IACvB,iBAAiB;IACjB,GAAG,EAAE,MAAM,CAAC;IAEZ,4BAA4B;IAC5B,IAAI,EAAE,MAAM,CAAC;IAEb,uBAAuB;IACvB,KAAK,EAAE,GAAG,CAAC;CACd"}

package/components/form/redux/types/fieldValue.js

@@ -0,0 +1 @@
+export {};

package/components/form/redux/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./state";
+export * from "./base/types";
+export * from "./fieldValue";
+//# sourceMappingURL=index.d.ts.map

package/components/form/redux/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/redux/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC"}

package/components/form/redux/types/index.js

@@ -0,0 +1,3 @@
+export * from "./state";
+export * from "./base/types";
+export * from "./fieldValue";

package/components/form/redux/types/state.d.ts

@@ -0,0 +1,37 @@
+import { FormConfig, ExtendedFormItem } from "../../types";
+import { FieldValue } from "./fieldValue";
+/**
+ * Form status
+ * @description Represents form current lifecycle stage
+*/
+export declare type FormStatus = "init" | "idle" | "validating" | "submited" | "validation errors";
+/**
+ * Form purity state.
+ * Represent form state whenever user changed any field value
+ */
+export declare enum FormPurityState {
+    /** Form is pure, none fields was changed */
+    Pure = 0,
+    /** Form is dirty, some of fields was touched by user and value was changed */
+    Dirty = 1
+}
+/** Form state */
+export interface FormState {
+    /** Current state */
+    state: FormStatus;
+    /** Form items */
+    items: Array<ExtendedFormItemInState<any, any>>;
+    /** Form configuration */
+    initialConfig: FormConfig | undefined;
+    /** Valid form values */
+    valuesStorage: Array<FieldValue>;
+    /** Current purity state */
+    purityState: FormPurityState;
+}
+/** Extension of form item to store order */
+interface ExtendedFormItemInState<TValue, TExtension> extends ExtendedFormItem<TValue, TExtension> {
+    /** Order in initial config */
+    order: number;
+}
+export {};
+//# sourceMappingURL=state.d.ts.map

package/components/form/redux/types/state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/redux/types/state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C;;;EAGE;AACF,oBAAY,UAAU,GAChB,MAAM,GACN,MAAM,GACN,YAAY,GACZ,UAAU,GACV,mBAAmB,CACpB;AAEL;;;GAGG;AACH,oBAAY,eAAe;IACvB,4CAA4C;IAC5C,IAAI,IAAI;IAER,8EAA8E;IAC9E,KAAK,IAAI;CACZ;AAED,iBAAiB;AACjB,MAAM,WAAW,SAAS;IACtB,oBAAoB;IACpB,KAAK,EAAE,UAAU,CAAC;IAElB,iBAAiB;IACjB,KAAK,EAAE,KAAK,CAAC,uBAAuB,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;IAEhD,yBAAyB;IACzB,aAAa,EAAE,UAAU,GAAG,SAAS,CAAC;IAEtC,wBAAwB;IACxB,aAAa,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAEjC,2BAA2B;IAC3B,WAAW,EAAE,eAAe,CAAC;CAChC;AAED,4CAA4C;AAC5C,UAAU,uBAAuB,CAAC,MAAM,EAAE,UAAU,CAAE,SAAQ,gBAAgB,CAAC,MAAM,EAAE,UAAU,CAAC;IAC9F,8BAA8B;IAC9B,KAAK,EAAE,MAAM,CAAC;CACjB"}

package/components/form/redux/types/state.js

@@ -0,0 +1,12 @@
+/**
+ * Form purity state.
+ * Represent form state whenever user changed any field value
+ */
+export var FormPurityState;
+(function (FormPurityState) {
+    /** Form is pure, none fields was changed */
+    FormPurityState[FormPurityState["Pure"] = 0] = "Pure";
+    /** Form is dirty, some of fields was touched by user and value was changed */
+    FormPurityState[FormPurityState["Dirty"] = 1] = "Dirty";
+})(FormPurityState || (FormPurityState = {}));
+;

package/components/form/redux/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./mapper";
+export * from "./validate";
+//# sourceMappingURL=index.d.ts.map

package/components/form/redux/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/redux/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC"}

package/components/form/redux/utils/index.js

@@ -0,0 +1,2 @@
+export * from "./mapper";
+export * from "./validate";

package/components/form/redux/utils/mapper.d.ts

@@ -0,0 +1,16 @@
+import { Field, ExtendedFormItem } from "../../types";
+/**
+ * @public
+ * Map external config to internal model
+ * @param items Form items from external config
+ * @returns Form items for internal use
+ */
+export declare const map: (items: Array<Field<any>>) => Array<ExtendedFormItem<any, any>>;
+/**
+ * @public
+ * Map external config to internal model
+ * @param item Form item from external config
+ * @returns Form item for internal use
+ */
+export declare const mapItem: (item: Field<any>) => ExtendedFormItem<any, any>;
+//# sourceMappingURL=mapper.d.ts.map

package/components/form/redux/utils/mapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapper.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/redux/utils/mapper.ts"],"names":[],"mappings":"AAEA,OAAO,EACQ,KAAK,EAAa,gBAAgB,EAEhD,MAAM,aAAa,CAAC;AAIrB;;;;;GAKG;AACH,eAAO,MAAM,GAAG,UAAW,MAAM,MAAM,GAAG,CAAC,CAAC,KAAG,MAAM,iBAAiB,GAAG,EAAE,GAAG,CAAC,CAE9E,CAAC;AAgCF;;;;;GAKG;AACH,eAAO,MAAM,OAAO,SAAU,MAAM,GAAG,CAAC,KAAG,iBAAiB,GAAG,EAAE,GAAG,CA0CnE,CAAC"}

package/components/form/redux/utils/mapper.js

@@ -0,0 +1,107 @@
+import { getClassName } from "@bodynarf/utils";
+import { getLookupExt, getCheckboxExt, getMultilineExt, } from "../../types";
+import { FormItemValidationState } from "../../types/model/formItemValidationState";
+import { required } from "../../utils/validators";
+/**
+ * @public
+ * Map external config to internal model
+ * @param items Form items from external config
+ * @returns Form items for internal use
+ */
+export const map = (items) => {
+    return items.map(mapItem);
+};
+/**
+ * @private
+ * View item type (see FieldType) mapping to stringified data value type
+ */
+const viewItemTypeToDataTypeMap = new Map([
+    ["text", "string"],
+    ["multiline", "string"],
+    ["checkbox", "boolean"],
+    ["number", "number"],
+    ["date", "date"],
+    ["lookup", "selectItem"],
+    ["password", "string"],
+]);
+/**
+ * BaseField model property names.
+ * Used for select extended configuration props in item config
+ */
+const defaultKeys = [
+    "name",
+    "type",
+    "viewConfig",
+    "label",
+    "validators",
+    "defaultValue",
+    "readonly",
+    "required"
+]
+    .map(x => x);
+/**
+ * @public
+ * Map external config to internal model
+ * @param item Form item from external config
+ * @returns Form item for internal use
+ */
+export const mapItem = (item) => {
+    const className = getClassName(item.viewConfig.classNames || []);
+    const isRequired = item.required === true;
+    const validators = item.validators ?? [];
+    if (isRequired) {
+        const hasValidator = validators.some(x => x === required);
+        if (!hasValidator) {
+            validators.push(required);
+        }
+    }
+    const keys = Object.keys(item);
+    const hasExtraKeys = keys.some(key => !defaultKeys.includes(key));
+    const extension = hasExtraKeys ? getExtension(item) : undefined;
+    const result = {
+        name: item.name,
+        viewConfig: {
+            className: className,
+            caption: item.label.caption,
+            layoutConfig: item.viewConfig.layout,
+            disabled: item.readonly === true,
+            type: item.type,
+        },
+        modelConfig: {
+            type: viewItemTypeToDataTypeMap.get(item.type),
+            defaultValue: item.defaultValue,
+            value: null,
+            validators: validators,
+            required: isRequired,
+            validationMessages: [],
+            validationState: FormItemValidationState.None,
+        },
+        extension: extension,
+    };
+    return result;
+};
+/**
+ * Get specific component extension if item has extended properties
+ * @param item Form item configuration
+ * @returns Custom extended configuration if extra props are found; otherwise `undefined`
+ */
+const getExtension = (item) => {
+    let extension = undefined;
+    switch (item.type) {
+        case "date":
+        case "number":
+        case "password":
+        case "text":
+            break;
+        case "checkbox":
+            extension = getCheckboxExt(item);
+            break;
+        case "lookup":
+            extension = getLookupExt(item);
+            break;
+        case "multiline":
+            extension = getMultilineExt(item);
+            break;
+    }
+    return extension;
+};

package/components/form/redux/utils/validate.d.ts

@@ -0,0 +1,9 @@
+import { FormItem, ValidationResult } from "../../types";
+/**
+ * Validate form item by it's own validators
+ * @param item Form item to validate
+ * @param value Form item last value
+ * @returns Instance of @see ValidationResult with result of validation
+ */
+export declare const validateItem: (item: FormItem<any>, value: any) => ValidationResult;
+//# sourceMappingURL=validate.d.ts.map

package/components/form/redux/utils/validate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/redux/utils/validate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAA2B,MAAM,aAAa,CAAC;AAElF;;;;;GAKG;AACH,eAAO,MAAM,YAAY,SAAU,SAAS,GAAG,CAAC,SAAS,GAAG,KAAG,gBA8B9D,CAAC"}

package/components/form/redux/utils/validate.js

@@ -0,0 +1,33 @@
+import { isNullOrUndefined, isStringEmpty } from "@bodynarf/utils";
+import { FormItemValidationState } from "../../types";
+/**
+ * Validate form item by it's own validators
+ * @param item Form item to validate
+ * @param value Form item last value
+ * @returns Instance of @see ValidationResult with result of validation
+ */
+export const validateItem = (item, value) => {
+    if (item.modelConfig.validators.length === 0) {
+        return {
+            fieldName: item.name,
+            messages: [],
+            state: FormItemValidationState.None,
+        };
+    }
+    const messages = [];
+    item.modelConfig.validators.forEach(validator => {
+        const error = validator(value);
+        if (isNullOrUndefined(error) || isStringEmpty(error)) {
+            return;
+        }
+        messages.push(error);
+    });
+    const status = messages.length > 0
+        ? FormItemValidationState.Invalid
+        : FormItemValidationState.Valid;
+    return {
+        fieldName: item.name,
+        messages: messages,
+        state: status
+    };
+};