@digigov/react-core 0.17.2 → 0.18.1

package/esm/CheckboxItem/__snapshots__/index.test.tsx.snap

@@ -11,11 +11,18 @@ exports[`renders the CheckboxItem with \`name\` prop 1`] = `
       className="govgr-label govgr-checkboxes__label"
     >
       hello
-      <input
+      <ForwardRef(Base)
+        as="input"
         className="govgr-checkboxes__input"
         name="example"
         type="checkbox"
-      />
+      >
+        <input
+          className="govgr-checkboxes__input"
+          name="example"
+          type="checkbox"
+        />
+      </ForwardRef(Base)>
     </label>
   </div>
 </ForwardRef(CheckboxItem)>
@@ -32,11 +39,18 @@ exports[`renders the CheckboxItem with \`value\` prop 1`] = `
       className="govgr-label govgr-checkboxes__label"
     >
       hello
-      <input
+      <ForwardRef(Base)
+        as="input"
         className="govgr-checkboxes__input"
         type="checkbox"
         value="example"
-      />
+      >
+        <input
+          className="govgr-checkboxes__input"
+          type="checkbox"
+          value="example"
+        />
+      </ForwardRef(Base)>
     </label>
   </div>
 </ForwardRef(CheckboxItem)>
@@ -51,10 +65,16 @@ exports[`renders the CheckboxItem with no props 1`] = `
       className="govgr-label govgr-checkboxes__label"
     >
       hello
-      <input
+      <ForwardRef(Base)
+        as="input"
         className="govgr-checkboxes__input"
         type="checkbox"
-      />
+      >
+        <input
+          className="govgr-checkboxes__input"
+          type="checkbox"
+        />
+      </ForwardRef(Base)>
     </label>
   </div>
 </ForwardRef(CheckboxItem)>

package/esm/CloseIcon/__snapshots__/index.test.tsx.snap

@@ -5,16 +5,24 @@ exports[`renders the CloseIcon with no props 1`] = `
   <ForwardRef(SvgIcon)
     className="govgr-close-icon"
   >
-    <svg
+    <ForwardRef(Base)
       aria-hidden="true"
-      className="govgr-svg-icon--dark govgr-svg-icon--m govgr-close-icon govgr-svg-icon"
+      as="svg"
+      className="govgr-close-icon govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
-      <polygon
-        points="14.4,11.8 22,4.2 19.7,1.8 12,9.4 4.4,1.8 2,4.2 9.7,11.9 2.1,19.5 4.4,21.9 12.1,14.3 19.7,21.9 22.1,19.5 "
-      />
-    </svg>
+      <svg
+        aria-hidden="true"
+        className="govgr-close-icon govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <polygon
+          points="14.4,11.8 22,4.2 19.7,1.8 12,9.4 4.4,1.8 2,4.2 9.7,11.9 2.1,19.5 4.4,21.9 12.1,14.3 19.7,21.9 22.1,19.5 "
+        />
+      </svg>
+    </ForwardRef(Base)>
   </ForwardRef(SvgIcon)>
 </ForwardRef(CloseIcon)>
 `;

package/esm/Confirmation/__snapshots__/index.test.tsx.snap

@@ -2,10 +2,15 @@
 
 exports[`renders the Confirmation with no props 1`] = `
 <ForwardRef(Confirmation)>
-  <div
+  <ForwardRef(Base)
+    as="div"
     className="govgr-panel govgr-panel--confirmation"
   >
-    hello
-  </div>
+    <div
+      className="govgr-panel govgr-panel--confirmation"
+    >
+      hello
+    </div>
+  </ForwardRef(Base)>
 </ForwardRef(Confirmation)>
 `;

package/esm/ConfirmationBody/__snapshots__/index.test.tsx.snap

@@ -2,10 +2,15 @@
 
 exports[`renders the ConfirmationBody with no props 1`] = `
 <ForwardRef(ConfirmationBody)>
-  <div
+  <ForwardRef(Base)
+    as="div"
     className="govgr-panel__body"
   >
-    hello
-  </div>
+    <div
+      className="govgr-panel__body"
+    >
+      hello
+    </div>
+  </ForwardRef(Base)>
 </ForwardRef(ConfirmationBody)>
 `;

package/esm/ConfirmationTitle/__snapshots__/index.test.tsx.snap

@@ -2,10 +2,15 @@
 
 exports[`renders the ConfirmationTitle with no props 1`] = `
 <ForwardRef(ConfirmationTitle)>
-  <h1
+  <ForwardRef(Base)
+    as="h1"
     className="govgr-panel__title"
   >
-    hello
-  </h1>
+    <h1
+      className="govgr-panel__title"
+    >
+      hello
+    </h1>
+  </ForwardRef(Base)>
 </ForwardRef(ConfirmationTitle)>
 `;

package/esm/Container/__snapshots__/index.test.tsx.snap

@@ -5,15 +5,25 @@ exports[`renders the Container with cols={false} prop 1`] = `
   cols={false}
   fullWidth={true}
 >
-  <div
+  <ForwardRef(Base)
+    as="div"
     className="govgr-full-width-container"
   >
     <div
-      className=""
+      className="govgr-full-width-container"
     >
-      hello
+      <ForwardRef(Base)
+        as="div"
+        className=""
+      >
+        <div
+          className=""
+        >
+          hello
+        </div>
+      </ForwardRef(Base)>
     </div>
-  </div>
+  </ForwardRef(Base)>
 </ForwardRef(Container)>
 `;
 
@@ -21,28 +31,48 @@ exports[`renders the Container with fullWidth prop 1`] = `
 <ForwardRef(Container)
   fullWidth={true}
 >
-  <div
+  <ForwardRef(Base)
+    as="div"
     className="govgr-full-width-container"
   >
     <div
-      className="govgr-main-wrapper"
+      className="govgr-full-width-container"
     >
-      hello
+      <ForwardRef(Base)
+        as="div"
+        className="govgr-main-wrapper"
+      >
+        <div
+          className="govgr-main-wrapper"
+        >
+          hello
+        </div>
+      </ForwardRef(Base)>
     </div>
-  </div>
+  </ForwardRef(Base)>
 </ForwardRef(Container)>
 `;
 
 exports[`renders the Container with no props 1`] = `
 <ForwardRef(Container)>
-  <div
+  <ForwardRef(Base)
+    as="div"
     className="govgr-width-container"
   >
     <div
-      className="govgr-main-wrapper"
+      className="govgr-width-container"
     >
-      hello
+      <ForwardRef(Base)
+        as="div"
+        className="govgr-main-wrapper"
+      >
+        <div
+          className="govgr-main-wrapper"
+        >
+          hello
+        </div>
+      </ForwardRef(Base)>
     </div>
-  </div>
+  </ForwardRef(Base)>
 </ForwardRef(Container)>
 `;

package/esm/CopyrightContainer/__snapshots__/index.test.tsx.snap

@@ -0,0 +1,16 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the CopyrightContainer with no props 1`] = `
+<ForwardRef(CopyrightContainer)>
+  <ForwardRef(Base)
+    as="p"
+    className="govgr-footer__licence-description"
+  >
+    <p
+      className="govgr-footer__licence-description"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
+</ForwardRef(CopyrightContainer)>
+`;

package/esm/{Copyright → CopyrightContainer}/index.js

@@ -6,10 +6,10 @@ import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
- * Copyright is used inside the Footer component.
- * Copyright has no props.
+ * CopyrightContainer is used inside the Footer component.
+ * CopyrightContainer has no props.
  */
-export var Copyright = /*#__PURE__*/React.forwardRef(function Copyright(_ref, ref) {
+export var CopyrightContainer = /*#__PURE__*/React.forwardRef(function CopyrightContainer(_ref, ref) {
   var className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
@@ -20,4 +20,4 @@ export var Copyright = /*#__PURE__*/React.forwardRef(function Copyright(_ref, re
     className: clsx(className, true && 'govgr-footer__licence-description')
   }, props), children);
 });
-export default Copyright;
+export default CopyrightContainer;

package/esm/CopyrightContainer/index.test.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import CopyrightContainer from '@digigov/react-core/CopyrightContainer';
+
+var _ref = /*#__PURE__*/React.createElement(CopyrightContainer, null, "hello");
+
+it('renders the CopyrightContainer with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});

package/esm/DateInputContainer/__snapshots__/index.test.tsx.snap

@@ -0,0 +1,16 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the DateInputContainer with no props 1`] = `
+<ForwardRef(DateInputContainer)>
+  <ForwardRef(Base)
+    as="div"
+    className="govgr-date-input"
+  >
+    <div
+      className="govgr-date-input"
+    >
+      hello
+    </div>
+  </ForwardRef(Base)>
+</ForwardRef(DateInputContainer)>
+`;

package/{es/DateInput → esm/DateInputContainer}/index.js

@@ -6,12 +6,12 @@ import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
- * Details for the DateInput.
- * DateInput component is used for helping users enter a memorable date or one they can easily look up
+ * Details for the DateInputContainer.
+ * DateInputContainer component is used for helping users enter a memorable date or one they can easily look up
  * It is used as a parent component to wrap DateInputItem component
  *
  */
-export var DateInput = /*#__PURE__*/React.forwardRef(function DateInput(_ref, ref) {
+export var DateInputContainer = /*#__PURE__*/React.forwardRef(function DateInputContainer(_ref, ref) {
   var className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
@@ -22,4 +22,4 @@ export var DateInput = /*#__PURE__*/React.forwardRef(function DateInput(_ref, re
     className: clsx(className, true && 'govgr-date-input')
   }, props), children);
 });
-export default DateInput;
+export default DateInputContainer;

package/esm/DateInputContainer/index.test.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import DateInputContainer from '@digigov/react-core/DateInputContainer';
+
+var _ref = /*#__PURE__*/React.createElement(DateInputContainer, null, "hello");
+
+it('renders the DateInputContainer with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});

package/esm/DateInputItem/__snapshots__/index.test.tsx.snap

@@ -12,13 +12,22 @@ exports[`renders the DateInputItem with name and width===4 props 1`] = `
       className="govgr-label"
     >
       hello
-      <input
+      <ForwardRef(Base)
+        as="input"
         className="govgr-input--width-4 govgr-input"
         inputMode="numeric"
         name="date-input"
         pattern="[0-9]*"
         type="text"
-      />
+      >
+        <input
+          className="govgr-input--width-4 govgr-input"
+          inputMode="numeric"
+          name="date-input"
+          pattern="[0-9]*"
+          type="text"
+        />
+      </ForwardRef(Base)>
     </label>
   </div>
 </ForwardRef(DateInputItem)>
@@ -35,13 +44,22 @@ exports[`renders the DateInputItem with name prop 1`] = `
       className="govgr-label"
     >
       hello
-      <input
+      <ForwardRef(Base)
+        as="input"
         className="govgr-input--width-2 govgr-input"
         inputMode="numeric"
         name="date-input"
         pattern="[0-9]*"
         type="text"
-      />
+      >
+        <input
+          className="govgr-input--width-2 govgr-input"
+          inputMode="numeric"
+          name="date-input"
+          pattern="[0-9]*"
+          type="text"
+        />
+      </ForwardRef(Base)>
     </label>
   </div>
 </ForwardRef(DateInputItem)>
@@ -56,12 +74,20 @@ exports[`renders the DateInputItem with no props 1`] = `
       className="govgr-label"
     >
       hello
-      <input
+      <ForwardRef(Base)
+        as="input"
         className="govgr-input--width-2 govgr-input"
         inputMode="numeric"
         pattern="[0-9]*"
         type="text"
-      />
+      >
+        <input
+          className="govgr-input--width-2 govgr-input"
+          inputMode="numeric"
+          pattern="[0-9]*"
+          type="text"
+        />
+      </ForwardRef(Base)>
     </label>
   </div>
 </ForwardRef(DateInputItem)>

package/esm/Details/__snapshots__/index.test.tsx.snap

@@ -2,10 +2,15 @@
 
 exports[`renders the Details with no props 1`] = `
 <ForwardRef(Details)>
-  <details
+  <ForwardRef(Base)
+    as="details"
     className="govgr-details"
   >
-    hello
-  </details>
+    <details
+      className="govgr-details"
+    >
+      hello
+    </details>
+  </ForwardRef(Base)>
 </ForwardRef(Details)>
 `;

package/esm/DetailsContent/__snapshots__/index.test.tsx.snap

@@ -2,10 +2,15 @@
 
 exports[`renders the DetailsContent with no props 1`] = `
 <ForwardRef(DetailsContent)>
-  <div
+  <ForwardRef(Base)
+    as="div"
     className="govgr-details__summary-text"
   >
-    hello
-  </div>
+    <div
+      className="govgr-details__summary-text"
+    >
+      hello
+    </div>
+  </ForwardRef(Base)>
 </ForwardRef(DetailsContent)>
 `;

package/esm/DetailsSummary/__snapshots__/index.test.tsx.snap

@@ -2,10 +2,15 @@
 
 exports[`renders the DetailsSummary with no props 1`] = `
 <ForwardRef(DetailsSummary)>
-  <summary
+  <ForwardRef(Base)
+    as="summary"
     className="govgr-details__summary"
   >
-    hello
-  </summary>
+    <summary
+      className="govgr-details__summary"
+    >
+      hello
+    </summary>
+  </ForwardRef(Base)>
 </ForwardRef(DetailsSummary)>
 `;

package/esm/ErrorMessage/__snapshots__/index.test.tsx.snap

@@ -2,10 +2,15 @@
 
 exports[`renders the ErrorMessage with no props 1`] = `
 <ForwardRef(ErrorMessage)>
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-error-message"
   >
-    hello
-  </p>
+    <p
+      className="govgr-error-message"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(ErrorMessage)>
 `;

package/esm/ErrorSummary/__snapshots__/index.test.tsx.snap

@@ -2,10 +2,15 @@
 
 exports[`renders the ErrorSummary with no props 1`] = `
 <ForwardRef(ErrorSummary)>
-  <div
+  <ForwardRef(Base)
+    as="div"
     className="govgr-error-summary"
   >
-    hello
-  </div>
+    <div
+      className="govgr-error-summary"
+    >
+      hello
+    </div>
+  </ForwardRef(Base)>
 </ForwardRef(ErrorSummary)>
 `;

package/esm/FieldContainer/__snapshots__/index.test.tsx.snap

@@ -0,0 +1,77 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the FieldContainer with error=false 1`] = `
+<ForwardRef(FieldContainer)
+  error={false}
+>
+  <ForwardRef(Grid)
+    className="govgr-field"
+    item={true}
+    lg={12}
+    md={12}
+    xl={12}
+    xs={12}
+  >
+    <ForwardRef(Base)
+      as="div"
+      className="govgr-field xs:govgr-grid__col-span-12 md:govgr-grid__col-span-12 lg:govgr-grid__col-span-12 xl:govgr-grid__col-span-12"
+    >
+      <div
+        className="govgr-field xs:govgr-grid__col-span-12 md:govgr-grid__col-span-12 lg:govgr-grid__col-span-12 xl:govgr-grid__col-span-12"
+      >
+        hello
+      </div>
+    </ForwardRef(Base)>
+  </ForwardRef(Grid)>
+</ForwardRef(FieldContainer)>
+`;
+
+exports[`renders the FieldContainer with error=true 1`] = `
+<ForwardRef(FieldContainer)
+  error={true}
+>
+  <ForwardRef(Grid)
+    className="govgr-field__error govgr-field"
+    item={true}
+    lg={12}
+    md={12}
+    xl={12}
+    xs={12}
+  >
+    <ForwardRef(Base)
+      as="div"
+      className="govgr-field__error govgr-field xs:govgr-grid__col-span-12 md:govgr-grid__col-span-12 lg:govgr-grid__col-span-12 xl:govgr-grid__col-span-12"
+    >
+      <div
+        className="govgr-field__error govgr-field xs:govgr-grid__col-span-12 md:govgr-grid__col-span-12 lg:govgr-grid__col-span-12 xl:govgr-grid__col-span-12"
+      >
+        hello
+      </div>
+    </ForwardRef(Base)>
+  </ForwardRef(Grid)>
+</ForwardRef(FieldContainer)>
+`;
+
+exports[`renders the FieldContainer with no props 1`] = `
+<ForwardRef(FieldContainer)>
+  <ForwardRef(Grid)
+    className="govgr-field"
+    item={true}
+    lg={12}
+    md={12}
+    xl={12}
+    xs={12}
+  >
+    <ForwardRef(Base)
+      as="div"
+      className="govgr-field xs:govgr-grid__col-span-12 md:govgr-grid__col-span-12 lg:govgr-grid__col-span-12 xl:govgr-grid__col-span-12"
+    >
+      <div
+        className="govgr-field xs:govgr-grid__col-span-12 md:govgr-grid__col-span-12 lg:govgr-grid__col-span-12 xl:govgr-grid__col-span-12"
+      >
+        hello
+      </div>
+    </ForwardRef(Base)>
+  </ForwardRef(Grid)>
+</ForwardRef(FieldContainer)>
+`;

package/{es/Field → esm/FieldContainer}/index.js

@@ -5,7 +5,7 @@ import Grid from '@digigov/react-core/Grid';
 /**
  * Field component wraps form components such as Checkbox TextInput TextArea etc.
  */
-export var Field = /*#__PURE__*/React.forwardRef(function Field(_ref, ref) {
+export var FieldContainer = /*#__PURE__*/React.forwardRef(function FieldContainer(_ref, ref) {
   var error = _ref.error,
       className = _ref.className,
       children = _ref.children,
@@ -27,4 +27,4 @@ export var Field = /*#__PURE__*/React.forwardRef(function Field(_ref, ref) {
     xl: xl
   }, children);
 });
-export default Field;
+export default FieldContainer;

package/esm/FieldContainer/index.test.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import FieldContainer from '@digigov/react-core/FieldContainer';
+
+var _ref = /*#__PURE__*/React.createElement(FieldContainer, null, "hello");
+
+it('renders the FieldContainer with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/React.createElement(FieldContainer, {
+  error: true
+}, "hello");
+
+it('renders the FieldContainer with error=true', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
+});
+
+var _ref3 = /*#__PURE__*/React.createElement(FieldContainer, {
+  error: false
+}, "hello");
+
+it('renders the FieldContainer with error=false', function () {
+  expect(mount(_ref3)).toMatchSnapshot();
+});

package/esm/Fieldset/__snapshots__/index.test.tsx.snap

@@ -2,10 +2,15 @@
 
 exports[`renders the Fieldset with no props 1`] = `
 <ForwardRef(Fieldset)>
-  <fieldset
+  <ForwardRef(Base)
+    as="fieldset"
     className="govgr-fieldset"
   >
-    hello
-  </fieldset>
+    <fieldset
+      className="govgr-fieldset"
+    >
+      hello
+    </fieldset>
+  </ForwardRef(Base)>
 </ForwardRef(Fieldset)>
 `;