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

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

@@ -2,16 +2,18 @@
 
 exports[`renders the PageTitleHeading with no props 1`] = `
 <ForwardRef(PageTitleHeading)>
-  <ForwardRef(Base)
-    as="h1"
-    className="govgr-heading-xl"
-  >
-    <h1
+  <ForwardRef(Heading)>
+    <ForwardRef(Base)
+      as="h1"
       className="govgr-heading-xl"
     >
-      hello
-    </h1>
-  </ForwardRef(Base)>
+      <h1
+        className="govgr-heading-xl"
+      >
+        hello
+      </h1>
+    </ForwardRef(Base)>
+  </ForwardRef(Heading)>
 </ForwardRef(PageTitleHeading)>
 `;
 
@@ -19,16 +21,20 @@ exports[`renders the PageTitleHeading with size=l 1`] = `
 <ForwardRef(PageTitleHeading)
   size="lg"
 >
-  <ForwardRef(Base)
-    as="h1"
-    className="govgr-heading-lg"
+  <ForwardRef(Heading)
+    size="lg"
   >
-    <h1
+    <ForwardRef(Base)
+      as="h2"
       className="govgr-heading-lg"
     >
-      hello
-    </h1>
-  </ForwardRef(Base)>
+      <h2
+        className="govgr-heading-lg"
+      >
+        hello
+      </h2>
+    </ForwardRef(Base)>
+  </ForwardRef(Heading)>
 </ForwardRef(PageTitleHeading)>
 `;
 
@@ -36,16 +42,20 @@ exports[`renders the PageTitleHeading with size=m 1`] = `
 <ForwardRef(PageTitleHeading)
   size="md"
 >
-  <ForwardRef(Base)
-    as="h1"
-    className="govgr-heading-md"
+  <ForwardRef(Heading)
+    size="md"
   >
-    <h1
+    <ForwardRef(Base)
+      as="h3"
       className="govgr-heading-md"
     >
-      hello
-    </h1>
-  </ForwardRef(Base)>
+      <h3
+        className="govgr-heading-md"
+      >
+        hello
+      </h3>
+    </ForwardRef(Base)>
+  </ForwardRef(Heading)>
 </ForwardRef(PageTitleHeading)>
 `;
 
@@ -53,16 +63,20 @@ exports[`renders the PageTitleHeading with size=s 1`] = `
 <ForwardRef(PageTitleHeading)
   size="sm"
 >
-  <ForwardRef(Base)
-    as="h1"
-    className="govgr-heading-sm"
+  <ForwardRef(Heading)
+    size="sm"
   >
-    <h1
+    <ForwardRef(Base)
+      as="h4"
       className="govgr-heading-sm"
     >
-      hello
-    </h1>
-  </ForwardRef(Base)>
+      <h4
+        className="govgr-heading-sm"
+      >
+        hello
+      </h4>
+    </ForwardRef(Base)>
+  </ForwardRef(Heading)>
 </ForwardRef(PageTitleHeading)>
 `;
 
@@ -70,15 +84,19 @@ exports[`renders the PageTitleHeading with size=xl 1`] = `
 <ForwardRef(PageTitleHeading)
   size="xl"
 >
-  <ForwardRef(Base)
-    as="h1"
-    className="govgr-heading-xl"
+  <ForwardRef(Heading)
+    size="xl"
   >
-    <h1
+    <ForwardRef(Base)
+      as="h1"
       className="govgr-heading-xl"
     >
-      hello
-    </h1>
-  </ForwardRef(Base)>
+      <h1
+        className="govgr-heading-xl"
+      >
+        hello
+      </h1>
+    </ForwardRef(Base)>
+  </ForwardRef(Heading)>
 </ForwardRef(PageTitleHeading)>
 `;

package/es/PageTitleHeading/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["size", "className", "children"];
+var _excluded = ["children"];
 import React from 'react';
 import Heading from '@digigov/react-core/Heading';
 
@@ -9,14 +9,10 @@ import Heading from '@digigov/react-core/Heading';
  * Use PageTitleHeading for the main page title.
  */
 export var PageTitleHeading = /*#__PURE__*/React.forwardRef(function PageTitleHeading(_ref, ref) {
-  var size = _ref.size,
-      className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Heading, _extends({
-    size: size,
-    className: className,
     ref: ref
   }, props), children);
 });

package/es/Pagination/__snapshots__/index.spec.tsx.snap

@@ -14,3 +14,20 @@ exports[`renders the Pagination with no props 1`] = `
   </ForwardRef(Base)>
 </ForwardRef(Pagination)>
 `;
+
+exports[`renders the Pagination with size=sm 1`] = `
+<ForwardRef(Pagination)
+  size="sm"
+>
+  <ForwardRef(Base)
+    as="nav"
+    className="govgr-pagination--sm govgr-pagination"
+  >
+    <nav
+      className="govgr-pagination--sm govgr-pagination"
+    >
+      hello
+    </nav>
+  </ForwardRef(Base)>
+</ForwardRef(Pagination)>
+`;

package/es/Pagination/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "fontSize", "children"];
+var _excluded = ["className", "size", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
@@ -10,15 +10,15 @@ import Base from '@digigov/react-core/Base';
  */
 export var Pagination = /*#__PURE__*/React.forwardRef(function Pagination(_ref, ref) {
   var className = _ref.className,
-      _ref$fontSize = _ref.fontSize,
-      fontSize = _ref$fontSize === void 0 ? 'md' : _ref$fontSize,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'md' : _ref$size,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "nav",
     ref: ref,
-    className: clsx(className, fontSize === 'sm' && 'govgr-pagination--size-sm', true && 'govgr-pagination')
+    className: clsx(className, size === 'sm' && 'govgr-pagination--sm', true && 'govgr-pagination')
   }, props), children);
 });
 export default Pagination;

package/es/Pagination/index.spec.js

@@ -6,4 +6,12 @@ var _ref = /*#__PURE__*/React.createElement(Pagination, null, "hello");
 
 it('renders the Pagination with no props', function () {
   expect(mount(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/React.createElement(Pagination, {
+  size: "sm"
+}, "hello");
+
+it('renders the Pagination with size=sm', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
 });

package/es/PaginationListItem/__snapshots__/index.spec.tsx.snap

@@ -1,15 +1,15 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders the PaginationListItem with currentPage 1`] = `
+exports[`renders the PaginationListItem with active=true 1`] = `
 <ForwardRef(PaginationListItem)
-  currentPage={true}
+  active={true}
 >
   <ForwardRef(Base)
     as="li"
-    className="govgr-pagination__item--current govgr-pagination__item"
+    className="govgr-pagination__item"
   >
     <li
-      className="govgr-pagination__item--current govgr-pagination__item"
+      className="govgr-pagination__item"
     >
       hello
     </li>
@@ -17,36 +17,36 @@ exports[`renders the PaginationListItem with currentPage 1`] = `
 </ForwardRef(PaginationListItem)>
 `;
 
-exports[`renders the PaginationListItem with inactive=true 1`] = `
+exports[`renders the PaginationListItem with active=true and variant=dots 1`] = `
 <ForwardRef(PaginationListItem)
-  inactive={true}
+  active={true}
+  variant="dots"
 >
   <ForwardRef(Base)
     as="li"
-    className="govgr-pagination__item--inactive govgr-pagination__item"
+    className="govgr-pagination__item--dots govgr-pagination__item"
   >
     <li
-      className="govgr-pagination__item--inactive govgr-pagination__item"
+      className="govgr-pagination__item--dots govgr-pagination__item"
     >
-      hello
+      ...
     </li>
   </ForwardRef(Base)>
 </ForwardRef(PaginationListItem)>
 `;
 
-exports[`renders the PaginationListItem with inactive=true and variant=dots 1`] = `
+exports[`renders the PaginationListItem with currentPage 1`] = `
 <ForwardRef(PaginationListItem)
-  inactive={true}
-  variant="dots"
+  currentPage={true}
 >
   <ForwardRef(Base)
     as="li"
-    className="govgr-pagination__item--dots govgr-pagination__item--inactive govgr-pagination__item"
+    className="govgr-pagination__item--current govgr-pagination__item"
   >
     <li
-      className="govgr-pagination__item--dots govgr-pagination__item--inactive govgr-pagination__item"
+      className="govgr-pagination__item--current govgr-pagination__item"
     >
-      ...
+      hello
     </li>
   </ForwardRef(Base)>
 </ForwardRef(PaginationListItem)>

package/es/PaginationListItem/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["inactive", "currentPage", "variant", "className", "children"];
+var _excluded = ["active", "currentPage", "variant", "className", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
@@ -9,7 +9,8 @@ import Base from '@digigov/react-core/Base';
  * PaginationListItem is used inside PaginationList for the items of the pagination list.
  */
 export var PaginationListItem = /*#__PURE__*/React.forwardRef(function PaginationListItem(_ref, ref) {
-  var inactive = _ref.inactive,
+  var _ref$active = _ref.active,
+      active = _ref$active === void 0 ? true : _ref$active,
       currentPage = _ref.currentPage,
       _ref$variant = _ref.variant,
       variant = _ref$variant === void 0 ? 'number' : _ref$variant,
@@ -20,7 +21,7 @@ export var PaginationListItem = /*#__PURE__*/React.forwardRef(function Paginatio
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "li",
     ref: ref,
-    className: clsx(className, variant === 'dots' && 'govgr-pagination__item--dots', currentPage && 'govgr-pagination__item--current', inactive && 'govgr-pagination__item--inactive', true && 'govgr-pagination__item')
+    className: clsx(className, variant === 'dots' && 'govgr-pagination__item--dots', currentPage && 'govgr-pagination__item--current', !active && 'govgr-pagination__item--inactive', true && 'govgr-pagination__item')
   }, props), variant === 'dots' ? '...' : children);
 });
 export default PaginationListItem;

package/es/PaginationListItem/index.spec.js

@@ -9,10 +9,10 @@ it('renders the PaginationListItem with no props', function () {
 });
 
 var _ref2 = /*#__PURE__*/React.createElement(PaginationListItem, {
-  inactive: true
+  active: true
 }, "hello");
 
-it('renders the PaginationListItem with inactive=true', function () {
+it('renders the PaginationListItem with active=true', function () {
   expect(mount(_ref2)).toMatchSnapshot();
 });
 
@@ -25,11 +25,11 @@ it('renders the PaginationListItem with variant=dots', function () {
 });
 
 var _ref4 = /*#__PURE__*/React.createElement(PaginationListItem, {
-  inactive: true,
+  active: true,
   variant: "dots"
 }, "hello");
 
-it('renders the PaginationListItem with inactive=true and variant=dots', function () {
+it('renders the PaginationListItem with active=true and variant=dots', function () {
   expect(mount(_ref4)).toMatchSnapshot();
 });