@spscommerce/ds-react 5.20.2 → 5.20.3-ie

package/dist/out-tsc/form/hooks/useForm.js

@@ -0,0 +1,98 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
+import { forEachNestedObject, traversePath } from "@spscommerce/utils";
+import { useReducer, useState } from "react";
+import { validate } from "../validation/validate";
+export function useForm(controls, initValue) {
+    if (initValue) {
+        controls.setInitValue(initValue);
+    }
+    var _a = __read(useState(), 2), scheduledDispatch = _a[0], setScheduledDispatch = _a[1];
+    var _b = __read(useState([]), 2), updatedPaths = _b[0], setUpdatedPaths = _b[1];
+    var _c = __read(useReducer(function (state) {
+        var e_1, _a, e_2, _b;
+        try {
+            for (var updatedPaths_1 = __values(updatedPaths), updatedPaths_1_1 = updatedPaths_1.next(); !updatedPaths_1_1.done; updatedPaths_1_1 = updatedPaths_1.next()) {
+                var path = updatedPaths_1_1.value;
+                try {
+                    for (var _c = (e_2 = void 0, __values(traversePath(state, path))), _d = _c.next(); !_d.done; _d = _c.next()) {
+                        var object = _d.value;
+                        if (object.validators && object.validators.length) {
+                            object.errors = validate(object.getValue(), object.validators);
+                            object.invalid = !!object.errors && !object.pristine;
+                        }
+                    }
+                }
+                catch (e_2_1) { e_2 = { error: e_2_1 }; }
+                finally {
+                    try {
+                        if (_d && !_d.done && (_b = _c.return)) _b.call(_c);
+                    }
+                    finally { if (e_2) throw e_2.error; }
+                }
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (updatedPaths_1_1 && !updatedPaths_1_1.done && (_a = updatedPaths_1.return)) _a.call(updatedPaths_1);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+        setScheduledDispatch(null);
+        setUpdatedPaths([]);
+        return __assign({}, state);
+    }, controls), 2), form = _c[0], dispatch = _c[1];
+    forEachNestedObject(form, function (path, object) {
+        /* eslint-disable-next-line no-underscore-dangle */
+        if (object._type) {
+            /* eslint-disable-next-line no-param-reassign */
+            object.update = function update() {
+                updatedPaths.push(path);
+                setUpdatedPaths(updatedPaths);
+                if (!scheduledDispatch) {
+                    setScheduledDispatch(window.setTimeout(dispatch, 0));
+                }
+                return this;
+            };
+        }
+    });
+    return form;
+}
+//# sourceMappingURL=useForm.js.map

package/dist/out-tsc/form/hooks/useForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useForm.js","sourceRoot":"","sources":["../../../../src/form/hooks/useForm.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAGlD,MAAM,UAAU,OAAO,CAA0B,QAAW,EAAE,SAAe;IAC3E,IAAI,SAAS,EAAE;QACb,QAAQ,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;KAClC;IAEK,IAAA,KAAA,OAA4C,QAAQ,EAAU,IAAA,EAA7D,iBAAiB,QAAA,EAAE,oBAAoB,QAAsB,CAAC;IAC/D,IAAA,KAAA,OAAkC,QAAQ,CAAC,EAAE,CAAC,IAAA,EAA7C,YAAY,QAAA,EAAE,eAAe,QAAgB,CAAC;IAC/C,IAAA,KAAA,OAAmB,UAAU,CAAC,UAAC,KAAK;;;YACxC,KAAmB,IAAA,iBAAA,SAAA,YAAY,CAAA,0CAAA,oEAAE;gBAA5B,IAAM,IAAI,yBAAA;;oBACb,KAAqB,IAAA,oBAAA,SAAA,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA,CAAA,gBAAA,4BAAE;wBAA3C,IAAM,MAAM,WAAA;wBACf,IAAI,MAAM,CAAC,UAAU,IAAI,MAAM,CAAC,UAAU,CAAC,MAAM,EAAE;4BACjD,MAAM,CAAC,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC;4BAC/D,MAAM,CAAC,OAAO,GAAG,CAAC,CAAC,MAAM,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC;yBACtD;qBACF;;;;;;;;;aACF;;;;;;;;;QAED,oBAAoB,CAAC,IAAI,CAAC,CAAC;QAC3B,eAAe,CAAC,EAAE,CAAC,CAAC;QACpB,oBAAY,KAAK,EAAG;IACtB,CAAC,EAAE,QAAQ,CAAC,IAAA,EAbL,IAAI,QAAA,EAAE,QAAQ,QAaT,CAAC;IAEb,mBAAmB,CAAC,IAAI,EAAE,UAAC,IAAmB,EAAE,MAAW;QACzD,mDAAmD;QACnD,IAAI,MAAM,CAAC,KAAK,EAAE;YAChB,gDAAgD;YAChD,MAAM,CAAC,MAAM,GAAG,SAAS,MAAM;gBAC7B,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBACxB,eAAe,CAAC,YAAY,CAAC,CAAC;gBAC9B,IAAI,CAAC,iBAAiB,EAAE;oBACtB,oBAAoB,CAAC,MAAM,CAAC,UAAU,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC;iBACtD;gBACD,OAAO,IAAI,CAAC;YACd,CAAC,CAAC;SACH;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/out-tsc/form/hooks/useFormControlId.d.ts

@@ -0,0 +1,4 @@
+export declare function useFormControlId(id: string, formControl?: any): {
+    wrapperId: string;
+    controlId: string;
+};

package/dist/out-tsc/form/hooks/useFormControlId.js

@@ -0,0 +1,18 @@
+import { useEffect, useRef } from "react";
+import { useElementId } from "../../utils/useElementId";
+export function useFormControlId(id, formControl) {
+    var wrapperId = useElementId(id);
+    var controlId = useRef(wrapperId.current + "_ctrl");
+    useEffect(function () {
+        if (formControl) {
+            /* eslint-disable-next-line no-param-reassign */
+            formControl.id = controlId.current;
+            formControl.update();
+        }
+    }, [formControl]);
+    return {
+        wrapperId: wrapperId.current,
+        controlId: controlId.current,
+    };
+}
+//# sourceMappingURL=useFormControlId.js.map

package/dist/out-tsc/form/hooks/useFormControlId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormControlId.js","sourceRoot":"","sources":["../../../../src/form/hooks/useFormControlId.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,MAAM,UAAU,gBAAgB,CAAC,EAAU,EAAE,WAAiB;IAC5D,IAAM,SAAS,GAAG,YAAY,CAAC,EAAE,CAAC,CAAC;IACnC,IAAM,SAAS,GAAG,MAAM,CAAI,SAAS,CAAC,OAAO,UAAO,CAAC,CAAC;IACtD,SAAS,CAAC;QACR,IAAI,WAAW,EAAE;YACf,gDAAgD;YAChD,WAAW,CAAC,EAAE,GAAG,SAAS,CAAC,OAAO,CAAC;YACnC,WAAW,CAAC,MAAM,EAAE,CAAC;SACtB;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO;QACL,SAAS,EAAE,SAAS,CAAC,OAAO;QAC5B,SAAS,EAAE,SAAS,CAAC,OAAO;KAC7B,CAAC;AACJ,CAAC"}

package/dist/out-tsc/form/hooks/useServerSideValidation.d.ts

@@ -0,0 +1,3 @@
+import type { SpsValidationStatus } from "../validation/types";
+import type { SpsAbstractControl } from "./SpsAbstractControl.interface";
+export declare function useServerSideValidation(formControl: SpsAbstractControl<any>, initialState?: SpsValidationStatus): (import("../validation/types").SpsValidationErrors | import("react").Dispatch<import("react").SetStateAction<import("../validation/types").SpsValidationErrors>>)[];

package/dist/out-tsc/form/hooks/useServerSideValidation.js

@@ -0,0 +1,37 @@
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import { useState, useEffect, useRef } from "react";
+export function useServerSideValidation(formControl, initialState) {
+    if (initialState === void 0) { initialState = null; }
+    var _a = __read(useState(initialState), 2), status = _a[0], setStatus = _a[1];
+    var validatiorFn = useRef(function () { return null; });
+    useEffect(function () {
+        var newFn = function () { return status; };
+        var index = formControl.validators.indexOf(validatiorFn.current);
+        if (index === -1) {
+            formControl.validators.push(newFn);
+        }
+        else {
+            /* eslint-disable-next-line no-param-reassign */
+            formControl.validators[index] = newFn;
+        }
+        formControl.update();
+        validatiorFn.current = newFn;
+    }, [status]);
+    return [status, setStatus];
+}
+//# sourceMappingURL=useServerSideValidation.js.map

package/dist/out-tsc/form/hooks/useServerSideValidation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useServerSideValidation.js","sourceRoot":"","sources":["../../../../src/form/hooks/useServerSideValidation.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAIpD,MAAM,UAAU,uBAAuB,CACrC,WAAoC,EACpC,YAAwC;IAAxC,6BAAA,EAAA,mBAAwC;IAElC,IAAA,KAAA,OAAsB,QAAQ,CAAC,YAAY,CAAC,IAAA,EAA3C,MAAM,QAAA,EAAE,SAAS,QAA0B,CAAC;IACnD,IAAM,YAAY,GAAG,MAAM,CAAC,cAAM,OAAA,IAAI,EAAJ,CAAI,CAAC,CAAC;IAExC,SAAS,CAAC;QACR,IAAM,KAAK,GAAG,cAAM,OAAA,MAAM,EAAN,CAAM,CAAC;QAC3B,IAAM,KAAK,GAAG,WAAW,CAAC,UAAU,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACnE,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;YAChB,WAAW,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SACpC;aAAM;YACL,gDAAgD;YAChD,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC;SACvC;QACD,WAAW,CAAC,MAAM,EAAE,CAAC;QACrB,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC;IAC/B,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;AAC7B,CAAC"}

package/dist/out-tsc/form/hooks/useSpsForm.d.ts

@@ -0,0 +1,83 @@
+import type { SpsValidator, SpsValidationErrors } from "../validation/types";
+declare type PathComponent = string | number;
+declare type Path = PathComponent[];
+declare type UpdateFn = (path?: Path, newValue?: any, markAsBlurred?: boolean, newValidators?: Array<SpsValidator<any>>) => void;
+export declare abstract class SpsFormMetaBase<T> {
+    path: Path;
+    update: UpdateFn;
+    validators: Array<SpsValidator<T>>;
+    errors: SpsValidationErrors | null;
+    revealAllErrors: boolean;
+    preventativeErrors: any[];
+    submitted: boolean;
+    constructor(path: Path, update: UpdateFn);
+    abstract isPristine(): boolean;
+    abstract markAsPristine(): SpsFormMetaBase<T>;
+    abstract markAsDirty(): SpsFormMetaBase<T>;
+    abstract isFocused(): boolean;
+    setValidators(newValidators: Array<SpsValidator<T>>): SpsFormMetaBase<T>;
+    validate(newValue: T): SpsFormMetaBase<T>;
+    isValid(): boolean;
+    hasErrors(): boolean;
+    isVisibilyInvalid(): boolean;
+    hasError(errorKey: string): any;
+    hasPreventativeError(errorKey: string): boolean;
+    hasPreventativeErrors(): boolean;
+    isRequired(): boolean;
+    isSubmitted(): boolean;
+    onFocus(): void;
+    onBlur(): void;
+}
+export declare class SpsFormFieldMeta<T> extends SpsFormMetaBase<T> {
+    id: string;
+    focused: boolean;
+    pristine: boolean;
+    setValue(newValue: T): void;
+    isPristine(): boolean;
+    markAsPristine(): SpsFormFieldMeta<T>;
+    markAsDirty(): SpsFormFieldMeta<T>;
+    isFocused(): boolean;
+    markAsFocused(): SpsFormFieldMeta<T>;
+    markAsBlurred(): SpsFormFieldMeta<T>;
+    markAsSubmitted(): SpsFormFieldMeta<T>;
+}
+export declare type InferredSpsFormMeta<T> = SpsFormMetaBase<T> & (T extends any[] ? SpsFormArrayMeta<T> : T extends (Array<infer U> | undefined) ? SpsFormArrayMeta<U[]> | undefined : T extends object ? SpsFormGroupMeta<T> : T extends (object | undefined) ? SpsFormGroupMeta<object & T> | undefined : T extends boolean ? SpsFormFieldMeta<boolean> : T extends (infer V | undefined) ? SpsFormFieldMeta<V> | undefined : SpsFormFieldMeta<T>);
+export declare type SpsFormSetMembers<T> = {
+    [K in keyof T]?: SpsFormMetaBase<any>;
+};
+export declare type InferredSpsFormMetaSetMembers<T> = SpsFormSetMembers<T> & {
+    [K in keyof T]: InferredSpsFormMeta<T[K]>;
+};
+export declare type SpsFormSetValue = any[] | object;
+export declare abstract class SpsFormSetMeta<T extends SpsFormSetValue, U extends SpsFormSetMembers<T> = InferredSpsFormMetaSetMembers<T>> extends SpsFormFieldMeta<T> {
+    fields: U;
+    constructor(path: Path, update: UpdateFn);
+    constructor(inferMembersFromValue: T, path: Path, update: UpdateFn);
+    protected abstract inferMembers(inferFromValue: T): any;
+    protected inferSpsControl(valueOrControl: any, key: PathComponent): SpsFormMetaBase<any>;
+    private rollup;
+    isFocused(): boolean;
+    isValid(): boolean;
+    hasErrors(): boolean;
+    contentsAreValid(): boolean;
+    isPristine(): boolean;
+    markAsPristine(): this;
+    markAsDirty(): this;
+    markAsBlurred(): this;
+    markAsSubmitted(): this;
+}
+export declare class SpsFormGroupMeta<T extends object> extends SpsFormSetMeta<T> {
+    protected inferMembers(inferFromValue: T): void;
+}
+export declare class SpsFormArrayMeta<T extends any[]> extends SpsFormSetMeta<T> {
+    protected inferMembers(inferFromValue: T): void;
+}
+export interface SpsFormState<T extends SpsFormSetValue> {
+    formValue: T;
+    formMeta: SpsFormSetMeta<T>;
+    updateForm: (newValue?: T) => void;
+}
+export declare type SpsValidatorMapValue = Array<SpsValidator<any>> | ((value: any) => Array<SpsValidator<any>>);
+export declare type SpsValidatorMap = Record<string, SpsValidatorMapValue>;
+export declare function useSpsForm<T extends SpsFormSetValue>(value: T, validatorMap?: SpsValidatorMap): SpsFormState<T>;
+export {};