envoc-form 4.0.1-3 → 4.0.1-4

package/es/Form/Form.js

@@ -22,6 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext, useMemo, useState, } from 'react';
+import classNames from 'classnames';
 import { Form as FormikFormWrapper, Formik, useFormikContext, } from 'formik';
 import FocusError from './FocusError';
 import FormBasedPreventNavigation from './FormBasedPreventNavigation';
@@ -51,7 +52,7 @@ export default function Form(_a) {
                 _a)));
         },
     }); }, [serverErrors]);
-    return (_jsx(Formik, __assign({ validateOnChange: false, validateOnBlur: true, validateOnMount: false, initialValues: initialValues || {}, onSubmit: handleSubmit }, props, { children: _jsx(ServerErrorContext.Provider, __assign({ value: serverErrorContextValue }, { children: _jsxs(FormikFormWrapper, __assign({ className: className, style: style }, { children: [_jsx(FocusError, { serverErrors: serverErrorContextValue }), _jsx(FormBasedPreventNavigation, { ignoreLostChanges: ignoreLostChanges }), children({
+    return (_jsx(Formik, __assign({ validateOnChange: false, validateOnBlur: true, validateOnMount: false, initialValues: initialValues || {}, onSubmit: handleSubmit }, props, { children: _jsx(ServerErrorContext.Provider, __assign({ value: serverErrorContextValue }, { children: _jsxs(FormikFormWrapper, __assign({ className: classNames(className, 'form'), style: style }, { children: [_jsx(FocusError, { serverErrors: serverErrorContextValue }), _jsx(FormBasedPreventNavigation, { ignoreLostChanges: ignoreLostChanges }), children({
                         // hack for ref forwarding
                         Field: Field,
                         FieldArray: FieldArray,

package/lib/Form/Form.js

@@ -27,6 +27,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
+var classnames_1 = __importDefault(require("classnames"));
 var formik_1 = require("formik");
 var FocusError_1 = __importDefault(require("./FocusError"));
 var FormBasedPreventNavigation_1 = __importDefault(require("./FormBasedPreventNavigation"));
@@ -56,7 +57,7 @@ function Form(_a) {
                 _a)));
         },
     }); }, [serverErrors]);
-    return ((0, jsx_runtime_1.jsx)(formik_1.Formik, __assign({ validateOnChange: false, validateOnBlur: true, validateOnMount: false, initialValues: initialValues || {}, onSubmit: handleSubmit }, props, { children: (0, jsx_runtime_1.jsx)(ServerErrorContext_1.ServerErrorContext.Provider, __assign({ value: serverErrorContextValue }, { children: (0, jsx_runtime_1.jsxs)(formik_1.Form, __assign({ className: className, style: style }, { children: [(0, jsx_runtime_1.jsx)(FocusError_1.default, { serverErrors: serverErrorContextValue }), (0, jsx_runtime_1.jsx)(FormBasedPreventNavigation_1.default, { ignoreLostChanges: ignoreLostChanges }), children({
+    return ((0, jsx_runtime_1.jsx)(formik_1.Formik, __assign({ validateOnChange: false, validateOnBlur: true, validateOnMount: false, initialValues: initialValues || {}, onSubmit: handleSubmit }, props, { children: (0, jsx_runtime_1.jsx)(ServerErrorContext_1.ServerErrorContext.Provider, __assign({ value: serverErrorContextValue }, { children: (0, jsx_runtime_1.jsxs)(formik_1.Form, __assign({ className: (0, classnames_1.default)(className, 'form'), style: style }, { children: [(0, jsx_runtime_1.jsx)(FocusError_1.default, { serverErrors: serverErrorContextValue }), (0, jsx_runtime_1.jsx)(FormBasedPreventNavigation_1.default, { ignoreLostChanges: ignoreLostChanges }), children({
                         // hack for ref forwarding
                         Field: Field_1.default,
                         FieldArray: FieldArray_1.default,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "envoc-form",
-  "version": "4.0.1-3",
+  "version": "4.0.1-4",
   "description": "Envoc form components",
   "keywords": [
     "react-component",
@@ -37,7 +37,7 @@
     "axios": "^0.21.1",
     "classnames": "^2.3.1",
     "date-fns": "^2.22.1",
-    "envoc-request": "^4.0.1-3",
+    "envoc-request": "^4.0.1-4",
     "lru-cache": "^6.0.0",
     "prop-types": "^15.7.2",
     "react-date-picker": "^8.2.0",

package/src/AddressInput/__snapshots__/AddressInput.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`AddressInput has matching snapshot 1`] = `
 <DocumentFragment>
   <form
     action="#"
+    class="form"
   >
     <div
       class="string-group input-group group"

package/src/DatePicker/__snapshots__/DatePicker.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`IconInputGroup has matching snapshot 1`] = `
 <DocumentFragment>
   <form
     action="#"
+    class="form"
   >
     <div
       class="date-picker group"

package/src/File/__snapshots__/FileGroup.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`FileGroup has matching snapshot 1`] = `
 <DocumentFragment>
   <form
     action="#"
+    class="form"
   >
     <div
       class="file-group group"

package/src/Form/Form.tsx

@@ -5,6 +5,7 @@ import {
   useMemo,
   useState,
 } from 'react';
+import classNames from 'classnames';
 import {
   Form as FormikFormWrapper,
   Formik,
@@ -92,7 +93,9 @@ export default function Form<TForm extends object>({
       onSubmit={handleSubmit}
       {...props}>
       <ServerErrorContext.Provider value={serverErrorContextValue}>
-        <FormikFormWrapper className={className} style={style}>
+        <FormikFormWrapper
+          className={classNames(className, 'form')}
+          style={style}>
           <FocusError serverErrors={serverErrorContextValue} />
           <FormBasedPreventNavigation ignoreLostChanges={ignoreLostChanges} />
           {children({

package/src/Form/__snapshots__/Form.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`FormTestBase has matching snapshot 1`] = `
 <DocumentFragment>
   <form
     action="#"
+    class="form"
   />
 </DocumentFragment>
 `;

package/src/Input/__Tests__/__snapshots__/IconInputGroup.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`IconInputGroup has matching snapshot 1`] = `
 <DocumentFragment>
   <form
     action="#"
+    class="form"
   >
     <div
       class="icon-input-group input-group group"

package/src/Input/__Tests__/__snapshots__/MoneyInputGroup.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`MoneyInputGroup has matching snapshot 1`] = `
 <DocumentFragment>
   <form
     action="#"
+    class="form"
   >
     <div
       class="something-here money-group input-group group"

package/src/Input/__Tests__/__snapshots__/NumberInputGroup.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`NumberInputGroup has matching snapshot 1`] = `
 <DocumentFragment>
   <form
     action="#"
+    class="form"
   >
     <div
       class="number-group input-group group"

package/src/Input/__Tests__/__snapshots__/StringInputGroup.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`StringInputGroup has matching snapshot 1`] = `
 <DocumentFragment>
   <form
     action="#"
+    class="form"
   >
     <div
       class="string-group input-group group"

package/src/Select/__tests__/__snapshots__/BooleanSelectGroup.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`BooleanSelectGroup has matching snapshot 1`] = `
 <DocumentFragment>
   <form
     action="#"
+    class="form"
   >
     <div
       class="select-group group"

package/src/Select/__tests__/__snapshots__/NumberSelectGroup.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`MultiNumberSelectGroup has matching snapshot 1`] = `
 <DocumentFragment>
   <form
     action="#"
+    class="form"
   >
     <div
       class="multiple select-group group"
@@ -102,6 +103,7 @@ exports[`SingleNumberSelectGroup has matching snapshot 1`] = `
 <DocumentFragment>
   <form
     action="#"
+    class="form"
   >
     <div
       class="select-group group"

package/src/Select/__tests__/__snapshots__/StringSelectGroup.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`MultiStringSelectGroup has matching snapshot 1`] = `
 <DocumentFragment>
   <form
     action="#"
+    class="form"
   >
     <div
       class="multiple select-group group"
@@ -102,6 +103,7 @@ exports[`SingleStringSelectGroup has matching snapshot 1`] = `
 <DocumentFragment>
   <form
     action="#"
+    class="form"
   >
     <div
       class="select-group group"

package/src/__Tests__/__snapshots__/StandardFormActions.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`StandardFormActions has matching snapshot 1`] = `
 <DocumentFragment>
   <form
     action="#"
+    class="form"
   >
     <button
       class="submit-form-button"

package/src/__Tests__/__snapshots__/SubmitFormButton.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`SubmitFormButton has matching snapshot 1`] = `
 <DocumentFragment>
   <form
     action="#"
+    class="form"
   >
     <button
       class="submit-form-button"