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

package/lib/es/components/navigation/AppNavigationBar.js

@@ -1,38 +1,26 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.AppNavigationBar = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _noop = _interopRequireDefault(require("lodash/fp/noop"));
-
 var _excluded = ["className", "title", "right", "onNavigateBack"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var AppNavigationBar = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var className = props.className,
-      title = props.title,
-      right = props.right,
-      onNavigateBack = props.onNavigateBack,
-      remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    title = props.title,
+    right = props.right,
+    onNavigateBack = props.onNavigateBack,
+    remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var navigationClasses = (0, _classnames["default"])('AppNavigationBar', 'width-100pct display-flex align-items-center justify-content-between height-45 user-select-none padding-x-10', className);
   return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
     ref: ref

package/lib/es/components/noData/NoData.js

@@ -1,35 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _SimpleTooltip = _interopRequireDefault(require("../tooltip/SimpleTooltip"));
-
 var _excluded = ["text", "className", "tooltip", "tooltipPlacement", "tooltipWidth"];
-
 var NoData = function NoData(props) {
   var text = props.text,
-      className = props.className,
-      tooltip = props.tooltip,
-      tooltipPlacement = props.tooltipPlacement,
-      tooltipWidth = props.tooltipWidth,
-      remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    className = props.className,
+    tooltip = props.tooltip,
+    tooltipPlacement = props.tooltipPlacement,
+    tooltipWidth = props.tooltipWidth,
+    remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var noDataClasses = (0, _classnames["default"])('NoData', className);
-
   if (tooltip) {
     return /*#__PURE__*/_react["default"].createElement("span", (0, _extends2["default"])({}, remainingProps, {
       className: noDataClasses
@@ -43,14 +33,12 @@ var NoData = function NoData(props) {
       className: "rioglyph rioglyph-info-sign margin-left-5"
     })));
   }
-
   return /*#__PURE__*/_react["default"].createElement("span", (0, _extends2["default"])({}, remainingProps, {
     className: noDataClasses
   }), /*#__PURE__*/_react["default"].createElement("span", {
     className: "pointer-events-none"
   }, text));
 };
-
 NoData.defaultProps = {
   className: '',
   tooltipPlacement: 'bottom',

package/lib/es/components/notification/Notification.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _reactNotifications = require("react-notifications");
-
 // TODO: implement: if callback + missing time => sticky
 //const STICKY_TIME = 10000;
 var _default = _reactNotifications.NotificationManager;

package/lib/es/components/notification/NotificationsContainer.js

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _reactNotifications = require("react-notifications");
-
 var NotificationsContainer = function NotificationsContainer(_ref) {
   var stacked = _ref.stacked;
   var wrapperClasses = (0, _classnames["default"])('notification-container-wrapper', stacked && 'stacked');
@@ -22,7 +16,6 @@ var NotificationsContainer = function NotificationsContainer(_ref) {
     className: wrapperClasses
   }, /*#__PURE__*/_react["default"].createElement(_reactNotifications.NotificationContainer, null));
 };
-
 NotificationsContainer.defaultProps = {
   stacked: false
 };

package/lib/es/components/numberControl/NumberControl.js

@@ -1,96 +1,75 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _NumberInput = _interopRequireWildcard(require("../numberInput/NumberInput"));
-
 var _excluded = ["min", "max", "step", "value", "onValueChanged", "disabled", "bsSize", "className", "unit", "inputAddon"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var INITIAL_TICK = 700;
 var TICK_TIME = 50;
-
 var NumberControl = function NumberControl(props) {
   var _props$min = props.min,
-      min = _props$min === void 0 ? _NumberInput.defaultProps.min : _props$min,
-      _props$max = props.max,
-      max = _props$max === void 0 ? _NumberInput.defaultProps.max : _props$max,
-      _props$step = props.step,
-      step = _props$step === void 0 ? _NumberInput.defaultProps.step : _props$step,
-      _props$value = props.value,
-      value = _props$value === void 0 ? _NumberInput.defaultProps.value : _props$value,
-      _props$onValueChanged = props.onValueChanged,
-      onValueChanged = _props$onValueChanged === void 0 ? function () {} : _props$onValueChanged,
-      disabled = props.disabled,
-      bsSize = props.bsSize,
-      className = props.className,
-      unit = props.unit,
-      inputAddon = props.inputAddon,
-      remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    min = _props$min === void 0 ? _NumberInput.defaultProps.min : _props$min,
+    _props$max = props.max,
+    max = _props$max === void 0 ? _NumberInput.defaultProps.max : _props$max,
+    _props$step = props.step,
+    step = _props$step === void 0 ? _NumberInput.defaultProps.step : _props$step,
+    _props$value = props.value,
+    value = _props$value === void 0 ? _NumberInput.defaultProps.value : _props$value,
+    _props$onValueChanged = props.onValueChanged,
+    onValueChanged = _props$onValueChanged === void 0 ? function () {} : _props$onValueChanged,
+    disabled = props.disabled,
+    bsSize = props.bsSize,
+    className = props.className,
+    unit = props.unit,
+    inputAddon = props.inputAddon,
+    remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var timeout = (0, _react.useRef)();
-
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      isHoldingDownInc = _useState2[0],
-      setIsHoldingDownInc = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    isHoldingDownInc = _useState2[0],
+    setIsHoldingDownInc = _useState2[1];
   var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      isHoldingDownDec = _useState4[0],
-      setIsHoldingDownDec = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    isHoldingDownDec = _useState4[0],
+    setIsHoldingDownDec = _useState4[1];
   var _useState5 = (0, _react.useState)(value),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      internalValue = _useState6[0],
-      setInternalValue = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    internalValue = _useState6[0],
+    setInternalValue = _useState6[1];
   var initialTimeout = function initialTimeout(callback) {
     clearTimeout(timeout.current);
     timeout.current = setTimeout(function () {
       callback();
     }, INITIAL_TICK);
   };
-
   var recursiveTimeout = function recursiveTimeout(callback) {
     timeout.current = setTimeout(function () {
       callback();
     }, TICK_TIME);
   };
-
   (0, _react.useEffect)(function () {
     // Call increment function for a loop when button is holding down
     if (isHoldingDownInc && !disabled) {
       initialTimeout(incrementRecusively);
-    } // Call decrement function for a loop when button is holding down
-
+    }
 
+    // Call decrement function for a loop when button is holding down
     if (isHoldingDownDec && !disabled) {
       initialTimeout(decrementRecursively);
     }
   }, [isHoldingDownInc, isHoldingDownDec]);
-
   var incrementInternalValue = function incrementInternalValue() {
     setInternalValue(function (val) {
       var currentValue = (0, _NumberInput.convertNonIntegerToDefault)(val);
@@ -98,7 +77,6 @@ var NumberControl = function NumberControl(props) {
       return newValue <= max ? newValue : val;
     });
   };
-
   var decrementInternalValue = function decrementInternalValue() {
     setInternalValue(function (val) {
       var currentValue = (0, _NumberInput.convertNonIntegerToDefault)(val);
@@ -106,43 +84,37 @@ var NumberControl = function NumberControl(props) {
       return newValue >= min ? newValue : val;
     });
   };
-
   var incrementRecusively = function incrementRecusively() {
     incrementInternalValue();
     recursiveTimeout(incrementRecusively);
   };
-
   var decrementRecursively = function decrementRecursively() {
     decrementInternalValue();
     recursiveTimeout(decrementRecursively);
   };
-
   var handleMouseDownOnIncrement = function handleMouseDownOnIncrement() {
     if (disabled) {
       return;
     }
+    setIsHoldingDownInc(true);
 
-    setIsHoldingDownInc(true); // increment for first click
-
+    // increment for first click
     incrementInternalValue();
   };
-
   var handleMouseDownOnDecrement = function handleMouseDownOnDecrement() {
     if (disabled) {
       return;
     }
+    setIsHoldingDownDec(true);
 
-    setIsHoldingDownDec(true); // decrement for first click
-
+    // decrement for first click
     decrementInternalValue();
   };
-
   var handleStopHolding = function handleStopHolding() {
     clearTimeout(timeout.current);
     setIsHoldingDownInc(false);
     setIsHoldingDownDec(false);
   };
-
   var handleUpdatedNumberInputValue = function handleUpdatedNumberInputValue(value) {
     // Set the internal value when the value of the actual input has changed,
     // for instance the user has typed in a number manually and to
@@ -151,10 +123,8 @@ var NumberControl = function NumberControl(props) {
     if (value && (!isHoldingDownDec || !isHoldingDownInc)) {
       setInternalValue(Number(value));
     }
-
     onValueChanged(value);
   };
-
   var classes = (0, _classnames["default"])('NumberControl', 'form-group', className);
   var inputGroupClassNames = (0, _classnames["default"])('input-group', bsSize === 'sm' && 'input-group-sm', bsSize === 'lg' && 'input-group-lg');
   return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, remainingProps, {
@@ -194,7 +164,6 @@ var NumberControl = function NumberControl(props) {
     className: 'rioglyph rioglyph-plus scale-90'
   })))));
 };
-
 NumberControl.propTypes = {
   min: _propTypes["default"].number,
   max: _propTypes["default"].number,

package/lib/es/components/numberInput/NumberInput.js

@@ -1,34 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultProps = exports["default"] = exports.convertNonIntegerToDefault = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _useAfterMount = _interopRequireDefault(require("../../hooks/useAfterMount"));
-
 var _excluded = ["unit", "inputAddon", "className", "bsSize", "disabled", "onValueChanged", "min", "max", "value", "step", "type"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var defaultProps = {
   min: 0,
   max: Number.MAX_VALUE,
@@ -36,72 +23,64 @@ var defaultProps = {
   step: 1
 };
 exports.defaultProps = defaultProps;
-
 var getStepFromProps = function getStepFromProps(propStep, defaultStep, max, min) {
   return Number.isInteger(propStep) && propStep < Math.abs(max - min) ? propStep : defaultStep;
 };
-
 var getValueFromProps = function getValueFromProps(val, min, max, fallback) {
   return clampNumber(Number(val), min, max) || fallback;
 };
-
 var clampNumber = function clampNumber(value, min, max) {
   if (value < min) {
     return min;
   } else if (value > max) {
     return max;
   }
-
   return value;
 };
-
 var isFormatted = function isFormatted(value) {
   return /^(-)?([1-9]\d*)?$/.test(value) || value === '0';
 };
-
 var convertNonIntegerToDefault = function convertNonIntegerToDefault(value, min) {
   var currentValue = value;
-
   if (!Number.isInteger(currentValue)) {
     currentValue = min;
   }
-
   return currentValue;
 };
-
 exports.convertNonIntegerToDefault = convertNonIntegerToDefault;
-
 var NumberInput = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
   var unit = props.unit,
-      inputAddon = props.inputAddon,
-      className = props.className,
-      bsSize = props.bsSize,
-      disabled = props.disabled,
-      _props$onValueChanged = props.onValueChanged,
-      onValueChanged = _props$onValueChanged === void 0 ? function () {} : _props$onValueChanged,
-      propMin = props.min,
-      propMax = props.max,
-      propValue = props.value,
-      propStep = props.step,
-      propType = props.type,
-      remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded); // Breaking change - default is now "number"
-
+    inputAddon = props.inputAddon,
+    className = props.className,
+    bsSize = props.bsSize,
+    disabled = props.disabled,
+    _props$onValueChanged = props.onValueChanged,
+    onValueChanged = _props$onValueChanged === void 0 ? function () {} : _props$onValueChanged,
+    propMin = props.min,
+    propMax = props.max,
+    propValue = props.value,
+    propStep = props.step,
+    propType = props.type,
+    remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+
+  // Breaking change - default is now "number"
   var type = propType === 'text' ? 'text' : 'number';
   var min = Number.isInteger(propMin) ? propMin : defaultProps.min;
   var max = Number.isInteger(propMax) ? propMax : defaultProps.max;
   var value = getValueFromProps(propValue, min, max, defaultProps.value);
-  var step = getStepFromProps(propStep, defaultProps.step, max, min); // Define local state and define initial values
+  var step = getStepFromProps(propStep, defaultProps.step, max, min);
 
+  // Define local state and define initial values
   var _useState = (0, _react.useState)({
-    value: value,
-    enteredValue: value,
-    isValid: true
-  }),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1]; // Update internal value whenever the value prop from outside changes
-
+      value: value,
+      enteredValue: value,
+      isValid: true
+    }),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
 
+  // Update internal value whenever the value prop from outside changes
   (0, _useAfterMount["default"])(function () {
     setState({
       value: getValueFromProps(propValue, min, max, defaultProps.value),
@@ -109,7 +88,6 @@ var NumberInput = /*#__PURE__*/_react["default"].forwardRef(function (props, ref
       isValid: true
     });
   }, [propValue, clampNumber]);
-
   var applyValue = function applyValue(newValue) {
     if (isFormatted(newValue)) {
       if (newValue === '-' || newValue === '') {
@@ -126,37 +104,34 @@ var NumberInput = /*#__PURE__*/_react["default"].forwardRef(function (props, ref
           value: newValidValue,
           enteredValue: enteredValue,
           isValid: isValid
-        }); // Only call back the caller for valid values
+        });
 
+        // Only call back the caller for valid values
         isValid && onValueChanged(newValidValue);
       }
     }
   };
-
   var handleOnChange = function handleOnChange(event) {
     return applyValue(event.target.value);
   };
-
   var handleBlur = function handleBlur(event) {
     // console.log({enteredValue: state.enteredValue, event: Number(event.target.value)});
+
     // When the vales is removed, keep the input empty but trigger the onValueChanged callback
     // since the user has finished his input
     var lastEnteredValue = state.enteredValue;
-
     if (lastEnteredValue === '') {
       onValueChanged(lastEnteredValue);
       return;
-    } // Otherwise, validate the input and calmp it if the entered value exeeds the limitations
-
+    }
 
+    // Otherwise, validate the input and calmp it if the entered value exeeds the limitations
     var convertedEnteredValue = convertNonIntegerToDefault(Number(lastEnteredValue), min);
     var validNumber = clampNumber(convertedEnteredValue, min, max);
     applyValue(validNumber);
   };
-
   var inputGroupClassNames = (0, _classnames["default"])('input-group', bsSize === 'sm' && 'input-group-sm', bsSize === 'lg' && 'input-group-lg');
   var inputClassNames = (0, _classnames["default"])('form-control', 'no-controls', bsSize === 'sm' && 'input-sm', bsSize === 'lg' && 'input-lg', className);
-
   var input = /*#__PURE__*/_react["default"].createElement("input", (0, _extends2["default"])({}, remainingProps, {
     type: type,
     step: step,
@@ -170,7 +145,6 @@ var NumberInput = /*#__PURE__*/_react["default"].forwardRef(function (props, ref
     ref: ref,
     "aria-label": 'number-input'
   }));
-
   return unit || inputAddon ? /*#__PURE__*/_react["default"].createElement("div", {
     className: inputGroupClassNames
   }, inputAddon && /*#__PURE__*/_react["default"].createElement("span", {
@@ -181,7 +155,6 @@ var NumberInput = /*#__PURE__*/_react["default"].forwardRef(function (props, ref
     className: 'input-group-addon'
   }, unit)) : input;
 });
-
 NumberInput.propTypes = {
   min: _propTypes["default"].number,
   max: _propTypes["default"].number,

package/lib/es/components/onboarding/OnboardingTip.js

@@ -1,43 +1,36 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.OnboardingTipPlacementType = void 0;
 exports["default"] = OnboardingTip;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _OverlayTrigger = _interopRequireDefault(require("../overlay/OverlayTrigger"));
-
 var _Tooltip = _interopRequireDefault(require("../tooltip/Tooltip"));
-
 var DELAY_SHOW = 500;
 var DELAY_HIDE = 300;
-
 function OnboardingTip(props) {
   var id = props.id,
-      show = props.show,
-      placement = props.placement,
-      title = props.title,
-      content = props.content,
-      onHide = props.onHide,
-      children = props.children,
-      textAlignment = props.textAlignment,
-      useInDialog = props.useInDialog,
-      clickflow = props.clickflow,
-      showCloseIcon = props.showCloseIcon,
-      className = props.className,
-      width = props.width,
-      preventOverflow = props.preventOverflow,
-      popperConfig = props.popperConfig;
-  var tooltipWrapperClasses = (0, _classnames["default"])(useInDialog && 'z-index-max', className && className, clickflow && 'onboarding-clickflow' // clickflowBackdrop && 'onboarding-clickflow-backdrop'
+    show = props.show,
+    placement = props.placement,
+    title = props.title,
+    content = props.content,
+    onHide = props.onHide,
+    children = props.children,
+    textAlignment = props.textAlignment,
+    useInDialog = props.useInDialog,
+    clickflow = props.clickflow,
+    showCloseIcon = props.showCloseIcon,
+    className = props.className,
+    width = props.width,
+    preventOverflow = props.preventOverflow,
+    popperConfig = props.popperConfig;
+  var tooltipWrapperClasses = (0, _classnames["default"])(useInDialog && 'z-index-max', className && className, clickflow && 'onboarding-clickflow'
+  // clickflowBackdrop && 'onboarding-clickflow-backdrop'
   );
 
   var overlay = /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
@@ -59,7 +52,6 @@ function OnboardingTip(props) {
   }, content)), showCloseIcon && /*#__PURE__*/_react["default"].createElement("span", {
     className: "tooltip-close rioglyph rioglyph-remove"
   })));
-
   var trigger = /*#__PURE__*/_react["default"].createElement(_OverlayTrigger["default"], {
     placement: placement,
     trigger: "click",
@@ -79,10 +71,8 @@ function OnboardingTip(props) {
       }]
     }
   }, children);
-
   return show ? trigger : children;
 }
-
 OnboardingTip.AUTO_START = _Tooltip["default"].AUTO_START;
 OnboardingTip.AUTO = _Tooltip["default"].AUTO;
 OnboardingTip.AUTO_END = _Tooltip["default"].AUTO_END;
@@ -98,9 +88,7 @@ OnboardingTip.RIGHT_END = _Tooltip["default"].RIGHT_END;
 OnboardingTip.LEFT_START = _Tooltip["default"].LEFT_START;
 OnboardingTip.LEFT = _Tooltip["default"].LEFT;
 OnboardingTip.LEFT_END = _Tooltip["default"].LEFT_END;
-
 var OnboardingTipPlacementType = _propTypes["default"].oneOf([OnboardingTip.AUTO_START, OnboardingTip.AUTO, OnboardingTip.AUTO_END, OnboardingTip.TOP_START, OnboardingTip.TOP, OnboardingTip.TOP_END, OnboardingTip.BOTTOM_START, OnboardingTip.BOTTOM, OnboardingTip.BOTTOM_END, OnboardingTip.RIGHT_START, OnboardingTip.RIGHT, OnboardingTip.RIGHT_END, OnboardingTip.LEFT_START, OnboardingTip.LEFT, OnboardingTip.LEFT_END]);
-
 exports.OnboardingTipPlacementType = OnboardingTipPlacementType;
 OnboardingTip.TEXT_ALIGNMENT_LEFT = 'left';
 OnboardingTip.TEXT_ALIGNMENT_CENTER = 'center';