@digigov/react-core 0.1.0 → 0.4.0

package/es/PageTitleSection/index.js

@@ -0,0 +1,21 @@
+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';
+
+/**
+ * Details for the PageTitleSection.
+ * Use this as a wrapper for PageTitleHeading.
+ */
+export var PageTitleSection = /*#__PURE__*/React.forwardRef(function PageTitleSection(_ref, ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref,
+    className: clsx(className)
+  }, props), children);
+});
+export default PageTitleSection;

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

@@ -0,0 +1,31 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the PhaseBanner with no props 1`] = `
+<ForwardRef(PhaseBanner)>
+  <div
+    className="govgr-phase-banner"
+  >
+    <p
+      className="govgr-phase-banner__content"
+    >
+      hello
+    </p>
+  </div>
+</ForwardRef(PhaseBanner)>
+`;
+
+exports[`renders the PhaseBanner with underline prop 1`] = `
+<ForwardRef(PhaseBanner)
+  underline={true}
+>
+  <div
+    className="govgr-phase-banner__underline govgr-phase-banner"
+  >
+    <p
+      className="govgr-phase-banner__content"
+    >
+      hello
+    </p>
+  </div>
+</ForwardRef(PhaseBanner)>
+`;

package/es/PhaseBanner/index.js

@@ -0,0 +1,25 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className", "underline", "children"];
+import React from 'react';
+import clsx from 'clsx';
+
+/**
+ * PhaseBanner is a component used to show the phase of a service.
+ * This component will replace ServiceBadge.
+ */
+export var PhaseBanner = /*#__PURE__*/React.forwardRef(function PhaseBanner(_ref, ref) {
+  var className = _ref.className,
+      _ref$underline = _ref.underline,
+      underline = _ref$underline === void 0 ? false : _ref$underline,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref,
+    className: clsx(className, underline && 'govgr-phase-banner__underline', true && 'govgr-phase-banner')
+  }, props), /*#__PURE__*/React.createElement("p", {
+    className: clsx(true && 'govgr-phase-banner__content')
+  }, children));
+});
+export default PhaseBanner;

package/es/PhaseBanner/index.test.js

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

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

@@ -0,0 +1,59 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the Table with dark variant prop 1`] = `
+<ForwardRef(Table)
+  variant="dark"
+>
+  <table
+    className="govgr-table--dark govgr-table"
+  >
+    hello
+  </table>
+</ForwardRef(Table)>
+`;
+
+exports[`renders the Table with light variant prop 1`] = `
+<ForwardRef(Table)
+  variant="light"
+>
+  <table
+    className="govgr-table--light govgr-table"
+  >
+    hello
+  </table>
+</ForwardRef(Table)>
+`;
+
+exports[`renders the Table with no props 1`] = `
+<ForwardRef(Table)>
+  <table
+    className="govgr-table"
+  >
+    hello
+  </table>
+</ForwardRef(Table)>
+`;
+
+exports[`renders the Table with zebra prop 1`] = `
+<ForwardRef(Table)
+  zebra={true}
+>
+  <table
+    className="govgr-table--zebra govgr-table"
+  >
+    hello
+  </table>
+</ForwardRef(Table)>
+`;
+
+exports[`renders the Table with zebra prop 2`] = `
+<ForwardRef(Table)
+  verticalBorders={true}
+>
+  <table
+    className="govgr-table--with-vertical-header govgr-table--with-vertical-lines govgr-table"
+  >
+    hello
+  </table>
+</ForwardRef(Table)>
+`;

package/es/Table/index.js

@@ -0,0 +1,27 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["variant", "zebra", "dense", "verticalBorders", "className", "children"];
+import React from 'react';
+import clsx from 'clsx';
+
+/**
+ * Table component is used to wrap the sub components of a table
+ */
+export var Table = /*#__PURE__*/React.forwardRef(function Table(_ref, ref) {
+  var variant = _ref.variant,
+      _ref$zebra = _ref.zebra,
+      zebra = _ref$zebra === void 0 ? false : _ref$zebra,
+      _ref$dense = _ref.dense,
+      dense = _ref$dense === void 0 ? false : _ref$dense,
+      _ref$verticalBorders = _ref.verticalBorders,
+      verticalBorders = _ref$verticalBorders === void 0 ? false : _ref$verticalBorders,
+      className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement("table", _extends({
+    ref: ref,
+    className: clsx(className, verticalBorders === true && ['govgr-table--with-vertical-header', 'govgr-table--with-vertical-lines'], variant === 'light' && 'govgr-table--light', variant === 'dark' && 'govgr-table--dark', zebra === true && 'govgr-table--zebra', dense === true && 'govgr-table--dense', true && 'govgr-table')
+  }, props), children);
+});
+export default Table;

package/es/Table/index.test.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import Table from '@digigov/react-core/Table';
+
+var _ref = /*#__PURE__*/React.createElement(Table, null, "hello");
+
+it('renders the Table with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/React.createElement(Table, {
+  variant: "dark"
+}, "hello");
+
+it('renders the Table with dark variant prop', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
+});
+
+var _ref3 = /*#__PURE__*/React.createElement(Table, {
+  variant: "light"
+}, "hello");
+
+it('renders the Table with light variant prop', function () {
+  expect(mount(_ref3)).toMatchSnapshot();
+});
+
+var _ref4 = /*#__PURE__*/React.createElement(Table, {
+  zebra: true
+}, "hello");
+
+it('renders the Table with zebra prop', function () {
+  expect(mount(_ref4)).toMatchSnapshot();
+});
+
+var _ref5 = /*#__PURE__*/React.createElement(Table, {
+  verticalBorders: true
+}, "hello");
+
+it('renders the Table with zebra prop', function () {
+  expect(mount(_ref5)).toMatchSnapshot();
+});

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

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

package/es/TableBody/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';
+
+/**
+ * Use TableBody inside the Table component to provide for the table data.
+ */
+export var TableBody = /*#__PURE__*/React.forwardRef(function TableBody(_ref, ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement("tbody", _extends({
+    ref: ref,
+    className: clsx(className, true && 'govgr-table__body')
+  }, props), children);
+});
+export default TableBody;

package/es/TableBody/index.test.js

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

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

@@ -0,0 +1,59 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the TableCaption with no props 1`] = `
+<ForwardRef(TableCaption)>
+  <caption
+    className="govgr-table__caption--m govgr-table__caption"
+  >
+    hello
+  </caption>
+</ForwardRef(TableCaption)>
+`;
+
+exports[`renders the TableCaption with size m prop 1`] = `
+<ForwardRef(TableCaption)
+  size="m"
+>
+  <caption
+    className="govgr-table__caption--m govgr-table__caption"
+  >
+    hello
+  </caption>
+</ForwardRef(TableCaption)>
+`;
+
+exports[`renders the TableCaption with size s prop 1`] = `
+<ForwardRef(TableCaption)
+  size="s"
+>
+  <caption
+    className="govgr-table__caption--s govgr-table__caption"
+  >
+    hello
+  </caption>
+</ForwardRef(TableCaption)>
+`;
+
+exports[`renders the TableCaption with size x prop 1`] = `
+<ForwardRef(TableCaption)
+  size="l"
+>
+  <caption
+    className="govgr-table__caption--l govgr-table__caption"
+  >
+    hello
+  </caption>
+</ForwardRef(TableCaption)>
+`;
+
+exports[`renders the TableCaption with size xl prop 1`] = `
+<ForwardRef(TableCaption)
+  size="xl"
+>
+  <caption
+    className="govgr-table__caption--xl govgr-table__caption"
+  >
+    hello
+  </caption>
+</ForwardRef(TableCaption)>
+`;

package/es/TableCaption/index.js

@@ -0,0 +1,22 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["size", "className", "children"];
+import React from 'react';
+import clsx from 'clsx';
+
+/**
+ * Table caption is used inside the Table component to provide a caption at the top of the table.
+ */
+export var TableCaption = /*#__PURE__*/React.forwardRef(function TableCaption(_ref, ref) {
+  var _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'm' : _ref$size,
+      className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement("caption", _extends({
+    ref: ref,
+    className: clsx(className, size === 'xl' && 'govgr-table__caption--xl', size === 's' && 'govgr-table__caption--s', size === 'm' && 'govgr-table__caption--m', size === 'l' && 'govgr-table__caption--l', true && 'govgr-table__caption')
+  }, props), children);
+});
+export default TableCaption;

package/es/TableCaption/index.test.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import TableCaption from '@digigov/react-core/TableCaption';
+
+var _ref = /*#__PURE__*/React.createElement(TableCaption, null, "hello");
+
+it('renders the TableCaption with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/React.createElement(TableCaption, {
+  size: 's'
+}, "hello");
+
+it('renders the TableCaption with size s prop', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
+});
+
+var _ref3 = /*#__PURE__*/React.createElement(TableCaption, {
+  size: 'm'
+}, "hello");
+
+it('renders the TableCaption with size m prop', function () {
+  expect(mount(_ref3)).toMatchSnapshot();
+});
+
+var _ref4 = /*#__PURE__*/React.createElement(TableCaption, {
+  size: 'l'
+}, "hello");
+
+it('renders the TableCaption with size x prop', function () {
+  expect(mount(_ref4)).toMatchSnapshot();
+});
+
+var _ref5 = /*#__PURE__*/React.createElement(TableCaption, {
+  size: 'xl'
+}, "hello");
+
+it('renders the TableCaption with size xl prop', function () {
+  expect(mount(_ref5)).toMatchSnapshot();
+});

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

@@ -0,0 +1,23 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the Table with dataType numeric prop 1`] = `
+<ForwardRef(TableDataCell)
+  dataType="numeric"
+>
+  <td
+    className="govgr-table__cell--numeric govgr-table__cell"
+  >
+    hello
+  </td>
+</ForwardRef(TableDataCell)>
+`;
+
+exports[`renders the Table with no props 1`] = `
+<ForwardRef(TableDataCell)>
+  <td
+    className="govgr-table__cell"
+  >
+    hello
+  </td>
+</ForwardRef(TableDataCell)>
+`;

package/es/TableDataCell/index.js

@@ -0,0 +1,22 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["dataType", "className", "children"];
+import React from 'react';
+import clsx from 'clsx';
+
+/**
+ * Use TableDataCell inside the Table component to fill the data of a cell in a table.
+ */
+export var TableDataCell = /*#__PURE__*/React.forwardRef(function TableDataCell(_ref, ref) {
+  var _ref$dataType = _ref.dataType,
+      dataType = _ref$dataType === void 0 ? 'text' : _ref$dataType,
+      className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement("td", _extends({
+    ref: ref,
+    className: clsx(className, dataType === 'numeric' && 'govgr-table__cell--numeric', true && 'govgr-table__cell')
+  }, props), children);
+});
+export default TableDataCell;

package/es/TableDataCell/index.test.js

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

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

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