@digigov/react-core 0.26.0 → 1.0.0-rc

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

@@ -3,17 +3,17 @@
 exports[`renders the Label with heading  and size l props 1`] = `
 <ForwardRef(LabelTitle)
   heading={true}
-  size="l"
+  size="lg"
 >
   <ForwardRef(Base)
     aria-level={1}
     as="span"
-    className="govgr-heading-l"
+    className="govgr-heading-lg"
     role="heading"
   >
     <span
       aria-level={1}
-      className="govgr-heading-l"
+      className="govgr-heading-lg"
       role="heading"
     >
       hello
@@ -25,17 +25,17 @@ exports[`renders the Label with heading  and size l props 1`] = `
 exports[`renders the Label with heading  and size m props 1`] = `
 <ForwardRef(LabelTitle)
   heading={true}
-  size="m"
+  size="md"
 >
   <ForwardRef(Base)
     aria-level={1}
     as="span"
-    className="govgr-heading-m"
+    className="govgr-heading-md"
     role="heading"
   >
     <span
       aria-level={1}
-      className="govgr-heading-m"
+      className="govgr-heading-md"
       role="heading"
     >
       hello
@@ -69,17 +69,17 @@ exports[`renders the Label with heading  and size xl props 1`] = `
 exports[`renders the Label with heading and size s props 1`] = `
 <ForwardRef(LabelTitle)
   heading={true}
-  size="s"
+  size="sm"
 >
   <ForwardRef(Base)
     aria-level={1}
     as="span"
-    className="govgr-heading-s"
+    className="govgr-heading-sm"
     role="heading"
   >
     <span
       aria-level={1}
-      className="govgr-heading-s"
+      className="govgr-heading-sm"
       role="heading"
     >
       hello
@@ -111,14 +111,14 @@ exports[`renders the Label with heading prop 1`] = `
 
 exports[`renders the Label with size l prop 1`] = `
 <ForwardRef(LabelTitle)
-  size="l"
+  size="lg"
 >
   <ForwardRef(Base)
     as="span"
-    className="govgr-heading-l"
+    className="govgr-heading-lg"
   >
     <span
-      className="govgr-heading-l"
+      className="govgr-heading-lg"
     >
       hello
     </span>
@@ -128,14 +128,14 @@ exports[`renders the Label with size l prop 1`] = `
 
 exports[`renders the Label with size m prop 1`] = `
 <ForwardRef(LabelTitle)
-  size="m"
+  size="md"
 >
   <ForwardRef(Base)
     as="span"
-    className="govgr-heading-m"
+    className="govgr-heading-md"
   >
     <span
-      className="govgr-heading-m"
+      className="govgr-heading-md"
     >
       hello
     </span>
@@ -145,14 +145,14 @@ exports[`renders the Label with size m prop 1`] = `
 
 exports[`renders the Label with size s prop 1`] = `
 <ForwardRef(LabelTitle)
-  size="s"
+  size="sm"
 >
   <ForwardRef(Base)
     as="span"
-    className="govgr-heading-s"
+    className="govgr-heading-sm"
   >
     <span
-      className="govgr-heading-s"
+      className="govgr-heading-sm"
     >
       hello
     </span>

package/esm/LabelTitle/index.js

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["size", "className", "heading", "children"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * Label component defines a label for several elements at forms.
@@ -19,7 +19,7 @@ export var LabelTitle = /*#__PURE__*/React.forwardRef(function LabelTitle(_ref,
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "span",
     ref: ref,
-    className: clsx(className, size === 'xl' && 'govgr-heading-xl', size === 'l' && 'govgr-heading-l', size === 'm' && 'govgr-heading-m', size === 's' && 'govgr-heading-s')
+    className: clsx(className, size === 'xl' && 'govgr-heading-xl', size === 'lg' && 'govgr-heading-lg', size === 'md' && 'govgr-heading-md', size === 'sm' && 'govgr-heading-sm')
   }, heading && {
     role: 'heading',
     'aria-level': 1

package/esm/LabelTitle/index.test.js

@@ -17,7 +17,7 @@ it('renders the Label with heading prop', function () {
 });
 
 var _ref3 = /*#__PURE__*/React.createElement(LabelTitle, {
-  size: "s"
+  size: "sm"
 }, "hello");
 
 it('renders the Label with size s prop', function () {
@@ -25,7 +25,7 @@ it('renders the Label with size s prop', function () {
 });
 
 var _ref4 = /*#__PURE__*/React.createElement(LabelTitle, {
-  size: "m"
+  size: "md"
 }, "hello");
 
 it('renders the Label with size m prop', function () {
@@ -33,7 +33,7 @@ it('renders the Label with size m prop', function () {
 });
 
 var _ref5 = /*#__PURE__*/React.createElement(LabelTitle, {
-  size: "l"
+  size: "lg"
 }, "hello");
 
 it('renders the Label with size l prop', function () {
@@ -50,7 +50,7 @@ it('renders the Label with size xl prop', function () {
 
 var _ref7 = /*#__PURE__*/React.createElement(LabelTitle, {
   heading: true,
-  size: "s"
+  size: "sm"
 }, "hello");
 
 it('renders the Label with heading and size s props', function () {
@@ -59,7 +59,7 @@ it('renders the Label with heading and size s props', function () {
 
 var _ref8 = /*#__PURE__*/React.createElement(LabelTitle, {
   heading: true,
-  size: "m"
+  size: "md"
 }, "hello");
 
 it('renders the Label with heading  and size m props', function () {
@@ -68,7 +68,7 @@ it('renders the Label with heading  and size m props', function () {
 
 var _ref9 = /*#__PURE__*/React.createElement(LabelTitle, {
   heading: true,
-  size: "l"
+  size: "lg"
 }, "hello");
 
 it('renders the Label with heading  and size l props', function () {

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

@@ -0,0 +1,50 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the LabeledText with active false 1`] = `
+<ForwardRef(LabeledText)
+  active={false}
+>
+  <ForwardRef(Base)
+    as="span"
+    className="govgr-labeled-text"
+  >
+    <span
+      className="govgr-labeled-text"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
+</ForwardRef(LabeledText)>
+`;
+
+exports[`renders the LabeledText with active true 1`] = `
+<ForwardRef(LabeledText)
+  active={true}
+>
+  <ForwardRef(Base)
+    as="span"
+    className="govgr-labeled-text--active govgr-labeled-text"
+  >
+    <span
+      className="govgr-labeled-text--active govgr-labeled-text"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
+</ForwardRef(LabeledText)>
+`;
+
+exports[`renders the LabeledText with no props 1`] = `
+<ForwardRef(LabeledText)>
+  <ForwardRef(Base)
+    as="span"
+    className="govgr-labeled-text"
+  >
+    <span
+      className="govgr-labeled-text"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
+</ForwardRef(LabeledText)>
+`;

package/esm/LabeledText/index.js

@@ -0,0 +1,25 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className", "children", "active"];
+import React from 'react';
+import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
+
+/**
+ * LabeledText can be used to add style to some text.
+ * More specifically it adds background color and changes the font weight to bold.
+ * LabeledText is used inside Fillabletext component.
+ */
+export var LabeledText = /*#__PURE__*/React.forwardRef(function LabeledText(_ref, ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      active = _ref.active,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "span",
+    ref: ref,
+    className: clsx(className, active && 'govgr-labeled-text--active', true && 'govgr-labeled-text')
+  }, props), children);
+});
+export default LabeledText;

package/esm/LabeledText/index.test.js

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

package/esm/Layout/index.js

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children", "fullHeight"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * Wrapper component for the entire page except the Header and the Footer.
@@ -18,7 +18,7 @@ export var Layout = /*#__PURE__*/React.forwardRef(function Layout(_ref, ref) {
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
     ref: ref,
-    className: clsx(className, fullHeight === true && 'govgr-layout-wrapper__full-height', true && 'govgr-layout-wrapper')
+    className: clsx(className, fullHeight && 'govgr-layout-wrapper__full-height', true && 'govgr-layout-wrapper')
   }, props), children);
 });
 export default Layout;

package/esm/LinkBase/index.js

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["underline", "className", "children"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * This component defines a hyperlink, which is used to link from one page to another.

package/esm/List/index.js

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["listStyle", "spaced", "className", "children"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * List component is used for listing items.
@@ -21,7 +21,7 @@ export var List = /*#__PURE__*/React.forwardRef(function List(_ref, ref) {
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "ol",
     ref: ref,
-    className: clsx(className, listStyle === 'bullet' && 'govgr-list--bullet', listStyle === 'number' && 'govgr-list--number', spaced === true && 'govgr-list--spaced', true && 'govgr-list')
+    className: clsx(className, listStyle === 'bullet' && 'govgr-list--bullet', listStyle === 'number' && 'govgr-list--number', spaced && 'govgr-list--spaced', true && 'govgr-list')
   }, props), children);
 });
 export default List;

package/esm/ListItem/index.js

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * ListItem must be inside List compoenent.

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

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

package/esm/LoaderContainer/index.js

@@ -0,0 +1,22 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children", "className"];
+import React from 'react';
+import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
+
+/**
+ * LoaderContainer contains the svg icon that is being displayed in the page and works as a loading indicator.
+ */
+export var LoaderContainer = /*#__PURE__*/React.forwardRef(function LoaderContainer(_ref, ref) {
+  var children = _ref.children,
+      className = _ref.className,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "div",
+    ref: ref,
+    className: clsx(className, true && 'govgr-loader__container')
+  }, props), children);
+});
+export default LoaderContainer;

package/esm/LoaderContainer/index.test.js

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

package/esm/Main/index.js

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children", "id"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * Use this inside Content component for placing the main content of the page

package/esm/Masthead/index.js

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children", "color"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * Use the Masthead on the top of the page.

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

@@ -4,10 +4,10 @@ exports[`renders the MastheadBody with no props 1`] = `
 <ForwardRef(MastheadBody)>
   <ForwardRef(Base)
     as="p"
-    className="govgr-masthead-body"
+    className="govgr-masthead__body"
   >
     <p
-      className="govgr-masthead-body"
+      className="govgr-masthead__body"
     >
       hello
     </p>

package/esm/MastheadBody/index.js

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * Use the MastheadBody inside Masthead an you can wrap your content inside Main component.
@@ -16,7 +16,7 @@ export var MastheadBody = /*#__PURE__*/React.forwardRef(function MastheadBody(_r
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "p",
     ref: ref,
-    className: clsx(className, true && 'govgr-masthead-body')
+    className: clsx(className, true && 'govgr-masthead__body')
   }, props), children);
 });
 export default MastheadBody;

package/esm/MastheadLogo/index.js

@@ -0,0 +1,28 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className", "children", "alt"];
+import React from 'react';
+import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
+
+/**
+ * MastheadLogo is a component for logos and images in the masthead.
+ * It is used inside to Masthead.
+ *
+ */
+export var MastheadLogo = /*#__PURE__*/React.forwardRef(function MastheadLogo(_ref, ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      _ref$alt = _ref.alt,
+      alt = _ref$alt === void 0 ? 'masthead logo' : _ref$alt,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "img",
+    ref: ref,
+    className: clsx(className, true && 'govgr-masthead__logo')
+  }, props, {
+    alt: alt
+  }), children);
+});
+export default MastheadLogo;

package/esm/MastheadLogo/index.test.js

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

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

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

package/esm/ModalAction/index.js

@@ -0,0 +1,24 @@
+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';
+
+/**
+ * ModelAction contains the action behavior for Modal Component.
+ * We can use links, Buttons or ButtonGroup with max of two buttons
+ * Use ModalAction inside Modal component as childern
+ */
+export var ModalAction = /*#__PURE__*/React.forwardRef(function ModalAction(_ref, ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "div",
+    ref: ref,
+    className: clsx(className, true && 'govgr-modal__action')
+  }, props), children);
+});
+export default ModalAction;

package/esm/ModalAction/index.test.js

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

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

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

package/esm/ModalContainer/index.js

@@ -0,0 +1,30 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className", "children", "open"];
+import React from 'react';
+import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
+
+/**
+ * Modals can be used to open a pop-up dialog box and provide critical information
+ * or ask for a decision. Modals disable all app functionality when they appear, and
+ * remain on screen until confirmed, dismissed, or a required action has been taken
+ * Use Modal as parent component to wrap ModalHeading, ModalText and ModalAction components
+ */
+export var ModalContainer = /*#__PURE__*/React.forwardRef(function ModalContainer(_ref, ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      open = _ref.open,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "div",
+    ref: ref,
+    className: clsx(className, true && 'govgr-modal', open && 'govgr-modal--open')
+  }, props), /*#__PURE__*/React.createElement("div", {
+    className: clsx(true && 'govgr-modal__body')
+  }, /*#__PURE__*/React.createElement("div", {
+    className: clsx(true && 'govgr-modal__container')
+  }, children)));
+});
+export default ModalContainer;

package/esm/ModalContainer/index.test.js

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

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

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

package/esm/ModalContent/index.js

@@ -0,0 +1,23 @@
+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';
+
+/**
+ * ModalContent contains the text or any other element for Modal Component
+ * Use ModalContent  inside Modal component as children
+ */
+export var ModalContent = /*#__PURE__*/React.forwardRef(function ModalContent(_ref, ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "div",
+    ref: ref,
+    className: clsx(className, true && 'govgr-modal__content')
+  }, props), children);
+});
+export default ModalContent;