@digigov/react-core 0.2.0 → 0.3.0

package/dist/esm/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/dist/esm/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)>
+`;

package/dist/esm/TableHead/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 TableHead inside the Table component to provide the header row and/or column of the table.
+ */
+export var TableHead = /*#__PURE__*/React.forwardRef(function TableHead(_ref, ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement("thead", _extends({
+    ref: ref,
+    className: clsx(className, true && 'govgr-table__head')
+  }, props), children);
+});
+export default TableHead;

package/dist/esm/TableHead/index.test.js

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

package/dist/esm/TableHeaderCell/__snapshots__/index.test.tsx.snap

@@ -0,0 +1,182 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the Table with dataType="numeric" prop 1`] = `
+<ForwardRef(TableHeaderCell)
+  dataType="numeric"
+>
+  <th
+    className="govgr-table__header--numeric govgr-table__header"
+  >
+    hello
+  </th>
+</ForwardRef(TableHeaderCell)>
+`;
+
+exports[`renders the Table with no props 1`] = `
+<ForwardRef(TableHeaderCell)>
+  <th
+    className="govgr-table__header"
+  >
+    hello
+  </th>
+</ForwardRef(TableHeaderCell)>
+`;
+
+exports[`renders the TableHeaderCell dataType="numeric" and  with cellWidth=full 1`] = `
+<ForwardRef(TableHeaderCell)
+  cellWidth="full"
+  dataType="numeric"
+>
+  <th
+    className="govgr-table__header--numeric govgr-!-width-full govgr-table__header"
+  />
+</ForwardRef(TableHeaderCell)>
+`;
+
+exports[`renders the TableHeaderCell dataType="numeric" and with cellWidth=full 1`] = `
+<ForwardRef(TableHeaderCell)
+  cellWidth="full"
+  dataType="numeric"
+>
+  <th
+    className="govgr-table__header--numeric govgr-!-width-full govgr-table__header"
+  />
+</ForwardRef(TableHeaderCell)>
+`;
+
+exports[`renders the TableHeaderCell with cellWidth=full 1`] = `
+<ForwardRef(TableHeaderCell)
+  cellWidth="full"
+>
+  <th
+    className="govgr-!-width-full govgr-table__header"
+  />
+</ForwardRef(TableHeaderCell)>
+`;
+
+exports[`renders the TableHeaderCell with cellWidth=one-half 1`] = `
+<ForwardRef(TableHeaderCell)
+  cellWidth="one-half"
+>
+  <th
+    className="govgr-!-width-one-half govgr-table__header"
+  />
+</ForwardRef(TableHeaderCell)>
+`;
+
+exports[`renders the TableHeaderCell with cellWidth=one-quarter 1`] = `
+<ForwardRef(TableHeaderCell)
+  cellWidth="one-quarter"
+>
+  <th
+    className="govgr-!-width-one-quarter govgr-table__header"
+  />
+</ForwardRef(TableHeaderCell)>
+`;
+
+exports[`renders the TableHeaderCell with cellWidth=one-third 1`] = `
+<ForwardRef(TableHeaderCell)
+  cellWidth="one-third"
+>
+  <th
+    className="govgr-!-width-one-third govgr-table__header"
+  />
+</ForwardRef(TableHeaderCell)>
+`;
+
+exports[`renders the TableHeaderCell with cellWidth=three-quarters 1`] = `
+<ForwardRef(TableHeaderCell)
+  cellWidth="three-quarters"
+>
+  <th
+    className="govgr-!-width-three-quarters govgr-table__header"
+  />
+</ForwardRef(TableHeaderCell)>
+`;
+
+exports[`renders the TableHeaderCell with cellWidth=two-thirds 1`] = `
+<ForwardRef(TableHeaderCell)
+  cellWidth="two-thirds"
+>
+  <th
+    className="govgr-!-width-two-thirds govgr-table__header"
+  />
+</ForwardRef(TableHeaderCell)>
+`;
+
+exports[`renders the TableHeaderCell with dataType="numeric" and  cellWidth=three-quarters 1`] = `
+<ForwardRef(TableHeaderCell)
+  cellWidth="three-quarters"
+  dataType="numeric"
+>
+  <th
+    className="govgr-!-width-three-quarters govgr-table__header--numeric govgr-table__header"
+  />
+</ForwardRef(TableHeaderCell)>
+`;
+
+exports[`renders the TableHeaderCell with dataType="numeric" and  cellWidth=two-thirds 1`] = `
+<ForwardRef(TableHeaderCell)
+  cellWidth="two-thirds"
+  dataType="numeric"
+>
+  <th
+    className="govgr-!-width-two-thirds govgr-table__header--numeric govgr-table__header"
+  />
+</ForwardRef(TableHeaderCell)>
+`;
+
+exports[`renders the TableHeaderCell with dataType="numeric" and cellWidth=one-third 1`] = `
+<ForwardRef(TableHeaderCell)
+  cellWidth="one-third"
+  dataType="numeric"
+>
+  <th
+    className="govgr-!-width-one-third govgr-table__header--numeric govgr-table__header"
+  />
+</ForwardRef(TableHeaderCell)>
+`;
+
+exports[`renders the TableHeaderCell with dataType="numeric" and cellWidth=three-quarters 1`] = `
+<ForwardRef(TableHeaderCell)
+  cellWidth="three-quarters"
+  dataType="numeric"
+>
+  <th
+    className="govgr-!-width-three-quarters govgr-table__header--numeric govgr-table__header"
+  />
+</ForwardRef(TableHeaderCell)>
+`;
+
+exports[`renders the TableHeaderCell with dataType="numeric" and cellWidth=two-thirds 1`] = `
+<ForwardRef(TableHeaderCell)
+  cellWidth="two-thirds"
+  dataType="numeric"
+>
+  <th
+    className="govgr-!-width-two-thirds govgr-table__header--numeric govgr-table__header"
+  />
+</ForwardRef(TableHeaderCell)>
+`;
+
+exports[`renders the TableHeaderCell with dataType="numeric" and dataType="numeric" and   cellWidth=one-half 1`] = `
+<ForwardRef(TableHeaderCell)
+  cellWidth="one-half"
+  dataType="numeric"
+>
+  <th
+    className="govgr-!-width-one-half govgr-table__header--numeric govgr-table__header"
+  />
+</ForwardRef(TableHeaderCell)>
+`;
+
+exports[`renders the TableHeaderCell with dataType="numeric" cellWidth=one-quarter 1`] = `
+<ForwardRef(TableHeaderCell)
+  cellWidth="one-quarter"
+  dataType="numeric"
+>
+  <th
+    className="govgr-!-width-one-quarter govgr-table__header--numeric govgr-table__header"
+  />
+</ForwardRef(TableHeaderCell)>
+`;

package/dist/esm/TableHeaderCell/index.js

@@ -0,0 +1,23 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["dataType", "cellWidth", "className", "children"];
+import React from 'react';
+import clsx from 'clsx';
+
+/**
+ * Use TableHeaderCell inside the Table component to provide the header row and/or column of the table.
+ */
+export var TableHeaderCell = /*#__PURE__*/React.forwardRef(function TableHeaderCell(_ref, ref) {
+  var _ref$dataType = _ref.dataType,
+      dataType = _ref$dataType === void 0 ? 'text' : _ref$dataType,
+      cellWidth = _ref.cellWidth,
+      className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement("th", _extends({
+    ref: ref,
+    className: clsx(className, cellWidth === 'three-quarters' && 'govgr-!-width-three-quarters', cellWidth === 'one-quarter' && 'govgr-!-width-one-quarter', cellWidth === 'two-thirds' && 'govgr-!-width-two-thirds', cellWidth === 'one-third' && 'govgr-!-width-one-third', cellWidth === 'one-half' && 'govgr-!-width-one-half', dataType === 'numeric' && 'govgr-table__header--numeric', cellWidth === 'full' && 'govgr-!-width-full', true && 'govgr-table__header')
+  }, props), children);
+});
+export default TableHeaderCell;

package/dist/esm/TableHeaderCell/index.test.js

@@ -0,0 +1,119 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import TableHeaderCell from '@digigov/react-core/TableHeaderCell';
+
+var _ref = /*#__PURE__*/React.createElement(TableHeaderCell, null, "hello");
+
+it('renders the Table with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/React.createElement(TableHeaderCell, {
+  dataType: "numeric"
+}, "hello");
+
+it('renders the Table with dataType="numeric" prop', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
+});
+
+var _ref3 = /*#__PURE__*/React.createElement(TableHeaderCell, {
+  cellWidth: 'one-quarter'
+});
+
+it('renders the TableHeaderCell with cellWidth=one-quarter', function () {
+  expect(mount(_ref3)).toMatchSnapshot();
+});
+
+var _ref4 = /*#__PURE__*/React.createElement(TableHeaderCell, {
+  cellWidth: 'one-third'
+});
+
+it('renders the TableHeaderCell with cellWidth=one-third', function () {
+  expect(mount(_ref4)).toMatchSnapshot();
+});
+
+var _ref5 = /*#__PURE__*/React.createElement(TableHeaderCell, {
+  cellWidth: 'one-half'
+});
+
+it('renders the TableHeaderCell with cellWidth=one-half', function () {
+  expect(mount(_ref5)).toMatchSnapshot();
+});
+
+var _ref6 = /*#__PURE__*/React.createElement(TableHeaderCell, {
+  cellWidth: 'two-thirds'
+});
+
+it('renders the TableHeaderCell with cellWidth=two-thirds', function () {
+  expect(mount(_ref6)).toMatchSnapshot();
+});
+
+var _ref7 = /*#__PURE__*/React.createElement(TableHeaderCell, {
+  cellWidth: 'three-quarters'
+});
+
+it('renders the TableHeaderCell with cellWidth=three-quarters', function () {
+  expect(mount(_ref7)).toMatchSnapshot();
+});
+
+var _ref8 = /*#__PURE__*/React.createElement(TableHeaderCell, {
+  cellWidth: 'full'
+});
+
+it('renders the TableHeaderCell with cellWidth=full', function () {
+  expect(mount(_ref8)).toMatchSnapshot();
+});
+
+var _ref9 = /*#__PURE__*/React.createElement(TableHeaderCell, {
+  dataType: "numeric",
+  cellWidth: 'one-quarter'
+});
+
+it('renders the TableHeaderCell with dataType="numeric" cellWidth=one-quarter', function () {
+  expect(mount(_ref9)).toMatchSnapshot();
+});
+
+var _ref10 = /*#__PURE__*/React.createElement(TableHeaderCell, {
+  dataType: "numeric",
+  cellWidth: 'one-third'
+});
+
+it('renders the TableHeaderCell with dataType="numeric" and cellWidth=one-third', function () {
+  expect(mount(_ref10)).toMatchSnapshot();
+});
+
+var _ref11 = /*#__PURE__*/React.createElement(TableHeaderCell, {
+  dataType: "numeric",
+  cellWidth: 'one-half'
+});
+
+it('renders the TableHeaderCell with dataType="numeric" and dataType="numeric" and   cellWidth=one-half', function () {
+  expect(mount(_ref11)).toMatchSnapshot();
+});
+
+var _ref12 = /*#__PURE__*/React.createElement(TableHeaderCell, {
+  dataType: "numeric",
+  cellWidth: 'two-thirds'
+});
+
+it('renders the TableHeaderCell with dataType="numeric" and cellWidth=two-thirds', function () {
+  expect(mount(_ref12)).toMatchSnapshot();
+});
+
+var _ref13 = /*#__PURE__*/React.createElement(TableHeaderCell, {
+  dataType: "numeric",
+  cellWidth: 'three-quarters'
+});
+
+it('renders the TableHeaderCell with dataType="numeric" and cellWidth=three-quarters', function () {
+  expect(mount(_ref13)).toMatchSnapshot();
+});
+
+var _ref14 = /*#__PURE__*/React.createElement(TableHeaderCell, {
+  dataType: "numeric",
+  cellWidth: 'full'
+});
+
+it('renders the TableHeaderCell dataType="numeric" and with cellWidth=full', function () {
+  expect(mount(_ref14)).toMatchSnapshot();
+});

package/dist/esm/TableRow/__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(TableRow)>
+  <tr
+    className="govgr-table__row"
+  >
+    hello
+  </tr>
+</ForwardRef(TableRow)>
+`;

package/dist/esm/TableRow/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 TableRow inside the Table component to provide a new row to the table.
+ */
+export var TableRow = /*#__PURE__*/React.forwardRef(function TableRow(_ref, ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement("tr", _extends({
+    ref: ref,
+    className: clsx(className, true && 'govgr-table__row')
+  }, props), children);
+});
+export default TableRow;

package/dist/esm/TableRow/index.test.js

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

package/dist/esm/TabsListItem/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["selected", "href", "className", "children"];
+var _excluded = ["selected", "className", "children"];
 import React from 'react';
 import clsx from 'clsx';
 
@@ -10,17 +10,18 @@ import clsx from 'clsx';
  */
 export var TabsListItem = /*#__PURE__*/React.forwardRef(function TabsListItem(_ref, ref) {
   var selected = _ref.selected,
-      href = _ref.href,
       className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("li", _extends({
-    ref: ref,
+  return /*#__PURE__*/React.createElement("li", {
+    role: "presentation",
     className: clsx(className, selected === true && 'govgr-tabs__list-item-selected', true && 'govgr-tabs__list-item')
-  }, props), /*#__PURE__*/React.createElement("a", {
-    href: href,
+  }, /*#__PURE__*/React.createElement("a", _extends({
+    ref: ref,
+    role: "tab",
+    "aria-selected": selected,
     className: clsx(true && 'govgr-tabs__tab')
-  }, children));
+  }, props), children));
 });
 export default TabsListItem;

package/dist/esm/TabsPanel/index.js

@@ -16,6 +16,8 @@ export var TabsPanel = /*#__PURE__*/React.forwardRef(function TabsPanel(_ref, re
 
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref,
+    role: "tabpanel",
+    "aria-hidden": !active,
     className: clsx(className, active === true && 'govgr-tabs__panel-visible', true && 'govgr-tabs__panel')
   }, props), children);
 });