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

package/lib/es/ResponsiveVideo.d.ts

@@ -1,5 +1,8 @@
 declare module '@rio-cloud/rio-uikit/lib/es/ResponsiveVideo' {
     import React from 'react';
     import { ResponsiveVideoProps } from './types';
-    export default class ResponsiveVideo extends React.Component<ResponsiveVideoProps> {}
+    export default class ResponsiveVideo extends React.Component<ResponsiveVideoProps> {
+        static ASPECT_RATIO_4_BY_3 = '4by3';
+        static ASPECT_RATIO_16_BY_9 = '16by9';
+    }
 }

package/lib/es/RuleConnector.d.ts

@@ -0,0 +1,9 @@
+declare module '@rio-cloud/rio-uikit/lib/es/RuleConnector' {
+    import React from 'react';
+    import { RuleConnectorProps } from './types';
+    export default class RuleConnector extends React.Component<RuleConnectorProps> {
+        static START = 'start';
+        static CENTER = 'center';
+        static END = 'end';
+    }
+}

package/lib/es/RuleConnector.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _RuleConnector2["default"];
+  }
+});
+var _RuleConnector2 = _interopRequireDefault(require("./components/rules/RuleConnector"));

package/lib/es/RuleContainer.d.ts

@@ -0,0 +1,5 @@
+declare module '@rio-cloud/rio-uikit/lib/es/RuleContainer' {
+    import React from 'react';
+    import { RuleContainerProps } from './types';
+    export default class RuleContainer extends React.Component<RuleContainerProps> {}
+}

package/lib/es/RuleContainer.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _RuleContainer2["default"];
+  }
+});
+var _RuleContainer2 = _interopRequireDefault(require("./components/rules/RuleContainer"));

package/lib/es/RulesWrapper.d.ts

@@ -0,0 +1,5 @@
+declare module '@rio-cloud/rio-uikit/lib/es/RulesWrapper' {
+    import React from 'react';
+    import { RulesWrapperProps } from './types';
+    export default class RulesWrapper extends React.Component<RulesWrapperProps> {}
+}

package/lib/es/RulesWrapper.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _RulesWrapper2["default"];
+  }
+});
+var _RulesWrapper2 = _interopRequireDefault(require("./components/rules/RulesWrapper"));

package/lib/es/SaveDialog.d.ts

@@ -1,5 +1,12 @@
 declare module '@rio-cloud/rio-uikit/lib/es/SaveDialog' {
     import React from 'react';
     import { SaveDialogProps } from './types';
-    export default class SaveDialog extends React.Component<SaveDialogProps> {}
+    export default class SaveDialog extends React.Component<SaveDialogProps> {
+        static SIZE_SM = 'sm';
+        static SIZE_MD = 'md';
+        static SIZE_LG = 'lg';
+        static SIZE_XL = 'xl';
+        static SIZE_FULL = 'full';
+        static SIZE_FULL_SCREEN = 'fullscreen';
+    }
 }

package/lib/es/Select.d.ts

@@ -1,5 +1,5 @@
-declare module '@rio-cloud/rio-uikit/lib/es/Select' {
-    import React from 'react';
-    import { SelectProps } from './types';
-    export default class Select extends React.Component<SelectProps> {}
-}
+import React from 'react';
+import { SelectProps } from './types';
+
+export { SelectOption } from './types';
+export default class Select extends React.Component<SelectProps> {}

package/lib/es/Sidebar.d.ts

@@ -1,5 +1,11 @@
 declare module '@rio-cloud/rio-uikit/lib/es/Sidebar' {
     import React from 'react';
     import { SidebarProps } from './types';
-    export default class Sidebar extends React.Component<SidebarProps> {}
+    export default class Sidebar extends React.Component<SidebarProps> {
+        static LEFT = 'left';
+        static RIGHT = 'right';
+
+        static MODE_FLY = 'fly';
+        static MODE_FLUID = 'fluid';
+    }
 }

package/lib/es/SimpleDialog.d.ts

@@ -1,5 +1,12 @@
 declare module '@rio-cloud/rio-uikit/lib/es/SimpleDialog' {
     import React from 'react';
     import { SimpleDialogProps } from './types';
-    export default class SimpleDialog extends React.Component<SimpleDialogProps> {}
+    export default class SimpleDialog extends React.Component<SimpleDialogProps> {
+        static SIZE_SM = 'sm';
+        static SIZE_MD = 'md';
+        static SIZE_LG = 'lg';
+        static SIZE_XL = 'xl';
+        static SIZE_FULL = 'full';
+        static SIZE_FULL_SCREEN = 'fullscreen';
+    }
 }

package/lib/es/SimpleTooltip.d.ts

@@ -1,5 +1,29 @@
 declare module '@rio-cloud/rio-uikit/lib/es/SimpleTooltip' {
     import React from 'react';
     import { SimpleTooltipProps } from './types';
-    export default class SimpleTooltip extends React.Component<SimpleTooltipProps> {}
+    export default class SimpleTooltip extends React.Component<SimpleTooltipProps> {
+        static TRIGGER_CLICK = 'click';
+        static TRIGGER_HOVER = 'hover';
+        static TRIGGER_FOCUS = 'focus';
+
+        static AUTO_START = 'auto-start';
+        static AUTO = 'auto';
+        static AUTO_END = 'auto-end';
+
+        static TOP_START = 'top-start';
+        static TOP = 'top';
+        static TOP_END = 'top-end';
+
+        static BOTTOM_START = 'bottom-start';
+        static BOTTOM = 'bottom';
+        static BOTTOM_END = 'bottom-end';
+
+        static RIGHT_START = 'right-start';
+        static RIGHT = 'right';
+        static RIGHT_END = 'right-end';
+
+        static LEFT_START = 'left-start';
+        static LEFT = 'left';
+        static LEFT_END = 'left-end';
+    }
 }

package/lib/es/SplitDialog.d.ts

@@ -1,5 +1,12 @@
 declare module '@rio-cloud/rio-uikit/lib/es/SplitDialog' {
     import React from 'react';
     import { SplitDialogProps } from './types';
-    export default class SplitDialog extends React.Component<SplitDialogProps> {}
+    export default class SplitDialog extends React.Component<SplitDialogProps> {
+        static SIZE_SM = 'sm';
+        static SIZE_MD = 'md';
+        static SIZE_LG = 'lg';
+        static SIZE_XL = 'xl';
+        static SIZE_FULL = 'full';
+        static SIZE_FULL_SCREEN = 'fullscreen';
+    }
 }

package/lib/es/SteppedProgressBar.d.ts

@@ -1,5 +1,9 @@
 declare module '@rio-cloud/rio-uikit/lib/es/SteppedProgressBar' {
     import React from 'react';
     import { SteppedProgressBarProps } from './types';
-    export default class SteppedProgressBar extends React.Component<SteppedProgressBarProps> {}
+    export default class SteppedProgressBar extends React.Component<SteppedProgressBarProps> {
+        static VARIANT_CIRCLE = 'circle';
+        static VARIANT_RECTANGLE = 'rectangle';
+        static VARIANT_ROADSIGN = 'roadsign';
+    }
 }

package/lib/es/Switch.d.ts

@@ -1,5 +1,8 @@
 declare module '@rio-cloud/rio-uikit/lib/es/Switch' {
     import React from 'react';
     import { SwitchProps } from './types';
-    export default class Switch extends React.Component<SwitchProps> {}
+    export default class Switch extends React.Component<SwitchProps> {
+        static LABEL_POSITION_LEFT = 'left';
+        static LABEL_POSITION_RIGHT = 'right';
+    }
 }

package/lib/es/TagManager.d.ts

@@ -1,5 +1,5 @@
-declare module '@rio-cloud/rio-uikit/lib/es/TagManager' {
-    import React from 'react';
-    import { TagManagerProps } from './types';
-    export default class TagManager extends React.Component<TagManagerProps> {}
-}
+import React from 'react';
+import { TagManagerProps } from './types';
+
+export { TagManagerTag } from './types';
+export default class TagManager extends React.Component<TagManagerProps> {}

package/lib/es/Tooltip.d.ts

@@ -1,5 +1,32 @@
 declare module '@rio-cloud/rio-uikit/lib/es/Tooltip' {
     import React from 'react';
     import { TooltipProps } from './types';
-    export default class Tooltip extends React.Component<TooltipProps> {}
+    export default class Tooltip extends React.Component<TooltipProps> {
+        static STYLE_DEFAULT = 'default';
+        static STYLE_ONBOARDING = 'onboarding';
+
+        static AUTO_START = 'auto-start';
+        static AUTO = 'auto';
+        static AUTO_END = 'auto-end';
+
+        static TOP_START = 'top-start';
+        static TOP = 'top';
+        static TOP_END = 'top-end';
+
+        static BOTTOM_START = 'bottom-start';
+        static BOTTOM = 'bottom';
+        static BOTTOM_END = 'bottom-end';
+
+        static RIGHT_START = 'right-start';
+        static RIGHT = 'right';
+        static RIGHT_END = 'right-end';
+
+        static LEFT_START = 'left-start';
+        static LEFT = 'left';
+        static LEFT_END = 'left-end';
+
+        static TEXT_ALIGNMENT_LEFT = 'left';
+        static TEXT_ALIGNMENT_CENTER = 'center';
+        static TEXT_ALIGNMENT_RIGHT = 'right';
+    }
 }

package/lib/es/components/button/Button.js

@@ -13,7 +13,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _buttonEffect = require("../../utils/buttonEffect");
-var _excluded = ["active", "disabled", "asToggle", "onClick", "bsStyle", "bsSize", "variant", "iconOnly", "multiline", "block", "className", "children"];
+var _excluded = ["active", "disabled", "asToggle", "onClick", "bsStyle", "bsSize", "variant", "iconOnly", "multiline", "block", "className", "noRippleEffect", "children"];
 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 Button = function Button(props) {
@@ -28,6 +28,7 @@ var Button = function Button(props) {
     multiline = props.multiline,
     block = props.block,
     className = props.className,
+    noRippleEffect = props.noRippleEffect,
     children = props.children,
     remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var _useState = (0, _react.useState)(active),
@@ -45,7 +46,7 @@ var Button = function Button(props) {
   // Register a dedicated click event on the button to interrupt
   // the actual 'onClick' callback passed into the component from outside
   (0, _react.useEffect)(function () {
-    if (!btnRef.current) {
+    if (noRippleEffect || !btnRef.current) {
       return;
     }
     var mouseListener = btnRef.current.addEventListener('mousedown', _buttonEffect.createButtonRipple, false);
@@ -54,7 +55,7 @@ var Button = function Button(props) {
       mouseListener && btnRef.current.removeEventListener('mousedown', _buttonEffect.createButtonRipple, false);
       touchListener && btnRef.current.removeEventListener('touchstart', _buttonEffect.createButtonRipple, false);
     };
-  }, [btnRef.current]);
+  }, [btnRef.current, noRippleEffect]);
 
   // Intercept click handler only for toggle button to update
   // internal state and blur after click
@@ -102,6 +103,7 @@ Button.defaultProps = {
   iconOnly: false,
   multiline: false,
   block: false,
+  noRippleEffect: false,
   onClick: function onClick() {},
   className: '',
   bsStyle: 'default'
@@ -117,6 +119,7 @@ Button.propTypes = {
   bsStyle: _propTypes["default"].oneOf([Button.DEFAULT, Button.PRIMARY, Button.SECONDARY, Button.INFO, Button.WARNING, Button.DANGER, Button.SUCCESS, Button.MUTED]),
   bsSize: _propTypes["default"].oneOf([Button.XS, Button.SM, Button.MD, Button.LG]),
   variant: _propTypes["default"].oneOf([Button.VARIANT_LINK, Button.VARIANT_LINK_INLINE, Button.VARIANT_OUTLINE, Button.VARIANT_ACTION]),
+  noRippleEffect: _propTypes["default"].bool,
   className: _propTypes["default"].string
 };
 var _default = Button;

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

@@ -12,12 +12,12 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _reactDatetime = _interopRequireDefault(require("react-datetime"));
-var _moment = _interopRequireDefault(require("moment"));
 var _classnames = _interopRequireDefault(require("classnames"));
+var _reactDatetime = _interopRequireDefault(require("react-datetime"));
 var _excluded = ["dropup", "alignRight", "onChange", "className", "mandatory", "dateValidation"];
 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"];
 var isValidDate = function isValidDate(date) {
   return (0, _typeof2["default"])(date) === 'object';
 };
@@ -42,7 +42,7 @@ var DatePicker = function DatePicker(props) {
     onChange(date, isValid);
   };
   var classes = (0, _classnames["default"])('DatePicker', 'form-group', hasError && 'has-error', dropup && 'dropup', alignRight && 'align-right', className && className);
-  return /*#__PURE__*/_react["default"].createElement(_reactDatetime["default"], (0, _extends2["default"])({}, remainingProp, {
+  return /*#__PURE__*/_react["default"].createElement(Datetime, (0, _extends2["default"])({}, remainingProp, {
     onChange: handleChange,
     className: classes
   }));

package/lib/es/components/dialog/SplitDialog.js

@@ -7,18 +7,21 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Dialog = _interopRequireDefault(require("./Dialog"));
 var _baseDialogPropTypes = _interopRequireDefault(require("./baseDialogPropTypes"));
+var _excluded = ["leftContent", "rightContent", "onClose", "className"];
 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; }
 var SplitDialog = function SplitDialog(props) {
   var leftContent = props.leftContent,
     rightContent = props.rightContent,
     onClose = props.onClose,
-    className = props.className;
+    className = props.className,
+    remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var dialogClassName = "split-dialog ".concat(className);
   var dividerClasses = (0, _classnames["default"])('split-divider', 'bg-lighter');
   var body = /*#__PURE__*/_react["default"].createElement("div", {
@@ -30,7 +33,7 @@ var SplitDialog = function SplitDialog(props) {
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "split-right"
   }, rightContent));
-  return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], (0, _extends2["default"])({}, props, {
+  return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], (0, _extends2["default"])({}, remainingProps, {
     body: body,
     onHide: onClose,
     className: dialogClassName

package/lib/es/components/dropdown/ButtonDropdown.js

@@ -75,11 +75,16 @@ var ButtonDropdown = function ButtonDropdown(props) {
     _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
     refDropdownMenu = _React$useState4[0],
     setRefDropdownMenu = _React$useState4[1];
+  var _React$useState5 = _react["default"].useState(null),
+    _React$useState6 = (0, _slicedToArray2["default"])(_React$useState5, 2),
+    refSplitButtonToggle = _React$useState6[0],
+    setRefSplitButtonToggle = _React$useState6[1];
   var defaultPopperConfig = {
     placement: getPlacement(pullRight, dropup),
     modifiers: []
   };
-  var _usePopper = (0, _reactPopper.usePopper)(refDropdownToggle, refDropdownMenu, popperConfig || defaultPopperConfig),
+  var popperParentRef = splitButton && pullRight ? refSplitButtonToggle : refDropdownToggle;
+  var _usePopper = (0, _reactPopper.usePopper)(popperParentRef, refDropdownMenu, popperConfig || defaultPopperConfig),
     styles = _usePopper.styles,
     attributes = _usePopper.attributes;
   var wrapperRef = (0, _useClickOutside["default"])(function () {
@@ -121,7 +126,7 @@ var ButtonDropdown = function ButtonDropdown(props) {
   var handleDropdownButtonClick = splitButton ? handleSplitLabelButtonClick : toggleOpen;
   var isOpen = isUncontrolled ? internalOpen : open;
   var wrapperClasses = (0, _classnames["default"])('dropdown', 'btn-group', isOpen && 'open', className);
-  var dropdownClasses = (0, _classnames["default"])(usePortal && 'dropdown-portal', dropdownClassName);
+  var dropdownClasses = (0, _classnames["default"])(usePortal && 'dropdown-portal', splitButton && pullRight && 'pull-right', dropdownClassName);
   var dropdownMenu = /*#__PURE__*/_react["default"].createElement(_MenuItems["default"], (0, _extends2["default"])({
     className: dropdownClasses,
     ref: setRefDropdownMenu,
@@ -145,7 +150,8 @@ var ButtonDropdown = function ButtonDropdown(props) {
     bsStyle: bsStyle,
     disabled: disabled,
     className: toggleClassName,
-    onClick: toggleOpen
+    onClick: toggleOpen,
+    ref: setRefSplitButtonToggle
   }), isOpen && usePortal && /*#__PURE__*/_reactDom["default"].createPortal(dropdownMenu, dropdownRoot), isOpen && !usePortal && dropdownMenu);
 };
 ButtonDropdown.defaultProps = {

package/lib/es/components/map/components/Map.js

@@ -139,6 +139,7 @@ var Map = function Map(props) {
     eventListenerMap = props.eventListenerMap,
     mapType = props.mapType,
     mapLayer = props.mapLayer,
+    externalShowCluster = props.showCluster,
     showScaleBar = props.showScaleBar,
     onMapLayerChange = props.onMapLayerChange,
     onMapTypeChange = props.onMapTypeChange,
@@ -168,7 +169,7 @@ var Map = function Map(props) {
     _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
     activeLayers = _useState10[0],
     setActiveLayers = _useState10[1];
-  var _useState11 = (0, _react.useState)(props.showCluster),
+  var _useState11 = (0, _react.useState)(externalShowCluster),
     _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
     showCluster = _useState12[0],
     setShowCluster = _useState12[1];
@@ -255,6 +256,8 @@ var Map = function Map(props) {
       };
     }
   }, []);
+
+  // Update BoundingBox from outside
   (0, _react.useEffect)(function () {
     if (api && boundingBox) {
       var top = boundingBox.top,
@@ -266,16 +269,35 @@ var Map = function Map(props) {
       }, zoomAnimation);
     }
   }, [boundingBox]);
+
+  // Update Zoom from outside
   (0, _react.useEffect)(function () {
     if (api && zoom) {
       api.map.setZoom(zoom, zoomAnimation);
     }
   }, [zoom]);
+
+  // Update Lat & Lng from outside
   (0, _react.useEffect)(function () {
     if (api && center) {
       api.map.setCenter(center, zoomAnimation);
     }
   }, [center]);
+
+  // Update MapType from outside
+  (0, _react.useEffect)(function () {
+    return setBaseLayer(mapType);
+  }, [mapType]);
+
+  // Update MapLayer from outside
+  (0, _react.useEffect)(function () {
+    return setActiveLayers(mapLayer);
+  }, [mapLayer]);
+
+  // Update Cluster setting from outside
+  (0, _react.useEffect)(function () {
+    return setShowCluster(externalShowCluster);
+  }, [externalShowCluster]);
   var handleMapTypeChange = function handleMapTypeChange(newMapType) {
     setBaseLayer(newMapType);
     onMapTypeChange(newMapType, mapType);
@@ -357,6 +379,7 @@ var Map = function Map(props) {
     return getLayer(api, layer, language);
   }, activeLayers), renderChildren()));
 };
+;
 Map.TYPE_DEFAULT = _constants.MAP_TYPE_DEFAULT;
 Map.TYPE_FLEET_STYLE = _constants.MAP_TYPE_FLEET_STYLE;
 Map.TYPE_SATELLITE = _constants.MAP_TYPE_SATELLITE;

package/lib/es/components/overlay/OverlayTrigger.js

@@ -13,10 +13,11 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _OverlayTrigger2 = _interopRequireDefault(require("react-bootstrap/OverlayTrigger"));
 var _excluded = ["rootClose"];
+var _OverlayTrigger = _OverlayTrigger2["default"]["default"] ? _OverlayTrigger2["default"]["default"] : _OverlayTrigger2["default"];
 function OverlayTrigger(props) {
   var rootClose = props.rootClose,
     remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_OverlayTrigger2["default"], (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement(_OverlayTrigger, (0, _extends2["default"])({
     rootClose: rootClose
   }, remainingProps));
 }

package/lib/es/components/rules/RuleConnector.js

@@ -0,0 +1,84 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _excluded = ["placement", "icon", "hidden", "background", "pageBackground", "contentClassName", "hasBorder", "borderColor", "className", "children"];
+var getBorderColorFromBg = function getBorderColorFromBg(bg) {
+  return bg.replace('bg', 'border-color');
+};
+var RuleConnector = function RuleConnector(props) {
+  var placement = props.placement,
+    icon = props.icon,
+    hidden = props.hidden,
+    background = props.background,
+    pageBackground = props.pageBackground,
+    contentClassName = props.contentClassName,
+    hasBorder = props.hasBorder,
+    borderColor = props.borderColor,
+    className = props.className,
+    children = props.children,
+    remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  var wrapperClassNames = (0, _classnames["default"])('RuleConnector', 'height-20', 'display-flex', "justify-content-".concat(placement), 'align-items-center', 'position-relative', hidden && 'opacity-0', className);
+  var commonRoundedClasses = (0, _classnames["default"])('width-20', 'height-20', 'rounded-circle', 'position-relative', 'z-index-2', 'box-sizing-content-box');
+  var commonRoundedBorderClippingClasses = (0, _classnames["default"])('position-relative', 'width-20', 'height-20');
+  var leftRoundedBox = (0, _classnames["default"])('margin-right--10', commonRoundedClasses, pageBackground, hasBorder && "border ".concat(borderColor));
+  var leftRoundedBoxBorderClipping = (0, _classnames["default"])('right-50pct', commonRoundedBorderClippingClasses, pageBackground);
+  var contentWrapperClassNames = (0, _classnames["default"])('padding-left-20 padding-right-20', 'z-index-1', background, hasBorder && "border ".concat(getBorderColorFromBg(background)));
+  var rightRoundedBox = (0, _classnames["default"])('margin-left--10', commonRoundedClasses, pageBackground, hasBorder && "border ".concat(borderColor));
+  var rightRoundedBoxBorderClipping = (0, _classnames["default"])('left-50pct', commonRoundedBorderClippingClasses, pageBackground);
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    "data-testid": "ruleConnector"
+  }, remainingProps, {
+    className: wrapperClassNames
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: leftRoundedBox
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: leftRoundedBoxBorderClipping
+  })), /*#__PURE__*/_react["default"].createElement("span", {
+    className: contentWrapperClassNames
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: contentClassName
+  }, children ? children : /*#__PURE__*/_react["default"].createElement("span", {
+    className: "rioglyph ".concat(icon),
+    "data-testid": "ruleConnectorIcon"
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: rightRoundedBox
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: rightRoundedBoxBorderClipping
+  })));
+};
+RuleConnector.START = 'start';
+RuleConnector.CENTER = 'center';
+RuleConnector.END = 'end';
+RuleConnector.defaultProps = {
+  placement: 'center',
+  icon: 'rioglyph-plus',
+  hidden: false,
+  background: 'bg-lightest',
+  pageBackground: 'bg-white',
+  contentClassName: 'text-color-light',
+  hasBorder: false,
+  borderColor: '',
+  className: ''
+};
+RuleConnector.propTypes = {
+  placement: _propTypes["default"].oneOf([RuleConnector.START, RuleConnector.CENTER, RuleConnector.END]),
+  icon: _propTypes["default"].string,
+  hidden: _propTypes["default"].bool,
+  background: _propTypes["default"].string,
+  pageBackground: _propTypes["default"].string,
+  contentClassName: _propTypes["default"].string,
+  hasBorder: _propTypes["default"].bool,
+  borderColor: _propTypes["default"].string,
+  className: _propTypes["default"].string
+};
+var _default = RuleConnector;
+exports["default"] = _default;