@digigov/react-core 0.25.2 → 0.25.4

package/PhaseBannerTag/index.js

@@ -13,23 +13,23 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["className", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className"];
 
 /**
  * PhaseBannerTag is used inside the PhaseBanner component and it requires a text of the phase of the service (ex. Alpha, Beta).
  */
 var PhaseBannerTag = /*#__PURE__*/_react["default"].forwardRef(function PhaseBannerTag(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "strong",
-    ref: ref,
-    className: (0, _clsx["default"])(className, true && ['govgr-tag', 'govgr-phase-banner__content__tag'])
+    className: (0, _clsx["default"])(className, true && ['govgr-tag', 'govgr-phase-banner__content__tag']),
+    ref: ref
   }, props), children);
 });
 

package/PhaseBannerText/index.js

@@ -13,11 +13,11 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["className", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className"];
 
 /**
  * PhaseBannerText is used inside the PhaseBanner component.
@@ -25,13 +25,13 @@ var _excluded = ["className", "children"];
  * This components is optional
  */
 var PhaseBannerText = /*#__PURE__*/_react["default"].forwardRef(function PhaseBannerText(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "span",
-    ref: ref,
-    className: (0, _clsx["default"])(className, true && 'govgr-phase-banner__text')
+    className: (0, _clsx["default"])(className, true && 'govgr-phase-banner__text'),
+    ref: ref
   }, props), children);
 });
 

package/RadioConditional/index.js

@@ -13,15 +13,15 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+var _clsx = _interopRequireDefault(require("clsx"));
 
-var _LabelContainer = _interopRequireDefault(require("@digigov/react-core/LabelContainer"));
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
 
 var _FieldContainer = _interopRequireDefault(require("@digigov/react-core/FieldContainer"));
 
-var _clsx = _interopRequireDefault(require("clsx"));
+var _LabelContainer = _interopRequireDefault(require("@digigov/react-core/LabelContainer"));
 
-var _excluded = ["className", "children"];
+var _excluded = ["children", "className"];
 
 /**
  * RadioConditional asks the user a related question when they select a particular radios,
@@ -29,13 +29,13 @@ var _excluded = ["className", "children"];
  * RadioConditional must be used inside Radio component
  */
 var RadioConditional = /*#__PURE__*/_react["default"].forwardRef(function RadioConditional(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "div",
-    ref: ref,
-    className: (0, _clsx["default"])(className, true && 'govgr-radios__conditional')
+    className: (0, _clsx["default"])(className, true && 'govgr-radios__conditional'),
+    ref: ref
   }, props), /*#__PURE__*/_react["default"].createElement(_FieldContainer["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelContainer["default"], null, children)));
 });
 

package/RadioContainer/index.js

@@ -13,25 +13,25 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["className", "children", "inline"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className", "inline"];
 
 /**
  * RadioContainer component is uses when users can only select one option from a list.
  * It is used as parent component to wrap RadioItem compoent.
  */
 var RadioContainer = /*#__PURE__*/_react["default"].forwardRef(function RadioContainer(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       inline = _ref.inline,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "div",
-    ref: ref,
-    className: (0, _clsx["default"])(className, inline === true && 'govgr-radios--inline', true && 'govgr-radios')
+    className: (0, _clsx["default"])(className, inline === true && 'govgr-radios--inline', true && 'govgr-radios'),
+    ref: ref
   }, props), children);
 });
 

package/RadioItem/index.js

@@ -13,25 +13,25 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
+var _clsx = _interopRequireDefault(require("clsx"));
+
 var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
 
 var _LabelContainer = _interopRequireDefault(require("@digigov/react-core/LabelContainer"));
 
-var _clsx = _interopRequireDefault(require("clsx"));
-
-var _excluded = ["name", "value", "className", "disabled", "children"];
+var _excluded = ["children", "className", "disabled", "name", "value"];
 
 /**
  * RadioItem component is used for display radio buttons.
  * RadioItem component must be included inside Radio component, as a children component.
  */
 var RadioItem = /*#__PURE__*/_react["default"].forwardRef(function RadioItem(_ref, ref) {
-  var name = _ref.name,
-      value = _ref.value,
+  var children = _ref.children,
       className = _ref.className,
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      children = _ref.children,
+      name = _ref.name,
+      value = _ref.value,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _clsx["default"])(className, true && 'govgr-radios__item')
@@ -39,12 +39,12 @@ var RadioItem = /*#__PURE__*/_react["default"].forwardRef(function RadioItem(_re
     className: (0, _clsx["default"])(disabled === true && 'govgr-radios__label--disabled', true && 'govgr-radios__label')
   }, children, /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "input",
+    className: (0, _clsx["default"])(true && 'govgr-radios__input'),
+    disabled: disabled,
+    name: name,
     ref: ref,
     type: "radio",
-    name: name,
-    value: value,
-    className: (0, _clsx["default"])(true && 'govgr-radios__input'),
-    disabled: disabled
+    value: value
   }, props))));
 });
 

package/RadioItem/index.test.js

@@ -48,9 +48,9 @@ it('renders the RadioItem with disabled prop', function () {
 });
 
 var _ref6 = /*#__PURE__*/_react["default"].createElement(_RadioItem["default"], {
+  disabled: true,
   name: 'name',
-  value: 'someValue',
-  disabled: true
+  value: 'someValue'
 }, "hello");
 
 it('renders the RadioItem with name disabled and value props', function () {

package/SectionBreak/index.d.ts

@@ -1,15 +1,15 @@
 import React from 'react';
 import { BaseProps } from '@digigov/react-core/Base';
 export interface SectionBreakProps extends BaseProps<'hr'> {
+    /**
+     * size is optional and it is about the different size margins.
+     */
+    size?: 'xl' | 'l' | 'm' | 's';
     /**
      * visible is optional.
      * By default, SectionBreak only visible by its margin. You can add the 'visible' prop to make it visible with a separator line.
      */
     visible?: boolean;
-    /**
-     * size is optional and it is about the different size margins.
-     */
-    size?: 'xl' | 'l' | 'm' | 's';
 }
 /**
  * SectionBreak is used to create a thematic break between sections of content.

package/SectionBreak/index.js

@@ -13,26 +13,26 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["visible", "size", "className"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["className", "size", "visible"];
 
 /**
  * SectionBreak is used to create a thematic break between sections of content.
  */
 var SectionBreak = /*#__PURE__*/_react["default"].forwardRef(function SectionBreak(_ref, ref) {
-  var _ref$visible = _ref.visible,
-      visible = _ref$visible === void 0 ? true : _ref$visible,
+  var className = _ref.className,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? 's' : _ref$size,
-      className = _ref.className,
+      _ref$visible = _ref.visible,
+      visible = _ref$visible === void 0 ? true : _ref$visible,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "hr",
-    ref: ref,
-    className: (0, _clsx["default"])(className, visible === true && 'govgr-section-break--visible', size === 'xl' && 'govgr-section-break--xl', size === 'l' && 'govgr-section-break--l', size === 'm' && 'govgr-section-break--m', true && 'govgr-section-break')
+    className: (0, _clsx["default"])(className, visible === true && 'govgr-section-break--visible', size === 'xl' && 'govgr-section-break--xl', size === 'l' && 'govgr-section-break--l', size === 'm' && 'govgr-section-break--m', true && 'govgr-section-break'),
+    ref: ref
   }, props));
 });
 

package/SelectContainer/index.js

@@ -13,26 +13,26 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["name", "className", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className", "name"];
 
 /**
  * The SelectContainer component allows users to choose an option from a long list.
  * It is used as a parent component to wrap SelectOption component.
  */
 var SelectContainer = /*#__PURE__*/_react["default"].forwardRef(function SelectContainer(_ref, ref) {
-  var name = _ref.name,
+  var children = _ref.children,
       className = _ref.className,
-      children = _ref.children,
+      name = _ref.name,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "select",
+    className: (0, _clsx["default"])(className, true && 'govgr-select'),
     name: name,
-    ref: ref,
-    className: (0, _clsx["default"])(className, true && 'govgr-select')
+    ref: ref
   }, props), children);
 });
 

package/SelectContainer/index.test.js

@@ -23,8 +23,8 @@ it('renders the SelectContainer with name props', function () {
 });
 
 var _ref3 = /*#__PURE__*/_react["default"].createElement(_SelectContainer["default"], {
-  name: 'some-name',
-  defaultValue: 'some-value'
+  defaultValue: 'some-value',
+  name: 'some-name'
 }, "hello");
 
 it('renders the SelectContainer with name and defaultValue', function () {

package/SelectOption/index.js

@@ -13,28 +13,28 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["value", "selected", "className", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className", "selected", "value"];
 
 /**
  * SelectOption component is used for display options value.
  * SelectOption component must be included inside Select component as children component
  */
 var SelectOption = /*#__PURE__*/_react["default"].forwardRef(function SelectOption(_ref, ref) {
-  var value = _ref.value,
-      selected = _ref.selected,
+  var children = _ref.children,
       className = _ref.className,
-      children = _ref.children,
+      selected = _ref.selected,
+      value = _ref.value,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "option",
-    value: value,
+    className: (0, _clsx["default"])(className),
     ref: ref,
     selected: selected,
-    className: (0, _clsx["default"])(className)
+    value: value
   }, props), children);
 });
 

package/SingleCharacterInputContainer/index.js

@@ -13,11 +13,11 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["className", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className"];
 
 /**
  * Details for the SingleCharacterInputContainer.
@@ -25,13 +25,13 @@ var _excluded = ["className", "children"];
  *
  */
 var SingleCharacterInputContainer = /*#__PURE__*/_react["default"].forwardRef(function SingleCharacterInputContainer(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "div",
-    ref: ref,
-    className: (0, _clsx["default"])(className, true && 'govgr-single-character-input--container')
+    className: (0, _clsx["default"])(className, true && 'govgr-single-character-input--container'),
+    ref: ref
   }, props), children);
 });
 

package/SingleCharacterInputItem/index.d.ts

@@ -6,17 +6,17 @@ export interface SingleCharacterInputItemProps extends BaseProps<'input'> {
      * Use this prop when there is an error at the input.
      */
     error?: boolean;
-    /**
-     * pattern is optional. The default value is [0-9].
-     * Use this prop when you want to give a specific format input.
-     */
-    pattern?: string;
     /**
      * maxLength property is optional
      * maxLength prop specifies the max length of the input field.
      * maxLength default value is 1.
      */
     maxLength?: number;
+    /**
+     * pattern is optional. The default value is [0-9].
+     * Use this prop when you want to give a specific format input.
+     */
+    pattern?: string;
 }
 /**
  * Details for the SingleCharacterInputItem.

package/SingleCharacterInputItem/index.js

@@ -13,11 +13,11 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["name", "error", "className", "pattern", "maxLength"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["className", "error", "maxLength", "name", "pattern"];
 
 /**
  * Details for the SingleCharacterInputItem.
@@ -25,24 +25,24 @@ var _excluded = ["name", "error", "className", "pattern", "maxLength"];
  * SingleCharacterInputItem component must be included inside SingleCharacterInputContainer component as children component
  */
 var SingleCharacterInputItem = /*#__PURE__*/_react["default"].forwardRef(function SingleCharacterInputItem(_ref, ref) {
-  var name = _ref.name,
+  var className = _ref.className,
       error = _ref.error,
-      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,
+      name = _ref.name,
+      _ref$pattern = _ref.pattern,
+      pattern = _ref$pattern === void 0 ? '[0-9]*' : _ref$pattern,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "input",
-    ref: ref,
-    type: "text",
-    pattern: pattern,
-    maxLength: maxLength,
+    className: (0, _clsx["default"])(error === true && 'govgr-error-input', className && className, true && ['govgr-otp-input__item', 'govgr-input', 'govgr-otp-input--width']),
     inputMode: "numeric",
+    maxLength: maxLength,
     name: name,
-    className: (0, _clsx["default"])(error === true && 'govgr-error-input', className && className, true && ['govgr-otp-input__item', 'govgr-input', 'govgr-otp-input--width'])
-  }, props)));
+    pattern: pattern,
+    ref: ref,
+    type: "text"
+  }, props));
 });
 
 exports.SingleCharacterInputItem = SingleCharacterInputItem;

package/SingleCharacterInputItem/index.test.js

@@ -31,8 +31,8 @@ it('renders the SingleCharacterInputItem with name prop', function () {
 });
 
 var _ref4 = /*#__PURE__*/_react["default"].createElement(_SingleCharacterInputItem["default"], {
-  name: 'single-character-input',
-  error: true
+  error: true,
+  name: 'single-character-input'
 });
 
 it('renders the SingleCharacterInputItem with name and error props', function () {
@@ -48,8 +48,8 @@ it('renders the SingleCharacterInputItem with pattern prop', function () {
 });
 
 var _ref6 = /*#__PURE__*/_react["default"].createElement(_SingleCharacterInputItem["default"], {
-  name: 'single-character-input',
-  error: true
+  error: true,
+  name: 'single-character-input'
 });
 
 it('renders the SingleCharacterInputItem with name and error props', function () {
@@ -57,10 +57,10 @@ it('renders the SingleCharacterInputItem with name and error props', function ()
 });
 
 var _ref7 = /*#__PURE__*/_react["default"].createElement(_SingleCharacterInputItem["default"], {
-  name: 'single-character-input',
-  pattern: "\\d{1}",
+  error: true,
   maxLength: 6,
-  error: true
+  name: 'single-character-input',
+  pattern: "\\d{1}"
 });
 
 it('renders the SingleCharacterInputItem with name, pattern, maxLength and error props', function () {

package/SkipLink/index.js

@@ -13,27 +13,27 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["className", "children", "href"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className", "href"];
 
 /**
  * Use the skip link component to help keyboard-only users skip to the main content on a page.
  */
 var SkipLink = /*#__PURE__*/_react["default"].forwardRef(function SkipLink(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       _ref$href = _ref.href,
       href = _ref$href === void 0 ? '#main-content' : _ref$href,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "a",
-    tabIndex: 0,
+    className: (0, _clsx["default"])(className, true && 'govgr--skip-link'),
     href: href,
     ref: ref,
-    className: (0, _clsx["default"])(className, true && 'govgr--skip-link')
+    tabIndex: 0
   }, props), children);
 });
 

package/SummaryList/index.js

@@ -13,26 +13,26 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["className", "border", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["border", "children", "className"];
 
 /**
  * SummaryList used as a table with summary informations.
  * It must contain a list of SummaryListItem components.
  */
 var SummaryList = /*#__PURE__*/_react["default"].forwardRef(function SummaryList(_ref, ref) {
-  var className = _ref.className,
-      _ref$border = _ref.border,
+  var _ref$border = _ref.border,
       border = _ref$border === void 0 ? true : _ref$border,
       children = _ref.children,
+      className = _ref.className,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "dl",
-    ref: ref,
-    className: (0, _clsx["default"])(className, !border && 'govgr-summary-list--no-border', true && 'govgr-summary-list')
+    className: (0, _clsx["default"])(className, !border && 'govgr-summary-list--no-border', true && 'govgr-summary-list'),
+    ref: ref
   }, props), children);
 });
 

package/SummaryListItem/index.js

@@ -13,24 +13,24 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["className", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className"];
 
 /**
  * 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.
  */
 var SummaryListItem = /*#__PURE__*/_react["default"].forwardRef(function SummaryListItem(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "div",
-    ref: ref,
-    className: (0, _clsx["default"])(className, true && 'govgr-summary-list__row')
+    className: (0, _clsx["default"])(className, true && 'govgr-summary-list__row'),
+    ref: ref
   }, props), children);
 });
 

package/SummaryListItemAction/index.js

@@ -13,24 +13,24 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["className", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className"];
 
 /**
  * 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.
  */
 var SummaryListItemAction = /*#__PURE__*/_react["default"].forwardRef(function SummaryListItemAction(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "dd",
-    ref: ref,
-    className: (0, _clsx["default"])(className, true && 'govgr-summary-list__actions')
+    className: (0, _clsx["default"])(className, true && 'govgr-summary-list__actions'),
+    ref: ref
   }, props), children);
 });