@rio-cloud/rio-uikit 0.16.3-beta.8 → 0.16.3

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/Init.d.ts

@@ -0,0 +1,3 @@
+declare module '@rio-cloud/rio-uikit/Init' {
+    export function init(): () => void;
+}

package/Init.js

@@ -0,0 +1,2 @@
+import { autoInitDocumentBootstrapping as _init } from './utils/init';
+export { _init as init };

package/README.md

@@ -8,7 +8,7 @@ The documentation and how to integrate the UIKIT in your project can be found he
 
 Starting with version `0.12.8`, all versions of the uikit will be available under https://uikit.developers.rio.cloud/${VERSION}/.
 
-Starting with verion `0.14.6`, even the corresponding uikit-demo will be published under https://uikit.developers.rio.cloud/${VERSION}/.
+Starting with version `0.14.6`, even the corresponding uikit-demo will be published under https://uikit.developers.rio.cloud/${VERSION}/.
 
 All changes made on `master` will be deployed to https://uikit.developers.rio.cloud/latest/.
 
@@ -19,9 +19,9 @@ When releasing a new version:
 
 Create a new development beta version:
 
-1. Update the `package.json`. Example `0.16.3-beta.1`
-2. Update the `src/version.json`. Example `0.16.3-beta.1`
-3. run `npm i` or update `package-lock.json`. Example `0.16.3-beta.1`
+1. Update the `package.json`. Example `0.16.4-beta.1`
+2. Update the `src/version.json`. Example `0.16.4-beta.1`
+3. run `npm i` or update `package-lock.json`. Example `0.16.4-beta.1`
 
 ## Development
 
@@ -31,7 +31,7 @@ To run the UIKIT and the UIKIT Demo locally for development, use:
 $ npm install && cd uikit-demo/ && npm i && npm start
 ```
 
-The UIKIT demo is accessable at http://localhost:8090.
+The UIKIT demo is accessible at http://localhost:8090.
 
 ## Versions List
 
@@ -82,7 +82,7 @@ Run `npm run build:npm` to compile the components via babel to the `package` fol
 
 ### Publishing to UIKIT CDN
 
-Run `npm run build` to build the production bundle and compile the styles to inspect locally. When comitting to the main development branch the build outcome from `dist` is published via our internal CICD pipeline.
+Run `npm run build` to build the production bundle and compile the styles to inspect locally. When committing to the main development branch the build outcome from `dist` is published via our internal CICD pipeline.
 
 ### Beta Versions
 

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/releaseNotes/ReleaseNotes.js

@@ -6,13 +6,11 @@ import map from 'lodash/fp/map';
 import toPairs from 'lodash/fp/toPairs';
 var renderList = function renderList(notes) {
   return /*#__PURE__*/React.createElement("ul", {
-    className: 'margin-bottom-0 margin-left-5 padding-left-25'
+    className: "margin-bottom-0 margin-left-5 padding-left-25"
   }, notes);
 };
 var renderNode = function renderNode(content) {
-  return /*#__PURE__*/React.createElement("div", {
-    className: 'padding-left-10'
-  }, content);
+  return /*#__PURE__*/React.createElement("div", null, content);
 };
 var getNotes = function getNotes(content, version) {
   return map(function (point) {
@@ -25,18 +23,18 @@ var renderNotes = function renderNotes(note, version) {
   var date = note.date,
     content = note.content;
   return /*#__PURE__*/React.createElement("div", {
-    className: 'panel panel-default',
+    className: "panel panel-default",
     key: "".concat(version, "-note")
   }, /*#__PURE__*/React.createElement("div", {
-    className: 'panel-heading'
+    className: "panel-heading"
   }, /*#__PURE__*/React.createElement("div", {
-    className: 'display-flex justify-content-between'
+    className: "display-flex justify-content-between"
   }, /*#__PURE__*/React.createElement("span", {
-    className: 'text-size-16 text-medium'
+    className: "text-size-16 text-medium"
   }, "".concat(version)), /*#__PURE__*/React.createElement("span", {
-    className: 'text-muted text-thin'
+    className: "text-muted text-thin"
   }, date))), /*#__PURE__*/React.createElement("div", {
-    className: 'panel-body white-space-pre-line'
+    className: "panel-body white-space-pre-line"
   }, isArray(content) ? renderList(getNotes(content, version)) : renderNode(content)));
 };
 var getReleases = function getReleases(_ref) {

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/Init.d.ts

@@ -0,0 +1,3 @@
+declare module '@rio-cloud/rio-uikit/lib/es/Init' {
+    export function init(): () => void;
+}

package/lib/es/Init.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "init", {
+  enumerable: true,
+  get: function get() {
+    return _init2.autoInitDocumentBootstrapping;
+  }
+});
+var _init2 = require("./utils/init");

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);
 };