envoc-form 3.2.0 → 4.0.1-1

package/lib/TextArea/TextAreaGroup.js

@@ -0,0 +1,38 @@
+"use strict";
+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 __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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var Group_1 = __importDefault(require("../Group"));
+/** generic controlled <textarea/> wrapped by a Group */
+function TextAreaGroup(_a, ref) {
+    var input = _a.input, meta = _a.meta, label = _a.label, helpText = _a.helpText, className = _a.className, disabled = _a.disabled, icon = _a.icon, rest = __rest(_a, ["input", "meta", "label", "helpText", "className", "disabled", "icon"]);
+    return ((0, jsx_runtime_1.jsxs)(Group_1.default, __assign({ input: input, meta: meta, disabled: disabled, label: label, helpText: helpText, className: (0, classnames_1.default)(className, 'text-area-group') }, { children: [icon, (0, jsx_runtime_1.jsx)("textarea", __assign({}, input, rest, { value: input.value, onChange: function (val) { return input.onChange(val.target.value); }, ref: ref, className: (0, classnames_1.default)(className, 'text-area-group') }))] })));
+}
+var TextAreaGroupWithRef = react_1.default.forwardRef(TextAreaGroup);
+exports.default = TextAreaGroupWithRef;

package/lib/Validation/ValidatedApiResult.d.ts

@@ -0,0 +1,6 @@
+import { ValidationError } from './ValidationError';
+/** The root result from a typical envoc API call when forms are returned */
+export interface ValidatedApiResult {
+    validationFailures?: ValidationError[];
+    hasErrors?: boolean;
+}

package/lib/Validation/ValidatedApiResult.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/Validation/ValidationError.d.ts

@@ -0,0 +1,5 @@
+/** Represents a server side validation failure - only 'standard' for envoc */
+export interface ValidationError {
+    propertyName?: string;
+    errorMessage?: string;
+}

package/lib/Validation/ValidationError.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/Validation/ValidationFunction.d.ts

@@ -0,0 +1,4 @@
+/** Client side validation function */
+export interface ValidationFunction<TValue> {
+    (value: TValue): string | undefined;
+}

package/lib/Validation/ValidationFunction.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/Validation/validators.d.ts

@@ -0,0 +1,15 @@
+import { ValidationFunction } from './ValidationFunction';
+export declare const required: (value: any) => "Required" | undefined;
+export declare const length: (len: number) => (value: string | number | undefined) => string | undefined;
+export declare const integer: (val: string | number | undefined) => "Must be a whole number" | undefined;
+export declare const maxLength: (len: number) => (value: string | number | undefined) => string | undefined;
+export declare const maxCount: (count: number) => (value: {
+    isDeleted?: boolean;
+}[] | undefined) => string | undefined;
+export declare const minCount: (count: number) => (value: {
+    isDeleted?: boolean;
+}[] | undefined) => string | undefined;
+export declare const maxValue: (max: number) => (value: number | undefined) => string | undefined;
+export declare const minValue: (min: number) => (value: number | undefined) => string | undefined;
+export declare const zipCode: (value: string | undefined) => "Invalid ZIP Code" | undefined;
+export declare const any: <TValue>(validatorList: ValidationFunction<TValue>[]) => (value: TValue) => string | undefined;

package/lib/Validation/validators.js

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.any = exports.zipCode = exports.minValue = exports.maxValue = exports.minCount = exports.maxCount = exports.maxLength = exports.integer = exports.length = exports.required = void 0;
+var required = function (value) {
+    return Array.isArray(value)
+        ? value.length > 0
+            ? undefined
+            : 'Required'
+        : value || value === false || value === 0
+            ? undefined
+            : 'Required';
+};
+exports.required = required;
+//asserts that the value is a certain number of characters. numbers are coerced to a string
+var length = function (len) { return function (value) {
+    var hasError = getLengthOfValue(value) !== len;
+    return !hasError ? undefined : "Length must be ".concat(len);
+}; };
+exports.length = length;
+var integer = function (val) {
+    if (!val) {
+        return undefined;
+    }
+    if (!Number.isInteger(typeof val === 'number' ? val : parseFloat(val))) {
+        return 'Must be a whole number';
+    }
+};
+exports.integer = integer;
+var maxLength = function (len) { return function (value) {
+    var hasError = getLengthOfValue(value) > len;
+    return !hasError ? undefined : "Maximum length ".concat(len, " exceeded");
+}; };
+exports.maxLength = maxLength;
+var maxCount = function (count) { return function (value) {
+    var hasError = !!value && value.filter(function (x) { return !x.isDeleted; }).length > count;
+    return !hasError ? undefined : "Should not have more than ".concat(count);
+}; };
+exports.maxCount = maxCount;
+var minCount = function (count) { return function (value) {
+    var hasError = !value || value.filter(function (x) { return !x.isDeleted; }).length < count;
+    return !hasError ? undefined : "Should have at least ".concat(count);
+}; };
+exports.minCount = minCount;
+var maxValue = function (max) { return function (value) {
+    var hasError = !!value && value > max;
+    return !hasError ? undefined : "Maximum value ".concat(max, " exceeded");
+}; };
+exports.maxValue = maxValue;
+var minValue = function (min) { return function (value) {
+    var hasError = !value || value < min;
+    return !hasError ? undefined : "Minimum value ".concat(min, " not met");
+}; };
+exports.minValue = minValue;
+var zipCode = function (value) {
+    return value && !/^[0-9]{5}(?:-[0-9]{4})?$/.test(value)
+        ? 'Invalid ZIP Code'
+        : undefined;
+};
+exports.zipCode = zipCode;
+//one of the validators provided must be true
+var any = function (validatorList) {
+    return function (value) {
+        if (validatorList.length === 0 || !value) {
+            return;
+        }
+        return validatorList.reduce(function (isAnyTrue, x) { return (isAnyTrue ? isAnyTrue : x(value)); }, undefined);
+    };
+};
+exports.any = any;
+function getLengthOfValue(value) {
+    switch (typeof value) {
+        case 'undefined':
+            return 0;
+        case 'string':
+            return value.length;
+        case 'number':
+            // TODO: this seems iffy to me - what if the actual visible value is a fixed length or some special format (e.g. with commas?)
+            return value.toString().length;
+        default:
+            assertUnreachable(value);
+            return 0;
+    }
+}
+function assertUnreachable(x) {
+    return null;
+}

package/lib/__Tests__/FormTestBase.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import '@testing-library/jest-dom/extend-expect';
+import { DateOnly, FormBuilderProp } from '../../src';
+interface FormTestBaseProps<TForm extends object> {
+    children: (formBuilder: FormBuilderProp<TForm>) => JSX.Element;
+    initialValues?: TForm;
+}
+export default function FormTestBase<TForm extends PersonDto>({ children, initialValues, }: FormTestBaseProps<TForm>): JSX.Element;
+interface PersonDto {
+    name?: string | undefined;
+    nameWithIcon?: string | undefined;
+    numberOfArms?: number;
+    phoneNumber?: string;
+    yearlySalaryUSD?: number;
+    isCool?: boolean;
+    gradDate?: DateOnly;
+    favoriteDate?: DateOnly;
+    favoriteNumber?: number;
+    favoriteColor?: string;
+    favoriteColors?: string[];
+    favoriteNames?: string[];
+    allowLogin?: boolean;
+    userRoles?: number[];
+    profileImage?: any;
+    favoritePictures?: any[];
+}
+export {};

package/lib/__Tests__/FormTestBase.js

@@ -1,25 +1,86 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = FormTestBase;
-
-require("@testing-library/jest-dom/extend-expect");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactRouterDom = require("react-router-dom");
-
-var _Form = _interopRequireDefault(require("../Form"));
-
-function FormTestBase(_ref) {
-  var children = _ref.children,
-      initialValues = _ref.initialValues;
-  return /*#__PURE__*/_react["default"].createElement(_reactRouterDom.HashRouter, null, /*#__PURE__*/_react["default"].createElement(_Form["default"], {
-    onSubmit: function onSubmit() {},
-    initialValues: initialValues
-  }, children));
-}
+"use strict";
+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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+require("@testing-library/jest-dom/extend-expect");
+var react_router_dom_1 = require("react-router-dom");
+var src_1 = require("../../src");
+function FormTestBase(_a) {
+    var children = _a.children, initialValues = _a.initialValues;
+    return ((0, jsx_runtime_1.jsx)(react_router_dom_1.HashRouter, { children: (0, jsx_runtime_1.jsx)(src_1.Form, __assign({ onSubmit: onSubmit, initialValues: initialValues }, { children: children })) }));
+    function onSubmit(data) {
+        return __awaiter(this, void 0, void 0, function () {
+            var isFormData, result, apiResult;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        isFormData = data instanceof FormData;
+                        return [4 /*yield*/, fetch('/api/submit', {
+                                body: isFormData ? data : JSON.stringify(data),
+                                method: 'POST',
+                                headers: {
+                                    'Content-Type': isFormData ? 'multipart/form-data' : 'application/json',
+                                    'X-Show-Errors': "Errors go here",
+                                },
+                            })];
+                    case 1:
+                        result = _a.sent();
+                        return [4 /*yield*/, result.json()];
+                    case 2:
+                        apiResult = _a.sent();
+                        if (!apiResult.hasErrors) {
+                            alert('submitted');
+                        }
+                        return [2 /*return*/, apiResult];
+                }
+            });
+        });
+    }
+}
+exports.default = FormTestBase;

package/lib/__Tests__/index.d.ts

@@ -0,0 +1,2 @@
+import FormTestBase from './FormTestBase';
+export { FormTestBase };

package/lib/__Tests__/index.js

@@ -1,15 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "FormTestBase", {
-  enumerable: true,
-  get: function get() {
-    return _FormTestBase["default"];
-  }
-});
-
-var _FormTestBase = _interopRequireDefault(require("./FormTestBase"));
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormTestBase = void 0;
+var FormTestBase_1 = __importDefault(require("./FormTestBase"));
+exports.FormTestBase = FormTestBase_1.default;

package/lib/index.d.ts

@@ -0,0 +1,71 @@
+export { default as AddressInput } from './AddressInput/AddressInput';
+export type { AddressInputProps } from './AddressInput/AddressInput';
+export { default as SubmitFormButton } from './SubmitFormButton';
+export type { SubmitFormButtonProps } from './SubmitFormButton';
+export { default as ConfirmBaseForm } from './ConfirmBaseForm/ConfirmBaseForm';
+export type { ConfirmBaseFormProps } from './ConfirmBaseForm/ConfirmBaseForm';
+export { default as ConfirmDeleteForm } from './ConfirmDeleteForm/ConfirmDeleteForm';
+export type { ConfirmDeleteFormProps } from './ConfirmDeleteForm/ConfirmDeleteForm';
+export { default as DatePickerGroup } from './DatePicker/DatePickerGroup';
+export type { DatePickerGroupProps as DatePickerGroupProps } from './DatePicker/DatePickerGroup';
+export type { DatePickerHelper } from './DatePicker/DatePickerHelper';
+export { default as DateOnlyDatePickerGroup } from './DatePicker/DateOnlyDatePickerGroup';
+export type { DateOnly, DateOnlyDatePickerGroupProps, } from './DatePicker/DateOnlyDatePickerGroup';
+export { default as StringDatePickerGroup } from './DatePicker/StringDatePickerGroup';
+export type { StringDatePickerGroupProps } from './DatePicker/StringDatePickerGroup';
+export { default as Field } from './Field/Field';
+export type { FieldProps } from './Field/Field';
+export type { RenderComponent } from './Field/Field';
+export type { RenderComponentProps } from './Field/Field';
+export { default as FieldErrorScrollTarget } from './Field/FieldErrorScrollTarget';
+export { FieldNameContext } from './Field/FieldNameContext';
+export type { InjectedFieldProps } from './Field/InjectedFieldProps';
+export { default as StandAloneInput } from './Field/StandAloneInput';
+export type { StandAloneInputProps } from './Field/StandAloneInput';
+export { default as useStandardField } from './Field/useStandardField';
+export type { useStandardFieldProps } from './Field/useStandardField';
+export { default as FieldArray } from './FieldArray/FieldArray';
+export type { FieldArrayProps, ArrayFormBuilderProp, } from './FieldArray/FieldArray';
+export { default as FileGroup } from './File/FileGroup';
+export type { FileGroupProps } from './File/FileGroup';
+export { default as Form } from './Form/Form';
+export type { FormBuilderProp, FormProps } from './Form/Form';
+export { ServerErrorContext } from './Form/ServerErrorContext';
+export type { ServerErrorContextProps, ServerErrors, } from './Form/ServerErrorContext';
+export { default as FormActions } from './FormActions';
+export type { FormActionsProps as FormActionsProps } from './FormActions';
+export { default as StandardFormActions } from './StandardFormActions';
+export type { StandardFormActionsProps as StandardFormActionsProps } from './StandardFormActions';
+export { default as Group } from './Group';
+export type { GroupProps as GroupProps } from './Group';
+export { default as IconInputGroup } from './Input/IconInputGroup';
+export type { IconInputGroupProps } from './Input/IconInputGroup';
+export { default as InputGroup } from './Input/InputGroup';
+export type { InputGroupProps } from './Input/InputGroup';
+export { default as MoneyInputGroup } from './Input/MoneyInputGroup';
+export type { MoneyInputGroupProps } from './Input/MoneyInputGroup';
+export { default as NumberInputGroup } from './Input/NumberInputGroup';
+export type { NumberInputGroupProps } from './Input/NumberInputGroup';
+export { default as StringInputGroup } from './Input/StringInputGroup';
+export type { StringInputGroupProps } from './Input/StringInputGroup';
+export type { NormalizationFunction } from './Normalization/NormalizationFunction';
+export * as normalizers from './Normalization/normalizers';
+export { default as SelectGroup } from './Select/SelectGroup';
+export type { SelectGroupProps, SelectOption } from './Select/SelectGroup';
+export { BooleanSelectGroup } from './Select/BooleanSelectGroup';
+export type { BooleanSelectGroupProps } from './Select/BooleanSelectGroup';
+export { MultiNumberSelectGroup, SingleNumberSelectGroup, } from './Select/NumberSelectGroup';
+export type { MultiNumberSelectGroupProps, SingleNumberSelectGroupProps, } from './Select/NumberSelectGroup';
+export type { SelectGroupPropsHelper } from './Select/SelectGroupPropsHelper';
+export { MultiStringSelectGroup, SingleStringSelectGroup, } from './Select/StringSelectGroup';
+export type { MultiStringSelectGroupProps, SingleStringSelectGroupProps, } from './Select/StringSelectGroup';
+export { default as TextAreaGroup } from './TextArea/TextAreaGroup';
+export type { TextAreaGroupProps } from './TextArea/TextAreaGroup';
+export { default as objectContainsNonSerializableProperty } from './utils/objectContainsNonSerializableProperty';
+export { default as serialize } from './utils/objectToFormData';
+export type { ObjectToFormDataCfgProps } from './utils/objectToFormData';
+export * from './utils/typeChecks';
+export type { ValidatedApiResult } from './Validation/ValidatedApiResult';
+export type { ValidationError } from './Validation/ValidationError';
+export type { ValidationFunction } from './Validation/ValidationFunction';
+export * as validators from './Validation/validators';