@digigov/react-core 0.25.2 → 0.25.4

package/ErrorMessage/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"];
 
 /**
  * ErrorMessage is used to show an error message when there is a validation error.
@@ -25,13 +25,13 @@ var _excluded = ["className", "children"];
  * This component is placed below the FieldsetLegend and the Hint.
  */
 var ErrorMessage = /*#__PURE__*/_react["default"].forwardRef(function ErrorMessage(_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: "p",
-    ref: ref,
-    className: (0, _clsx["default"])(className, true && 'govgr-error-message')
+    className: (0, _clsx["default"])(className, true && 'govgr-error-message'),
+    ref: ref
   }, props), children);
 });
 

package/ErrorSummary/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"];
 
 /**
  * Use this component at the top of a page to summarise any errors a user has made.
  */
 var ErrorSummary = /*#__PURE__*/_react["default"].forwardRef(function ErrorSummary(_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-error-summary')
+    className: (0, _clsx["default"])(className, true && 'govgr-error-summary'),
+    ref: ref
   }, props), children);
 });
 

package/FieldContainer/index.d.ts

@@ -9,5 +9,5 @@ export interface FieldContainerProps extends GridProps {
 /**
  * Field component wraps form components such as Checkbox TextInput TextArea etc.
  */
-export declare const FieldContainer: React.ForwardRefExoticComponent<Pick<FieldContainerProps, "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "spacing" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "printHidden" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden" | "inline" | "xl" | "error" | "container" | "item" | "xs" | "sm" | "md" | "lg"> & React.RefAttributes<HTMLDivElement>>;
+export declare const FieldContainer: React.ForwardRefExoticComponent<Pick<FieldContainerProps, "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "spacing" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "printHidden" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden" | "inline" | "xl" | "error" | "container" | "item" | "lg" | "md" | "sm" | "xs"> & React.RefAttributes<HTMLDivElement>>;
 export default FieldContainer;

package/FieldContainer/index.js

@@ -17,32 +17,32 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _Grid = _interopRequireDefault(require("@digigov/react-core/Grid"));
 
-var _excluded = ["error", "className", "children", "xs", "md", "lg", "xl"];
+var _excluded = ["children", "className", "error", "lg", "md", "xl", "xs"];
 
 /**
  * Field component wraps form components such as Checkbox TextInput TextArea etc.
  */
 var FieldContainer = /*#__PURE__*/_react["default"].forwardRef(function FieldContainer(_ref, ref) {
-  var error = _ref.error,
+  var children = _ref.children,
       className = _ref.className,
-      children = _ref.children,
-      _ref$xs = _ref.xs,
-      xs = _ref$xs === void 0 ? 12 : _ref$xs,
-      _ref$md = _ref.md,
-      md = _ref$md === void 0 ? 12 : _ref$md,
+      error = _ref.error,
       _ref$lg = _ref.lg,
       lg = _ref$lg === void 0 ? 12 : _ref$lg,
+      _ref$md = _ref.md,
+      md = _ref$md === void 0 ? 12 : _ref$md,
       _ref$xl = _ref.xl,
       xl = _ref$xl === void 0 ? 12 : _ref$xl,
+      _ref$xs = _ref.xs,
+      xs = _ref$xs === void 0 ? 12 : _ref$xs,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Grid["default"], (0, _extends2["default"])({
-    ref: ref,
     className: (0, _clsx["default"])(className, error === true && 'govgr-field__error', true && 'govgr-field'),
     item: true,
-    xs: xs,
-    md: md,
     lg: lg,
-    xl: xl
+    md: md,
+    ref: ref,
+    xl: xl,
+    xs: xs
   }, props), children);
 });
 

package/Fieldset/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"];
 
 /**
  * Details for the Fieldset.
  * Fieldset component is used to group related elements in a form.
  */
 var Fieldset = /*#__PURE__*/_react["default"].forwardRef(function Fieldset(_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: "fieldset",
-    ref: ref,
-    className: (0, _clsx["default"])(className, true && 'govgr-fieldset')
+    className: (0, _clsx["default"])(className, true && 'govgr-fieldset'),
+    ref: ref
   }, props), children);
 });
 

package/FieldsetLegend/index.d.ts

@@ -1,16 +1,16 @@
 import React from 'react';
 import { BaseProps } from '@digigov/react-core/Base';
 export interface FieldsetLegendProps extends BaseProps<'legend'> {
-    /**
-     * size is optional. The default value is 'l'
-     */
-    size?: 'xl' | 'l' | 'm' | 's';
     /**
      * heading is optional.
      * Add this prop if this Fieldset component is the only one in this page.
      * The default value is false.
      */
     heading?: boolean;
+    /**
+     * size is optional. The default value is 'l'
+     */
+    size?: 'xl' | 'l' | 'm' | 's';
 }
 /**
  * FieldsetLegend component is the title within a Fieldset component.

package/FieldsetLegend/index.js

@@ -13,31 +13,31 @@ 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 = ["size", "heading", "className", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className", "heading", "size"];
 
 /**
  * FieldsetLegend component is the title within a Fieldset component.
  */
 var FieldsetLegend = /*#__PURE__*/_react["default"].forwardRef(function FieldsetLegend(_ref, ref) {
-  var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'l' : _ref$size,
+  var children = _ref.children,
+      className = _ref.className,
       _ref$heading = _ref.heading,
       heading = _ref$heading === void 0 ? false : _ref$heading,
-      className = _ref.className,
-      children = _ref.children,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'l' : _ref$size,
       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: "legend",
-    ref: ref,
-    className: (0, _clsx["default"])(className, size === 'xl' && 'govgr-heading-xl', size === 'l' && 'govgr-heading-l', size === 'm' && 'govgr-heading-m', size === 's' && 'govgr-heading-s', true && 'govgr-fieldset__legend')
+    className: (0, _clsx["default"])(className, size === 'xl' && 'govgr-heading-xl', size === 'l' && 'govgr-heading-l', size === 'm' && 'govgr-heading-m', size === 's' && 'govgr-heading-s', true && 'govgr-fieldset__legend'),
+    ref: ref
   }, heading && {
     role: 'heading',
     'aria-level': 1
-  }, props), children));
+  }, props), children);
 });
 
 exports.FieldsetLegend = FieldsetLegend;

package/FileUpload/index.js

@@ -13,36 +13,36 @@ 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", "disabled", "hasFiles"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className", "disabled", "hasFiles", "name"];
 
 /**
  * Details for the FileUpload.
  * FileUpload component is used for uploading files
  */
 var FileUpload = /*#__PURE__*/_react["default"].forwardRef(function FileUpload(_ref, ref) {
-  var name = _ref.name,
+  var children = _ref.children,
       className = _ref.className,
-      children = _ref.children,
       disabled = _ref.disabled,
       _ref$hasFiles = _ref.hasFiles,
       hasFiles = _ref$hasFiles === void 0 ? false : _ref$hasFiles,
+      name = _ref.name,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], {
     as: "label",
-    tabIndex: 0,
+    className: (0, _clsx["default"])(className, !hasFiles && ['govgr-btn', 'govgr-btn-secondary'], hasFiles && 'govgr-link', true && 'govgr-label-file'),
     role: "button",
-    className: (0, _clsx["default"])(className, !hasFiles && ['govgr-btn', 'govgr-btn-secondary'], hasFiles && 'govgr-link', true && 'govgr-label-file')
+    tabIndex: 0
   }, /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "input",
-    ref: ref,
-    type: "file",
-    name: name,
+    className: (0, _clsx["default"])(true && 'govgr-file-input'),
     disabled: disabled,
-    className: (0, _clsx["default"])(true && 'govgr-file-input')
+    name: name,
+    ref: ref,
+    type: "file"
   }, props)), children);
 });
 

package/FileUploadContainer/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", "children", "hasUploadedFile"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className", "hasUploadedFile"];
 
 /**
  * Details for the FileUploadContainer.
  * FileUploadContainer component is used for wrapping the FileUpload component
  */
 var FileUploadContainer = /*#__PURE__*/_react["default"].forwardRef(function FileUploadContainer(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       _ref$hasUploadedFile = _ref.hasUploadedFile,
       hasUploadedFile = _ref$hasUploadedFile === void 0 ? false : _ref$hasUploadedFile,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
-    ref: ref,
     as: "div",
-    className: (0, _clsx["default"])(className, hasUploadedFile && 'govgr-uploaded-file')
+    className: (0, _clsx["default"])(className, hasUploadedFile && 'govgr-uploaded-file'),
+    ref: ref
   }, props), children);
 });
 

package/Footer/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"];
 
 /**
  * Footer is used always at the end of the page, in the Layout component.
  */
 var Footer = /*#__PURE__*/_react["default"].forwardRef(function Footer(_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: "footer",
-    ref: ref,
-    className: (0, _clsx["default"])(className, true && 'govgr-footer')
+    className: (0, _clsx["default"])(className, true && 'govgr-footer'),
+    ref: ref
   }, props), children);
 });
 

package/FooterContainer/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", "fullWidth", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className", "fullWidth"];
 
 /**
  * FooterContainer mush be used inside the Footer component. It has no props.
  */
 var FooterContainer = /*#__PURE__*/_react["default"].forwardRef(function FooterContainer(_ref, ref) {
-  var className = _ref.className,
+  var children = _ref.children,
+      className = _ref.className,
       _ref$fullWidth = _ref.fullWidth,
       fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
-      children = _ref.children,
       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, fullWidth === false && 'govgr-width-container', fullWidth === true && 'govgr-full-width-container')
+    className: (0, _clsx["default"])(className, fullWidth === false && 'govgr-width-container', fullWidth === true && 'govgr-full-width-container'),
+    ref: ref
   }, props), children);
 });
 

package/FooterContent/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"];
 
 /**
  * FooterContent is used inside the FooterMetaItem.
  * In this component, we place the basic content of the footer (ex. Copyright, extra logos, inline list).
  */
 var FooterContent = /*#__PURE__*/_react["default"].forwardRef(function FooterContent(_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-footer__content')
+    className: (0, _clsx["default"])(className, true && 'govgr-footer__content'),
+    ref: ref
   }, props), children);
 });
 

package/FooterContentLogos/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"];
 
 /**
  * FooterContentLogos is placed in the footer, inside the FooterContent ccomponent, above the Copyright.
@@ -25,13 +25,13 @@ var _excluded = ["className", "children"];
  * It has no props.
  */
 var FooterContentLogos = /*#__PURE__*/_react["default"].forwardRef(function FooterContentLogos(_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-footer__content--logos')
+    className: (0, _clsx["default"])(className, true && 'govgr-footer__content--logos'),
+    ref: ref
   }, props), children);
 });
 

package/FooterHeading/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 = ["size", "className", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className", "size"];
 
 /**
  * FooterHeading is a component used for heading in the footer.
  */
 var FooterHeading = /*#__PURE__*/_react["default"].forwardRef(function FooterHeading(_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 = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "h2",
-    ref: ref,
-    className: (0, _clsx["default"])(className, size === 'm' && 'govgr-heading-m', size === 's' && 'govgr-heading-s', true && 'govgr-footer__heading')
+    className: (0, _clsx["default"])(className, size === 'm' && 'govgr-heading-m', size === 's' && 'govgr-heading-s', true && 'govgr-footer__heading'),
+    ref: ref
   }, props), children);
 });
 

package/FooterImage/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", "alt"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["alt", "children", "className"];
 
 /**
  * FooterImage is a component for logos and images in the footer.
@@ -25,18 +25,17 @@ var _excluded = ["className", "children", "alt"];
  *
  */
 var FooterImage = /*#__PURE__*/_react["default"].forwardRef(function FooterImage(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
-      _ref$alt = _ref.alt,
+  var _ref$alt = _ref.alt,
       alt = _ref$alt === void 0 ? 'footer logo' : _ref$alt,
+      children = _ref.children,
+      className = _ref.className,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
+    alt: alt,
     as: "img",
-    ref: ref,
-    className: (0, _clsx["default"])(className, true && 'govgr-footer__logo')
-  }, props, {
-    alt: alt
-  }), children);
+    className: (0, _clsx["default"])(className, true && 'govgr-footer__logo'),
+    ref: ref
+  }, props), children);
 });
 
 exports.FooterImage = FooterImage;

package/FooterInlineList/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"];
 
 /**
  * FooterInlineList is a component for an inline list in the footer.
@@ -25,13 +25,13 @@ var _excluded = ["className", "children"];
  * This is a wrapper for a list of FooterInlineListItem.
  */
 var FooterInlineList = /*#__PURE__*/_react["default"].forwardRef(function FooterInlineList(_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: "ul",
-    ref: ref,
-    className: (0, _clsx["default"])(className, true && 'govgr-footer__inline-list')
+    className: (0, _clsx["default"])(className, true && 'govgr-footer__inline-list'),
+    ref: ref
   }, props), children);
 });
 

package/FooterInlineListItem/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"];
 
 /**
  * Details for the FooterInlineListItem.
  */
 var FooterInlineListItem = /*#__PURE__*/_react["default"].forwardRef(function FooterInlineListItem(_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: "li",
-    ref: ref,
-    className: (0, _clsx["default"])(className, true && 'govgr-footer__inline-list-item')
+    className: (0, _clsx["default"])(className, true && 'govgr-footer__inline-list-item'),
+    ref: ref
   }, props), children);
 });