@digigov/react-core 0.26.0 → 1.0.0-rc

package/esm/PaginationList/__snapshots__/index.spec.tsx.snap

@@ -0,0 +1,54 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the PaginationList with PaginationListItem as a child 1`] = `
+<ForwardRef(PaginationList)>
+  <ForwardRef(Base)
+    as="ul"
+    className="govgr-pagination__list"
+  >
+    <ul
+      className="govgr-pagination__list"
+    >
+      <ForwardRef(PaginationListItem)>
+        <ForwardRef(Base)
+          as="li"
+          className="govgr-pagination__item"
+        >
+          <li
+            className="govgr-pagination__item"
+          >
+            hello there!
+          </li>
+        </ForwardRef(Base)>
+      </ForwardRef(PaginationListItem)>
+      <ForwardRef(PaginationListItem)>
+        <ForwardRef(Base)
+          as="li"
+          className="govgr-pagination__item"
+        >
+          <li
+            className="govgr-pagination__item"
+          >
+            hello world!
+          </li>
+        </ForwardRef(Base)>
+      </ForwardRef(PaginationListItem)>
+    </ul>
+  </ForwardRef(Base)>
+</ForwardRef(PaginationList)>
+`;
+
+exports[`renders the PaginationList with no props 1`] = `
+<ForwardRef(PaginationList)>
+  <ForwardRef(Base)
+    as="ul"
+    className="govgr-pagination__list"
+  >
+    <ul
+      className="govgr-pagination__list"
+    >
+      hello
+    </ul>
+  </ForwardRef(Base)>
+</ForwardRef(PaginationList)>
+`;

package/esm/PaginationList/index.js

@@ -0,0 +1,22 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className", "children"];
+import React from 'react';
+import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
+
+/**
+ * Use PaginationList as a child of Pagination to list a large number of results
+ */
+export var PaginationList = /*#__PURE__*/React.forwardRef(function PaginationList(_ref, ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "ul",
+    ref: ref,
+    className: clsx(className, true && 'govgr-pagination__list')
+  }, props), children);
+});
+export default PaginationList;

package/esm/PaginationList/index.spec.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import PaginationList from '@digigov/react-core/PaginationList';
+import PaginationListItem from '@digigov/react-core/PaginationListItem';
+
+var _ref = /*#__PURE__*/React.createElement(PaginationList, null, "hello");
+
+it('renders the PaginationList with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/React.createElement(PaginationList, null, /*#__PURE__*/React.createElement(PaginationListItem, null, "hello there!"), /*#__PURE__*/React.createElement(PaginationListItem, null, "hello world!"));
+
+it('renders the PaginationList with PaginationListItem as a child', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
+});

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

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

package/esm/PaginationListItem/index.js

@@ -0,0 +1,26 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["inactive", "currentPage", "variant", "className", "children"];
+import React from 'react';
+import clsx from 'clsx';
+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,
+      currentPage = _ref.currentPage,
+      _ref$variant = _ref.variant,
+      variant = _ref$variant === void 0 ? 'number' : _ref$variant,
+      className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  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')
+  }, props), variant === 'dots' ? '...' : children);
+});
+export default PaginationListItem;

package/esm/PaginationListItem/index.spec.js

@@ -0,0 +1,42 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import PaginationListItem from '@digigov/react-core/PaginationListItem';
+
+var _ref = /*#__PURE__*/React.createElement(PaginationListItem, null, "hello");
+
+it('renders the PaginationListItem with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/React.createElement(PaginationListItem, {
+  inactive: true
+}, "hello");
+
+it('renders the PaginationListItem with inactive=true', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
+});
+
+var _ref3 = /*#__PURE__*/React.createElement(PaginationListItem, {
+  variant: "dots"
+}, "hello");
+
+it('renders the PaginationListItem with variant=dots', function () {
+  expect(mount(_ref3)).toMatchSnapshot();
+});
+
+var _ref4 = /*#__PURE__*/React.createElement(PaginationListItem, {
+  inactive: true,
+  variant: "dots"
+}, "hello");
+
+it('renders the PaginationListItem with inactive=true and variant=dots', function () {
+  expect(mount(_ref4)).toMatchSnapshot();
+});
+
+var _ref5 = /*#__PURE__*/React.createElement(PaginationListItem, {
+  currentPage: true
+}, "hello");
+
+it('renders the PaginationListItem with currentPage', function () {
+  expect(mount(_ref5)).toMatchSnapshot();
+});

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

@@ -204,14 +204,14 @@ exports[`renders the Paragraph with no props 1`] = `
 
 exports[`renders the Paragraph with variant=lead 1`] = `
 <ForwardRef(Paragraph)
-  variant="lead"
+  variant="lg"
 >
   <ForwardRef(Base)
     as="p"
-    className="govgr-body-l govgr-body"
+    className="govgr-body-lg govgr-body"
   >
     <p
-      className="govgr-body-l govgr-body"
+      className="govgr-body-lg govgr-body"
     >
       hello
     </p>
@@ -222,14 +222,14 @@ exports[`renders the Paragraph with variant=lead 1`] = `
 exports[`renders the Paragraph with variant=lead and fontSize=14 1`] = `
 <ForwardRef(Paragraph)
   fontSize="14"
-  variant="lead"
+  variant="lg"
 >
   <ForwardRef(Base)
     as="p"
-    className="govgr-body-l govgr-!-font-size-14 govgr-body"
+    className="govgr-!-font-size-14 govgr-body-lg govgr-body"
   >
     <p
-      className="govgr-body-l govgr-!-font-size-14 govgr-body"
+      className="govgr-!-font-size-14 govgr-body-lg govgr-body"
     >
       hello
     </p>
@@ -240,14 +240,14 @@ exports[`renders the Paragraph with variant=lead and fontSize=14 1`] = `
 exports[`renders the Paragraph with variant=lead and fontSize=16 1`] = `
 <ForwardRef(Paragraph)
   fontSize="16"
-  variant="lead"
+  variant="lg"
 >
   <ForwardRef(Base)
     as="p"
-    className="govgr-body-l govgr-!-font-size-16 govgr-body"
+    className="govgr-!-font-size-16 govgr-body-lg govgr-body"
   >
     <p
-      className="govgr-body-l govgr-!-font-size-16 govgr-body"
+      className="govgr-!-font-size-16 govgr-body-lg govgr-body"
     >
       hello
     </p>
@@ -258,14 +258,14 @@ exports[`renders the Paragraph with variant=lead and fontSize=16 1`] = `
 exports[`renders the Paragraph with variant=lead and fontSize=19 1`] = `
 <ForwardRef(Paragraph)
   fontSize="19"
-  variant="lead"
+  variant="lg"
 >
   <ForwardRef(Base)
     as="p"
-    className="govgr-body-l govgr-!-font-size-19 govgr-body"
+    className="govgr-!-font-size-19 govgr-body-lg govgr-body"
   >
     <p
-      className="govgr-body-l govgr-!-font-size-19 govgr-body"
+      className="govgr-!-font-size-19 govgr-body-lg govgr-body"
     >
       hello
     </p>
@@ -276,14 +276,14 @@ exports[`renders the Paragraph with variant=lead and fontSize=19 1`] = `
 exports[`renders the Paragraph with variant=lead and fontSize=24 1`] = `
 <ForwardRef(Paragraph)
   fontSize="14"
-  variant="lead"
+  variant="lg"
 >
   <ForwardRef(Base)
     as="p"
-    className="govgr-body-l govgr-!-font-size-14 govgr-body"
+    className="govgr-!-font-size-14 govgr-body-lg govgr-body"
   >
     <p
-      className="govgr-body-l govgr-!-font-size-14 govgr-body"
+      className="govgr-!-font-size-14 govgr-body-lg govgr-body"
     >
       hello
     </p>
@@ -294,14 +294,14 @@ exports[`renders the Paragraph with variant=lead and fontSize=24 1`] = `
 exports[`renders the Paragraph with variant=lead and fontSize=30 1`] = `
 <ForwardRef(Paragraph)
   fontSize="30"
-  variant="lead"
+  variant="lg"
 >
   <ForwardRef(Base)
     as="p"
-    className="govgr-body-l govgr-!-font-size-30 govgr-body"
+    className="govgr-!-font-size-30 govgr-body-lg govgr-body"
   >
     <p
-      className="govgr-body-l govgr-!-font-size-30 govgr-body"
+      className="govgr-!-font-size-30 govgr-body-lg govgr-body"
     >
       hello
     </p>
@@ -312,14 +312,14 @@ exports[`renders the Paragraph with variant=lead and fontSize=30 1`] = `
 exports[`renders the Paragraph with variant=lead and fontSize=36 1`] = `
 <ForwardRef(Paragraph)
   fontSize="36"
-  variant="lead"
+  variant="lg"
 >
   <ForwardRef(Base)
     as="p"
-    className="govgr-body-l govgr-!-font-size-36 govgr-body"
+    className="govgr-!-font-size-36 govgr-body-lg govgr-body"
   >
     <p
-      className="govgr-body-l govgr-!-font-size-36 govgr-body"
+      className="govgr-!-font-size-36 govgr-body-lg govgr-body"
     >
       hello
     </p>
@@ -330,14 +330,14 @@ exports[`renders the Paragraph with variant=lead and fontSize=36 1`] = `
 exports[`renders the Paragraph with variant=lead and fontSize=48 1`] = `
 <ForwardRef(Paragraph)
   fontSize="48"
-  variant="lead"
+  variant="lg"
 >
   <ForwardRef(Base)
     as="p"
-    className="govgr-body-l govgr-!-font-size-48 govgr-body"
+    className="govgr-!-font-size-48 govgr-body-lg govgr-body"
   >
     <p
-      className="govgr-body-l govgr-!-font-size-48 govgr-body"
+      className="govgr-!-font-size-48 govgr-body-lg govgr-body"
     >
       hello
     </p>
@@ -348,14 +348,14 @@ exports[`renders the Paragraph with variant=lead and fontSize=48 1`] = `
 exports[`renders the Paragraph with variant=lead and fontSize=72 1`] = `
 <ForwardRef(Paragraph)
   fontSize="72"
-  variant="lead"
+  variant="lg"
 >
   <ForwardRef(Base)
     as="p"
-    className="govgr-body-l govgr-!-font-size-72 govgr-body"
+    className="govgr-!-font-size-72 govgr-body-lg govgr-body"
   >
     <p
-      className="govgr-body-l govgr-!-font-size-72 govgr-body"
+      className="govgr-!-font-size-72 govgr-body-lg govgr-body"
     >
       hello
     </p>
@@ -365,7 +365,7 @@ exports[`renders the Paragraph with variant=lead and fontSize=72 1`] = `
 
 exports[`renders the Paragraph with variant=normal 1`] = `
 <ForwardRef(Paragraph)
-  variant="normal"
+  variant="md"
 >
   <ForwardRef(Base)
     as="p"
@@ -383,7 +383,7 @@ exports[`renders the Paragraph with variant=normal 1`] = `
 exports[`renders the Paragraph with variant=normal and fontSize=14 1`] = `
 <ForwardRef(Paragraph)
   fontSize="14"
-  variant="normal"
+  variant="md"
 >
   <ForwardRef(Base)
     as="p"
@@ -401,7 +401,7 @@ exports[`renders the Paragraph with variant=normal and fontSize=14 1`] = `
 exports[`renders the Paragraph with variant=normal and fontSize=16 1`] = `
 <ForwardRef(Paragraph)
   fontSize="16"
-  variant="normal"
+  variant="md"
 >
   <ForwardRef(Base)
     as="p"
@@ -419,7 +419,7 @@ exports[`renders the Paragraph with variant=normal and fontSize=16 1`] = `
 exports[`renders the Paragraph with variant=normal and fontSize=19 1`] = `
 <ForwardRef(Paragraph)
   fontSize="19"
-  variant="normal"
+  variant="md"
 >
   <ForwardRef(Base)
     as="p"
@@ -437,7 +437,7 @@ exports[`renders the Paragraph with variant=normal and fontSize=19 1`] = `
 exports[`renders the Paragraph with variant=normal and fontSize=24 1`] = `
 <ForwardRef(Paragraph)
   fontSize="14"
-  variant="normal"
+  variant="md"
 >
   <ForwardRef(Base)
     as="p"
@@ -455,7 +455,7 @@ exports[`renders the Paragraph with variant=normal and fontSize=24 1`] = `
 exports[`renders the Paragraph with variant=normal and fontSize=30 1`] = `
 <ForwardRef(Paragraph)
   fontSize="30"
-  variant="normal"
+  variant="md"
 >
   <ForwardRef(Base)
     as="p"
@@ -473,7 +473,7 @@ exports[`renders the Paragraph with variant=normal and fontSize=30 1`] = `
 exports[`renders the Paragraph with variant=normal and fontSize=36 1`] = `
 <ForwardRef(Paragraph)
   fontSize="36"
-  variant="normal"
+  variant="md"
 >
   <ForwardRef(Base)
     as="p"
@@ -491,7 +491,7 @@ exports[`renders the Paragraph with variant=normal and fontSize=36 1`] = `
 exports[`renders the Paragraph with variant=normal and fontSize=48 1`] = `
 <ForwardRef(Paragraph)
   fontSize="48"
-  variant="normal"
+  variant="md"
 >
   <ForwardRef(Base)
     as="p"
@@ -509,7 +509,7 @@ exports[`renders the Paragraph with variant=normal and fontSize=48 1`] = `
 exports[`renders the Paragraph with variant=normal and fontSize=72 1`] = `
 <ForwardRef(Paragraph)
   fontSize="72"
-  variant="normal"
+  variant="md"
 >
   <ForwardRef(Base)
     as="p"
@@ -528,7 +528,7 @@ exports[`renders the Paragraph with variant=normal, fontSize=72 and fontWeight="
 <ForwardRef(Paragraph)
   fontSize="72"
   fontWeight="bold"
-  variant="normal"
+  variant="md"
 >
   <ForwardRef(Base)
     as="p"
@@ -547,7 +547,7 @@ exports[`renders the Paragraph with variant=normal, fontSize=72 and fontWeight="
 <ForwardRef(Paragraph)
   fontSize="72"
   fontWeight="regular"
-  variant="normal"
+  variant="md"
 >
   <ForwardRef(Base)
     as="p"
@@ -564,14 +564,14 @@ exports[`renders the Paragraph with variant=normal, fontSize=72 and fontWeight="
 
 exports[`renders the Paragraph with variant=small 1`] = `
 <ForwardRef(Paragraph)
-  variant="small"
+  variant="sm"
 >
   <ForwardRef(Base)
     as="p"
-    className="govgr-body-s govgr-body"
+    className="govgr-body-sm govgr-body"
   >
     <p
-      className="govgr-body-s govgr-body"
+      className="govgr-body-sm govgr-body"
     >
       hello
     </p>
@@ -582,14 +582,14 @@ exports[`renders the Paragraph with variant=small 1`] = `
 exports[`renders the Paragraph with variant=small and fontSize=14 1`] = `
 <ForwardRef(Paragraph)
   fontSize="14"
-  variant="small"
+  variant="sm"
 >
   <ForwardRef(Base)
     as="p"
-    className="govgr-body-s govgr-!-font-size-14 govgr-body"
+    className="govgr-!-font-size-14 govgr-body-sm govgr-body"
   >
     <p
-      className="govgr-body-s govgr-!-font-size-14 govgr-body"
+      className="govgr-!-font-size-14 govgr-body-sm govgr-body"
     >
       hello
     </p>
@@ -600,14 +600,14 @@ exports[`renders the Paragraph with variant=small and fontSize=14 1`] = `
 exports[`renders the Paragraph with variant=small and fontSize=16 1`] = `
 <ForwardRef(Paragraph)
   fontSize="16"
-  variant="small"
+  variant="sm"
 >
   <ForwardRef(Base)
     as="p"
-    className="govgr-body-s govgr-!-font-size-16 govgr-body"
+    className="govgr-!-font-size-16 govgr-body-sm govgr-body"
   >
     <p
-      className="govgr-body-s govgr-!-font-size-16 govgr-body"
+      className="govgr-!-font-size-16 govgr-body-sm govgr-body"
     >
       hello
     </p>
@@ -618,14 +618,14 @@ exports[`renders the Paragraph with variant=small and fontSize=16 1`] = `
 exports[`renders the Paragraph with variant=small and fontSize=19 1`] = `
 <ForwardRef(Paragraph)
   fontSize="19"
-  variant="small"
+  variant="sm"
 >
   <ForwardRef(Base)
     as="p"
-    className="govgr-body-s govgr-!-font-size-19 govgr-body"
+    className="govgr-!-font-size-19 govgr-body-sm govgr-body"
   >
     <p
-      className="govgr-body-s govgr-!-font-size-19 govgr-body"
+      className="govgr-!-font-size-19 govgr-body-sm govgr-body"
     >
       hello
     </p>
@@ -636,14 +636,14 @@ exports[`renders the Paragraph with variant=small and fontSize=19 1`] = `
 exports[`renders the Paragraph with variant=small and fontSize=24 1`] = `
 <ForwardRef(Paragraph)
   fontSize="14"
-  variant="small"
+  variant="sm"
 >
   <ForwardRef(Base)
     as="p"
-    className="govgr-body-s govgr-!-font-size-14 govgr-body"
+    className="govgr-!-font-size-14 govgr-body-sm govgr-body"
   >
     <p
-      className="govgr-body-s govgr-!-font-size-14 govgr-body"
+      className="govgr-!-font-size-14 govgr-body-sm govgr-body"
     >
       hello
     </p>
@@ -654,14 +654,14 @@ exports[`renders the Paragraph with variant=small and fontSize=24 1`] = `
 exports[`renders the Paragraph with variant=small and fontSize=30 1`] = `
 <ForwardRef(Paragraph)
   fontSize="30"
-  variant="small"
+  variant="sm"
 >
   <ForwardRef(Base)
     as="p"
-    className="govgr-body-s govgr-!-font-size-30 govgr-body"
+    className="govgr-!-font-size-30 govgr-body-sm govgr-body"
   >
     <p
-      className="govgr-body-s govgr-!-font-size-30 govgr-body"
+      className="govgr-!-font-size-30 govgr-body-sm govgr-body"
     >
       hello
     </p>
@@ -672,14 +672,14 @@ exports[`renders the Paragraph with variant=small and fontSize=30 1`] = `
 exports[`renders the Paragraph with variant=small and fontSize=36 1`] = `
 <ForwardRef(Paragraph)
   fontSize="36"
-  variant="small"
+  variant="sm"
 >
   <ForwardRef(Base)
     as="p"
-    className="govgr-body-s govgr-!-font-size-36 govgr-body"
+    className="govgr-!-font-size-36 govgr-body-sm govgr-body"
   >
     <p
-      className="govgr-body-s govgr-!-font-size-36 govgr-body"
+      className="govgr-!-font-size-36 govgr-body-sm govgr-body"
     >
       hello
     </p>
@@ -690,14 +690,14 @@ exports[`renders the Paragraph with variant=small and fontSize=36 1`] = `
 exports[`renders the Paragraph with variant=small and fontSize=48 1`] = `
 <ForwardRef(Paragraph)
   fontSize="48"
-  variant="small"
+  variant="sm"
 >
   <ForwardRef(Base)
     as="p"
-    className="govgr-body-s govgr-!-font-size-48 govgr-body"
+    className="govgr-!-font-size-48 govgr-body-sm govgr-body"
   >
     <p
-      className="govgr-body-s govgr-!-font-size-48 govgr-body"
+      className="govgr-!-font-size-48 govgr-body-sm govgr-body"
     >
       hello
     </p>
@@ -708,14 +708,14 @@ exports[`renders the Paragraph with variant=small and fontSize=48 1`] = `
 exports[`renders the Paragraph with variant=small and fontSize=72 1`] = `
 <ForwardRef(Paragraph)
   fontSize="72"
-  variant="small"
+  variant="sm"
 >
   <ForwardRef(Base)
     as="p"
-    className="govgr-body-s govgr-!-font-size-72 govgr-body"
+    className="govgr-!-font-size-72 govgr-body-sm govgr-body"
   >
     <p
-      className="govgr-body-s govgr-!-font-size-72 govgr-body"
+      className="govgr-!-font-size-72 govgr-body-sm govgr-body"
     >
       hello
     </p>