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

package/components/map/icons/MapIcon.js

@@ -2,13 +2,15 @@
 import React from 'react';
 export var MapIcon = function MapIcon(props) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$name = props.name,
-      name = _props$name === void 0 ? '' : _props$name,
-      _props$height = props.height,
-      height = _props$height === void 0 ? 40 : _props$height,
-      _props$width = props.width,
-      width = _props$width === void 0 ? 40 : _props$width; // const fillColor = active ? '#30B4C0' : '#A7AFBB';
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$name = props.name,
+    name = _props$name === void 0 ? '' : _props$name,
+    _props$height = props.height,
+    height = _props$height === void 0 ? 40 : _props$height,
+    _props$width = props.width,
+    width = _props$width === void 0 ? 40 : _props$width;
+
+  // const fillColor = active ? '#30B4C0' : '#A7AFBB';
 
   return /*#__PURE__*/React.cloneElement(icons[name], {
     className: className,

package/components/map/utils/clustering.js

@@ -1,6 +1,5 @@
 /* eslint-disable no-undef */
 import { getOrCreateIcon, isDomMakerNeeded } from '../components/features/basics/marker/Marker';
-
 var getBoundingBoxForCluster = function getBoundingBoxForCluster(cluster) {
   var minLat = null;
   var minLng = null;
@@ -8,30 +7,24 @@ var getBoundingBoxForCluster = function getBoundingBoxForCluster(cluster) {
   var maxLng = null;
   cluster.forEachDataPoint(function (dataPoint) {
     var position = dataPoint.getPosition();
-
     if (minLat === null || minLat > position.lat) {
       minLat = position.lat;
     }
-
     if (minLng === null || minLng > position.lng) {
       minLng = position.lng;
     }
-
     if (maxLat === null || maxLat < position.lat) {
       maxLat = position.lat;
     }
-
     if (maxLng === null || maxLng < position.lng) {
       maxLng = position.lng;
     }
   });
   return new H.geo.Rect(maxLat, minLng, minLat, maxLng);
 };
-
 export var ClusterUtils = {
   getBoundingBoxForCluster: getBoundingBoxForCluster
 };
-
 var wrapClusterPresentation = function wrapClusterPresentation(func) {
   return function (cluster) {
     var datas = [];
@@ -49,7 +42,6 @@ var wrapClusterPresentation = function wrapClusterPresentation(func) {
     return marker;
   };
 };
-
 var wrapNoisePresentation = function wrapNoisePresentation(func) {
   return function (point) {
     var icon = getOrCreateIcon(func(point.getData(), point.getPosition()));
@@ -62,7 +54,6 @@ var wrapNoisePresentation = function wrapNoisePresentation(func) {
     return marker;
   };
 };
-
 export var wrapSimpleTheme = function wrapSimpleTheme(theme) {
   return {
     getClusterPresentation: wrapClusterPresentation(theme.getClusterPresentation),

package/components/map/utils/eventHandling.js

@@ -1,6 +1,5 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-
 /* eslint-disable no-use-before-define */
 export var EventUtils = {
   MOUSE_BUTTONS: {
@@ -31,24 +30,19 @@ export var EventUtils = {
   getMouseButton: getMouseButton,
   isRightClick: isRightClick
 };
-
 var MapTimeGuard = /*#__PURE__*/function () {
   function MapTimeGuard() {
     var delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 250;
-
     _classCallCheck(this, MapTimeGuard);
-
     this.delayTime = delay;
     this.timer = undefined;
   }
-
   _createClass(MapTimeGuard, [{
     key: "delay",
     value: function delay(callback) {
       for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
         args[_key - 1] = arguments[_key];
       }
-
       this.cancel();
       this.timer = window.setTimeout(function () {
         return callback.apply(void 0, args);
@@ -60,36 +54,29 @@ var MapTimeGuard = /*#__PURE__*/function () {
       window.clearTimeout(this.timer);
     }
   }]);
-
   return MapTimeGuard;
 }();
-
 var EnhancedMapEvent = /*#__PURE__*/function () {
   function EnhancedMapEvent(event, mapApi) {
     _classCallCheck(this, EnhancedMapEvent);
-
     this.viewportX = event.currentPointer.viewportX;
     this.viewportY = event.currentPointer.viewportY;
     this.map = mapApi;
   }
-
   _createClass(EnhancedMapEvent, [{
     key: "calculateGeoCoords",
     value: function calculateGeoCoords() {
       return this.map.screenToGeo(this.viewportX, this.viewportY);
     }
   }]);
-
   return EnhancedMapEvent;
 }();
-
 export function createEnhancedMapEvent(event, mapApi) {
   if (!event || !event.currentPointer) {
     return {
       map: mapApi
     };
   }
-
   return new EnhancedMapEvent(event, mapApi);
 }
 export function createEnhancedListener(listener, mapApi) {
@@ -106,7 +93,6 @@ export function addEventListenerMap(hMapObject) {
     hMapObject.addEventListener(key, enhancedListener);
     enhancedMap[key] = enhancedListener;
   });
-
   hMapObject.rioMapRemoveEvents = function () {
     Object.keys(enhancedMap).forEach(function (key) {
       hMapObject.removeEventListener(key, enhancedMap[key]);
@@ -124,7 +110,6 @@ export var checkAndUpdateEventListenerMap = function checkAndUpdateEventListener
   if (!hMapObject) {
     return;
   }
-
   if (props.eventListenerMap !== nextProps.eventListenerMap) {
     // use exports to make methods accessible for stubbing
     var mapApi = removeEventListenerMap(hMapObject);
@@ -134,26 +119,20 @@ export var checkAndUpdateEventListenerMap = function checkAndUpdateEventListener
 export function createTapOnDblTapPreventer(eventListenerMap) {
   var delayBetweenTaps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 300;
   var result = Object.assign({}, eventListenerMap);
-
   if (!eventListenerMap[EventUtils.TAP] || !eventListenerMap[EventUtils.DBL_TAP]) {
     return result;
   }
-
   var guard = new MapTimeGuard(delayBetweenTaps);
-
   result[EventUtils.TAP] = function () {
     for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
       args[_key2] = arguments[_key2];
     }
-
     guard.delay.apply(guard, [eventListenerMap[EventUtils.TAP]].concat(args));
   };
-
   result[EventUtils.DBL_TAP] = function () {
     guard.cancel();
     eventListenerMap[EventUtils.DBL_TAP].apply(eventListenerMap, arguments);
   };
-
   return result;
 }
 export function getMouseButton(event) {

package/components/map/utils/hooks.js

@@ -10,13 +10,11 @@ export var useUpdateProp = function useUpdateProp(mapObject, propSetter, value)
 };
 export var useUpdateEventListenerMap = function useUpdateEventListenerMap(mapObject, eventListenerMap) {
   var _useContext = useContext(MapContext),
-      map = _useContext.map;
-
+    map = _useContext.map;
   useEffect(function () {
     if (!mapObject) {
       return;
     }
-
     addEventListenerMap(mapObject, eventListenerMap, map);
     return function () {
       removeEventListenerMap(mapObject);

package/components/map/utils/localization.js

@@ -372,37 +372,29 @@ var threeToTwoMapping = {
   zha: 'za',
   zul: 'zu'
 };
-
 function parseLocale() {
   var locale = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'eng';
   var parts = locale.split('-');
-
   if (parts.length === 2) {
     return parts[0];
   }
-
   return locale;
 }
-
 export function mapToLongLocale(locale) {
   var key = parseLocale(locale);
-
   if (threeToTwoMapping[key]) {
     return key;
   } else if (twoToThreeMapping[key]) {
     return twoToThreeMapping[key];
   }
-
   return 'eng';
 }
 export function mapToShortLocale(locale) {
   var key = parseLocale(locale);
-
   if (twoToThreeMapping[key]) {
     return key;
   } else if (threeToTwoMapping[key]) {
     return threeToTwoMapping[key];
   }
-
   return 'en';
 }

package/components/map/utils/positions.js

@@ -1,49 +1,38 @@
 var _this = this;
-
 var BoundingBox = function BoundingBox() {
   _this.top = -Infinity;
   _this.right = -Infinity;
   _this.bottom = Infinity;
   _this.left = Infinity;
 };
-
 BoundingBox.prototype = {
   isValid: function isValid() {
     return _this.top !== -Infinity && _this.bottom !== Infinity && _this.left !== Infinity && _this.right !== -Infinity;
   }
 };
-
 var calculateBoundingBox = function calculateBoundingBox(positions) {
   return positions.reduce(function (acc, cur) {
     if (cur.lat > acc.top) {
       acc.top = cur.lat;
     }
-
     if (cur.lat < acc.bottom) {
       acc.bottom = cur.lat;
     }
-
     if (cur.lng < acc.left) {
       acc.left = cur.lng;
     }
-
     if (cur.lng > acc.right) {
       acc.right = cur.lng;
     }
-
     return acc;
   }, new BoundingBox());
 };
-
 var COORDS_REGEX = /^\s*(-?\d+(\.\d+)?)\s*[,\s]\s*(-?\d+(\.\d+)?)\s*$/;
-
 var parsePositionFromString = function parsePositionFromString(value) {
   var match = COORDS_REGEX.exec(value);
-
   if (match) {
     var lat = parseFloat(match[1]);
     var lng = parseFloat(match[3]);
-
     if (lat >= -90 && lat <= 90 && lng >= -180 && lng <= 180) {
       return {
         lat: lat,
@@ -52,7 +41,6 @@ var parsePositionFromString = function parsePositionFromString(value) {
     }
   }
 };
-
 export var PositionUtils = {
   calculateBoundingBox: calculateBoundingBox,
   parsePositionFromString: parsePositionFromString

package/components/mapMarker/ClusterMapMarker.js

@@ -1,34 +1,28 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-
 var getColorMapping = function getColorMapping() {
   var colorClass = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-
   switch (colorClass) {
     case 'color-a':
       return 'bg-map-marker-asset';
-
     case 'color-b':
       return 'bg-map-marker-geofence';
-
     case 'color-c':
       return 'bg-map-marker-poi';
-
     default:
       return null;
   }
 };
-
 var ClusterMapMarker = function ClusterMapMarker(props) {
   var colorClass = props.colorClass,
-      count = props.count,
-      exceptionCount = props.exceptionCount,
-      markerColor = props.markerColor,
-      warningCount = props.warningCount,
-      active = props.active,
-      clickable = props.clickable,
-      iconName = props.iconName;
+    count = props.count,
+    exceptionCount = props.exceptionCount,
+    markerColor = props.markerColor,
+    warningCount = props.warningCount,
+    active = props.active,
+    clickable = props.clickable,
+    iconName = props.iconName;
   var classes = classNames(active && 'active', 'rio-map-marker', 'rio-map-marker-center-center', !clickable && 'pointer-events-none');
   var clusterClasses = classNames('rio-map-cluster-cirlce', colorClass);
   var baseColor = getColorMapping(colorClass) || markerColor;
@@ -55,7 +49,6 @@ var ClusterMapMarker = function ClusterMapMarker(props) {
     className: 'rio-map-bubble warning'
   }, warningCount > 0 && warningCount))));
 };
-
 ClusterMapMarker.defaultProps = {
   warningCount: 0,
   exceptionCount: 0,

package/components/mapMarker/SingleMapMarker.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-
 var getIcons = function getIcons(iconNames) {
   return iconNames.map(function (name, index) {
     return /*#__PURE__*/React.createElement("div", {
@@ -10,50 +9,42 @@ var getIcons = function getIcons(iconNames) {
     });
   });
 };
-
 var getColorMapping = function getColorMapping() {
   var colorClass = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   var markerColor = arguments.length > 1 ? arguments[1] : undefined;
-
   switch (colorClass) {
     case 'color-a':
       return 'bg-map-marker-asset';
-
     case 'color-b':
       return 'bg-map-marker-geofence';
-
     case 'color-c':
       return 'bg-map-marker-poi';
-
     default:
       return markerColor;
   }
 };
-
 var getMapDirection = function getMapDirection(moving, bearing, rotationStyle) {
   return moving && typeof bearing === 'number' ? /*#__PURE__*/React.createElement("div", {
     className: "rio-map-direction",
     style: rotationStyle
   }) : '';
 };
-
 var SingleMapMarker = function SingleMapMarker(props) {
   var active = props.active,
-      bearing = props.bearing,
-      colorClass = props.colorClass,
-      exceptionCount = props.exceptionCount,
-      iconNames = props.iconNames,
-      markerColor = props.markerColor,
-      moving = props.moving,
-      clickable = props.clickable,
-      name = props.name,
-      textColor = props.textColor,
-      warningCount = props.warningCount,
-      fixed = props.fixed;
-
-  if (colorClass) {// warnung
+    bearing = props.bearing,
+    colorClass = props.colorClass,
+    exceptionCount = props.exceptionCount,
+    iconNames = props.iconNames,
+    markerColor = props.markerColor,
+    moving = props.moving,
+    clickable = props.clickable,
+    name = props.name,
+    textColor = props.textColor,
+    warningCount = props.warningCount,
+    fixed = props.fixed;
+  if (colorClass) {
+    // warnung
   }
-
   var classes = classNames(active && 'active', 'rio-map-marker', 'rio-map-marker-bottom-center');
   var singleClasses = classNames('rio-map-single', fixed && 'fixed', moving && 'moving', !clickable && 'pointer-events-none', textColor);
   var rotationStyle = {
@@ -82,7 +73,6 @@ var SingleMapMarker = function SingleMapMarker(props) {
     className: "rio-map-position ".concat(markerBorderColor)
   })));
 };
-
 SingleMapMarker.defaultProps = {
   warningCount: 0,
   exceptionCount: 0,

package/components/menuItems/MenuItem.js

@@ -3,51 +3,43 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import DropdownSubmenu from '../dropdown/DropdownSubmenu';
 import DropdownHeader from '../selects/DropdownHeader';
-
 var MenuItem = function MenuItem(props) {
   var value = props.value,
-      divider = props.divider,
-      disabled = props.disabled,
-      active = props.active,
-      onSelect = props.onSelect,
-      header = props.header,
-      index = props.index,
-      closeMenu = props.closeMenu,
-      onMouseEnter = props.onMouseEnter;
-
+    divider = props.divider,
+    disabled = props.disabled,
+    active = props.active,
+    onSelect = props.onSelect,
+    header = props.header,
+    index = props.index,
+    closeMenu = props.closeMenu,
+    onMouseEnter = props.onMouseEnter;
   if (value && value.type === DropdownSubmenu) {
     return value;
   }
-
   var role = divider ? 'separator' : 'presentation';
   var classes = classNames(divider && 'divider pointer-events-none', disabled && 'disabled', active && 'active');
   var menuLink = /*#__PURE__*/React.createElement("a", {
     role: 'menuitem'
   }, value);
-
   var onSelectItem = function onSelectItem(event) {
     if (!disabled) {
       onSelect(index, event);
-
       if (closeMenu) {
         closeMenu();
       }
     }
   };
-
   var onItemMouseEnter = function onItemMouseEnter(event) {
     if (!disabled) {
       onMouseEnter(event);
     }
   };
-
   if (header) {
     return /*#__PURE__*/React.createElement(DropdownHeader, {
       label: value,
       center: false
     });
   }
-
   return /*#__PURE__*/React.createElement("li", {
     role: role,
     className: classes,
@@ -56,7 +48,6 @@ var MenuItem = function MenuItem(props) {
     "data-item-index": index
   }, header ? value : menuLink);
 };
-
 MenuItem.defaultProps = {
   disabled: false,
   onSelect: function onSelect() {},

package/components/menuItems/MenuItems.js

@@ -5,10 +5,9 @@ import React from 'react';
 import classNames from 'classnames';
 var MenuItems = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var pullRight = _ref.pullRight,
-      className = _ref.className,
-      children = _ref.children,
-      remainingProps = _objectWithoutProperties(_ref, _excluded);
-
+    className = _ref.className,
+    children = _ref.children,
+    remainingProps = _objectWithoutProperties(_ref, _excluded);
   var dropdownMenuClasses = classNames('dropdown-menu', pullRight && 'pull-right', className);
   return /*#__PURE__*/React.createElement("ul", _extends({}, remainingProps, {
     className: dropdownMenuClasses,

package/components/menuItems/getMenuItems.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import MenuItem from './MenuItem';
-
 var getMenuItems = function getMenuItems(items, closeMenu, onMouseEnter) {
   return items.map(function (item, index) {
     return /*#__PURE__*/React.createElement(MenuItem, _extends({
@@ -13,5 +12,4 @@ var getMenuItems = function getMenuItems(items, closeMenu, onMouseEnter) {
     }));
   });
 };
-
 export default getMenuItems;

package/components/navigation/AppNavigationBar.js

@@ -7,11 +7,10 @@ import classNames from 'classnames';
 import noop from 'lodash/fp/noop';
 export var AppNavigationBar = /*#__PURE__*/forwardRef(function (props, ref) {
   var className = props.className,
-      title = props.title,
-      right = props.right,
-      onNavigateBack = props.onNavigateBack,
-      remainingProps = _objectWithoutProperties(props, _excluded);
-
+    title = props.title,
+    right = props.right,
+    onNavigateBack = props.onNavigateBack,
+    remainingProps = _objectWithoutProperties(props, _excluded);
   var navigationClasses = classNames('AppNavigationBar', 'width-100pct display-flex align-items-center justify-content-between height-45 user-select-none padding-x-10', className);
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref

package/components/noData/NoData.js

@@ -5,17 +5,14 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import SimpleTooltip from '../tooltip/SimpleTooltip';
-
 var NoData = function NoData(props) {
   var text = props.text,
-      className = props.className,
-      tooltip = props.tooltip,
-      tooltipPlacement = props.tooltipPlacement,
-      tooltipWidth = props.tooltipWidth,
-      remainingProps = _objectWithoutProperties(props, _excluded);
-
+    className = props.className,
+    tooltip = props.tooltip,
+    tooltipPlacement = props.tooltipPlacement,
+    tooltipWidth = props.tooltipWidth,
+    remainingProps = _objectWithoutProperties(props, _excluded);
   var noDataClasses = classNames('NoData', className);
-
   if (tooltip) {
     return /*#__PURE__*/React.createElement("span", _extends({}, remainingProps, {
       className: noDataClasses
@@ -29,14 +26,12 @@ var NoData = function NoData(props) {
       className: "rioglyph rioglyph-info-sign margin-left-5"
     })));
   }
-
   return /*#__PURE__*/React.createElement("span", _extends({}, remainingProps, {
     className: noDataClasses
   }), /*#__PURE__*/React.createElement("span", {
     className: "pointer-events-none"
   }, text));
 };
-
 NoData.defaultProps = {
   className: '',
   tooltipPlacement: 'bottom',

package/components/notification/Notification.js

@@ -1,4 +1,6 @@
-import { NotificationManager as Notification } from 'react-notifications'; // TODO: implement: if callback + missing time => sticky
+import { NotificationManager as Notification } from 'react-notifications';
+
+// TODO: implement: if callback + missing time => sticky
 //const STICKY_TIME = 10000;
 
 export default Notification;

package/components/notification/NotificationsContainer.js

@@ -2,7 +2,6 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { NotificationContainer } from 'react-notifications';
-
 var NotificationsContainer = function NotificationsContainer(_ref) {
   var stacked = _ref.stacked;
   var wrapperClasses = classNames('notification-container-wrapper', stacked && 'stacked');
@@ -10,7 +9,6 @@ var NotificationsContainer = function NotificationsContainer(_ref) {
     className: wrapperClasses
   }, /*#__PURE__*/React.createElement(NotificationContainer, null));
 };
-
 NotificationsContainer.defaultProps = {
   stacked: false
 };