envoc-form 2.0.1-6 → 3.0.0-2

package/src/AddressInput/index.js

@@ -1,2 +1,2 @@
-import AddressInput from './AddressInput';
-export default AddressInput;
+import AddressInput from './AddressInput';
+export default AddressInput;

package/src/BoolInput/BoolInput.js

@@ -1,7 +1,7 @@
-import React from 'react';
-import boolOptions from './boolOptions';
-import FormInput from '../FormInput';
-
-export default function BoolInput(props) {
-  return <FormInput options={boolOptions} type="select" {...props} />;
-}
+import React from 'react';
+import boolOptions from './boolOptions';
+import FormInput from '../FormInput';
+
+export default function BoolInput(props) {
+  return <FormInput options={boolOptions} type="select" {...props} />;
+}

package/src/BoolInput/BoolInput.test.js

@@ -1,23 +1,23 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import { FormTestBase } from '../__Tests__';
-import BoolInput from './BoolInput';
-
-describe('BoolInput', () => {
-  it('renders without crashing', () => {
-    render(
-      <FormTestBase>
-        <BoolInput name="yesNo" />
-      </FormTestBase>
-    );
-  });
-
-  it('has matching snapshot', () => {
-    const renderResult = render(
-      <FormTestBase>
-        <BoolInput name="yesNo" />
-      </FormTestBase>
-    );
-    expect(renderResult.asFragment()).toMatchSnapshot();
-  });
-});
+import React from 'react';
+import { render } from '@testing-library/react';
+import { FormTestBase } from '../__Tests__';
+import BoolInput from './BoolInput';
+
+describe('BoolInput', () => {
+  it('renders without crashing', () => {
+    render(
+      <FormTestBase>
+        <BoolInput name="yesNo" />
+      </FormTestBase>
+    );
+  });
+
+  it('has matching snapshot', () => {
+    const renderResult = render(
+      <FormTestBase>
+        <BoolInput name="yesNo" />
+      </FormTestBase>
+    );
+    expect(renderResult.asFragment()).toMatchSnapshot();
+  });
+});

package/src/BoolInput/InlineBoolInput.js

@@ -1,7 +1,7 @@
-import React from 'react';
-import boolOptions from './boolOptions';
-import InlineFormInput from '../InlineFormInput';
-
-export default function InlineBoolInput(props) {
-  return <InlineFormInput options={boolOptions} type="select" {...props} />;
-}
+import React from 'react';
+import boolOptions from './boolOptions';
+import InlineFormInput from '../InlineFormInput';
+
+export default function InlineBoolInput(props) {
+  return <InlineFormInput options={boolOptions} type="select" {...props} />;
+}

package/src/BoolInput/__snapshots__/BoolInput.test.js.snap

@@ -1,89 +1,89 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`BoolInput has matching snapshot 1`] = `
-<DocumentFragment>
-  <form
-    action="#"
-  >
-    <div
-      class="form-group"
-    >
-      <div
-        id="yesno-error-scroll-target"
-        style="display: none;"
-      />
-      <div
-        class="react-select-input css-2b097c-container"
-        id="yesNo"
-      >
-        <div
-          class=" css-150ye8w-control"
-        >
-          <div
-            class=" css-lbak6p-Component"
-          >
-            <div
-              class=" css-1osw1h9-placeholder"
-            >
-              Select...
-            </div>
-            <div
-              class="css-lp83hw-Component"
-            >
-              <div
-                class=""
-                style="display: inline-block;"
-              >
-                <input
-                  aria-autocomplete="list"
-                  autocapitalize="none"
-                  autocomplete="off"
-                  autocorrect="off"
-                  id="react-select-3-input"
-                  spellcheck="false"
-                  style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
-                  tabindex="0"
-                  type="text"
-                  value=""
-                />
-                <div
-                  style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
-                />
-              </div>
-            </div>
-          </div>
-          <div
-            class=" css-ny0e4k-Component"
-          >
-            <span
-              class=" css-1sl80az-indicatorSeparator"
-            />
-            <div
-              aria-hidden="true"
-              class=" css-augegj-indicatorContainer"
-            >
-              <svg
-                aria-hidden="true"
-                class="css-7ezgaa-Component"
-                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>
-        <input
-          name="yesNo"
-          type="hidden"
-          value=""
-        />
-      </div>
-    </div>
-  </form>
-</DocumentFragment>
-`;
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`BoolInput has matching snapshot 1`] = `
+<DocumentFragment>
+  <form
+    action="#"
+  >
+    <div
+      class="form-group"
+    >
+      <div
+        id="yesno-error-scroll-target"
+        style="display: none;"
+      />
+      <div
+        class="react-select-input css-2b097c-container"
+        id="yesNo"
+      >
+        <div
+          class=" css-150ye8w-control"
+        >
+          <div
+            class=" css-lbak6p-Component"
+          >
+            <div
+              class=" css-1osw1h9-placeholder"
+            >
+              Select...
+            </div>
+            <div
+              class="css-lp83hw-Component"
+            >
+              <div
+                class=""
+                style="display: inline-block;"
+              >
+                <input
+                  aria-autocomplete="list"
+                  autocapitalize="none"
+                  autocomplete="off"
+                  autocorrect="off"
+                  id="react-select-3-input"
+                  spellcheck="false"
+                  style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
+                  tabindex="0"
+                  type="text"
+                  value=""
+                />
+                <div
+                  style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                />
+              </div>
+            </div>
+          </div>
+          <div
+            class=" css-ny0e4k-Component"
+          >
+            <span
+              class=" css-1sl80az-indicatorSeparator"
+            />
+            <div
+              aria-hidden="true"
+              class=" css-augegj-indicatorContainer"
+            >
+              <svg
+                aria-hidden="true"
+                class="css-7ezgaa-Component"
+                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>
+        <input
+          name="yesNo"
+          type="hidden"
+          value=""
+        />
+      </div>
+    </div>
+  </form>
+</DocumentFragment>
+`;

package/src/BoolInput/boolOptions.js

@@ -1,6 +1,6 @@
-const boolOptions = [
-  { label: 'Yes', value: true },
-  { label: 'No', value: false },
-];
-
-export default boolOptions;
+const boolOptions = [
+  { label: 'Yes', value: true },
+  { label: 'No', value: false },
+];
+
+export default boolOptions;

package/src/BoolInput/index.js

@@ -1,4 +1,4 @@
-import BoolInput from './BoolInput';
-import InlineBoolInput from './InlineBoolInput';
-
-export { BoolInput, InlineBoolInput };
+import BoolInput from './BoolInput';
+import InlineBoolInput from './InlineBoolInput';
+
+export { BoolInput, InlineBoolInput };

package/src/ConfirmBaseForm/ConfirmBaseForm.js

@@ -1,37 +1,37 @@
-import React from 'react';
-import { Button } from 'reactstrap';
-import { useAxiosRequest } from 'envoc-request';
-
-export default function ConfirmBaseForm({
-  handleCancel,
-  request,
-  yesColor = 'danger',
-  style,
-  title,
-  ...props
-}) {
-  const webRequest = useAxiosRequest(
-    Object.assign({}, request, { autoExecute: false })
-  );
-  return (
-    <div style={{ textAlign: 'center', ...style }} {...props}>
-      <h3>{title}</h3>
-      <Button
-        color={yesColor}
-        onClick={webRequest.submitRequest}
-        disabled={webRequest.loading}>
-        Yes
-      </Button>
-      <Button
-        type="button"
-        color="link"
-        disabled={webRequest.loading}
-        onClick={handleCancel || goBack}>
-        Cancel
-      </Button>
-    </div>
-  );
-  function goBack() {
-    window.history.back();
-  }
-}
+import React from 'react';
+import { Button } from 'reactstrap';
+import { useAxiosRequest } from 'envoc-request';
+
+export default function ConfirmBaseForm({
+  handleCancel,
+  request,
+  yesColor = 'danger',
+  style,
+  title,
+  ...props
+}) {
+  const webRequest = useAxiosRequest(
+    Object.assign({}, request, { autoExecute: false })
+  );
+  return (
+    <div style={{ textAlign: 'center', ...style }} {...props}>
+      <h3>{title}</h3>
+      <Button
+        color={yesColor}
+        onClick={webRequest.submitRequest}
+        disabled={webRequest.loading}>
+        Yes
+      </Button>
+      <Button
+        type="button"
+        color="link"
+        disabled={webRequest.loading}
+        onClick={handleCancel || goBack}>
+        Cancel
+      </Button>
+    </div>
+  );
+  function goBack() {
+    window.history.back();
+  }
+}

package/src/ConfirmBaseForm/ConfirmBaseForm.test.js

@@ -1,14 +1,14 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import ConfirmBaseForm from './ConfirmBaseForm';
-
-describe('ConfirmBaseForm', () => {
-  it('Renders without error', () => {
-    render(<ConfirmBaseForm />);
-  });
-
-  it('has matching snapshot', () => {
-    const renderResult = render(<ConfirmBaseForm />);
-    expect(renderResult.asFragment()).toMatchSnapshot();
-  });
-});
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import ConfirmBaseForm from './ConfirmBaseForm';
+
+describe('ConfirmBaseForm', () => {
+  it('Renders without error', () => {
+    render(<ConfirmBaseForm />);
+  });
+
+  it('has matching snapshot', () => {
+    const renderResult = render(<ConfirmBaseForm />);
+    expect(renderResult.asFragment()).toMatchSnapshot();
+  });
+});

package/src/ConfirmBaseForm/__snapshots__/ConfirmBaseForm.test.js.snap

@@ -1,23 +1,23 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ConfirmBaseForm has matching snapshot 1`] = `
-<DocumentFragment>
-  <div
-    style="text-align: center;"
-  >
-    <h3 />
-    <button
-      class="btn btn-danger"
-      type="button"
-    >
-      Yes
-    </button>
-    <button
-      class="btn btn-link"
-      type="button"
-    >
-      Cancel
-    </button>
-  </div>
-</DocumentFragment>
-`;
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ConfirmBaseForm has matching snapshot 1`] = `
+<DocumentFragment>
+  <div
+    style="text-align: center;"
+  >
+    <h3 />
+    <button
+      class="btn btn-danger"
+      type="button"
+    >
+      Yes
+    </button>
+    <button
+      class="btn btn-link"
+      type="button"
+    >
+      Cancel
+    </button>
+  </div>
+</DocumentFragment>
+`;

package/src/ConfirmBaseForm/index.js

@@ -1,2 +1,2 @@
-import ConfirmBaseForm from './ConfirmBaseForm';
+import ConfirmBaseForm from './ConfirmBaseForm';
 export default ConfirmBaseForm;

package/src/ConfirmDeleteForm/ConfirmDeleteForm.js

@@ -1,39 +1,39 @@
-import React from 'react';
-import { useHistory, useParams } from 'react-router-dom';
-import ConfirmBaseForm from '../ConfirmBaseForm';
-import { toast } from 'react-toastify';
-
-export default function ConfirmDeleteForm({
-  successUrl,
-  form,
-  children,
-  ...props
-}) {
-  const history = useHistory();
-  const { entityId } = useParams();
-  const request = {
-    method: 'delete',
-    url: `/api/${form}/${entityId}`,
-    onComplete: () => {
-      toast.success('Deleted!');
-      goBack();
-    },
-  };
-  return (
-    <ConfirmBaseForm
-      request={request}
-      handleCancel={goBack}
-      title="Are you sure you want to delete this?"
-      {...props}>
-      {children}
-    </ConfirmBaseForm>
-  );
-
-  function goBack() {
-    if (successUrl) {
-      history.push(successUrl);
-    } else {
-      history.back();
-    }
-  }
-}
+import React from 'react';
+import { useNavigate, useParams } from 'react-router-dom';
+import ConfirmBaseForm from '../ConfirmBaseForm';
+import { toast } from 'react-toastify';
+
+export default function ConfirmDeleteForm({
+  successUrl,
+  form,
+  children,
+  ...props
+}) {
+  const navigate = useNavigate();
+  const { entityId } = useParams();
+  const request = {
+    method: 'delete',
+    url: `/api/${form}/${entityId}`,
+    onComplete: () => {
+      toast.success('Deleted!');
+      goBack();
+    },
+  };
+  return (
+    <ConfirmBaseForm
+      request={request}
+      handleCancel={goBack}
+      title="Are you sure you want to delete this?"
+      {...props}>
+      {children}
+    </ConfirmBaseForm>
+  );
+
+  function goBack() {
+    if (successUrl) {
+      navigate(successUrl);
+    } else {
+      navigate(-1);
+    }
+  }
+}

package/src/ConfirmDeleteForm/ConfirmDeleteForm.test.js

@@ -1,24 +1,24 @@
-import React from 'react';
-import { HashRouter } from 'react-router-dom';
-import { render, screen } from '@testing-library/react';
-
-import ConfirmDeleteForm from './ConfirmDeleteForm';
-
-describe('ConfirmDeleteForm', () => {
-  it('Renders without error', () => {
-    render(
-      <HashRouter>
-        <ConfirmDeleteForm />
-      </HashRouter>
-    );
-  });
-
-  it('has matching snapshot', () => {
-    const renderResult = render(
-      <HashRouter>
-        <ConfirmDeleteForm />
-      </HashRouter>
-    );
-    expect(renderResult.asFragment()).toMatchSnapshot();
-  });
-});
+import React from 'react';
+import { HashRouter } from 'react-router-dom';
+import { render, screen } from '@testing-library/react';
+
+import ConfirmDeleteForm from './ConfirmDeleteForm';
+
+describe('ConfirmDeleteForm', () => {
+  it('Renders without error', () => {
+    render(
+      <HashRouter>
+        <ConfirmDeleteForm />
+      </HashRouter>
+    );
+  });
+
+  it('has matching snapshot', () => {
+    const renderResult = render(
+      <HashRouter>
+        <ConfirmDeleteForm />
+      </HashRouter>
+    );
+    expect(renderResult.asFragment()).toMatchSnapshot();
+  });
+});

package/src/ConfirmDeleteForm/__snapshots__/ConfirmDeleteForm.test.js.snap

@@ -1,25 +1,25 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ConfirmDeleteForm has matching snapshot 1`] = `
-<DocumentFragment>
-  <div
-    style="text-align: center;"
-  >
-    <h3>
-      Are you sure you want to delete this?
-    </h3>
-    <button
-      class="btn btn-danger"
-      type="button"
-    >
-      Yes
-    </button>
-    <button
-      class="btn btn-link"
-      type="button"
-    >
-      Cancel
-    </button>
-  </div>
-</DocumentFragment>
-`;
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ConfirmDeleteForm has matching snapshot 1`] = `
+<DocumentFragment>
+  <div
+    style="text-align: center;"
+  >
+    <h3>
+      Are you sure you want to delete this?
+    </h3>
+    <button
+      class="btn btn-danger"
+      type="button"
+    >
+      Yes
+    </button>
+    <button
+      class="btn btn-link"
+      type="button"
+    >
+      Cancel
+    </button>
+  </div>
+</DocumentFragment>
+`;

package/src/ConfirmDeleteForm/index.js

@@ -1,2 +1,2 @@
-import ConfirmDeleteForm from './ConfirmDeleteForm'
+import ConfirmDeleteForm from './ConfirmDeleteForm'
 export default ConfirmDeleteForm;