@digigov/react-core 0.2.0 → 0.4.1

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)>
+`;

package/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/TabsListItem/index.js

@@ -0,0 +1,27 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["selected", "className", "children"];
+import React from 'react';
+import clsx from 'clsx';
+
+/**
+ * TabsListItem should be inside the TabsList.
+ * In here we declare the title of the tab.
+ */
+export var TabsListItem = /*#__PURE__*/React.forwardRef(function TabsListItem(_ref, ref) {
+  var selected = _ref.selected,
+      className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement("li", {
+    role: "presentation",
+    className: clsx(className, selected === true && 'govgr-tabs__list-item-selected', true && 'govgr-tabs__list-item')
+  }, /*#__PURE__*/React.createElement("a", _extends({
+    ref: ref,
+    role: "tab",
+    "aria-selected": selected,
+    className: clsx(true && 'govgr-tabs__tab')
+  }, props), children));
+});
+export default TabsListItem;