npm - envoc-form - Versions diffs - 5.0.3 → 5.0.6 - Mend

envoc-form 5.0.3 → 5.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (145) hide show

package/README.md +163 -20
package/es/ConfirmBaseForm/ConfirmBaseForm.js +2 -2
package/es/DatePicker/DatePickerGroup.js +2 -2
package/es/FieldArray/FieldArray.js +4 -4
package/es/File/FileGroup.js +3 -3
package/es/Form/Form.js +2 -2
package/es/Group.js +3 -3
package/es/Input/CheckboxGroup.d.ts +6 -0
package/es/Input/CheckboxGroup.js +14 -0
package/es/Input/CheckboxInputGroup.d.ts +13 -0
package/es/Input/CheckboxInputGroup.js +41 -0
package/es/Input/IconInputGroup.js +2 -2
package/es/Input/InputGroup.js +2 -2
package/es/Input/MoneyInputGroup.js +2 -2
package/es/Input/NumberInputGroup.js +2 -2
package/es/Input/PhoneNumberInputGroup.js +2 -2
package/es/Input/StringInputGroup.js +2 -2
package/es/Select/SelectGroup.js +3 -3
package/es/StandardFormActions.js +3 -3
package/es/SubmitFormButton.js +2 -2
package/es/TextArea/TextAreaGroup.js +2 -2
package/es/index.d.ts +2 -0
package/es/index.js +1 -0
package/lib/ConfirmBaseForm/ConfirmBaseForm.js +2 -5
package/lib/DatePicker/DatePickerGroup.js +2 -2
package/lib/FieldArray/FieldArray.js +4 -4
package/lib/File/FileGroup.js +3 -3
package/lib/Form/Form.js +2 -2
package/lib/Group.js +3 -3
package/lib/Input/CheckboxGroup.d.ts +6 -0
package/lib/Input/CheckboxGroup.js +20 -0
package/lib/Input/CheckboxInputGroup.d.ts +13 -0
package/lib/Input/CheckboxInputGroup.js +46 -0
package/lib/Input/IconInputGroup.js +2 -2
package/lib/Input/InputGroup.js +2 -2
package/lib/Input/MoneyInputGroup.js +2 -2
package/lib/Input/NumberInputGroup.js +2 -2
package/lib/Input/PhoneNumberInputGroup.js +2 -2
package/lib/Input/StringInputGroup.js +2 -2
package/lib/Select/SelectGroup.js +3 -3
package/lib/StandardFormActions.js +3 -3
package/lib/SubmitFormButton.js +2 -2
package/lib/TextArea/TextAreaGroup.js +2 -2
package/lib/index.d.ts +2 -0
package/lib/index.js +3 -1
package/package.json +111 -111
package/src/AddressInput/AddressInput.test.tsx +27 -27
package/src/AddressInput/AddressInput.tsx +82 -82
package/src/AddressInput/UsStates.ts +55 -55
package/src/AddressInput/__snapshots__/AddressInput.test.tsx.snap +182 -182
package/src/ConfirmBaseForm/ConfirmBaseForm.test.tsx +24 -24
package/src/ConfirmBaseForm/ConfirmBaseForm.tsx +74 -74
package/src/ConfirmBaseForm/__snapshots__/ConfirmBaseForm.test.tsx.snap +23 -23
package/src/ConfirmDeleteForm/ConfirmDeleteForm.test.tsx +24 -24
package/src/ConfirmDeleteForm/ConfirmDeleteForm.tsx +87 -87
package/src/ConfirmDeleteForm/__snapshots__/ConfirmDeleteForm.test.tsx.snap +25 -25
package/src/DatePicker/DatePicker.test.tsx +48 -48
package/src/DatePicker/DatePickerGroup.tsx +109 -115
package/src/DatePicker/DatePickerHelper.ts +4 -4
package/src/DatePicker/StringDateOnlyPickerGroup.tsx +28 -28
package/src/DatePicker/StringDatePickerGroup.tsx +20 -20
package/src/DatePicker/__snapshots__/DatePicker.test.tsx.snap +152 -152
package/src/Field/CustomFieldInputProps.ts +10 -10
package/src/Field/CustomFieldMetaProps.ts +5 -5
package/src/Field/Field.tsx +113 -113
package/src/Field/FieldErrorScrollTarget.tsx +12 -12
package/src/Field/FieldNameContext.ts +6 -6
package/src/Field/FieldSection.tsx +18 -18
package/src/Field/InjectedFieldProps.ts +8 -8
package/src/Field/StandAloneInput.tsx +55 -55
package/src/Field/useStandardField.ts +125 -125
package/src/FieldArray/FieldArray.tsx +154 -154
package/src/File/FileGroup.test.tsx +35 -35
package/src/File/FileGroup.tsx +82 -85
package/src/File/FileList.tsx +21 -21
package/src/File/__snapshots__/FileGroup.test.tsx.snap +34 -34
package/src/File/humanFileSize.ts +8 -8
package/src/Form/FocusError.tsx +55 -55
package/src/Form/Form.test.tsx +14 -14
package/src/Form/Form.tsx +234 -237
package/src/Form/FormBasedPreventNavigation.tsx +56 -56
package/src/Form/LegacyFormBasedPreventNavigation.tsx +77 -77
package/src/Form/NewFormBasedPreventNavigation.tsx +59 -59
package/src/Form/ServerErrorContext.ts +18 -18
package/src/Form/__snapshots__/Form.test.tsx.snap +10 -10
package/src/FormActions.tsx +47 -47
package/src/FormDefaults.ts +2 -2
package/src/Group.tsx +62 -62
package/src/Input/CheckboxGroup.tsx +60 -0
package/src/Input/CheckboxInputGroup.tsx +78 -0
package/src/Input/IconInputGroup.tsx +54 -54
package/src/Input/InputGroup.tsx +66 -72
package/src/Input/MoneyInputGroup.tsx +47 -50
package/src/Input/NumberInputGroup.tsx +45 -48
package/src/Input/PhoneNumberInputGroup.tsx +45 -45
package/src/Input/StringInputGroup.tsx +50 -53
package/src/Input/__Tests__/CheckboxInputGroup.test.tsx +26 -0
package/src/Input/__Tests__/IconInputGroup.test.tsx +35 -35
package/src/Input/__Tests__/MoneyInputGroup.test.tsx +37 -37
package/src/Input/__Tests__/NumberInputGroup.test.tsx +35 -35
package/src/Input/__Tests__/PhoneNumberInputGroup.test.tsx +36 -36
package/src/Input/__Tests__/StringInputGroup.test.tsx +27 -27
package/src/Input/__Tests__/__snapshots__/CheckboxInputGroup.test.tsx.snap +33 -0
package/src/Input/__Tests__/__snapshots__/IconInputGroup.test.tsx.snap +32 -32
package/src/Input/__Tests__/__snapshots__/MoneyInputGroup.test.tsx.snap +34 -34
package/src/Input/__Tests__/__snapshots__/NumberInputGroup.test.tsx.snap +32 -32
package/src/Input/__Tests__/__snapshots__/PhoneNumberInputGroup.test.tsx.snap +33 -33
package/src/Input/__Tests__/__snapshots__/StringInputGroup.test.tsx.snap +31 -31
package/src/Normalization/NormalizationFunction.ts +4 -4
package/src/Normalization/normalizers.ts +44 -44
package/src/Select/BooleanSelectGroup.tsx +28 -28
package/src/Select/NumberSelectGroup.tsx +16 -16
package/src/Select/SelectGroup.tsx +124 -124
package/src/Select/SelectGroupPropsHelper.ts +4 -4
package/src/Select/StringSelectGroup.tsx +16 -16
package/src/Select/__tests__/BooleanSelectGroup.test.tsx +35 -35
package/src/Select/__tests__/NumberSelectGroup.test.tsx +87 -87
package/src/Select/__tests__/StringSelectGroup.test.tsx +89 -89
package/src/Select/__tests__/__snapshots__/BooleanSelectGroup.test.tsx.snap +98 -98
package/src/Select/__tests__/__snapshots__/NumberSelectGroup.test.tsx.snap +195 -195
package/src/Select/__tests__/__snapshots__/StringSelectGroup.test.tsx.snap +195 -195
package/src/StandardFormActions.tsx +41 -41
package/src/SubmitFormButton.tsx +54 -54
package/src/TextArea/TextAreaGroup.tsx +64 -64
package/src/Validation/ValidatedApiResult.ts +8 -8
package/src/Validation/ValidationError.ts +6 -6
package/src/Validation/ValidationFunction.ts +4 -4
package/src/Validation/validators.test.tsx +81 -81
package/src/Validation/validators.ts +97 -97
package/src/__Tests__/FormTestBase.tsx +65 -64
package/src/__Tests__/RealisticForm.test.tsx +82 -82
package/src/__Tests__/StandardFormActions.test.tsx +17 -17
package/src/__Tests__/SubmitFormButton.test.tsx +17 -17
package/src/__Tests__/__snapshots__/StandardFormActions.test.tsx.snap +27 -27
package/src/__Tests__/__snapshots__/SubmitFormButton.test.tsx.snap +20 -20
package/src/__Tests__/index.ts +3 -3
package/src/_variables.scss +11 -11
package/src/index.ts +156 -153
package/src/react-app-env.d.ts +1 -1
package/src/setupTests.ts +1 -1
package/src/utils/objectContainsNonSerializableProperty.test.tsx +49 -49
package/src/utils/objectContainsNonSerializableProperty.ts +17 -17
package/src/utils/objectToFormData.test.tsx +76 -76
package/src/utils/objectToFormData.ts +105 -105
package/src/utils/typeChecks.ts +18 -18

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

@@ -1,195 +1,195 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`MultiNumberSelectGroup has matching snapshot 1`] = `
-<DocumentFragment>
-  <form
-    action="#"
-    class="envoc-form-form"
-  >
-    <div
-      class="envoc-form-multiple envoc-form-select-group envoc-form-group"
-    >
-      <div
-        id="userroles-error-scroll-target"
-        style="display: none;"
-      />
-      <label
-        for="userRoles"
-      >
-        Favorite Number
-      </label>
-      <div
-        class="envoc-form-select-group css-b62m3t-container"
-      >
-        <span
-          class="css-1f43avz-a11yText-A11yText"
-          id="react-select-5-live-region"
-        />
-        <span
-          aria-atomic="false"
-          aria-live="polite"
-          aria-relevant="additions text"
-          class="css-1f43avz-a11yText-A11yText"
-        />
-        <div
-          class="react-select__control css-13cymwt-control"
-        >
-          <div
-            class="react-select__value-container react-select__value-container--is-multi css-16674sh-Component"
-          >
-            <div
-              class="react-select__placeholder css-1jqq78o-placeholder"
-              id="react-select-5-placeholder"
-            >
-              Select...
-            </div>
-            <div
-              class="react-select__input-container css-d9r47t-Component"
-              data-value=""
-            >
-              <input
-                aria-autocomplete="list"
-                aria-describedby="react-select-5-placeholder"
-                aria-expanded="false"
-                aria-haspopup="true"
-                autocapitalize="none"
-                autocomplete="off"
-                autocorrect="off"
-                class="react-select__input"
-                id="userRoles"
-                role="combobox"
-                spellcheck="false"
-                style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                tabindex="0"
-                type="text"
-                value=""
-              />
-            </div>
-          </div>
-          <div
-            class="react-select__indicators css-ny0e4k-Component"
-          >
-            <span
-              class="react-select__indicator-separator css-1u9des2-indicatorSeparator"
-            />
-            <div
-              aria-hidden="true"
-              class="react-select__indicator react-select__dropdown-indicator css-1xc3v61-indicatorContainer"
-            >
-              <svg
-                aria-hidden="true"
-                class="css-tj5bde-Svg"
-                focusable="false"
-                height="20"
-                viewBox="0 0 20 20"
-                width="20"
-              >
-                <path
-                  d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                />
-              </svg>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </form>
-</DocumentFragment>
-`;
-exports[`SingleNumberSelectGroup has matching snapshot 1`] = `
-<DocumentFragment>
-  <form
-    action="#"
-    class="envoc-form-form"
-  >
-    <div
-      class="envoc-form-select-group envoc-form-group"
-    >
-      <div
-        id="favoritenumber-error-scroll-target"
-        style="display: none;"
-      />
-      <label
-        for="favoriteNumber"
-      >
-        Favorite Number
-      </label>
-      <div
-        class="envoc-form-select-group css-b62m3t-container"
-      >
-        <span
-          class="css-1f43avz-a11yText-A11yText"
-          id="react-select-3-live-region"
-        />
-        <span
-          aria-atomic="false"
-          aria-live="polite"
-          aria-relevant="additions text"
-          class="css-1f43avz-a11yText-A11yText"
-        />
-        <div
-          class="react-select__control css-13cymwt-control"
-        >
-          <div
-            class="react-select__value-container css-16674sh-Component"
-          >
-            <div
-              class="react-select__placeholder css-1jqq78o-placeholder"
-              id="react-select-3-placeholder"
-            >
-              Select...
-            </div>
-            <div
-              class="react-select__input-container css-d9r47t-Component"
-              data-value=""
-            >
-              <input
-                aria-autocomplete="list"
-                aria-describedby="react-select-3-placeholder"
-                aria-expanded="false"
-                aria-haspopup="true"
-                autocapitalize="none"
-                autocomplete="off"
-                autocorrect="off"
-                class="react-select__input"
-                id="favoriteNumber"
-                role="combobox"
-                spellcheck="false"
-                style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                tabindex="0"
-                type="text"
-                value=""
-              />
-            </div>
-          </div>
-          <div
-            class="react-select__indicators css-ny0e4k-Component"
-          >
-            <span
-              class="react-select__indicator-separator css-1u9des2-indicatorSeparator"
-            />
-            <div
-              aria-hidden="true"
-              class="react-select__indicator react-select__dropdown-indicator css-1xc3v61-indicatorContainer"
-            >
-              <svg
-                aria-hidden="true"
-                class="css-tj5bde-Svg"
-                focusable="false"
-                height="20"
-                viewBox="0 0 20 20"
-                width="20"
-              >
-                <path
-                  d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                />
-              </svg>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </form>
-</DocumentFragment>
-`;
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+exports[`MultiNumberSelectGroup has matching snapshot 1`] = `
+<DocumentFragment>
+  <form
+    action="#"
+    class="envoc-form-form"
+  >
+    <div
+      class="envoc-form-multiple envoc-form-select-group envoc-form-group"
+    >
+      <div
+        id="userroles-error-scroll-target"
+        style="display: none;"
+      />
+      <label
+        for="userRoles"
+      >
+        Favorite Number
+      </label>
+      <div
+        class="envoc-form-select-group css-b62m3t-container"
+      >
+        <span
+          class="css-1f43avz-a11yText-A11yText"
+          id="react-select-5-live-region"
+        />
+        <span
+          aria-atomic="false"
+          aria-live="polite"
+          aria-relevant="additions text"
+          class="css-1f43avz-a11yText-A11yText"
+        />
+        <div
+          class="react-select__control css-13cymwt-control"
+        >
+          <div
+            class="react-select__value-container react-select__value-container--is-multi css-16674sh-Component"
+          >
+            <div
+              class="react-select__placeholder css-1jqq78o-placeholder"
+              id="react-select-5-placeholder"
+            >
+              Select...
+            </div>
+            <div
+              class="react-select__input-container css-d9r47t-Component"
+              data-value=""
+            >
+              <input
+                aria-autocomplete="list"
+                aria-describedby="react-select-5-placeholder"
+                aria-expanded="false"
+                aria-haspopup="true"
+                autocapitalize="none"
+                autocomplete="off"
+                autocorrect="off"
+                class="react-select__input"
+                id="userRoles"
+                role="combobox"
+                spellcheck="false"
+                style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                tabindex="0"
+                type="text"
+                value=""
+              />
+            </div>
+          </div>
+          <div
+            class="react-select__indicators css-ny0e4k-Component"
+          >
+            <span
+              class="react-select__indicator-separator css-1u9des2-indicatorSeparator"
+            />
+            <div
+              aria-hidden="true"
+              class="react-select__indicator react-select__dropdown-indicator css-1xc3v61-indicatorContainer"
+            >
+              <svg
+                aria-hidden="true"
+                class="css-tj5bde-Svg"
+                focusable="false"
+                height="20"
+                viewBox="0 0 20 20"
+                width="20"
+              >
+                <path
+                  d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                />
+              </svg>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </form>
+</DocumentFragment>
+`;
+exports[`SingleNumberSelectGroup has matching snapshot 1`] = `
+<DocumentFragment>
+  <form
+    action="#"
+    class="envoc-form-form"
+  >
+    <div
+      class="envoc-form-select-group envoc-form-group"
+    >
+      <div
+        id="favoritenumber-error-scroll-target"
+        style="display: none;"
+      />
+      <label
+        for="favoriteNumber"
+      >
+        Favorite Number
+      </label>
+      <div
+        class="envoc-form-select-group css-b62m3t-container"
+      >
+        <span
+          class="css-1f43avz-a11yText-A11yText"
+          id="react-select-3-live-region"
+        />
+        <span
+          aria-atomic="false"
+          aria-live="polite"
+          aria-relevant="additions text"
+          class="css-1f43avz-a11yText-A11yText"
+        />
+        <div
+          class="react-select__control css-13cymwt-control"
+        >
+          <div
+            class="react-select__value-container css-16674sh-Component"
+          >
+            <div
+              class="react-select__placeholder css-1jqq78o-placeholder"
+              id="react-select-3-placeholder"
+            >
+              Select...
+            </div>
+            <div
+              class="react-select__input-container css-d9r47t-Component"
+              data-value=""
+            >
+              <input
+                aria-autocomplete="list"
+                aria-describedby="react-select-3-placeholder"
+                aria-expanded="false"
+                aria-haspopup="true"
+                autocapitalize="none"
+                autocomplete="off"
+                autocorrect="off"
+                class="react-select__input"
+                id="favoriteNumber"
+                role="combobox"
+                spellcheck="false"
+                style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                tabindex="0"
+                type="text"
+                value=""
+              />
+            </div>
+          </div>
+          <div
+            class="react-select__indicators css-ny0e4k-Component"
+          >
+            <span
+              class="react-select__indicator-separator css-1u9des2-indicatorSeparator"
+            />
+            <div
+              aria-hidden="true"
+              class="react-select__indicator react-select__dropdown-indicator css-1xc3v61-indicatorContainer"
+            >
+              <svg
+                aria-hidden="true"
+                class="css-tj5bde-Svg"
+                focusable="false"
+                height="20"
+                viewBox="0 0 20 20"
+                width="20"
+              >
+                <path
+                  d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                />
+              </svg>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </form>
+</DocumentFragment>
+`;