@digigov/react-core 0.25.4 → 0.26.0

package/es/TableNoDataRow/index.js

@@ -1,26 +1,26 @@
 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 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 children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       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
+    ref: ref,
+    className: clsx(className, true && ['govgr-table__cell', 'govgr-table__cell--no-data'])
   }, props), children));
 });
 export default TableNoDataRow;

package/es/TableRow/index.js

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

package/es/Tabs/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';
 
 /**
  * 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 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-tabs'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-tabs')
   }, props), children);
 });
 export default Tabs;

package/es/TabsHeading/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';
 
 /**
  * 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 children = _ref.children,
-      className = _ref.className,
-      _ref$size = _ref.size,
+  var _ref$size = _ref.size,
       size = _ref$size === void 0 ? 's' : _ref$size,
+      className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "h6",
-    className: clsx(className, size === 'm' && 'govgr-heading-m', size === 's' && 'govgr-heading-s', true && 'govgr-tabs__title'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, size === 'm' && 'govgr-heading-m', size === 's' && 'govgr-heading-s', true && 'govgr-tabs__title')
   }, props), children);
 });
 export default TabsHeading;

package/es/TabsList/index.js

@@ -1,24 +1,24 @@
 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';
 
 /**
  * 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 children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "ul",
-    className: clsx(className, true && 'govgr-tabs__list'),
+    role: "tablist",
     ref: ref,
-    role: "tablist"
+    className: clsx(className, true && 'govgr-tabs__list')
   }, props), children);
 });
 export default TabsList;

package/es/TabsListItem/index.js

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

package/es/TabsPanel/index.js

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

package/es/TextArea/index.js

@@ -1,29 +1,29 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "error", "name", "rows"];
+var _excluded = ["name", "rows", "error", "className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * 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 children = _ref.children,
-      className = _ref.className,
-      error = _ref.error,
-      name = _ref.name,
+  var 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,
-    rows: rows
+    className: clsx(className, error === true && 'govgr-error-input', true && 'govgr-textarea')
   }, props), children);
 });
 export default TextArea;

package/es/TextInput/index.js

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

package/es/TextInput/index.test.js

@@ -105,8 +105,8 @@ it('renders the TextInput with cellWidth=full', function () {
 });
 
 var _ref14 = /*#__PURE__*/React.createElement(TextInput, {
-  cellWidth: 'one-quarter',
-  characterWidth: 2
+  characterWidth: 2,
+  cellWidth: 'one-quarter'
 });
 
 it('renders the TextInput with characterWidth=2 and with cellWidth=one-quarter', function () {
@@ -114,8 +114,8 @@ it('renders the TextInput with characterWidth=2 and with cellWidth=one-quarter',
 });
 
 var _ref15 = /*#__PURE__*/React.createElement(TextInput, {
-  cellWidth: 'one-quarter',
-  characterWidth: 3
+  characterWidth: 3,
+  cellWidth: 'one-quarter'
 });
 
 it('renders the TextInput with characterWidth=3 and with cellWidth=one-quarter', function () {
@@ -123,8 +123,8 @@ it('renders the TextInput with characterWidth=3 and with cellWidth=one-quarter',
 });
 
 var _ref16 = /*#__PURE__*/React.createElement(TextInput, {
-  cellWidth: 'one-quarter',
-  characterWidth: 4
+  characterWidth: 4,
+  cellWidth: 'one-quarter'
 });
 
 it('renders the TextInput with characterWidth=4 and with cellWidth=one-quarter', function () {
@@ -132,8 +132,8 @@ it('renders the TextInput with characterWidth=4 and with cellWidth=one-quarter',
 });
 
 var _ref17 = /*#__PURE__*/React.createElement(TextInput, {
-  cellWidth: 'one-quarter',
-  characterWidth: 5
+  characterWidth: 5,
+  cellWidth: 'one-quarter'
 });
 
 it('renders the TextInput  with with characterWidth=5 with cellWidth=one-quarter', function () {
@@ -141,8 +141,8 @@ it('renders the TextInput  with with characterWidth=5 with cellWidth=one-quarter
 });
 
 var _ref18 = /*#__PURE__*/React.createElement(TextInput, {
-  cellWidth: 'one-quarter',
-  characterWidth: 20
+  characterWidth: 20,
+  cellWidth: 'one-quarter'
 });
 
 it('renders the TextInput with characterWidth=20 and with cellWidth=one-quarter', function () {
@@ -150,8 +150,8 @@ it('renders the TextInput with characterWidth=20 and with cellWidth=one-quarter'
 });
 
 var _ref19 = /*#__PURE__*/React.createElement(TextInput, {
-  cellWidth: 'one-third',
-  characterWidth: 2
+  characterWidth: 2,
+  cellWidth: 'one-third'
 });
 
 it('renders the TextInput with characterWidth=2 and with cellWidth=one-third', function () {
@@ -159,8 +159,8 @@ it('renders the TextInput with characterWidth=2 and with cellWidth=one-third', f
 });
 
 var _ref20 = /*#__PURE__*/React.createElement(TextInput, {
-  cellWidth: 'one-third',
-  characterWidth: 3
+  characterWidth: 3,
+  cellWidth: 'one-third'
 });
 
 it('renders the TextInput with characterWidth=3 and with cellWidth=one-third', function () {
@@ -168,8 +168,8 @@ it('renders the TextInput with characterWidth=3 and with cellWidth=one-third', f
 });
 
 var _ref21 = /*#__PURE__*/React.createElement(TextInput, {
-  cellWidth: 'one-third',
-  characterWidth: 4
+  characterWidth: 4,
+  cellWidth: 'one-third'
 });
 
 it('renders the TextInput with characterWidth=4 and with cellWidth=one-third', function () {
@@ -177,8 +177,8 @@ it('renders the TextInput with characterWidth=4 and with cellWidth=one-third', f
 });
 
 var _ref22 = /*#__PURE__*/React.createElement(TextInput, {
-  cellWidth: 'one-third',
-  characterWidth: 5
+  characterWidth: 5,
+  cellWidth: 'one-third'
 });
 
 it('renders the TextInput  with with characterWidth=5 with cellWidth=one-third', function () {
@@ -186,8 +186,8 @@ it('renders the TextInput  with with characterWidth=5 with cellWidth=one-third',
 });
 
 var _ref23 = /*#__PURE__*/React.createElement(TextInput, {
-  cellWidth: 'one-third',
-  characterWidth: 20
+  characterWidth: 20,
+  cellWidth: 'one-third'
 });
 
 it('renders the TextInput with characterWidth=20 and with cellWidth=one-third', function () {
@@ -195,8 +195,8 @@ it('renders the TextInput with characterWidth=20 and with cellWidth=one-third',
 });
 
 var _ref24 = /*#__PURE__*/React.createElement(TextInput, {
-  cellWidth: 'one-half',
-  characterWidth: 2
+  characterWidth: 2,
+  cellWidth: 'one-half'
 });
 
 it('renders the TextInput with characterWidth=2 and with cellWidth=one-half', function () {
@@ -204,8 +204,8 @@ it('renders the TextInput with characterWidth=2 and with cellWidth=one-half', fu
 });
 
 var _ref25 = /*#__PURE__*/React.createElement(TextInput, {
-  cellWidth: 'one-half',
-  characterWidth: 3
+  characterWidth: 3,
+  cellWidth: 'one-half'
 });
 
 it('renders the TextInput with characterWidth=3 and with cellWidth=one-half', function () {
@@ -213,8 +213,8 @@ it('renders the TextInput with characterWidth=3 and with cellWidth=one-half', fu
 });
 
 var _ref26 = /*#__PURE__*/React.createElement(TextInput, {
-  cellWidth: 'one-half',
-  characterWidth: 4
+  characterWidth: 4,
+  cellWidth: 'one-half'
 });
 
 it('renders the TextInput with characterWidth=4 and with cellWidth=one-half', function () {
@@ -222,8 +222,8 @@ it('renders the TextInput with characterWidth=4 and with cellWidth=one-half', fu
 });
 
 var _ref27 = /*#__PURE__*/React.createElement(TextInput, {
-  cellWidth: 'one-half',
-  characterWidth: 5
+  characterWidth: 5,
+  cellWidth: 'one-half'
 });
 
 it('renders the TextInput  with with characterWidth=5 with cellWidth=one-half', function () {
@@ -231,8 +231,8 @@ it('renders the TextInput  with with characterWidth=5 with cellWidth=one-half',
 });
 
 var _ref28 = /*#__PURE__*/React.createElement(TextInput, {
-  cellWidth: 'one-half',
-  characterWidth: 20
+  characterWidth: 20,
+  cellWidth: 'one-half'
 });
 
 it('renders the TextInput with characterWidth=20 and with cellWidth=one-half', function () {
@@ -240,8 +240,8 @@ it('renders the TextInput with characterWidth=20 and with cellWidth=one-half', f
 });
 
 var _ref29 = /*#__PURE__*/React.createElement(TextInput, {
-  cellWidth: 'two-thirds',
-  characterWidth: 2
+  characterWidth: 2,
+  cellWidth: 'two-thirds'
 });
 
 it('renders the TextInput with characterWidth=2 and with cellWidth=two-thirds', function () {
@@ -249,8 +249,8 @@ it('renders the TextInput with characterWidth=2 and with cellWidth=two-thirds',
 });
 
 var _ref30 = /*#__PURE__*/React.createElement(TextInput, {
-  cellWidth: 'two-thirds',
-  characterWidth: 3
+  characterWidth: 3,
+  cellWidth: 'two-thirds'
 });
 
 it('renders the TextInput with characterWidth=3 and with cellWidth=two-thirds', function () {
@@ -258,8 +258,8 @@ it('renders the TextInput with characterWidth=3 and with cellWidth=two-thirds',
 });
 
 var _ref31 = /*#__PURE__*/React.createElement(TextInput, {
-  cellWidth: 'two-thirds',
-  characterWidth: 4
+  characterWidth: 4,
+  cellWidth: 'two-thirds'
 });
 
 it('renders the TextInput with characterWidth=4 and with cellWidth=two-thirds', function () {
@@ -267,8 +267,8 @@ it('renders the TextInput with characterWidth=4 and with cellWidth=two-thirds',
 });
 
 var _ref32 = /*#__PURE__*/React.createElement(TextInput, {
-  cellWidth: 'two-thirds',
-  characterWidth: 5
+  characterWidth: 5,
+  cellWidth: 'two-thirds'
 });
 
 it('renders the TextInput  with with characterWidth=5 with cellWidth=two-thirds', function () {
@@ -276,8 +276,8 @@ it('renders the TextInput  with with characterWidth=5 with cellWidth=two-thirds'
 });
 
 var _ref33 = /*#__PURE__*/React.createElement(TextInput, {
-  cellWidth: 'two-thirds',
-  characterWidth: 20
+  characterWidth: 20,
+  cellWidth: 'two-thirds'
 });
 
 it('renders the TextInput with characterWidth=20 and with cellWidth=two-thirds', function () {
@@ -285,8 +285,8 @@ it('renders the TextInput with characterWidth=20 and with cellWidth=two-thirds',
 });
 
 var _ref34 = /*#__PURE__*/React.createElement(TextInput, {
-  cellWidth: 'three-quarters',
-  characterWidth: 2
+  characterWidth: 2,
+  cellWidth: 'three-quarters'
 });
 
 it('renders the TextInput with characterWidth=2 and with cellWidth=three-quarters', function () {
@@ -294,8 +294,8 @@ it('renders the TextInput with characterWidth=2 and with cellWidth=three-quarter
 });
 
 var _ref35 = /*#__PURE__*/React.createElement(TextInput, {
-  cellWidth: 'three-quarters',
-  characterWidth: 3
+  characterWidth: 3,
+  cellWidth: 'three-quarters'
 });
 
 it('renders the TextInput with characterWidth=3 and with cellWidth=three-quarters', function () {
@@ -303,8 +303,8 @@ it('renders the TextInput with characterWidth=3 and with cellWidth=three-quarter
 });
 
 var _ref36 = /*#__PURE__*/React.createElement(TextInput, {
-  cellWidth: 'three-quarters',
-  characterWidth: 4
+  characterWidth: 4,
+  cellWidth: 'three-quarters'
 });
 
 it('renders the TextInput with characterWidth=4 and with cellWidth=three-quarters', function () {
@@ -312,8 +312,8 @@ it('renders the TextInput with characterWidth=4 and with cellWidth=three-quarter
 });
 
 var _ref37 = /*#__PURE__*/React.createElement(TextInput, {
-  cellWidth: 'three-quarters',
-  characterWidth: 5
+  characterWidth: 5,
+  cellWidth: 'three-quarters'
 });
 
 it('renders the TextInput  with with characterWidth=5 with cellWidth=three-quarters', function () {
@@ -321,8 +321,8 @@ it('renders the TextInput  with with characterWidth=5 with cellWidth=three-quart
 });
 
 var _ref38 = /*#__PURE__*/React.createElement(TextInput, {
-  cellWidth: 'three-quarters',
-  characterWidth: 20
+  characterWidth: 20,
+  cellWidth: 'three-quarters'
 });
 
 it('renders the TextInput with characterWidth=20 and with cellWidth=three-quarters', function () {
@@ -330,8 +330,8 @@ it('renders the TextInput with characterWidth=20 and with cellWidth=three-quarte
 });
 
 var _ref39 = /*#__PURE__*/React.createElement(TextInput, {
-  cellWidth: 'full',
-  characterWidth: 2
+  characterWidth: 2,
+  cellWidth: 'full'
 });
 
 it('renders the TextInput with characterWidth=2 and with cellWidth=full', function () {
@@ -339,8 +339,8 @@ it('renders the TextInput with characterWidth=2 and with cellWidth=full', functi
 });
 
 var _ref40 = /*#__PURE__*/React.createElement(TextInput, {
-  cellWidth: 'full',
-  characterWidth: 3
+  characterWidth: 3,
+  cellWidth: 'full'
 });
 
 it('renders the TextInput with characterWidth=3 and with cellWidth=full', function () {
@@ -348,8 +348,8 @@ it('renders the TextInput with characterWidth=3 and with cellWidth=full', functi
 });
 
 var _ref41 = /*#__PURE__*/React.createElement(TextInput, {
-  cellWidth: 'full',
-  characterWidth: 4
+  characterWidth: 4,
+  cellWidth: 'full'
 });
 
 it('renders the TextInput with characterWidth=4 and with cellWidth=full', function () {
@@ -357,8 +357,8 @@ it('renders the TextInput with characterWidth=4 and with cellWidth=full', functi
 });
 
 var _ref42 = /*#__PURE__*/React.createElement(TextInput, {
-  cellWidth: 'full',
-  characterWidth: 5
+  characterWidth: 5,
+  cellWidth: 'full'
 });
 
 it('renders the TextInput  with with characterWidth=5 with cellWidth=full', function () {
@@ -366,8 +366,8 @@ it('renders the TextInput  with with characterWidth=5 with cellWidth=full', func
 });
 
 var _ref43 = /*#__PURE__*/React.createElement(TextInput, {
-  cellWidth: 'full',
-  characterWidth: 20
+  characterWidth: 20,
+  cellWidth: 'full'
 });
 
 it('renders the TextInput with characterWidth=20 and with cellWidth=full', function () {