@rio-cloud/rio-uikit 0.16.1-beta.21 → 0.16.1-beta.23

package/components/dialog/Dialog.js

@@ -3,11 +3,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["title", "subtitle", "body", "footer", "headerButtons", "className", "bodyClassName", "footerClassName", "showCloseButton", "useOverflow", "bsSize", "show", "onHide", "disableEsc", "onEsc", "onCloseValidation"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React, { useState, useRef } from 'react';
 import ReactDOM from 'react-dom';
 import PropTypes from 'prop-types';
@@ -23,47 +20,42 @@ import DialogFooter from './DialogFooter';
 import baseDialogPropTypes from './baseDialogPropTypes';
 var MODAL_DIALOG_CLASS = 'modal-dialog';
 var MODAL_OPEN_CLASS = 'modal-open';
-
 var Dialog = function Dialog(props) {
   var title = props.title,
-      subtitle = props.subtitle,
-      body = props.body,
-      footer = props.footer,
-      headerButtons = props.headerButtons,
-      className = props.className,
-      bodyClassName = props.bodyClassName,
-      footerClassName = props.footerClassName,
-      showCloseButton = props.showCloseButton,
-      useOverflow = props.useOverflow,
-      bsSize = props.bsSize,
-      show = props.show,
-      onHide = props.onHide,
-      disableEsc = props.disableEsc,
-      onEsc = props.onEsc,
-      onCloseValidation = props.onCloseValidation,
-      remainingProps = _objectWithoutProperties(props, _excluded);
-
+    subtitle = props.subtitle,
+    body = props.body,
+    footer = props.footer,
+    headerButtons = props.headerButtons,
+    className = props.className,
+    bodyClassName = props.bodyClassName,
+    footerClassName = props.footerClassName,
+    showCloseButton = props.showCloseButton,
+    useOverflow = props.useOverflow,
+    bsSize = props.bsSize,
+    show = props.show,
+    onHide = props.onHide,
+    disableEsc = props.disableEsc,
+    onEsc = props.onEsc,
+    onCloseValidation = props.onCloseValidation,
+    remainingProps = _objectWithoutProperties(props, _excluded);
   var _useState = useState(show),
-      _useState2 = _slicedToArray(_useState, 2),
-      open = _useState2[0],
-      setOpen = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
   var dialogWrapperRef = useRef();
   var modalRoot = getOrCreatePortalRoot();
-
   var toggleBodyClass = function toggleBodyClass(add) {
     // We need to set a body class to fix the -webkit-overflow-scrolling on safari and iOS
+
     // Remove "modal-open" from body only when there is no other dialog in the DOM
     // in order to support multiple dialogs
     var hasOtherDialogs = modalRoot.getElementsByClassName(MODAL_DIALOG_CLASS).length > 1;
-
     if (add) {
       document.body.classList.add(MODAL_OPEN_CLASS);
     } else if (!add && !hasOtherDialogs) {
       document.body.classList.remove(MODAL_OPEN_CLASS);
     }
   };
-
   var handleClose = function handleClose(usedEscapeKey) {
     if (onCloseValidation()) {
       setOpen(false);
@@ -71,7 +63,6 @@ var Dialog = function Dialog(props) {
       usedEscapeKey && onEsc();
     }
   };
-
   useAfterMount(function () {
     setOpen(show);
     toggleBodyClass(show);
@@ -80,20 +71,18 @@ var Dialog = function Dialog(props) {
     if (!dialogWrapperRef || !dialogWrapperRef.current) {
       return;
     }
-
     var dialogElement = dialogWrapperRef.current;
-    var currentActiveElement = activeElement(document); // Only allow to close the dialog when the focus is inside the dialog
+    var currentActiveElement = activeElement(document);
 
+    // Only allow to close the dialog when the focus is inside the dialog
     if (!disableEsc && dialogElement.contains(currentActiveElement)) {
       handleClose(true);
     }
   });
-
   var handleEntered = function handleEntered() {
     // Note that in order to focus the dialog itself, the tabindex has to be set on that element
     dialogWrapperRef && dialogWrapperRef.current && dialogWrapperRef.current.focus();
   };
-
   var modalClasses = classNames('modal', 'show', className);
   var modalDialogClasses = classNames(MODAL_DIALOG_CLASS, useOverflow && 'modal-overflow', bsSize === Dialog.SIZE_SM && 'modal-sm', bsSize === Dialog.SIZE_LG && 'modal-lg', bsSize === Dialog.SIZE_XL && 'modal-xl', bsSize === Dialog.SIZE_FULL && 'modal-full', bsSize === Dialog.SIZE_FULL_SCREEN && 'modal-fullscreen');
   var backdropClasses = classNames('modal-backdrop');
@@ -127,10 +116,8 @@ var Dialog = function Dialog(props) {
     className: backdropClasses
   }))), modalRoot);
 };
-
 Dialog.SIZE_SM = 'sm';
 Dialog.SIZE_MD = 'md'; // default
-
 Dialog.SIZE_LG = 'lg';
 Dialog.SIZE_XL = 'xl';
 Dialog.SIZE_FULL = 'full';

package/components/dialog/DialogBody.js

@@ -4,18 +4,15 @@ var _excluded = ["className", "children"];
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-
 var DialogBody = function DialogBody(_ref) {
   var className = _ref.className,
-      children = _ref.children,
-      remainingProps = _objectWithoutProperties(_ref, _excluded);
-
+    children = _ref.children,
+    remainingProps = _objectWithoutProperties(_ref, _excluded);
   var classes = classNames('modal-body', className);
   return /*#__PURE__*/React.createElement("div", _extends({}, remainingProps, {
     className: classes
   }), children);
 };
-
 DialogBody.defaultProps = {
   className: ''
 };

package/components/dialog/DialogFooter.js

@@ -4,18 +4,15 @@ var _excluded = ["className", "children"];
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-
 var DialogFooter = function DialogFooter(_ref) {
   var className = _ref.className,
-      children = _ref.children,
-      remainingProps = _objectWithoutProperties(_ref, _excluded);
-
+    children = _ref.children,
+    remainingProps = _objectWithoutProperties(_ref, _excluded);
   var footerClassNames = classNames('modal-footer', className);
   return /*#__PURE__*/React.createElement("div", _extends({}, remainingProps, {
     className: footerClassNames
   }), children);
 };
-
 DialogFooter.defaultProps = {
   className: ''
 };

package/components/dialog/DialogHeader.js

@@ -3,15 +3,13 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["title", "subtitle", "headerButtons", "showCloseButton", "onClose"];
 import React from 'react';
 import PropTypes from 'prop-types';
-
 var DialogHeader = function DialogHeader(props) {
   var title = props.title,
-      subtitle = props.subtitle,
-      headerButtons = props.headerButtons,
-      showCloseButton = props.showCloseButton,
-      onClose = props.onClose,
-      remainingProps = _objectWithoutProperties(props, _excluded);
-
+    subtitle = props.subtitle,
+    headerButtons = props.headerButtons,
+    showCloseButton = props.showCloseButton,
+    onClose = props.onClose,
+    remainingProps = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/React.createElement("div", _extends({}, remainingProps, {
     className: "modal-header"
   }), /*#__PURE__*/React.createElement("div", {
@@ -34,7 +32,6 @@ var DialogHeader = function DialogHeader(props) {
     "aria-hidden": "true"
   }))));
 };
-
 DialogHeader.defaultProps = {
   showCloseButton: true,
   onClose: function onClose() {}

package/components/dialog/InfoDialog.js

@@ -1,19 +1,15 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import Dialog from './Dialog';
 import baseDialogPropTypes from './baseDialogPropTypes';
-
 var InfoDialog = function InfoDialog(props) {
   var content = props.content,
-      onClose = props.onClose,
-      className = props.className;
+    onClose = props.onClose,
+    className = props.className;
   var dialogClassName = "".concat(className ? className : '', " info-dialog");
   return /*#__PURE__*/React.createElement(Dialog, _extends({}, props, {
     body: content,
@@ -21,7 +17,6 @@ var InfoDialog = function InfoDialog(props) {
     className: dialogClassName
   }));
 };
-
 InfoDialog.propTypes = _objectSpread(_objectSpread({}, baseDialogPropTypes), {}, {
   content: PropTypes.node
 });

package/components/dialog/MediaDialog.js

@@ -8,15 +8,10 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 var _excluded = ["show", "onClose", "className", "media"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -24,18 +19,15 @@ import Dialog from './Dialog';
 import ResponsiveVideo from '../video/ResponsiveVideo';
 import ImagePreloader from '../preloader/ImagePreloader';
 import Spinner from '../spinner/Spinner';
-import baseDialogPropTypes from './baseDialogPropTypes'; // TODO: add keyboard support left/right
+import baseDialogPropTypes from './baseDialogPropTypes';
 
+// TODO: add keyboard support left/right
 var MediaDialog = /*#__PURE__*/function (_Component) {
   _inherits(MediaDialog, _Component);
-
   var _super = _createSuper(MediaDialog);
-
   function MediaDialog(props) {
     var _this;
-
     _classCallCheck(this, MediaDialog);
-
     _this = _super.call(this, props);
     _this.state = {
       currentMediaIndex: 0
@@ -44,7 +36,6 @@ var MediaDialog = /*#__PURE__*/function (_Component) {
     _this.handleNext = _this.handleNext.bind(_assertThisInitialized(_this));
     return _this;
   }
-
   _createClass(MediaDialog, [{
     key: "handlePrevious",
     value: function handlePrevious() {
@@ -82,15 +73,13 @@ var MediaDialog = /*#__PURE__*/function (_Component) {
     key: "renderImage",
     value: function renderImage(mediaData) {
       var _this2 = this;
-
       var imageClassNames = classNames('img-responsive', mediaData.className && mediaData.className);
       return /*#__PURE__*/React.createElement(ImagePreloader, {
         src: mediaData.src,
         className: imageClassNames
       }, function (_ref) {
         var status = _ref.status,
-            image = _ref.image;
-
+          image = _ref.image;
         if (status === ImagePreloader.STATUS_LOADED) {
           // When image has been loaded, render the image tag
           return /*#__PURE__*/React.createElement("img", {
@@ -99,11 +88,9 @@ var MediaDialog = /*#__PURE__*/function (_Component) {
             src: image.src
           });
         }
-
         if (status === ImagePreloader.STATUS_FAILED) {
           return _this2.renderFallback();
         }
-
         return /*#__PURE__*/React.createElement(Spinner, {
           isInverse: false
         });
@@ -123,12 +110,11 @@ var MediaDialog = /*#__PURE__*/function (_Component) {
     key: "renderMediaContent",
     value: function renderMediaContent() {
       var mediaData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
       if (mediaData.type === MediaDialog.MEDIA_TYPE_VIDEO) {
         return this.renderVideo(mediaData);
-      } // image media is default
-
+      }
 
+      // image media is default
       return mediaData.src && this.renderImage(mediaData);
     }
   }, {
@@ -167,19 +153,16 @@ var MediaDialog = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          show = _this$props.show,
-          onClose = _this$props.onClose,
-          className = _this$props.className,
-          _this$props$media = _this$props.media,
-          media = _this$props$media === void 0 ? [] : _this$props$media,
-          remainingProps = _objectWithoutProperties(_this$props, _excluded);
-
+        show = _this$props.show,
+        onClose = _this$props.onClose,
+        className = _this$props.className,
+        _this$props$media = _this$props.media,
+        media = _this$props$media === void 0 ? [] : _this$props$media,
+        remainingProps = _objectWithoutProperties(_this$props, _excluded);
       var currentMediaIndex = this.state.currentMediaIndex;
-
       if (!show) {
         return null;
       }
-
       var dialogClassName = classNames('media-dialog', className && className);
       var bodyClassNames = classNames('padding-0');
       var mediaTitle = media[currentMediaIndex].title;
@@ -196,10 +179,8 @@ var MediaDialog = /*#__PURE__*/function (_Component) {
       }));
     }
   }]);
-
   return MediaDialog;
 }(Component);
-
 MediaDialog.MEDIA_TYPE_IMAGE = 'image';
 MediaDialog.MEDIA_TYPE_VIDEO = 'video';
 MediaDialog.defaultProps = {

package/components/dialog/ReleaseNotesDialog.js

@@ -2,23 +2,19 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Dialog from './Dialog';
 import ReleaseNotes from '../releaseNotes/ReleaseNotes';
-
 var setReleaseNotesItem = function setReleaseNotesItem(props) {
   window.localStorage.setItem(props.RELEASE_NOTES_ITEM, props.currentVersion);
   props.setShowReleaseNotes(false);
 };
-
 var getModuleName = function getModuleName(moduleName, whatsNew) {
   return /*#__PURE__*/React.createElement("span", null, moduleName ? moduleName : whatsNew);
 };
-
 var getBody = function getBody(props) {
   var translatedReleaseNotes = props.translatedReleaseNotes;
   return /*#__PURE__*/React.createElement(ReleaseNotes, {
     releaseNotes: translatedReleaseNotes
   });
 };
-
 var getFooter = function getFooter(props) {
   var closeButtonText = props.closeButtonText;
   return /*#__PURE__*/React.createElement("button", {
@@ -30,10 +26,9 @@ var getFooter = function getFooter(props) {
     }
   }, closeButtonText || 'Close');
 };
-
 var ReleaseNotesDialog = function ReleaseNotesDialog(props) {
   var moduleName = props.moduleName,
-      whatsNewTitle = props.whatsNewTitle;
+    whatsNewTitle = props.whatsNewTitle;
   return /*#__PURE__*/React.createElement(Dialog, {
     show: props.showReleaseNotes,
     useOverflow: props.useOverflow,
@@ -46,7 +41,6 @@ var ReleaseNotesDialog = function ReleaseNotesDialog(props) {
     }
   });
 };
-
 ReleaseNotesDialog.defaultProps = {
   useOverflow: true
 };

package/components/dialog/SaveDialog.js

@@ -1,26 +1,23 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import Dialog from './Dialog';
 import baseDialogPropTypes from './baseDialogPropTypes';
+
 /*
  * Save dialog component to save, discard or cancel an action
  */
-
 var SaveDialog = function SaveDialog(props) {
   var content = props.content,
-      onClickDiscard = props.onClickDiscard,
-      discardButtonText = props.discardButtonText,
-      onClickCancel = props.onClickCancel,
-      cancelButtonText = props.cancelButtonText,
-      onClickConfirm = props.onClickConfirm,
-      confirmButtonText = props.confirmButtonText;
+    onClickDiscard = props.onClickDiscard,
+    discardButtonText = props.discardButtonText,
+    onClickCancel = props.onClickCancel,
+    cancelButtonText = props.cancelButtonText,
+    onClickConfirm = props.onClickConfirm,
+    confirmButtonText = props.confirmButtonText;
   var footer = /*#__PURE__*/React.createElement("div", {
     className: "display-flex justify-content-end btn-toolbar"
   }, /*#__PURE__*/React.createElement("button", {
@@ -44,7 +41,6 @@ var SaveDialog = function SaveDialog(props) {
     disableEsc: true
   }));
 };
-
 SaveDialog.defaultProps = {
   show: false,
   showCloseButton: true,

package/components/dialog/SimpleDialog.js

@@ -1,22 +1,19 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import Dialog from './Dialog';
 import baseDialogPropTypes from './baseDialogPropTypes';
+
 /*
  * Component to show a modal popup containing a title, a content and a close handler.
  */
-
 var SimpleDialog = function SimpleDialog(props) {
   var content = props.content,
-      onClose = props.onClose,
-      className = props.className;
+    onClose = props.onClose,
+    className = props.className;
   var dialogClassName = "".concat(className ? className : '', " simple-dialog");
   return /*#__PURE__*/React.createElement(Dialog, _extends({}, props, {
     body: content,
@@ -24,7 +21,6 @@ var SimpleDialog = function SimpleDialog(props) {
     className: dialogClassName
   }));
 };
-
 SimpleDialog.defaultProps = {
   showCloseButton: true
 };

package/components/dialog/SplitDialog.js

@@ -1,21 +1,17 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Dialog from './Dialog';
 import baseDialogPropTypes from './baseDialogPropTypes';
-
 var SplitDialog = function SplitDialog(props) {
   var leftContent = props.leftContent,
-      rightContent = props.rightContent,
-      onClose = props.onClose,
-      className = props.className;
+    rightContent = props.rightContent,
+    onClose = props.onClose,
+    className = props.className;
   var dialogClassName = "split-dialog ".concat(className);
   var dividerClasses = classNames('split-divider', 'bg-lighter');
   var body = /*#__PURE__*/React.createElement("div", {
@@ -33,7 +29,6 @@ var SplitDialog = function SplitDialog(props) {
     className: dialogClassName
   }));
 };
-
 SplitDialog.defaultProps = {
   className: '',
   footer: '',

package/components/driverName/DriverName.js

@@ -5,13 +5,12 @@ import React from 'react';
 import PropTypes from 'prop-types';
 export var formatDriverName = function formatDriverName(_ref) {
   var firstName = _ref.firstName,
-      lastName = _ref.lastName;
+    lastName = _ref.lastName;
   return lastName && firstName ? [lastName, firstName].join(', ') : lastName;
 };
 export var DriverName = function DriverName(_ref2) {
   var driver = _ref2.driver,
-      remainingProps = _objectWithoutProperties(_ref2, _excluded);
-
+    remainingProps = _objectWithoutProperties(_ref2, _excluded);
   return /*#__PURE__*/React.createElement("span", _extends({}, remainingProps, {
     className: "DriverName"
   }), formatDriverName(driver));