@digigov/react-core 1.0.0-6b93ebf2 → 1.0.0-88820b1e

package/es/DropdownButton/__snapshots__/index.test.tsx.snap

@@ -52,32 +52,41 @@ exports[`renders the DropdownButton with arrow=true 1`] = `
       tabIndex={0}
     >
       hello
-      <ForwardRef(ArrowIcon)
+      <ArrowIcon
         direction="down"
       >
-        <ForwardRef(SvgIcon)
-          className="govgr-svg-icon--arrow--down"
+        <ForwardRef(Icon)
+          direction="down"
+          icon="arrow"
         >
-          <ForwardRef(Base)
-            aria-hidden="true"
-            as="svg"
-            className="govgr-svg-icon--arrow--down govgr-svg-icon"
-            focusable="false"
-            viewBox="0 0 24 24"
+          <ForwardRef(SvgIcon)
+            className="govgr-svg-icon--arrow"
           >
-            <svg
+            <ForwardRef(Base)
               aria-hidden="true"
-              className="govgr-svg-icon--arrow--down govgr-svg-icon"
+              as="svg"
+              className="govgr-svg-icon--arrow govgr-svg-icon"
               focusable="false"
               viewBox="0 0 24 24"
             >
-              <path
-                d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
-              />
-            </svg>
-          </ForwardRef(Base)>
-        </ForwardRef(SvgIcon)>
-      </ForwardRef(ArrowIcon)>
+              <svg
+                aria-hidden="true"
+                className="govgr-svg-icon--arrow govgr-svg-icon"
+                focusable="false"
+                viewBox="0 0 24 24"
+              >
+                <arrow
+                  direction="down"
+                >
+                  <path
+                    d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
+                  />
+                </arrow>
+              </svg>
+            </ForwardRef(Base)>
+          </ForwardRef(SvgIcon)>
+        </ForwardRef(Icon)>
+      </ArrowIcon>
     </summary>
   </ForwardRef(Base)>
 </ForwardRef(DropdownButton)>
@@ -136,32 +145,41 @@ exports[`renders the DropdownButton with color=primary and arrow={true} 1`] = `
       className="govgr-btn-primary govgr-btn govgr-dropdown__button--arrow govgr-dropdown__button"
       tabIndex={0}
     >
-      <ForwardRef(ArrowIcon)
+      <ArrowIcon
         direction="down"
       >
-        <ForwardRef(SvgIcon)
-          className="govgr-svg-icon--arrow--down"
+        <ForwardRef(Icon)
+          direction="down"
+          icon="arrow"
         >
-          <ForwardRef(Base)
-            aria-hidden="true"
-            as="svg"
-            className="govgr-svg-icon--arrow--down govgr-svg-icon"
-            focusable="false"
-            viewBox="0 0 24 24"
+          <ForwardRef(SvgIcon)
+            className="govgr-svg-icon--arrow"
           >
-            <svg
+            <ForwardRef(Base)
               aria-hidden="true"
-              className="govgr-svg-icon--arrow--down govgr-svg-icon"
+              as="svg"
+              className="govgr-svg-icon--arrow govgr-svg-icon"
               focusable="false"
               viewBox="0 0 24 24"
             >
-              <path
-                d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
-              />
-            </svg>
-          </ForwardRef(Base)>
-        </ForwardRef(SvgIcon)>
-      </ForwardRef(ArrowIcon)>
+              <svg
+                aria-hidden="true"
+                className="govgr-svg-icon--arrow govgr-svg-icon"
+                focusable="false"
+                viewBox="0 0 24 24"
+              >
+                <arrow
+                  direction="down"
+                >
+                  <path
+                    d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
+                  />
+                </arrow>
+              </svg>
+            </ForwardRef(Base)>
+          </ForwardRef(SvgIcon)>
+        </ForwardRef(Icon)>
+      </ArrowIcon>
     </summary>
   </ForwardRef(Base)>
 </ForwardRef(DropdownButton)>
@@ -263,32 +281,41 @@ exports[`renders the DropdownButton with color=primary variant="button" arrow={t
       className="govgr-btn-primary govgr-btn govgr-dropdown__button--arrow govgr-dropdown__button"
       tabIndex={0}
     >
-      <ForwardRef(ArrowIcon)
+      <ArrowIcon
         direction="down"
       >
-        <ForwardRef(SvgIcon)
-          className="govgr-svg-icon--arrow--down"
+        <ForwardRef(Icon)
+          direction="down"
+          icon="arrow"
         >
-          <ForwardRef(Base)
-            aria-hidden="true"
-            as="svg"
-            className="govgr-svg-icon--arrow--down govgr-svg-icon"
-            focusable="false"
-            viewBox="0 0 24 24"
+          <ForwardRef(SvgIcon)
+            className="govgr-svg-icon--arrow"
           >
-            <svg
+            <ForwardRef(Base)
               aria-hidden="true"
-              className="govgr-svg-icon--arrow--down govgr-svg-icon"
+              as="svg"
+              className="govgr-svg-icon--arrow govgr-svg-icon"
               focusable="false"
               viewBox="0 0 24 24"
             >
-              <path
-                d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
-              />
-            </svg>
-          </ForwardRef(Base)>
-        </ForwardRef(SvgIcon)>
-      </ForwardRef(ArrowIcon)>
+              <svg
+                aria-hidden="true"
+                className="govgr-svg-icon--arrow govgr-svg-icon"
+                focusable="false"
+                viewBox="0 0 24 24"
+              >
+                <arrow
+                  direction="down"
+                >
+                  <path
+                    d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
+                  />
+                </arrow>
+              </svg>
+            </ForwardRef(Base)>
+          </ForwardRef(SvgIcon)>
+        </ForwardRef(Icon)>
+      </ArrowIcon>
     </summary>
   </ForwardRef(Base)>
 </ForwardRef(DropdownButton)>
@@ -330,32 +357,41 @@ exports[`renders the DropdownButton with color=primary variant="link" arrow={tru
       className="govgr-link govgr-dropdown__button--arrow govgr-dropdown__button"
       tabIndex={0}
     >
-      <ForwardRef(ArrowIcon)
+      <ArrowIcon
         direction="down"
       >
-        <ForwardRef(SvgIcon)
-          className="govgr-svg-icon--arrow--down"
+        <ForwardRef(Icon)
+          direction="down"
+          icon="arrow"
         >
-          <ForwardRef(Base)
-            aria-hidden="true"
-            as="svg"
-            className="govgr-svg-icon--arrow--down govgr-svg-icon"
-            focusable="false"
-            viewBox="0 0 24 24"
+          <ForwardRef(SvgIcon)
+            className="govgr-svg-icon--arrow"
           >
-            <svg
+            <ForwardRef(Base)
               aria-hidden="true"
-              className="govgr-svg-icon--arrow--down govgr-svg-icon"
+              as="svg"
+              className="govgr-svg-icon--arrow govgr-svg-icon"
               focusable="false"
               viewBox="0 0 24 24"
             >
-              <path
-                d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
-              />
-            </svg>
-          </ForwardRef(Base)>
-        </ForwardRef(SvgIcon)>
-      </ForwardRef(ArrowIcon)>
+              <svg
+                aria-hidden="true"
+                className="govgr-svg-icon--arrow govgr-svg-icon"
+                focusable="false"
+                viewBox="0 0 24 24"
+              >
+                <arrow
+                  direction="down"
+                >
+                  <path
+                    d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
+                  />
+                </arrow>
+              </svg>
+            </ForwardRef(Base)>
+          </ForwardRef(SvgIcon)>
+        </ForwardRef(Icon)>
+      </ArrowIcon>
     </summary>
   </ForwardRef(Base)>
 </ForwardRef(DropdownButton)>
@@ -414,32 +450,41 @@ exports[`renders the DropdownButton with color=secondary and arrow={true} 1`] =
       className="govgr-btn-secondary govgr-btn govgr-dropdown__button--arrow govgr-dropdown__button"
       tabIndex={0}
     >
-      <ForwardRef(ArrowIcon)
+      <ArrowIcon
         direction="down"
       >
-        <ForwardRef(SvgIcon)
-          className="govgr-svg-icon--arrow--down"
+        <ForwardRef(Icon)
+          direction="down"
+          icon="arrow"
         >
-          <ForwardRef(Base)
-            aria-hidden="true"
-            as="svg"
-            className="govgr-svg-icon--arrow--down govgr-svg-icon"
-            focusable="false"
-            viewBox="0 0 24 24"
+          <ForwardRef(SvgIcon)
+            className="govgr-svg-icon--arrow"
           >
-            <svg
+            <ForwardRef(Base)
               aria-hidden="true"
-              className="govgr-svg-icon--arrow--down govgr-svg-icon"
+              as="svg"
+              className="govgr-svg-icon--arrow govgr-svg-icon"
               focusable="false"
               viewBox="0 0 24 24"
             >
-              <path
-                d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
-              />
-            </svg>
-          </ForwardRef(Base)>
-        </ForwardRef(SvgIcon)>
-      </ForwardRef(ArrowIcon)>
+              <svg
+                aria-hidden="true"
+                className="govgr-svg-icon--arrow govgr-svg-icon"
+                focusable="false"
+                viewBox="0 0 24 24"
+              >
+                <arrow
+                  direction="down"
+                >
+                  <path
+                    d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
+                  />
+                </arrow>
+              </svg>
+            </ForwardRef(Base)>
+          </ForwardRef(SvgIcon)>
+        </ForwardRef(Icon)>
+      </ArrowIcon>
     </summary>
   </ForwardRef(Base)>
 </ForwardRef(DropdownButton)>
@@ -502,32 +547,41 @@ exports[`renders the DropdownButton with color=warning variant="button" arrow={t
       tabIndex={0}
     >
       hello
-      <ForwardRef(ArrowIcon)
+      <ArrowIcon
         direction="down"
       >
-        <ForwardRef(SvgIcon)
-          className="govgr-svg-icon--arrow--down"
+        <ForwardRef(Icon)
+          direction="down"
+          icon="arrow"
         >
-          <ForwardRef(Base)
-            aria-hidden="true"
-            as="svg"
-            className="govgr-svg-icon--arrow--down govgr-svg-icon"
-            focusable="false"
-            viewBox="0 0 24 24"
+          <ForwardRef(SvgIcon)
+            className="govgr-svg-icon--arrow"
           >
-            <svg
+            <ForwardRef(Base)
               aria-hidden="true"
-              className="govgr-svg-icon--arrow--down govgr-svg-icon"
+              as="svg"
+              className="govgr-svg-icon--arrow govgr-svg-icon"
               focusable="false"
               viewBox="0 0 24 24"
             >
-              <path
-                d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
-              />
-            </svg>
-          </ForwardRef(Base)>
-        </ForwardRef(SvgIcon)>
-      </ForwardRef(ArrowIcon)>
+              <svg
+                aria-hidden="true"
+                className="govgr-svg-icon--arrow govgr-svg-icon"
+                focusable="false"
+                viewBox="0 0 24 24"
+              >
+                <arrow
+                  direction="down"
+                >
+                  <path
+                    d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
+                  />
+                </arrow>
+              </svg>
+            </ForwardRef(Base)>
+          </ForwardRef(SvgIcon)>
+        </ForwardRef(Icon)>
+      </ArrowIcon>
     </summary>
   </ForwardRef(Base)>
 </ForwardRef(DropdownButton)>

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

@@ -0,0 +1,37 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the ErrorSummary with no props 1`] = `
+<ForwardRef(ErrorSummary)>
+  <ForwardRef(NotificationBannerContainer)
+    variant="error"
+  >
+    <ForwardRef(Base)
+      aria-labelledby="govgr-notification-banner-title"
+      as="div"
+      className="govgr-notification-banner--error govgr-notification-banner"
+      data-module="govgr-notification-banner"
+      role="region"
+    >
+      <div
+        aria-labelledby="govgr-notification-banner-title"
+        className="govgr-notification-banner--error govgr-notification-banner"
+        data-module="govgr-notification-banner"
+        role="region"
+      >
+        <ForwardRef(NotificationBannerContent)>
+          <ForwardRef(Base)
+            as="div"
+            className="govgr-notification-banner__content"
+          >
+            <div
+              className="govgr-notification-banner__content"
+            >
+              hello
+            </div>
+          </ForwardRef(Base)>
+        </ForwardRef(NotificationBannerContent)>
+      </div>
+    </ForwardRef(Base)>
+  </ForwardRef(NotificationBannerContainer)>
+</ForwardRef(ErrorSummary)>
+`;

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

@@ -7,17 +7,14 @@ exports[`renders the FieldContainer with error=false 1`] = `
   <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"
+      className="govgr-field xs: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"
+        className="govgr-field xs:govgr-grid__col-span-12"
       >
         hello
       </div>
@@ -33,17 +30,14 @@ exports[`renders the FieldContainer with error=true 1`] = `
   <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"
+      className="govgr-field--error govgr-field xs: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"
+        className="govgr-field--error govgr-field xs:govgr-grid__col-span-12"
       >
         hello
       </div>
@@ -57,17 +51,14 @@ exports[`renders the FieldContainer with no props 1`] = `
   <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"
+      className="govgr-field xs: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"
+        className="govgr-field xs:govgr-grid__col-span-12"
       >
         hello
       </div>

package/es/FieldContainer/index.js

@@ -14,12 +14,9 @@ export var FieldContainer = /*#__PURE__*/React.forwardRef(function FieldContaine
       children = _ref.children,
       _ref$xs = _ref.xs,
       xs = _ref$xs === void 0 ? 12 : _ref$xs,
-      _ref$md = _ref.md,
-      md = _ref$md === void 0 ? 12 : _ref$md,
-      _ref$lg = _ref.lg,
-      lg = _ref$lg === void 0 ? 12 : _ref$lg,
-      _ref$xl = _ref.xl,
-      xl = _ref$xl === void 0 ? 12 : _ref$xl,
+      md = _ref.md,
+      lg = _ref.lg,
+      xl = _ref.xl,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Grid, _extends({

package/es/FileUploadContainer/__snapshots__/index.test.tsx.snap

@@ -1,8 +1,8 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders the FileUpload with hasUploadedFile prop 1`] = `
+exports[`renders the FileUpload with hasFiles prop 1`] = `
 <ForwardRef(FileUploadContainer)
-  hasUploadedFile={true}
+  hasFiles={true}
 >
   <ForwardRef(Base)
     as="div"

package/es/FileUploadContainer/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children", "hasUploadedFile"];
+var _excluded = ["className", "children", "hasFiles"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
@@ -12,14 +12,14 @@ import Base from '@digigov/react-core/Base';
 export var FileUploadContainer = /*#__PURE__*/React.forwardRef(function FileUploadContainer(_ref, ref) {
   var className = _ref.className,
       children = _ref.children,
-      _ref$hasUploadedFile = _ref.hasUploadedFile,
-      hasUploadedFile = _ref$hasUploadedFile === void 0 ? false : _ref$hasUploadedFile,
+      _ref$hasFiles = _ref.hasFiles,
+      hasFiles = _ref$hasFiles === void 0 ? false : _ref$hasFiles,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     ref: ref,
     as: "div",
-    className: clsx(className, hasUploadedFile && 'govgr-uploaded-file')
+    className: clsx(className, hasFiles && 'govgr-uploaded-file')
   }, props), children);
 });
 export default FileUploadContainer;

package/es/FileUploadContainer/index.test.js

@@ -9,9 +9,9 @@ it('renders the FileUpload with no props', function () {
 });
 
 var _ref2 = /*#__PURE__*/React.createElement(FileUploadContainer, {
-  hasUploadedFile: true
+  hasFiles: true
 });
 
-it('renders the FileUpload with hasUploadedFile prop', function () {
+it('renders the FileUpload with hasFiles prop', function () {
   expect(mount(_ref2)).toMatchSnapshot();
 });

package/es/FilterContainer/__snapshots__/index.test.tsx.snap

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

package/es/{FilterSection → FilterContainer}/index.js

@@ -6,11 +6,11 @@ import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
 
 /**
- * Use FilterSection component to wrap the filter section area of the page
+ * Use FilterContainer component to wrap the filter area of the page
  * When the Filters are being used inside a Drawer component, you don't have to
- * use the FilterSection component
+ * use the FilterContainer component
  */
-export var FilterSection = /*#__PURE__*/React.forwardRef(function FilterSection(_ref, ref) {
+export var FilterContainer = /*#__PURE__*/React.forwardRef(function FilterContainer(_ref, ref) {
   var className = _ref.className,
       _ref$border = _ref.border,
       border = _ref$border === void 0 ? true : _ref$border,
@@ -27,4 +27,4 @@ export var FilterSection = /*#__PURE__*/React.forwardRef(function FilterSection(
     className: clsx(className, positionRelative === 'always' && 'govgr-filter--position-relative-always', positionRelative === 'sm' && 'govgr-filter--position-relative-sm', positionRelative === 'md' && 'govgr-filter--position-relative-md', positionRelative === 'lg' && 'govgr-filter--position-relative-lg', border && 'govgr-filter--border ', !open && 'govgr-filter--closed ', true && 'govgr-filter')
   }, props), children);
 });
-export default FilterSection;
+export default FilterContainer;

package/es/FilterContainer/index.test.js

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

package/es/FilterContent/index.js

@@ -6,7 +6,7 @@ import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
 
 /**
- * Use FilterContent inside FilterSection as a wrapper for its content
+ * Use FilterContent inside FilterContainer as a wrapper for its content
  */
 export var FilterContent = /*#__PURE__*/React.forwardRef(function FilterContent(_ref, ref) {
   var className = _ref.className,

package/{esm/FilterHeading → es/FilterHeadingContainer}/__snapshots__/index.test.tsx.snap

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders the FilterHeading with no props 1`] = `
-<ForwardRef(FilterHeading)>
+exports[`renders the FilterHeadingContainer with no props 1`] = `
+<ForwardRef(FilterHeadingContainer)>
   <ForwardRef(Base)
     as="div"
     className="govgr-filter__heading"
@@ -12,5 +12,5 @@ exports[`renders the FilterHeading with no props 1`] = `
       hello
     </div>
   </ForwardRef(Base)>
-</ForwardRef(FilterHeading)>
+</ForwardRef(FilterHeadingContainer)>
 `;

package/es/{FilterHeading → FilterHeadingContainer}/index.js

@@ -6,12 +6,12 @@ import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
 
 /**
- * Use FilterHeading component inside FilterSection
+ * Use FilterHeadingContainer component inside FilterContainer
  * for filters heading title and close icon(for mobiles).
  * When the Filters are being used inside a Drawer component, you don't have to
- * use the FilterHeading component
+ * use the FilterHeadingContainer component
  */
-export var FilterHeading = /*#__PURE__*/React.forwardRef(function FilterHeading(_ref, ref) {
+export var FilterHeadingContainer = /*#__PURE__*/React.forwardRef(function FilterHeadingContainer(_ref, ref) {
   var className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
@@ -22,4 +22,4 @@ export var FilterHeading = /*#__PURE__*/React.forwardRef(function FilterHeading(
     className: clsx(className, true && 'govgr-filter__heading')
   }, props), children);
 });
-export default FilterHeading;
+export default FilterHeadingContainer;

package/es/FilterHeadingContainer/index.test.js

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