@digigov/react-core 0.25.4 → 0.26.0

package/es/SingleCharacterInputItem/index.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "error", "maxLength", "name", "pattern"];
+var _excluded = ["name", "error", "className", "pattern", "maxLength"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * Details for the SingleCharacterInputItem.
@@ -11,24 +11,24 @@ import Base from '@digigov/react-core/Base';
  * SingleCharacterInputItem component must be included inside SingleCharacterInputContainer component as children component
  */
 export var SingleCharacterInputItem = /*#__PURE__*/React.forwardRef(function SingleCharacterInputItem(_ref, ref) {
-  var className = _ref.className,
+  var name = _ref.name,
       error = _ref.error,
-      _ref$maxLength = _ref.maxLength,
-      maxLength = _ref$maxLength === void 0 ? 1 : _ref$maxLength,
-      name = _ref.name,
+      className = _ref.className,
       _ref$pattern = _ref.pattern,
       pattern = _ref$pattern === void 0 ? '[0-9]*' : _ref$pattern,
+      _ref$maxLength = _ref.maxLength,
+      maxLength = _ref$maxLength === void 0 ? 1 : _ref$maxLength,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(Base, _extends({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Base, _extends({
     as: "input",
-    className: clsx(error === true && 'govgr-error-input', className && className, true && ['govgr-otp-input__item', 'govgr-input', 'govgr-otp-input--width']),
-    inputMode: "numeric",
+    ref: ref,
+    type: "text",
+    pattern: pattern,
     maxLength: maxLength,
+    inputMode: "numeric",
     name: name,
-    pattern: pattern,
-    ref: ref,
-    type: "text"
-  }, props));
+    className: clsx(error === true && 'govgr-error-input', className && className, true && ['govgr-otp-input__item', 'govgr-input', 'govgr-otp-input--width'])
+  }, props)));
 });
 export default SingleCharacterInputItem;

package/es/SingleCharacterInputItem/index.test.js

@@ -25,8 +25,8 @@ it('renders the SingleCharacterInputItem with name prop', function () {
 });
 
 var _ref4 = /*#__PURE__*/React.createElement(SingleCharacterInputItem, {
-  error: true,
-  name: 'single-character-input'
+  name: 'single-character-input',
+  error: true
 });
 
 it('renders the SingleCharacterInputItem with name and error props', function () {
@@ -42,8 +42,8 @@ it('renders the SingleCharacterInputItem with pattern prop', function () {
 });
 
 var _ref6 = /*#__PURE__*/React.createElement(SingleCharacterInputItem, {
-  error: true,
-  name: 'single-character-input'
+  name: 'single-character-input',
+  error: true
 });
 
 it('renders the SingleCharacterInputItem with name and error props', function () {
@@ -51,10 +51,10 @@ it('renders the SingleCharacterInputItem with name and error props', function ()
 });
 
 var _ref7 = /*#__PURE__*/React.createElement(SingleCharacterInputItem, {
-  error: true,
-  maxLength: 6,
   name: 'single-character-input',
-  pattern: "\\d{1}"
+  pattern: "\\d{1}",
+  maxLength: 6,
+  error: true
 });
 
 it('renders the SingleCharacterInputItem with name, pattern, maxLength and error props', function () {

package/es/SkipLink/index.js

@@ -1,26 +1,26 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "href"];
+var _excluded = ["className", "children", "href"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * Use the skip link component to help keyboard-only users skip to the main content on a page.
  */
 export var SkipLink = /*#__PURE__*/React.forwardRef(function SkipLink(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       _ref$href = _ref.href,
       href = _ref$href === void 0 ? '#main-content' : _ref$href,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "a",
-    className: clsx(className, true && 'govgr--skip-link'),
+    tabIndex: 0,
     href: href,
     ref: ref,
-    tabIndex: 0
+    className: clsx(className, true && 'govgr--skip-link')
   }, props), children);
 });
 export default SkipLink;

package/es/SummaryList/index.js

@@ -1,25 +1,25 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["border", "children", "className"];
+var _excluded = ["className", "border", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * SummaryList used as a table with summary informations.
  * It must contain a list of SummaryListItem components.
  */
 export var SummaryList = /*#__PURE__*/React.forwardRef(function SummaryList(_ref, ref) {
-  var _ref$border = _ref.border,
+  var className = _ref.className,
+      _ref$border = _ref.border,
       border = _ref$border === void 0 ? true : _ref$border,
       children = _ref.children,
-      className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "dl",
-    className: clsx(className, !border && 'govgr-summary-list--no-border', true && 'govgr-summary-list'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, !border && 'govgr-summary-list--no-border', true && 'govgr-summary-list')
   }, props), children);
 });
 export default SummaryList;

package/es/SummaryListItem/index.js

@@ -1,23 +1,23 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className"];
+var _excluded = ["className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * SummaryListItem must be inside SummaryList component. Each SummaryListItem is a row in the SummaryList table.
  * This component must contain SummaryListItemKey, SummaryListItemValue and SummaryListItemAction, in that order.
  */
 export var SummaryListItem = /*#__PURE__*/React.forwardRef(function SummaryListItem(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
-    className: clsx(className, true && 'govgr-summary-list__row'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-summary-list__row')
   }, props), children);
 });
 export default SummaryListItem;

package/es/SummaryListItemAction/index.js

@@ -1,23 +1,23 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className"];
+var _excluded = ["className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * SummaryListItemAction is used within the SummaryListItem component.
  * In this column we place the action that the user can do, based on the information on the rest of the row.
  */
 export var SummaryListItemAction = /*#__PURE__*/React.forwardRef(function SummaryListItemAction(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "dd",
-    className: clsx(className, true && 'govgr-summary-list__actions'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-summary-list__actions')
   }, props), children);
 });
 export default SummaryListItemAction;

package/es/SummaryListItemKey/index.js

@@ -1,23 +1,23 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className"];
+var _excluded = ["className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * SummaryListItemKey is used within the SummaryListItem component.
  * In this column we place the key information for the row (ex. "Name", "Address", etc).
  */
 export var SummaryListItemKey = /*#__PURE__*/React.forwardRef(function SummaryListItemKey(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "dt",
-    className: clsx(className, true && 'govgr-summary-list__key'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-summary-list__key')
   }, props), children);
 });
 export default SummaryListItemKey;

package/es/SummaryListItemValue/index.js

@@ -1,22 +1,22 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className"];
+var _excluded = ["className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * Details for the SummaryListItemValue.
  */
 export var SummaryListItemValue = /*#__PURE__*/React.forwardRef(function SummaryListItemValue(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "dd",
-    className: clsx(className, true && 'govgr-summary-list__value'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-summary-list__value')
   }, props), children);
 });
 export default SummaryListItemValue;

package/es/SvgIcon/index.js

@@ -1,28 +1,28 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "size", "variant"];
+var _excluded = ["size", "variant", "children", "className"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * Use SvgIcon as global svg component.
  *  SvgIcon can be used inside other svg components as childern such as CheckIcon, CaretIcon etc.
  */
 export var SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
-      size = _ref.size,
+  var size = _ref.size,
       variant = _ref.variant,
+      children = _ref.children,
+      className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
-    "aria-hidden": "true",
     as: "svg",
+    ref: ref,
     className: clsx(className, variant === 'success' && 'govgr-svg-icon--success', variant === 'primary' && 'govgr-svg-icon--primary', variant === 'warning' && 'govgr-svg-icon--warning', variant === 'light' && 'govgr-svg-icon--light', variant === 'error' && 'govgr-svg-icon--error', variant === 'focus' && 'govgr-svg-icon--focus', variant === 'dark' && 'govgr-svg-icon--dark', variant === 'gray' && 'govgr-svg-icon--gray', variant === 'link' && 'govgr-svg-icon--link', size === 'xl' && 'govgr-svg-icon--xl', size === 's' && 'govgr-svg-icon--s', size === 'm' && 'govgr-svg-icon--m', size === 'l' && 'govgr-svg-icon--l', true && 'govgr-svg-icon'),
     focusable: "false",
-    ref: ref,
-    viewBox: "0 0 24 24"
+    viewBox: "0 0 24 24",
+    "aria-hidden": "true"
   }, props), children);
 });
 export default SvgIcon;

package/es/SvgIcon/index.test.js

@@ -105,8 +105,8 @@ it('renders the SvgIcon with prop variant=focus', function () {
 });
 
 var _ref14 = /*#__PURE__*/React.createElement(SvgIcon, {
-  size: "s",
-  variant: "warning"
+  variant: "warning",
+  size: "s"
 }, "hello");
 
 it('renders the SvgIcon with prop variant=warning and size=s', function () {
@@ -114,8 +114,8 @@ it('renders the SvgIcon with prop variant=warning and size=s', function () {
 });
 
 var _ref15 = /*#__PURE__*/React.createElement(SvgIcon, {
-  size: "xl",
-  variant: "warning"
+  variant: "warning",
+  size: "xl"
 }, "hello");
 
 it('renders the SvgIcon with prop variant=error and size= xl', function () {

package/es/Table/index.js

@@ -1,31 +1,31 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "dense", "stacked", "variant", "verticalBorders", "zebra"];
+var _excluded = ["variant", "zebra", "dense", "verticalBorders", "stacked", "className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+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 children = _ref.children,
-      className = _ref.className,
+  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$stacked = _ref.stacked,
-      stacked = _ref$stacked === void 0 ? 'never' : _ref$stacked,
-      variant = _ref.variant,
       _ref$verticalBorders = _ref.verticalBorders,
       verticalBorders = _ref$verticalBorders === void 0 ? false : _ref$verticalBorders,
-      _ref$zebra = _ref.zebra,
-      zebra = _ref$zebra === void 0 ? false : _ref$zebra,
+      _ref$stacked = _ref.stacked,
+      stacked = _ref$stacked === void 0 ? 'never' : _ref$stacked,
+      className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "table",
-    className: clsx(className, verticalBorders === true && ['govgr-table--with-vertical-header', 'govgr-table--with-vertical-lines'], stacked === 'always' && 'govgr-table--stacked-always', variant === 'light' && 'govgr-table--light', variant === 'dark' && 'govgr-table--dark', stacked === 's' && 'govgr-table--stacked-s', stacked == 'm' && 'govgr-table--stacked-m', zebra === true && 'govgr-table--zebra', dense === true && 'govgr-table--dense', true && 'govgr-table'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, verticalBorders === true && ['govgr-table--with-vertical-header', 'govgr-table--with-vertical-lines'], stacked === 'always' && 'govgr-table--stacked-always', variant === 'light' && 'govgr-table--light', variant === 'dark' && 'govgr-table--dark', stacked === 's' && 'govgr-table--stacked-s', stacked == 'm' && 'govgr-table--stacked-m', zebra === true && 'govgr-table--zebra', dense === true && 'govgr-table--dense', true && 'govgr-table')
   }, props), children);
 });
 export default Table;

package/es/TableBody/index.js

@@ -1,24 +1,24 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "verticalAlign"];
+var _excluded = ["verticalAlign", "className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+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 children = _ref.children,
-      className = _ref.className,
-      _ref$verticalAlign = _ref.verticalAlign,
+  var _ref$verticalAlign = _ref.verticalAlign,
       verticalAlign = _ref$verticalAlign === void 0 ? 'middle' : _ref$verticalAlign,
+      className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "tbody",
-    className: clsx(className, verticalAlign === 'bottom' && 'govgr-table__body--vertical-bottom', verticalAlign === 'top' && 'govgr-table__body--vertical-top', true && 'govgr-table__body'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, verticalAlign === 'bottom' && 'govgr-table__body--vertical-bottom', verticalAlign === 'top' && 'govgr-table__body--vertical-top', true && 'govgr-table__body')
   }, props), children);
 });
 export default TableBody;

package/es/TableCaption/index.js

@@ -1,24 +1,24 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "size"];
+var _excluded = ["size", "className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+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 children = _ref.children,
-      className = _ref.className,
-      _ref$size = _ref.size,
+  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(Base, _extends({
     as: "caption",
-    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'),
-    ref: ref
+    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/TableContainer/index.js

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

package/es/TableDataCell/index.js

@@ -1,24 +1,24 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "dataType"];
+var _excluded = ["dataType", "className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+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 children = _ref.children,
-      className = _ref.className,
-      _ref$dataType = _ref.dataType,
+  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(Base, _extends({
     as: "td",
-    className: clsx(className, dataType === 'numeric' && 'govgr-table__cell--numeric', true && 'govgr-table__cell'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, dataType === 'numeric' && 'govgr-table__cell--numeric', true && 'govgr-table__cell')
   }, props), children);
 });
 export default TableDataCell;

package/es/TableHead/index.js

@@ -1,22 +1,22 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className"];
+var _excluded = ["className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+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 children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "thead",
-    className: clsx(className, true && 'govgr-table__head'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-table__head')
   }, props), children);
 });
 export default TableHead;

package/es/TableHeadCell/index.js

@@ -1,25 +1,25 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["cellWidth", "children", "className", "dataType"];
+var _excluded = ["dataType", "cellWidth", "className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * Use TableHeadCell inside the Table component to provide the header row and/or column of the table.
  */
 export var TableHeadCell = /*#__PURE__*/React.forwardRef(function TableHeadCell(_ref, ref) {
-  var cellWidth = _ref.cellWidth,
-      children = _ref.children,
-      className = _ref.className,
-      _ref$dataType = _ref.dataType,
+  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(Base, _extends({
     as: "th",
-    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'),
-    ref: ref
+    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 TableHeadCell;

package/es/TableHeadCell/index.test.js

@@ -65,8 +65,8 @@ it('renders the TableHeadCell with cellWidth=full', function () {
 });
 
 var _ref9 = /*#__PURE__*/React.createElement(TableHeadCell, {
-  cellWidth: 'one-quarter',
-  dataType: "numeric"
+  dataType: "numeric",
+  cellWidth: 'one-quarter'
 });
 
 it('renders the TableHeadCell with dataType="numeric" cellWidth=one-quarter', function () {
@@ -74,8 +74,8 @@ it('renders the TableHeadCell with dataType="numeric" cellWidth=one-quarter', fu
 });
 
 var _ref10 = /*#__PURE__*/React.createElement(TableHeadCell, {
-  cellWidth: 'one-third',
-  dataType: "numeric"
+  dataType: "numeric",
+  cellWidth: 'one-third'
 });
 
 it('renders the TableHeadCell with dataType="numeric" and cellWidth=one-third', function () {
@@ -83,8 +83,8 @@ it('renders the TableHeadCell with dataType="numeric" and cellWidth=one-third',
 });
 
 var _ref11 = /*#__PURE__*/React.createElement(TableHeadCell, {
-  cellWidth: 'one-half',
-  dataType: "numeric"
+  dataType: "numeric",
+  cellWidth: 'one-half'
 });
 
 it('renders the TableHeadCell with dataType="numeric" and dataType="numeric" and   cellWidth=one-half', function () {
@@ -92,8 +92,8 @@ it('renders the TableHeadCell with dataType="numeric" and dataType="numeric" and
 });
 
 var _ref12 = /*#__PURE__*/React.createElement(TableHeadCell, {
-  cellWidth: 'two-thirds',
-  dataType: "numeric"
+  dataType: "numeric",
+  cellWidth: 'two-thirds'
 });
 
 it('renders the TableHeadCell with dataType="numeric" and cellWidth=two-thirds', function () {
@@ -101,8 +101,8 @@ it('renders the TableHeadCell with dataType="numeric" and cellWidth=two-thirds',
 });
 
 var _ref13 = /*#__PURE__*/React.createElement(TableHeadCell, {
-  cellWidth: 'three-quarters',
-  dataType: "numeric"
+  dataType: "numeric",
+  cellWidth: 'three-quarters'
 });
 
 it('renders the TableHeadCell with dataType="numeric" and cellWidth=three-quarters', function () {
@@ -110,8 +110,8 @@ it('renders the TableHeadCell with dataType="numeric" and cellWidth=three-quarte
 });
 
 var _ref14 = /*#__PURE__*/React.createElement(TableHeadCell, {
-  cellWidth: 'full',
-  dataType: "numeric"
+  dataType: "numeric",
+  cellWidth: 'full'
 });
 
 it('renders the TableHeadCell dataType="numeric" and with cellWidth=full', function () {