@rio-cloud/rio-uikit 0.16.3-beta.7 → 0.16.3-beta.9

package/Activity.d.ts

@@ -1,5 +1,11 @@
 declare module '@rio-cloud/rio-uikit/Activity' {
     import React from 'react';
     import { ActivityProps } from './types';
-    export default class Activity extends React.Component<ActivityProps> {}
+
+    export default class Activity extends React.Component<ActivityProps> {
+        static AVAILABLE = 'available';
+        static WORKING = 'driving';
+        static DRIVING = 'resting';
+        static RESTING = 'working';
+    }
 }

package/Multiselect.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-import { MultiselectProps } from './types';
+import { MultiselectProps, MultiselectOption } from './types';
 
 export { MultiselectOption } from './types';
 export { MultiselectCounterMessage } from './types';
 
-export default class Multiselect extends React.Component<MultiselectProps> {
+export default class Multiselect<T extends MultiselectOption> extends React.Component<MultiselectProps<T>> {
     static SIZE_SM = 'sm';
     static SIZE_LG = 'lg';
     static SIZE_SMALL = 'small';

package/Select.d.ts

@@ -2,4 +2,4 @@ import React from 'react';
 import { SelectProps } from './types';
 
 export { SelectOption } from './types';
-export default class Select extends React.Component<SelectProps> {}
+export default class Select<T extends SelectOption> extends React.Component<SelectProps<T>> {}

package/components/dataTabs/DataTab.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["active", "tabKey", "disableTransition", "children"];
+var _excluded = ["active", "tabKey", "disableTransition", "children", "title"];
 import React from 'react';
 import PropTypes from 'prop-types';
 import { motion } from 'framer-motion';
@@ -9,6 +9,7 @@ var DataTab = function DataTab(props) {
     tabKey = props.tabKey,
     disableTransition = props.disableTransition,
     children = props.children,
+    title = props.title,
     remainingProps = _objectWithoutProperties(props, _excluded);
   if (disableTransition) {
     return /*#__PURE__*/React.createElement("div", null, active && children);

package/components/dataTabs/DataTabs.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-var _excluded = ["activeKey", "bordered", "children", "className", "commonTabContent", "disableTransition", "arrowClassname", "onSelectTab", "tabActiveBgColor", "tabActiveClassName", "tabBgColor", "tabClassName", "tabContentClassName", "tabFirstChildClassName", "tabHoverBgColor", "tabHoverClassName", "tabLastChildClassName", "tabsWrapperClassName", "vertical"];
+var _excluded = ["activeKey", "bordered", "children", "className", "commonTabContent", "disableTransition", "arrowClassName", "onSelectTab", "tabActiveBgColor", "tabActiveClassName", "tabBgColor", "tabClassName", "tabContentClassName", "tabFirstChildClassName", "tabHoverBgColor", "tabHoverClassName", "tabLastChildClassName", "tabsWrapperClassName", "vertical"];
 import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -10,7 +10,7 @@ var getFirstTabKey = function getFirstTabKey() {
   var children = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var _children = _slicedToArray(children, 1),
     firstItem = _children[0];
-  return firstItem && firstItem.props.tabKey;
+  return firstItem === null || firstItem === void 0 ? void 0 : firstItem.props.tabKey;
 };
 var DataTabs = function DataTabs(props) {
   var activeKey = props.activeKey,
@@ -19,7 +19,7 @@ var DataTabs = function DataTabs(props) {
     wrapperClassName = props.className,
     commonTabContent = props.commonTabContent,
     disableTransition = props.disableTransition,
-    arrowClassname = props.arrowClassname,
+    arrowClassName = props.arrowClassName,
     onSelectTab = props.onSelectTab,
     tabActiveBgColor = props.tabActiveBgColor,
     tabActiveClassName = props.tabActiveClassName,
@@ -96,7 +96,7 @@ var DataTabs = function DataTabs(props) {
         return setIsHovering(false);
       }
     }, title, /*#__PURE__*/React.createElement("div", {
-      className: "arrow ".concat(arrowClassname, " ").concat(isActive ? 'in' : '')
+      className: "arrow ".concat(arrowClassName, " ").concat(isActive ? 'in' : '')
     }));
   }))), /*#__PURE__*/React.createElement("div", {
     className: "tab-content ".concat(tabContentClassName),
@@ -109,7 +109,7 @@ DataTabs.defaultProps = {
   children: [],
   className: '',
   disableTransition: false,
-  arrowClassname: 'bg-highlight-dark border-color-transparent',
+  arrowClassName: 'bg-highlight-dark border-color-transparent',
   onSelectTab: function onSelectTab() {},
   tabActiveClassName: 'bg-highlight-dark text-color-white',
   tabClassName: '',
@@ -127,7 +127,7 @@ DataTabs.propTypes = {
   className: PropTypes.string,
   commonTabContent: PropTypes.node,
   disableTransition: PropTypes.bool,
-  arrowClassname: PropTypes.string,
+  arrowClassName: PropTypes.string,
   onSelectTab: PropTypes.func.isRequired,
   tabActiveClassName: PropTypes.string,
   tabClassName: PropTypes.string,

package/components/map/components/features/settings/MapSettingsPanel.js

@@ -1,11 +1,28 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
+import { motion } from 'framer-motion';
 var MapSettingsPanel = function MapSettingsPanel(props) {
-  var children = props.children,
-    className = props.className;
+  var className = props.className,
+    children = props.children;
   var panelClassNames = classNames('MapSettingsPanel', className);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(motion.div, {
+    initial: {
+      opacity: 0,
+      y: 100
+    },
+    animate: {
+      opacity: 1,
+      y: 0
+    },
+    exit: {
+      opacity: 0.5,
+      y: 200
+    },
+    transition: {
+      duration: 0.15,
+      ease: 'easeInOut'
+    },
     className: panelClassNames
   }, children);
 };

package/components/map/components/features/settings/MapSettingsTile.js

@@ -2,19 +2,23 @@ import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["onToggle", "activeIcon", "inactiveIcon", "isActive", "panel", "className", "buttonClassName", "tooltip"];
-import React, { useState, createRef } from 'react';
+import React, { useState } from 'react';
+import { AnimatePresence } from 'framer-motion';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import getOr from 'lodash/fp/getOr';
 import OverlayTrigger from '../../../../overlay/OverlayTrigger';
 import Tooltip from '../../../../tooltip/Tooltip';
+import useClickOutside from '../../../../../hooks/useClickOutside';
 var getComponentWithTooltip = function getComponentWithTooltip(component, tooltip) {
   return /*#__PURE__*/React.createElement(OverlayTrigger, {
     placement: Tooltip.TOP,
-    delayShow: 1000,
+    delay: {
+      show: 1200
+    },
     overlay: /*#__PURE__*/React.createElement(Tooltip, {
-      id: 'tooltip',
-      width: 'auto'
+      id: "tooltip",
+      width: "auto"
     }, tooltip)
   }, component);
 };
@@ -28,7 +32,6 @@ var MapSettingsTile = function MapSettingsTile(props) {
     buttonClassName = props.buttonClassName,
     tooltip = props.tooltip,
     remainingProps = _objectWithoutProperties(props, _excluded);
-  var buttonRef = /*#__PURE__*/createRef();
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isOpen = _useState2[0],
@@ -39,6 +42,14 @@ var MapSettingsTile = function MapSettingsTile(props) {
     onToggle(newState);
     buttonRef.current.blur();
   };
+  var handleClosePanel = function handleClosePanel() {
+    if (isOpen && panel) {
+      setIsOpen(false);
+      onToggle(false);
+      buttonRef.current.blur();
+    }
+  };
+  var buttonRef = useClickOutside(handleClosePanel);
   var wrapperClasses = classNames('MapSettingsTile', className);
   var buttonClasses = classNames('MapSettingsButton', buttonClassName);
   var activeIconClassNames = classNames('hover-scale-110', isActive ? 'display-block' : 'display-none', getOr('', 'props.className')(activeIcon));
@@ -56,7 +67,9 @@ var MapSettingsTile = function MapSettingsTile(props) {
     height: 40,
     width: 40,
     ref: buttonRef
-  }, remainingProps), tooltip ? getComponentWithTooltip(button, tooltip) : button, isOpen && panel && panel);
+  }, remainingProps), tooltip ? getComponentWithTooltip(button, tooltip) : button, /*#__PURE__*/React.createElement("div", {
+    className: "overflow-hidden"
+  }, /*#__PURE__*/React.createElement(AnimatePresence, null, isOpen && panel && panel)));
 };
 MapSettingsTile.defaultProps = {
   className: '',

package/components/selects/Select.js

@@ -199,10 +199,10 @@ export var Select = /*#__PURE__*/function (_Component) {
       // TODO: deprecte since it's not consistent
       bsSize === 'sm' && 'input-sm', bsSize === 'lg' && 'input-lg', disabled && 'disabled');
       var selectedOption = /*#__PURE__*/React.createElement("span", {
-        className: "width-100pct display-flex"
+        className: "selected-option-text"
       }, label && /*#__PURE__*/React.createElement("span", {
-        className: "text-color-dark margin-right-5"
-      }, label, ":"), this.getSeletedItemLabel(selectedItem, placeholder));
+        className: "selected-option-text-label"
+      }, label, ":"), /*#__PURE__*/React.createElement("span", null, this.getSeletedItemLabel(selectedItem, placeholder)));
       return /*#__PURE__*/React.createElement("button", {
         type: "button",
         id: id,

package/components/tooltip/SimpleTooltip.js

@@ -1,5 +1,5 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["id", "children", "placement", "trigger", "content"];
+var _excluded = ["id", "children", "placement", "trigger", "content", "delay", "popperConfig"];
 import React from 'react';
 import PropTypes from 'prop-types';
 import Tooltip, { TooltipPlacementType } from './Tooltip';
@@ -10,11 +10,15 @@ var SimpleTooltip = function SimpleTooltip(props) {
     placement = props.placement,
     trigger = props.trigger,
     content = props.content,
+    delay = props.delay,
+    popperConfig = props.popperConfig,
     remainingProps = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/React.createElement(OverlayTrigger, {
     placement: placement,
     trigger: trigger,
-    overlay: /*#__PURE__*/React.createElement(Tooltip, remainingProps, content)
+    overlay: /*#__PURE__*/React.createElement(Tooltip, remainingProps, content),
+    delay: delay,
+    popperConfig: popperConfig
   }, children);
 };
 SimpleTooltip.defaultProps = {
@@ -25,6 +29,11 @@ SimpleTooltip.propTypes = {
   content: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
   trigger: triggerType,
   targetRef: PropTypes.func,
+  popperConfig: PropTypes.object,
+  delay: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
+    show: PropTypes.number,
+    hide: PropTypes.number
+  })]),
   children: PropTypes.node.isRequired
 };
 export default SimpleTooltip;

package/lib/es/Activity.d.ts

@@ -1,5 +1,11 @@
 declare module '@rio-cloud/rio-uikit/lib/es/Activity' {
     import React from 'react';
     import { ActivityProps } from './types';
-    export default class Activity extends React.Component<ActivityProps> {}
+
+    export default class Activity extends React.Component<ActivityProps> {
+        static AVAILABLE = 'available';
+        static WORKING = 'driving';
+        static DRIVING = 'resting';
+        static RESTING = 'working';
+    }
 }

package/lib/es/Multiselect.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-import { MultiselectProps } from './types';
+import { MultiselectProps, MultiselectOption } from './types';
 
 export { MultiselectOption } from './types';
 export { MultiselectCounterMessage } from './types';
 
-export default class Multiselect extends React.Component<MultiselectProps> {
+export default class Multiselect<T extends MultiselectOption> extends React.Component<MultiselectProps<T>> {
     static SIZE_SM = 'sm';
     static SIZE_LG = 'lg';
     static SIZE_SMALL = 'small';

package/lib/es/Select.d.ts

@@ -2,4 +2,4 @@ import React from 'react';
 import { SelectProps } from './types';
 
 export { SelectOption } from './types';
-export default class Select extends React.Component<SelectProps> {}
+export default class Select<T extends SelectOption> extends React.Component<SelectProps<T>> {}

package/lib/es/components/applicationLayout/ApplicationLayout.js

@@ -15,7 +15,7 @@ var _ApplicationLayoutHeader = _interopRequireDefault(require("./ApplicationLayo
 var _ApplicationLayoutSidebar = _interopRequireDefault(require("./ApplicationLayoutSidebar"));
 var _ApplicationLayoutBody = _interopRequireDefault(require("./ApplicationLayoutBody"));
 var _init = require("../../utils/init");
-var _excluded = ["className", "layoutRef", "children"];
+var _excluded = ["className", "layoutRef", "children"]; // initializes document bootstrapping - keep the import to avoid being tree-shaked
 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; }
 _init.initDocumentBootstrapping;

package/lib/es/components/assetTree/Tree.js

@@ -48,7 +48,7 @@ var _excluded = ["groups", "items", "selectedGroups", "selectedItems", "onSelect
 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; }
 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) { (0, _defineProperty2["default"])(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 _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) { (0, _defineProperty2["default"])(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; } /* eslint-disable no-use-before-define */
 var SEARCH_DEBOUNCE = 100;
 var otherwise = _stubTrue["default"];
 var notEqual = (0, _negate["default"])(_isEqual["default"]);

package/lib/es/components/carousel/CarouselCaption.js

@@ -16,7 +16,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireDefault(require("react"));
 var _excluded = ["componentClass", "className"];
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(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; } }
+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; } } // https://github.com/react-bootstrap/react-bootstrap/blob/v0.32.0/src/CarouselCaption.js
 var CarouselCaption = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(CarouselCaption, _React$Component);
   var _super = _createSuper(CarouselCaption);

package/lib/es/components/carousel/CarouselItem.js

@@ -20,7 +20,7 @@ var _reactDom = _interopRequireDefault(require("react-dom"));
 var _transitionEnd = _interopRequireDefault(require("dom-helpers/transitionEnd"));
 var _excluded = ["direction", "active", "animateIn", "animateOut", "className"];
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(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; } }
+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; } } // https://github.com/react-bootstrap/react-bootstrap/blob/v0.32.0/src/CarouselItem.js
 var propTypes = {
   direction: _propTypes["default"].oneOf(['prev', 'next']),
   onAnimateOutEnd: _propTypes["default"].func,

package/lib/es/components/contentLoader/ContentLoader.js

@@ -13,6 +13,7 @@ var _reactContentLoader = _interopRequireDefault(require("react-content-loader")
 var _cond = _interopRequireDefault(require("lodash/fp/cond"));
 var _isNil = _interopRequireDefault(require("lodash/fp/isNil"));
 var _excluded = ["width", "height", "radius", "className"];
+/* eslint-disable no-use-before-define */
 var hasChildren = function hasChildren(_ref) {
   var children = _ref.children;
   return !(0, _isNil["default"])(children);

package/lib/es/components/dataTabs/DataTab.js

@@ -10,12 +10,13 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _framerMotion = require("framer-motion");
-var _excluded = ["active", "tabKey", "disableTransition", "children"];
+var _excluded = ["active", "tabKey", "disableTransition", "children", "title"];
 var DataTab = function DataTab(props) {
   var active = props.active,
     tabKey = props.tabKey,
     disableTransition = props.disableTransition,
     children = props.children,
+    title = props.title,
     remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   if (disableTransition) {
     return /*#__PURE__*/_react["default"].createElement("div", null, active && children);

package/lib/es/components/dataTabs/DataTabs.js

@@ -13,14 +13,14 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _framerMotion = require("framer-motion");
-var _excluded = ["activeKey", "bordered", "children", "className", "commonTabContent", "disableTransition", "arrowClassname", "onSelectTab", "tabActiveBgColor", "tabActiveClassName", "tabBgColor", "tabClassName", "tabContentClassName", "tabFirstChildClassName", "tabHoverBgColor", "tabHoverClassName", "tabLastChildClassName", "tabsWrapperClassName", "vertical"];
+var _excluded = ["activeKey", "bordered", "children", "className", "commonTabContent", "disableTransition", "arrowClassName", "onSelectTab", "tabActiveBgColor", "tabActiveClassName", "tabBgColor", "tabClassName", "tabContentClassName", "tabFirstChildClassName", "tabHoverBgColor", "tabHoverClassName", "tabLastChildClassName", "tabsWrapperClassName", "vertical"];
 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 getFirstTabKey = function getFirstTabKey() {
   var children = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var _children = (0, _slicedToArray2["default"])(children, 1),
     firstItem = _children[0];
-  return firstItem && firstItem.props.tabKey;
+  return firstItem === null || firstItem === void 0 ? void 0 : firstItem.props.tabKey;
 };
 var DataTabs = function DataTabs(props) {
   var activeKey = props.activeKey,
@@ -29,7 +29,7 @@ var DataTabs = function DataTabs(props) {
     wrapperClassName = props.className,
     commonTabContent = props.commonTabContent,
     disableTransition = props.disableTransition,
-    arrowClassname = props.arrowClassname,
+    arrowClassName = props.arrowClassName,
     onSelectTab = props.onSelectTab,
     tabActiveBgColor = props.tabActiveBgColor,
     tabActiveClassName = props.tabActiveClassName,
@@ -106,7 +106,7 @@ var DataTabs = function DataTabs(props) {
         return setIsHovering(false);
       }
     }, title, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "arrow ".concat(arrowClassname, " ").concat(isActive ? 'in' : '')
+      className: "arrow ".concat(arrowClassName, " ").concat(isActive ? 'in' : '')
     }));
   }))), /*#__PURE__*/_react["default"].createElement("div", {
     className: "tab-content ".concat(tabContentClassName),
@@ -119,7 +119,7 @@ DataTabs.defaultProps = {
   children: [],
   className: '',
   disableTransition: false,
-  arrowClassname: 'bg-highlight-dark border-color-transparent',
+  arrowClassName: 'bg-highlight-dark border-color-transparent',
   onSelectTab: function onSelectTab() {},
   tabActiveClassName: 'bg-highlight-dark text-color-white',
   tabClassName: '',
@@ -137,7 +137,7 @@ DataTabs.propTypes = {
   className: _propTypes["default"].string,
   commonTabContent: _propTypes["default"].node,
   disableTransition: _propTypes["default"].bool,
-  arrowClassname: _propTypes["default"].string,
+  arrowClassName: _propTypes["default"].string,
   onSelectTab: _propTypes["default"].func.isRequired,
   tabActiveClassName: _propTypes["default"].string,
   tabClassName: _propTypes["default"].string,

package/lib/es/components/datepicker/DatePicker.js

@@ -14,7 +14,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _reactDatetime = _interopRequireDefault(require("react-datetime"));
-var _excluded = ["dropup", "alignRight", "onChange", "className", "mandatory", "dateValidation"];
+var _excluded = ["dropup", "alignRight", "onChange", "className", "mandatory", "dateValidation"]; // This workaround fixes the react minified #130 error for using external commonjs libs
+// see https://github.com/vitejs/vite/issues/2139
 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 || _typeof3(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 Datetime = _reactDatetime["default"]["default"] ? _reactDatetime["default"]["default"] : _reactDatetime["default"];

package/lib/es/components/datepicker/DateRangePicker.js

@@ -29,7 +29,9 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 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) { (0, _defineProperty2["default"])(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 = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(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; } }
+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; } } /**
+                                                                                                                                                                                                                                                                                                                                           * @fileOverview: Wrapper component for React-Datetime.
+                                                                                                                                                                                                                                                                                                                                           */
 var Placeholder = function Placeholder(_ref) {
   var text = _ref.text;
   return /*#__PURE__*/_react["default"].createElement("span", {

package/lib/es/components/listMenu/ListMenu.js

@@ -25,7 +25,6 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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) { (0, _defineProperty2["default"])(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; }
 // @screen-ls: 480px;
 // @screen-sm: 768px;
-
 var RESIZE_THROTTELING = 10;
 var MOBILE_MAX_WIDTH = 580;
 var filterMenuItems = function filterMenuItems(items, value, filterKey) {

package/lib/es/components/map/components/features/Route.js

@@ -19,7 +19,7 @@ var _MapException = _interopRequireDefault(require("../../exceptions/MapExceptio
 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; }
 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) { (0, _defineProperty2["default"])(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 _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) { (0, _defineProperty2["default"])(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; } /* eslint-disable no-undef */
 var MISSING_POSITIONS_EXCEPTION_MSG = 'Route requires a minimum of 1 positions';
 exports.MISSING_POSITIONS_EXCEPTION_MSG = MISSING_POSITIONS_EXCEPTION_MSG;
 var TO_LESS_LINE_WIDTH_EXCEPTION_MSG = 'If isBorderIncludedInWidth is set to true than width has to be greater than twice of borderWidth';

package/lib/es/components/map/components/features/basics/MapLayerGroup.js

@@ -14,7 +14,7 @@ var _context = require("../../context");
 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; }
 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) { (0, _defineProperty2["default"])(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 _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) { (0, _defineProperty2["default"])(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; } /* eslint-disable no-undef */
 var MapLayerGroup = function MapLayerGroup(_ref) {
   var children = _ref.children,
     minZoom = _ref.minZoom,

package/lib/es/components/map/components/features/basics/Polyline.js

@@ -14,7 +14,7 @@ var _MapException = _interopRequireDefault(require("../../../exceptions/MapExcep
 var _hooks = require("../../../utils/hooks");
 var _eventHandling = require("../../../utils/eventHandling");
 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) { (0, _defineProperty2["default"])(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 _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) { (0, _defineProperty2["default"])(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; } /* eslint-disable no-undef */
 var MISSING_GEOMETRY_PROPS_EXCEPTION_MSG = 'Error in Polyline: Polyline without geometry makes no sense';
 exports.MISSING_GEOMETRY_PROPS_EXCEPTION_MSG = MISSING_GEOMETRY_PROPS_EXCEPTION_MSG;
 var WRONG_GEOMETRY_PROPS_EXCEPTION_MSG = 'Error in Polyline: property geometry must be of type H.geo.LineString';

package/lib/es/components/map/components/features/basics/marker/DomMarker.js

@@ -15,7 +15,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _proptypes = _interopRequireDefault(require("../../../../utils/proptypes"));
 var _eventHandling = require("../../../../utils/eventHandling");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(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; } }
+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; } } /* eslint-disable no-undef */
 // Should be deprecated...
 // Here Documentation:
 //     It should be only used where small numbers of markers with dynamic style and/or scripted icons are to be displayed

package/lib/es/components/map/components/features/settings/MapSettingsPanel.js

@@ -8,11 +8,28 @@ exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
+var _framerMotion = require("framer-motion");
 var MapSettingsPanel = function MapSettingsPanel(props) {
-  var children = props.children,
-    className = props.className;
+  var className = props.className,
+    children = props.children;
   var panelClassNames = (0, _classnames["default"])('MapSettingsPanel', className);
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/_react["default"].createElement(_framerMotion.motion.div, {
+    initial: {
+      opacity: 0,
+      y: 100
+    },
+    animate: {
+      opacity: 1,
+      y: 0
+    },
+    exit: {
+      opacity: 0.5,
+      y: 200
+    },
+    transition: {
+      duration: 0.15,
+      ease: 'easeInOut'
+    },
     className: panelClassNames
   }, children);
 };

package/lib/es/components/map/components/features/settings/MapSettingsTile.js

@@ -10,21 +10,25 @@ 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 _framerMotion = require("framer-motion");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _getOr = _interopRequireDefault(require("lodash/fp/getOr"));
 var _OverlayTrigger = _interopRequireDefault(require("../../../../overlay/OverlayTrigger"));
 var _Tooltip = _interopRequireDefault(require("../../../../tooltip/Tooltip"));
+var _useClickOutside = _interopRequireDefault(require("../../../../../hooks/useClickOutside"));
 var _excluded = ["onToggle", "activeIcon", "inactiveIcon", "isActive", "panel", "className", "buttonClassName", "tooltip"];
 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 getComponentWithTooltip = function getComponentWithTooltip(component, tooltip) {
   return /*#__PURE__*/_react["default"].createElement(_OverlayTrigger["default"], {
     placement: _Tooltip["default"].TOP,
-    delayShow: 1000,
+    delay: {
+      show: 1200
+    },
     overlay: /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-      id: 'tooltip',
-      width: 'auto'
+      id: "tooltip",
+      width: "auto"
     }, tooltip)
   }, component);
 };
@@ -38,7 +42,6 @@ var MapSettingsTile = function MapSettingsTile(props) {
     buttonClassName = props.buttonClassName,
     tooltip = props.tooltip,
     remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  var buttonRef = /*#__PURE__*/(0, _react.createRef)();
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     isOpen = _useState2[0],
@@ -49,6 +52,14 @@ var MapSettingsTile = function MapSettingsTile(props) {
     onToggle(newState);
     buttonRef.current.blur();
   };
+  var handleClosePanel = function handleClosePanel() {
+    if (isOpen && panel) {
+      setIsOpen(false);
+      onToggle(false);
+      buttonRef.current.blur();
+    }
+  };
+  var buttonRef = (0, _useClickOutside["default"])(handleClosePanel);
   var wrapperClasses = (0, _classnames["default"])('MapSettingsTile', className);
   var buttonClasses = (0, _classnames["default"])('MapSettingsButton', buttonClassName);
   var activeIconClassNames = (0, _classnames["default"])('hover-scale-110', isActive ? 'display-block' : 'display-none', (0, _getOr["default"])('', 'props.className')(activeIcon));
@@ -66,7 +77,9 @@ var MapSettingsTile = function MapSettingsTile(props) {
     height: 40,
     width: 40,
     ref: buttonRef
-  }, remainingProps), tooltip ? getComponentWithTooltip(button, tooltip) : button, isOpen && panel && panel);
+  }, remainingProps), tooltip ? getComponentWithTooltip(button, tooltip) : button, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "overflow-hidden"
+  }, /*#__PURE__*/_react["default"].createElement(_framerMotion.AnimatePresence, null, isOpen && panel && panel)));
 };
 MapSettingsTile.defaultProps = {
   className: '',