@digigov/react-core 1.0.0-rc → 1.0.0-rc.2

package/esm/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/esm/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/esm/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();
 });
 

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

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

package/esm/{NavVerticalItem → Panel}/index.js

@@ -1,23 +1,24 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["active", "className", "children"];
+var _excluded = ["variant", "className", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
 
 /**
- * NavVerticalItem is an <a> element. It should be inside the NavVertical component.
+ * You should use Panel as the success of the final step of a process.
  */
-export var NavVerticalItem = /*#__PURE__*/React.forwardRef(function NavVerticalItem(_ref, ref) {
-  var active = _ref.active,
+export var Panel = /*#__PURE__*/React.forwardRef(function Panel(_ref, ref) {
+  var _ref$variant = _ref.variant,
+      variant = _ref$variant === void 0 ? 'success' : _ref$variant,
       className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
-    as: "a",
+    as: "div",
     ref: ref,
-    className: clsx(className, active && 'govgr-vertical-nav__item--active', true && ['govgr-link', 'govgr-vertical-nav__item'])
+    className: clsx(className, variant === 'success' && 'govgr-panel--success', true && 'govgr-panel')
   }, props), children);
 });
-export default NavVerticalItem;
+export default Panel;

package/esm/Panel/index.test.js

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

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

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

package/{es/ConfirmationBody → esm/PanelBody}/index.js

@@ -6,9 +6,9 @@ import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
 
 /**
- * ConfirmationBody provides the body of the confirmation message. Use this inside Confirmation, after ConfirmationTitle.
+ * PanelBody provides the body of the panel message. Use this inside Panel, after PanelTitle.
  */
-export var ConfirmationBody = /*#__PURE__*/React.forwardRef(function ConfirmationBody(_ref, ref) {
+export var PanelBody = /*#__PURE__*/React.forwardRef(function PanelBody(_ref, ref) {
   var className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
@@ -19,4 +19,4 @@ export var ConfirmationBody = /*#__PURE__*/React.forwardRef(function Confirmatio
     className: clsx(className, true && 'govgr-panel__body')
   }, props), children);
 });
-export default ConfirmationBody;
+export default PanelBody;

package/esm/PanelBody/index.test.js

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

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

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

package/{es/ConfirmationTitle → esm/PanelTitle}/index.js

@@ -6,9 +6,9 @@ import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
 
 /**
- * ConfirmationTitle provides the title of the confirmation message.Use this inside Confirmation.
+ * PanelTitle provides the title of the panel message.Use this inside Panel.
  */
-export var ConfirmationTitle = /*#__PURE__*/React.forwardRef(function ConfirmationTitle(_ref, ref) {
+export var PanelTitle = /*#__PURE__*/React.forwardRef(function PanelTitle(_ref, ref) {
   var className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
@@ -19,4 +19,4 @@ export var ConfirmationTitle = /*#__PURE__*/React.forwardRef(function Confirmati
     className: clsx(className, true && 'govgr-panel__title')
   }, props), children);
 });
-export default ConfirmationTitle;
+export default PanelTitle;

package/esm/PanelTitle/index.test.js

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