@digigov/react-core 0.25.2 → 0.25.4

package/esm/TableHeadCell/index.js

@@ -1,25 +1,25 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["dataType", "cellWidth", "className", "children"];
+var _excluded = ["cellWidth", "children", "className", "dataType"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * 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 _ref$dataType = _ref.dataType,
-      dataType = _ref$dataType === void 0 ? 'text' : _ref$dataType,
-      cellWidth = _ref.cellWidth,
-      className = _ref.className,
+  var cellWidth = _ref.cellWidth,
       children = _ref.children,
+      className = _ref.className,
+      _ref$dataType = _ref.dataType,
+      dataType = _ref$dataType === void 0 ? 'text' : _ref$dataType,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "th",
-    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')
+    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
   }, props), children);
 });
 export default TableHeadCell;

package/esm/TableHeadCell/index.test.js

@@ -65,8 +65,8 @@ it('renders the TableHeadCell with cellWidth=full', function () {
 });
 
 var _ref9 = /*#__PURE__*/React.createElement(TableHeadCell, {
-  dataType: "numeric",
-  cellWidth: 'one-quarter'
+  cellWidth: 'one-quarter',
+  dataType: "numeric"
 });
 
 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, {
-  dataType: "numeric",
-  cellWidth: 'one-third'
+  cellWidth: 'one-third',
+  dataType: "numeric"
 });
 
 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, {
-  dataType: "numeric",
-  cellWidth: 'one-half'
+  cellWidth: 'one-half',
+  dataType: "numeric"
 });
 
 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, {
-  dataType: "numeric",
-  cellWidth: 'two-thirds'
+  cellWidth: 'two-thirds',
+  dataType: "numeric"
 });
 
 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, {
-  dataType: "numeric",
-  cellWidth: 'three-quarters'
+  cellWidth: 'three-quarters',
+  dataType: "numeric"
 });
 
 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, {
-  dataType: "numeric",
-  cellWidth: 'full'
+  cellWidth: 'full',
+  dataType: "numeric"
 });
 
 it('renders the TableHeadCell dataType="numeric" and with cellWidth=full', function () {

package/esm/TableNoDataRow/index.js

@@ -1,26 +1,26 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children"];
+var _excluded = ["children", "className"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * Use TableNoDataRow inside the Table component when there is no data to show.
  * you can use colSpan prop attribute to expand the td width
  */
 export var TableNoDataRow = /*#__PURE__*/React.forwardRef(function TableNoDataRow(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement("tr", {
     className: "govgr-table__row"
   }, /*#__PURE__*/React.createElement(Base, _extends({
     as: "td",
+    className: clsx(className, true && ['govgr-table__cell', 'govgr-table__cell--no-data']),
     colSpan: 100,
-    ref: ref,
-    className: clsx(className, true && ['govgr-table__cell', 'govgr-table__cell--no-data'])
+    ref: ref
   }, props), children));
 });
 export default TableNoDataRow;

package/esm/TableRow/index.js

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

package/esm/Tabs/index.js

@@ -1,23 +1,23 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children"];
+var _excluded = ["children", "className"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * Tabs is the main component for tabs.
  * This component must contain TabsHeading, TabsList, and a list of TabsPanel component.
  */
 export var Tabs = /*#__PURE__*/React.forwardRef(function Tabs(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
-    ref: ref,
-    className: clsx(className, true && 'govgr-tabs')
+    className: clsx(className, true && 'govgr-tabs'),
+    ref: ref
   }, props), children);
 });
 export default Tabs;

package/esm/TabsHeading/index.js

@@ -1,24 +1,24 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["size", "className", "children"];
+var _excluded = ["children", "className", "size"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * TabsHeading should be inside the Tabs component. This heading is hidden on desktop screens, but it is always usefull for accessibility.
  */
 export var TabsHeading = /*#__PURE__*/React.forwardRef(function TabsHeading(_ref, ref) {
-  var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 's' : _ref$size,
+  var children = _ref.children,
       className = _ref.className,
-      children = _ref.children,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 's' : _ref$size,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "h6",
-    ref: ref,
-    className: clsx(className, size === 'm' && 'govgr-heading-m', size === 's' && 'govgr-heading-s', true && 'govgr-tabs__title')
+    className: clsx(className, size === 'm' && 'govgr-heading-m', size === 's' && 'govgr-heading-s', true && 'govgr-tabs__title'),
+    ref: ref
   }, props), children);
 });
 export default TabsHeading;

package/esm/TabsList/index.js

@@ -1,24 +1,24 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children"];
+var _excluded = ["children", "className"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * TabsList should be inside the Tabs component.
  * Inside the TabsList should be a list of TabsListItem components.
  */
 export var TabsList = /*#__PURE__*/React.forwardRef(function TabsList(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "ul",
-    role: "tablist",
+    className: clsx(className, true && 'govgr-tabs__list'),
     ref: ref,
-    className: clsx(className, true && 'govgr-tabs__list')
+    role: "tablist"
   }, props), children);
 });
 export default TabsList;

package/esm/TabsListItem/index.js

@@ -1,29 +1,29 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["selected", "className", "children"];
+var _excluded = ["children", "className", "selected"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * 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,
+  var children = _ref.children,
       className = _ref.className,
-      children = _ref.children,
+      selected = _ref.selected,
       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')
+    className: clsx(className, selected === true && 'govgr-tabs__list-item-selected', true && 'govgr-tabs__list-item'),
+    role: "presentation"
   }, /*#__PURE__*/React.createElement(Base, _extends({
+    "aria-selected": selected,
     as: "a",
+    className: clsx(true && 'govgr-tabs__tab'),
     ref: ref,
-    role: "tab",
-    "aria-selected": selected,
-    className: clsx(true && 'govgr-tabs__tab')
+    role: "tab"
   }, props), children));
 });
 export default TabsListItem;

package/esm/TabsPanel/index.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["active", "className", "children"];
+var _excluded = ["active", "children", "className"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * TabsPanel is inside the Tabs component.
@@ -11,16 +11,16 @@ import clsx from 'clsx';
  */
 export var TabsPanel = /*#__PURE__*/React.forwardRef(function TabsPanel(_ref, ref) {
   var active = _ref.active,
-      className = _ref.className,
       children = _ref.children,
+      className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
+    "aria-hidden": !active,
     as: "div",
+    className: clsx(className, active === true && 'govgr-tabs__panel-visible', true && 'govgr-tabs__panel'),
     ref: ref,
-    role: "tabpanel",
-    "aria-hidden": !active,
-    className: clsx(className, active === true && 'govgr-tabs__panel-visible', true && 'govgr-tabs__panel')
+    role: "tabpanel"
   }, props), children);
 });
 export default TabsPanel;

package/esm/TextArea/index.js

@@ -1,29 +1,29 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["name", "rows", "error", "className", "children"];
+var _excluded = ["children", "className", "error", "name", "rows"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * Textarea component is used when you need to let users enter an
  * amount of text that’s longer than a single line.
  */
 export var TextArea = /*#__PURE__*/React.forwardRef(function TextArea(_ref, ref) {
-  var name = _ref.name,
+  var children = _ref.children,
+      className = _ref.className,
+      error = _ref.error,
+      name = _ref.name,
       _ref$rows = _ref.rows,
       rows = _ref$rows === void 0 ? 6 : _ref$rows,
-      error = _ref.error,
-      className = _ref.className,
-      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "textarea",
+    className: clsx(className, error === true && 'govgr-error-input', true && 'govgr-textarea'),
     name: name,
-    rows: rows,
     ref: ref,
-    className: clsx(className, error === true && 'govgr-error-input', true && 'govgr-textarea')
+    rows: rows
   }, props), children);
 });
 export default TextArea;

package/esm/TextInput/index.js

@@ -1,31 +1,31 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["type", "name", "characterWidth", "cellWidth", "error", "className", "children"];
+var _excluded = ["cellWidth", "characterWidth", "children", "className", "error", "name", "type"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * TextInput component when you need to let users enter text that’s no
  * longer than a single line, such as their name or phone number.
  */
 export var TextInput = /*#__PURE__*/React.forwardRef(function TextInput(_ref, ref) {
-  var _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'text' : _ref$type,
-      name = _ref.name,
+  var cellWidth = _ref.cellWidth,
       characterWidth = _ref.characterWidth,
-      cellWidth = _ref.cellWidth,
-      error = _ref.error,
-      className = _ref.className,
       children = _ref.children,
+      className = _ref.className,
+      error = _ref.error,
+      name = _ref.name,
+      _ref$type = _ref.type,
+      type = _ref$type === void 0 ? 'text' : _ref$type,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "input",
-    type: type,
+    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', characterWidth === 10 && 'govgr-input--width-10', characterWidth === 20 && 'govgr-input--width-20', characterWidth === 2 && 'govgr-input--width-2', characterWidth === 3 && 'govgr-input--width-3', characterWidth === 4 && 'govgr-input--width-4', characterWidth === 5 && 'govgr-input--width-5', cellWidth === 'full' && 'govgr-!-width-full', error === true && 'govgr-error-input', true && 'govgr-input'),
     name: name,
     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', characterWidth === 10 && 'govgr-input--width-10', characterWidth === 20 && 'govgr-input--width-20', characterWidth === 2 && 'govgr-input--width-2', characterWidth === 3 && 'govgr-input--width-3', characterWidth === 4 && 'govgr-input--width-4', characterWidth === 5 && 'govgr-input--width-5', cellWidth === 'full' && 'govgr-!-width-full', error === true && 'govgr-error-input', true && 'govgr-input')
+    type: type
   }, props), children);
 });
 export default TextInput;