@digigov/react-core 0.11.0 → 0.14.0

package/es/PhaseBannerHeaderContainer/index.js

@@ -0,0 +1,16 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children"];
+import React from 'react';
+import clsx from 'clsx';
+export var PhaseBannerHeaderContainer = /*#__PURE__*/React.forwardRef(function PhaseBannerHeaderContainer(_ref, ref) {
+  var children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref
+  }, props, {
+    className: clsx(true && 'govgr-phase-banner_header')
+  }), children);
+});
+export default PhaseBannerHeaderContainer;

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

@@ -0,0 +1,23 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the TableContainer with  border prop 1`] = `
+<ForwardRef(TableContainer)
+  border={true}
+>
+  <div
+    className="govgr-table-container--border govgr-table-container"
+  >
+    hello
+  </div>
+</ForwardRef(TableContainer)>
+`;
+
+exports[`renders the TableContainer with no props 1`] = `
+<ForwardRef(TableContainer)>
+  <div
+    className="govgr-table-container"
+  >
+    hello
+  </div>
+</ForwardRef(TableContainer)>
+`;

package/es/TableContainer/index.js

@@ -0,0 +1,22 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["border", "className", "children"];
+import React from 'react';
+import clsx from 'clsx';
+
+/**
+ * Use TableContainer as a wrapper for a Table. It is used when the table is wider that the viewport width.
+ */
+export var TableContainer = /*#__PURE__*/React.forwardRef(function TableContainer(_ref, ref) {
+  var _ref$border = _ref.border,
+      border = _ref$border === void 0 ? false : _ref$border,
+      className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref,
+    className: clsx(className, border && 'govgr-table-container--border', true && 'govgr-table-container')
+  }, props), children);
+});
+export default TableContainer;

package/es/TableContainer/index.test.js

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

package/es/index.js

@@ -3,6 +3,8 @@ export { default as AccordionControls } from '@digigov/react-core/AccordionContr
 export { default as AccordionSection } from '@digigov/react-core/AccordionSection';
 export { default as AccordionSectionContent } from '@digigov/react-core/AccordionSectionContent';
 export { default as AccordionSectionHeader } from '@digigov/react-core/AccordionSectionHeader';
+export { default as AccordionSectionSummary } from '@digigov/react-core/AccordionSectionSummary';
+export { default as AccordionSectionSummaryHeading } from '@digigov/react-core/AccordionSectionSummaryHeading';
 export { default as ArrowIcon } from '@digigov/react-core/ArrowIcon';
 export { default as Aside } from '@digigov/react-core/Aside';
 export { default as BackLink } from '@digigov/react-core/BackLink';
@@ -99,6 +101,7 @@ export { default as PageTitleCaption } from '@digigov/react-core/PageTitleCaptio
 export { default as PageTitleHeading } from '@digigov/react-core/PageTitleHeading';
 export { default as PageTitleSection } from '@digigov/react-core/PageTitleSection';
 export { default as Paragraph } from '@digigov/react-core/Paragraph';
+export { default as PhaseBannerHeaderContainer } from '@digigov/react-core/PhaseBannerHeaderContainer';
 export { default as PhaseBanner } from '@digigov/react-core/PhaseBanner';
 export { default as PhaseBannerTag } from '@digigov/react-core/PhaseBannerTag';
 export { default as PhaseBannerText } from '@digigov/react-core/PhaseBannerText';
@@ -118,6 +121,7 @@ export { default as SvgIcon } from '@digigov/react-core/SvgIcon';
 export { default as Table } from '@digigov/react-core/Table';
 export { default as TableBody } from '@digigov/react-core/TableBody';
 export { default as TableCaption } from '@digigov/react-core/TableCaption';
+export { default as TableContainer } from '@digigov/react-core/TableContainer';
 export { default as TableDataCell } from '@digigov/react-core/TableDataCell';
 export { default as TableNoDataRow } from '@digigov/react-core/TableNoDataRow';
 export { default as TableHead } from '@digigov/react-core/TableHead';

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

@@ -0,0 +1,13 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the AccordionControls with button 1`] = `
+<ForwardRef(AccordionControls)>
+  <div
+    className="govgr-accordion__controls"
+  >
+    <button>
+      open all
+    </button>
+  </div>
+</ForwardRef(AccordionControls)>
+`;

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

@@ -2,11 +2,11 @@
 
 exports[`renders the AccordionSection with no props 1`] = `
 <ForwardRef(AccordionSection)>
-  <div
+  <details
     className="govgr-accordion__section"
   >
     hello
-  </div>
+  </details>
 </ForwardRef(AccordionSection)>
 `;
 
@@ -14,11 +14,12 @@ exports[`renders the AccordionSection with open=false 1`] = `
 <ForwardRef(AccordionSection)
   open={false}
 >
-  <div
+  <details
     className="govgr-accordion__section"
+    open={false}
   >
     hello
-  </div>
+  </details>
 </ForwardRef(AccordionSection)>
 `;
 
@@ -26,10 +27,11 @@ exports[`renders the AccordionSection with open=true 1`] = `
 <ForwardRef(AccordionSection)
   open={true}
 >
-  <div
-    className="govgr-accordion__section-open govgr-accordion__section"
+  <details
+    className="govgr-accordion__section"
+    open={true}
   >
     hello
-  </div>
+  </details>
 </ForwardRef(AccordionSection)>
 `;

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

@@ -2,7 +2,7 @@
 
 exports[`renders the AccordionSectionHeader with no props 1`] = `
 <ForwardRef(AccordionSectionHeader)>
-  <div
+  <summary
     className="govgr-accordion__section-header"
   >
     <h2
@@ -14,6 +14,6 @@ exports[`renders the AccordionSectionHeader with no props 1`] = `
         hello
       </span>
     </h2>
-  </div>
+  </summary>
 </ForwardRef(AccordionSectionHeader)>
 `;

package/esm/AccordionSectionHeader/index.js

@@ -5,7 +5,7 @@ import React from 'react';
 import clsx from 'clsx';
 
 /**
- * AccordionSectionHeader it should be inside the AccordionSection and it is the heading of the section.
+ * AccordionSectionHeader will be deprecated and implemented using AccordionSectionSummary and AccordionSectionSummaryHeading.
  */
 export var AccordionSectionHeader = /*#__PURE__*/React.forwardRef(function AccordionSectionHeader(_ref, ref) {
   var className = _ref.className,

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

@@ -0,0 +1,11 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the AccordionSectionSummary with no props 1`] = `
+<ForwardRef(AccordionSectionSummary)>
+  <summary
+    className="govgr-accordion__section-summary"
+  >
+    hello
+  </summary>
+</ForwardRef(AccordionSectionSummary)>
+`;

package/esm/AccordionSectionSummary/index.js

@@ -0,0 +1,20 @@
+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';
+
+/**
+ * AccordionSectionSummary is used as a wrapper component for AccordionSectionSummaryHeading.
+ */
+export var AccordionSectionSummary = /*#__PURE__*/React.forwardRef(function AccordionSectionSummary(_ref, ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement("summary", _extends({
+    ref: ref,
+    className: clsx(className, true && 'govgr-accordion__section-summary')
+  }, props), children);
+});
+export default AccordionSectionSummary;

package/esm/AccordionSectionSummary/index.test.js

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

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

@@ -0,0 +1,15 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the AccordionSectionSummaryHeading with no props 1`] = `
+<ForwardRef(AccordionSectionSummaryHeading)>
+  <h2
+    className="govgr-accordion__section-heading"
+  >
+    <span
+      className="govgr-accordion__section-button"
+    >
+      hello
+    </span>
+  </h2>
+</ForwardRef(AccordionSectionSummaryHeading)>
+`;

package/esm/AccordionSectionSummaryHeading/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';
+
+/**
+ * AccordionSectionSummaryHeading should be placed inside AccordionSectionSummary.
+ */
+export var AccordionSectionSummaryHeading = /*#__PURE__*/React.forwardRef(function AccordionSectionSummaryHeading(_ref, ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement("h2", _extends({
+    ref: ref,
+    className: clsx(className, true && 'govgr-accordion__section-heading')
+  }, props), /*#__PURE__*/React.createElement("span", {
+    className: clsx(true && 'govgr-accordion__section-button')
+  }, children));
+});
+export default AccordionSectionSummaryHeading;

package/esm/AccordionSectionSummaryHeading/index.test.js

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

package/esm/Card/index.js

@@ -20,7 +20,7 @@ export var Card = /*#__PURE__*/React.forwardRef(function Card(_ref, ref) {
 
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref,
-    className: clsx(className, variant === "border-top" && 'govgr-card--border-top', variant === "divider" && 'govgr-card--divider', variant === "border" && 'govgr-card--border', borderColor === "gray" && 'govgr-card--border-gray', borderColor === "dark" && 'govgr-card--border-dark', callToAction && 'govgr-card--cta', true && 'govgr-card')
+    className: clsx(className, variant === 'border-top' && 'govgr-card--border-top', borderColor === 'gray' && 'govgr-card--border-gray', borderColor === 'dark' && 'govgr-card--border-dark', variant === 'divider' && 'govgr-card--divider', variant === 'border' && 'govgr-card--border', callToAction && 'govgr-card--cta', true && 'govgr-card')
   }, props), /*#__PURE__*/React.createElement("div", {
     className: clsx(true && 'govgr-card__body')
   }, children));

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

@@ -1,5 +1,38 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`renders the Container with cols={false} prop 1`] = `
+<ForwardRef(Container)
+  cols={false}
+  fullWidth={true}
+>
+  <div
+    className="govgr-full-width-container"
+  >
+    <div
+      className=""
+    >
+      hello
+    </div>
+  </div>
+</ForwardRef(Container)>
+`;
+
+exports[`renders the Container with fullWidth prop 1`] = `
+<ForwardRef(Container)
+  fullWidth={true}
+>
+  <div
+    className="govgr-full-width-container"
+  >
+    <div
+      className="govgr-main-wrapper"
+    >
+      hello
+    </div>
+  </div>
+</ForwardRef(Container)>
+`;
+
 exports[`renders the Container with no props 1`] = `
 <ForwardRef(Container)>
   <div

package/esm/Container/index.test.js

@@ -6,4 +6,21 @@ var _ref = /*#__PURE__*/React.createElement(Container, null, "hello");
 
 it('renders the Container with no props', function () {
   expect(mount(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/React.createElement(Container, {
+  fullWidth: true
+}, "hello");
+
+it('renders the Container with fullWidth prop', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
+});
+
+var _ref3 = /*#__PURE__*/React.createElement(Container, {
+  fullWidth: true,
+  cols: false
+}, "hello");
+
+it('renders the Container with cols={false} prop', function () {
+  expect(mount(_ref3)).toMatchSnapshot();
 });

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

@@ -4,11 +4,11 @@ exports[`renders the List with listStyle=bullet 1`] = `
 <ForwardRef(List)
   listStyle="bullet"
 >
-  <ul
+  <ol
     className="govgr-list--bullet govgr-list"
   >
     hello
-  </ul>
+  </ol>
 </ForwardRef(List)>
 `;
 
@@ -16,7 +16,7 @@ exports[`renders the List with listStyle=bullet 2`] = `
 <ForwardRef(List)
   listStyle="bullet"
 >
-  <ul
+  <ol
     className="govgr-list--bullet govgr-list"
   >
     <ForwardRef(ListItem)>
@@ -33,7 +33,7 @@ exports[`renders the List with listStyle=bullet 2`] = `
         hello Katerina
       </li>
     </ForwardRef(ListItem)>
-  </ul>
+  </ol>
 </ForwardRef(List)>
 `;
 
@@ -42,7 +42,7 @@ exports[`renders the List with listStyle=bullet and spaced 1`] = `
   listStyle="bullet"
   spaced={true}
 >
-  <ul
+  <ol
     className="govgr-list--bullet govgr-list--spaced govgr-list"
   >
     <ForwardRef(ListItem)>
@@ -59,7 +59,7 @@ exports[`renders the List with listStyle=bullet and spaced 1`] = `
         hello Katerina
       </li>
     </ForwardRef(ListItem)>
-  </ul>
+  </ol>
 </ForwardRef(List)>
 `;
 
@@ -67,11 +67,11 @@ exports[`renders the List with listStyle=number 1`] = `
 <ForwardRef(List)
   listStyle="number"
 >
-  <ul
+  <ol
     className="govgr-list--number govgr-list"
   >
     hello
-  </ul>
+  </ol>
 </ForwardRef(List)>
 `;
 
@@ -79,7 +79,7 @@ exports[`renders the List with listStyle=number 2`] = `
 <ForwardRef(List)
   listStyle="number"
 >
-  <ul
+  <ol
     className="govgr-list--number govgr-list"
   >
     <ForwardRef(ListItem)>
@@ -96,7 +96,7 @@ exports[`renders the List with listStyle=number 2`] = `
         hello Katerina
       </li>
     </ForwardRef(ListItem)>
-  </ul>
+  </ol>
 </ForwardRef(List)>
 `;
 
@@ -105,7 +105,7 @@ exports[`renders the List with listStyle=number and spaced 1`] = `
   listStyle="number"
   spaced={true}
 >
-  <ul
+  <ol
     className="govgr-list--number govgr-list--spaced govgr-list"
   >
     <ForwardRef(ListItem)>
@@ -122,16 +122,16 @@ exports[`renders the List with listStyle=number and spaced 1`] = `
         hello Katerina
       </li>
     </ForwardRef(ListItem)>
-  </ul>
+  </ol>
 </ForwardRef(List)>
 `;
 
 exports[`renders the List with no props 1`] = `
 <ForwardRef(List)>
-  <ul
-    className="govgr-list"
+  <ol
+    className="govgr-list--bullet govgr-list"
   >
     hello
-  </ul>
+  </ol>
 </ForwardRef(List)>
 `;

package/esm/List/index.js

@@ -10,14 +10,14 @@ import clsx from 'clsx';
  */
 export var List = /*#__PURE__*/React.forwardRef(function List(_ref, ref) {
   var _ref$listStyle = _ref.listStyle,
-      listStyle = _ref$listStyle === void 0 ? 'bullet' : _ref$listStyle,
+      listStyle = _ref$listStyle === void 0 ? 'none' : _ref$listStyle,
       _ref$spaced = _ref.spaced,
       spaced = _ref$spaced === void 0 ? false : _ref$spaced,
       className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("ul", _extends({
+  return /*#__PURE__*/React.createElement("ol", _extends({
     ref: ref,
     className: clsx(className, listStyle === 'bullet' && 'govgr-list--bullet', listStyle === 'number' && 'govgr-list--number', spaced === true && 'govgr-list--spaced', true && 'govgr-list')
   }, props), children);

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

@@ -5,15 +5,7 @@ exports[`renders the Masthead with no props 1`] = `
   <div
     className="govgr-masthead govgr-background-dark"
   >
-    <div
-      className="govgr-width-container"
-    >
-      <div
-        className="govgr-main-wrapper"
-      >
-        hello
-      </div>
-    </div>
+    hello
   </div>
 </ForwardRef(Masthead)>
 `;

package/esm/Masthead/index.js

@@ -3,7 +3,6 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["className", "children"];
 import React from 'react';
 import clsx from 'clsx';
-import Container from '@digigov/react-core/Container';
 
 /**
  * Use the Masthead on the top of the page.
@@ -16,6 +15,6 @@ export var Masthead = /*#__PURE__*/React.forwardRef(function Masthead(_ref, ref)
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref,
     className: clsx(className, true && ['govgr-masthead', 'govgr-background-dark'])
-  }, props), /*#__PURE__*/React.createElement(Container, null, children));
+  }, props), children);
 });
 export default Masthead;

package/esm/PhaseBannerHeaderContainer/__snapshots__/inde.test.tsx.snap

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

package/esm/PhaseBannerHeaderContainer/inde.test.js

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

package/esm/PhaseBannerHeaderContainer/index.js

@@ -0,0 +1,16 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children"];
+import React from 'react';
+import clsx from 'clsx';
+export var PhaseBannerHeaderContainer = /*#__PURE__*/React.forwardRef(function PhaseBannerHeaderContainer(_ref, ref) {
+  var children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref
+  }, props, {
+    className: clsx(true && 'govgr-phase-banner_header')
+  }), children);
+});
+export default PhaseBannerHeaderContainer;

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

@@ -0,0 +1,23 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the TableContainer with  border prop 1`] = `
+<ForwardRef(TableContainer)
+  border={true}
+>
+  <div
+    className="govgr-table-container--border govgr-table-container"
+  >
+    hello
+  </div>
+</ForwardRef(TableContainer)>
+`;
+
+exports[`renders the TableContainer with no props 1`] = `
+<ForwardRef(TableContainer)>
+  <div
+    className="govgr-table-container"
+  >
+    hello
+  </div>
+</ForwardRef(TableContainer)>
+`;

package/esm/TableContainer/index.js

@@ -0,0 +1,22 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["border", "className", "children"];
+import React from 'react';
+import clsx from 'clsx';
+
+/**
+ * Use TableContainer as a wrapper for a Table. It is used when the table is wider that the viewport width.
+ */
+export var TableContainer = /*#__PURE__*/React.forwardRef(function TableContainer(_ref, ref) {
+  var _ref$border = _ref.border,
+      border = _ref$border === void 0 ? false : _ref$border,
+      className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref,
+    className: clsx(className, border && 'govgr-table-container--border', true && 'govgr-table-container')
+  }, props), children);
+});
+export default TableContainer;

package/esm/TableContainer/index.test.js

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