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

package/components/rules/RuleContainer.js

@@ -0,0 +1,68 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["show", "unchecked", "background", "borderColor", "hideConnector", "customConnector", "className", "children"];
+import React from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { AnimatePresence, motion } from 'framer-motion';
+import RuleConnector from './RuleConnector';
+var RuleContainer = function RuleContainer(props) {
+  var show = props.show,
+    unchecked = props.unchecked,
+    background = props.background,
+    borderColor = props.borderColor,
+    hideConnector = props.hideConnector,
+    customConnector = props.customConnector,
+    className = props.className,
+    children = props.children,
+    remainingProps = _objectWithoutProperties(props, _excluded);
+  if (!show) {
+    return null;
+  }
+  var boxClassNames = classNames('RuleContainerBox', 'position-relative', 'rounded padding-20', background, unchecked && "border border-width border-style-dashed ".concat(borderColor), className);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: "RuleContainer"
+  }, remainingProps), /*#__PURE__*/React.createElement("div", {
+    className: boxClassNames,
+    "data-testid": "ruleContainerBox"
+  }, /*#__PURE__*/React.createElement(AnimatePresence, {
+    exitBeforeEnter: true
+  }, React.Children.map(children, function (child) {
+    var _child$type;
+    // In case there are multiple children of RuleContainer, use the
+    // type name or the type itself as a key to animate between the two children
+    return /*#__PURE__*/React.createElement(motion.div, {
+      key: ((_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.name) || child.type,
+      initial: {
+        opacity: 0
+      },
+      animate: {
+        opacity: 1
+      },
+      exit: {
+        opacity: 0
+      }
+      // transition={{ delay: 1, duration: 2 }}
+    }, child);
+  }))), customConnector ? customConnector : /*#__PURE__*/React.createElement(RuleConnector, {
+    hidden: unchecked || hideConnector
+  }));
+};
+RuleContainer.defaultProps = {
+  show: true,
+  unchecked: false,
+  background: 'bg-lightest',
+  borderColor: '',
+  hideConnector: false,
+  className: ''
+};
+RuleContainer.propTypes = {
+  show: PropTypes.bool,
+  unchecked: PropTypes.bool,
+  background: PropTypes.string,
+  borderColor: PropTypes.string,
+  hideConnector: PropTypes.bool,
+  customConnector: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+  className: PropTypes.string
+};
+export default RuleContainer;

package/components/rules/RulesWrapper.js

@@ -0,0 +1,17 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children"];
+import React from 'react';
+import { AnimatePresence, motion } from 'framer-motion';
+var RuleWrapper = function RuleWrapper(_ref) {
+  var children = _ref.children,
+    remainigProps = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(motion.div, _extends({
+    initial: false,
+    layout: true
+  }, remainigProps), /*#__PURE__*/React.createElement(AnimatePresence, null, /*#__PURE__*/React.createElement(motion.div, {
+    layout: "position"
+  }, children)));
+};
+RuleWrapper.defaultProps = {};
+export default RuleWrapper;

package/components/selects/BaseDropdownMenu.js

@@ -101,33 +101,43 @@ export var BaseDropdownMenu = /*#__PURE__*/function (_Component) {
     value: function handleKeydown(event) {
       switch (event.keyCode) {
         case 27:
-          // close on esc key or on tab
-          this.closeMenu();
-          break;
+          {
+            // close on esc key or on tab
+            this.closeMenu();
+            break;
+          }
         case 9:
-          // close on tab
-          this.closeMenu();
-          break;
+          {
+            // close on tab
+            this.closeMenu();
+            break;
+          }
         case 13:
-          // select on enter
-          this.selectOptionOnEnter(event);
-          break;
+          {
+            // select on enter
+            this.selectOptionOnEnter(event);
+            break;
+          }
         case 38:
-          // prevent scrolling the page when dropdown menu is open
-          event.preventDefault();
+          {
+            // prevent scrolling the page when dropdown menu is open
+            event.preventDefault();
 
-          // select above on arrow up key
-          this.focusOption(UP);
-          scrollItemIntoView(UP, this.getDropdownDOMNode(), this.getFocusedOptionNode());
-          break;
+            // select above on arrow up key
+            this.focusOption(UP);
+            scrollItemIntoView(UP, this.getDropdownDOMNode(), this.getFocusedOptionNode());
+            break;
+          }
         case 40:
-          // prevent scrolling the page when dropdown menu is open
-          event.preventDefault();
+          {
+            // prevent scrolling the page when dropdown menu is open
+            event.preventDefault();
 
-          // select below on arrow down key
-          this.focusOption(DOWN);
-          scrollItemIntoView(DOWN, this.getDropdownDOMNode(), this.getFocusedOptionNode());
-          break;
+            // select below on arrow down key
+            this.focusOption(DOWN);
+            scrollItemIntoView(DOWN, this.getDropdownDOMNode(), this.getFocusedOptionNode());
+            break;
+          }
         default:
           break;
       }
@@ -139,11 +149,15 @@ export var BaseDropdownMenu = /*#__PURE__*/function (_Component) {
       var focusedItemIndex = this.state.focusedItemIndex;
       switch (direction) {
         case UP:
-          nextFocusedItem = focusedItemIndex === 0 ? focusedItemIndex : focusedItemIndex - 1;
-          break;
+          {
+            nextFocusedItem = focusedItemIndex === 0 ? focusedItemIndex : focusedItemIndex - 1;
+            break;
+          }
         case DOWN:
-          nextFocusedItem = focusedItemIndex === this.props.options.length - 1 ? focusedItemIndex : focusedItemIndex + 1;
-          break;
+          {
+            nextFocusedItem = focusedItemIndex === this.props.options.length - 1 ? focusedItemIndex : focusedItemIndex + 1;
+            break;
+          }
         default:
           break;
       }
@@ -332,7 +346,7 @@ BaseDropdownMenu.defaultProps = {
   onSelect: function onSelect() {},
   onClose: function onClose() {},
   options: [],
-  autoDropDirection: true,
+  autoDropDirection: false,
   pullRight: false,
   useActiveClass: false,
   keyboardUsed: false,

package/components/selects/Multiselect.js

@@ -12,7 +12,11 @@ import ReactDOM from 'react-dom';
 import onClickOutside from 'react-onclickoutside';
 import classname from 'classnames';
 import isEqual from 'lodash/fp/isEqual';
+import logDeprecatedWarnings from '../../utils/logDeprecatedWarnings';
 import { BaseDropdownMenu } from './BaseDropdownMenu';
+var warningProps = [{
+  prop: 'autoDropDirection'
+}];
 export var Multiselect = /*#__PURE__*/function (_Component) {
   _inherits(Multiselect, _Component);
   var _super = _createSuper(Multiselect);
@@ -207,6 +211,7 @@ export var Multiselect = /*#__PURE__*/function (_Component) {
         placeholder = _this$props4.placeholder,
         counterMessage = _this$props4.counterMessage,
         renderCounterMessage = _this$props4.renderCounterMessage;
+      logDeprecatedWarnings(warningProps, this.props, 'Multiselect');
       var classnames = classname('dropdown-toggle', 'form-control', 'text-left', bsSize === 'large' && 'input-lg',
       // TODO: deprecte since it's not consistent
       bsSize === 'small' && 'input-sm',
@@ -240,7 +245,6 @@ export var Multiselect = /*#__PURE__*/function (_Component) {
       var _this6 = this;
       var _this$props5 = this.props,
         pullRight = _this$props5.pullRight,
-        autoDropDirection = _this$props5.autoDropDirection,
         noItemMessage = _this$props5.noItemMessage;
       var options = this.state.filteredOptions.map(function (option) {
         option.selected = _this6.state.selectedItems.indexOf(option.id) !== -1;
@@ -255,7 +259,6 @@ export var Multiselect = /*#__PURE__*/function (_Component) {
         onSelect: this.onOptionChange,
         onClose: this.closeMenu,
         noItemMessage: noItemMessage,
-        autoDropDirection: autoDropDirection,
         pullRight: pullRight,
         useActiveClass: true
       });
@@ -436,7 +439,6 @@ Multiselect.defaultProps = {
   options: [],
   selectedItems: [],
   disabled: false,
-  autoDropDirection: true,
   pullRight: false,
   hasError: false,
   useFilter: false,

package/components/selects/Select.js

@@ -13,12 +13,16 @@ import onClickOutside from 'react-onclickoutside';
 import classNames from 'classnames';
 import isEqual from 'lodash/fp/isEqual';
 import logPropError from '../../utils/logPropError';
+import logDeprecatedWarnings from '../../utils/logDeprecatedWarnings';
 import isNil from 'lodash/fp/isNil';
 import { BaseDropdownMenu } from './BaseDropdownMenu';
 var errorProps = [{
   prop: 'toggleButtonLabel',
   replacement: 'selectedOptionText'
 }];
+var warningProps = [{
+  prop: 'autoDropDirection'
+}];
 var DEFAULT_FOCUSED_ITEM_INDEX = -1;
 export var Select = /*#__PURE__*/function (_Component) {
   _inherits(Select, _Component);
@@ -104,8 +108,8 @@ export var Select = /*#__PURE__*/function (_Component) {
       var _this2 = this;
       var _this$props = this.props,
         className = _this$props.className,
-        hasError = _this$props.hasError;
-      var dropup = this.isAutoDropActive() ? this.state.dropup : this.props.dropup;
+        hasError = _this$props.hasError,
+        dropup = _this$props.dropup;
       var classes = classNames('select', dropup && 'dropup', 'dropdown', hasError && 'has-error', this.state.isOpen && 'open', className && className);
       return /*#__PURE__*/React.createElement("div", {
         className: classes,
@@ -185,6 +189,7 @@ export var Select = /*#__PURE__*/function (_Component) {
         id = _this$props3$id === void 0 ? name : _this$props3$id,
         selectedOptionText = _this$props3.selectedOptionText;
       logPropError(errorProps, this.props, 'Select');
+      logDeprecatedWarnings(warningProps, this.props, 'Select');
       var _this$state = this.state,
         isOpen = _this$state.isOpen,
         selectedItem = _this$state.selectedItem;
@@ -223,7 +228,6 @@ export var Select = /*#__PURE__*/function (_Component) {
 
       var _this$props4 = this.props,
         pullRight = _this$props4.pullRight,
-        autoDropDirection = _this$props4.autoDropDirection,
         noItemMessage = _this$props4.noItemMessage,
         dropdownClassName = _this$props4.dropdownClassName;
 
@@ -250,7 +254,6 @@ export var Select = /*#__PURE__*/function (_Component) {
         onSelect: this.onOptionChange,
         onClose: this.closeMenu,
         noItemMessage: noItemMessage,
-        autoDropDirection: autoDropDirection,
         pullRight: pullRight,
         dropdownClassName: dropdownClassName,
         requestItemDOMValues: this.state.requestItemDOMValues
@@ -389,7 +392,6 @@ Select.defaultProps = {
   onChange: function onChange() {},
   options: [],
   disabled: false,
-  autoDropDirection: true,
   pullRight: false,
   dropup: false,
   hasError: false,

package/framer-motion.d.ts

@@ -0,0 +1 @@
+export * from 'framer-motion';

package/index.d.ts

@@ -74,6 +74,9 @@ declare module '@rio-cloud/rio-uikit' {
         ReleaseNotesDialogProps,
         ResizerProps,
         ResponsiveVideoProps,
+        RulesWrapperProps,
+        RuleContainerProps,
+        RuleConnectorProps,
         SaveDialogProps,
         SelectProps,
         SidebarProps,
@@ -201,6 +204,9 @@ declare module '@rio-cloud/rio-uikit' {
     export class ReleaseNotesDialog extends React.Component<ReleaseNotesDialogProps> {}
     export class Resizer extends React.Component<ResizerProps> {}
     export class ResponsiveVideo extends React.Component<ResponsiveVideoProps> {}
+    export class RulesWrapper extends React.Component<RulesWrapperProps> {}
+    export class RuleContainer extends React.Component<RuleContainerProps> {}
+    export class RuleConnector extends React.Component<RuleConnectorProps> {}
     export class SaveDialog extends React.Component<SaveDialogProps> {}
     export class Select extends React.Component<SelectProps> {}
     export class Sidebar extends React.Component<SidebarProps> {}
@@ -261,5 +267,5 @@ declare module '@rio-cloud/rio-uikit' {
         ResizerPosition,
         SortDirection,
         TableViewTogglesValues,
-    }
+    };
 }

package/index.js

@@ -205,6 +205,12 @@ import { default as _BrowserWarning } from './components/browserWarning/BrowserW
 export { _BrowserWarning as BrowserWarning };
 import { default as _Pager } from './components/pager/Pager';
 export { _Pager as Pager };
+import { default as _RuleConnector } from './components/rules/RuleConnector';
+export { _RuleConnector as RuleConnector };
+import { default as _RuleContainer } from './components/rules/RuleContainer';
+export { _RuleContainer as RuleContainer };
+import { default as _RulesWrapper } from './components/rules/RulesWrapper';
+export { _RulesWrapper as RulesWrapper };
 import { toggleSupportMarker as _toggleSupportMarker, enableSupportMarker as _enableSupportMarker, SUPPORT_MARKER_CLASS as _SUPPORT_MARKER_CLASS } from './components/supportMarker/toggleSupportMarker';
 export { _toggleSupportMarker as toggleSupportMarker, _enableSupportMarker as enableSupportMarker, _SUPPORT_MARKER_CLASS as SUPPORT_MARKER_CLASS };
 import { default as _Carousel } from './components/carousel/Carousel';

package/lib/es/AutoSuggest.d.ts

@@ -1,5 +1,6 @@
-declare module '@rio-cloud/rio-uikit/lib/es/AutoSuggest' {
-    import React from 'react';
-    import { AutoSuggestProps } from './types';
-    export default class AutoSuggest extends React.Component<AutoSuggestProps> {}
-}
+import React from 'react';
+import { AutoSuggestProps } from './types';
+
+export { AutoSuggestInputProps } from './types';
+export { AutoSuggestSuggestion } from './types';
+export default class AutoSuggest extends React.Component<AutoSuggestProps> {}

package/lib/es/Bar.d.ts

@@ -1,5 +1,8 @@
 declare module '@rio-cloud/rio-uikit/lib/es/Bar' {
     import React from 'react';
     import { Bar as BarProps } from './types';
-    export default class Bar extends React.Component<BarProps> {}
+    export default class Bar extends React.Component<BarProps> {
+        static HORIZONTAL = 'horizontal';
+        static VERTICAL = 'vertical';
+    }
 }

package/lib/es/Button.d.ts

@@ -1,5 +1,27 @@
 declare module '@rio-cloud/rio-uikit/lib/es/Button' {
     import React from 'react';
     import { ButtonProps } from './types';
-    export default class Button extends React.Component<ButtonProps> {}
+    export default class Button extends React.Component<ButtonProps> {
+        // Button styles
+        static DEFAULT = 'default';
+        static PRIMARY = 'primary';
+        static SECONDARY = 'secondary';
+        static INFO = 'info';
+        static WARNING = 'warning';
+        static DANGER = 'danger';
+        static SUCCESS = 'success';
+        static MUTED = 'muted';
+
+        // Button Type
+        static VARIANT_LINK = 'link';
+        static VARIANT_LINK_INLINE = 'link-inline';
+        static VARIANT_OUTLINE = 'outline';
+        static VARIANT_ACTION = 'action';
+
+        // Button Size
+        static XS = 'xs';
+        static SM = 'sm';
+        static MD = 'md';
+        static LG = 'lg';
+    }
 }

package/lib/es/Carousel.d.ts

@@ -5,5 +5,7 @@ declare module '@rio-cloud/rio-uikit/lib/es/Carousel' {
     export default class Carousel extends React.Component<CarouselProps> {
         static Item: React.ComponentClass<CarouselItemProps>;
         static Caption: React.ComponentClass<any>;
+        static PREV = 'prev';
+        static NEXT = 'next';
     }
 }

package/lib/es/ConfirmationDialog.d.ts

@@ -1,5 +1,12 @@
 declare module '@rio-cloud/rio-uikit/lib/es/ConfirmationDialog' {
     import React from 'react';
     import { ConfirmationDialogProps } from './types';
-    export default class ConfirmationDialog extends React.Component<ConfirmationDialogProps> {}
+    export default class ConfirmationDialog extends React.Component<ConfirmationDialogProps> {
+        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/ContentLoader.d.ts

@@ -1,5 +1,8 @@
 declare module '@rio-cloud/rio-uikit/lib/es/ContentLoader' {
     import React from 'react';
     import { ContentLoaderProps } from './types';
-    export default class ContentLoader extends React.Component<ContentLoaderProps> {}
+    export default class ContentLoader extends React.Component<ContentLoaderProps> {
+        static RECT = 'rect';
+        static CIRCLE = 'circle';
+    }
 }

package/lib/es/ExpanderList.d.ts

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

package/lib/es/Fade.d.ts

@@ -1,5 +1,14 @@
 declare module '@rio-cloud/rio-uikit/lib/es/Fade' {
     import React from 'react';
     import { FadeProps } from './types';
-    export default class Fade extends React.Component<FadeProps> {}
+    export default class Fade extends React.Component<FadeProps> {
+        static FADE = 'fade';
+        static FROM_LEFT = 'fromLeft';
+        static FROM_RIGHT = 'fromRight';
+        static FROM_TOP = 'fromTop';
+        static FROM_BOTTOM = 'fromBottom';
+        static TABS = 'tabs';
+        static PAGE = 'page';
+        static PAGE_BACK = 'pageBack';
+    }
 }

package/lib/es/FilePicker.d.ts

@@ -1,5 +1,9 @@
 declare module '@rio-cloud/rio-uikit/lib/es/FilePicker' {
     import React from 'react';
     import { FilePickerProps } from './types';
-    export default class FilePicker extends React.Component<FilePickerProps> {}
+    export default class FilePicker extends React.Component<FilePickerProps> {
+        static DISPLAY_MODE_BUTTON = 'button';
+        static DISPLAY_MODE_DROPZONE = 'dropzone';
+        static DISPLAY_MODE_FULL = 'full';
+    }
 }

package/lib/es/ListMenu.d.ts

@@ -1,5 +1,6 @@
-declare module '@rio-cloud/rio-uikit/lib/es/ListMenu' {
-    import React from 'react';
-    import { ListMenuProps } from './types';
-    export default class ListMenu extends React.Component<ListMenuProps> {}
-}
+import React from 'react';
+import { ListMenuProps } from './types';
+
+export { ListMenuItem } from './types';
+export { NavItem } from './types';
+export default class ListMenu extends React.Component<ListMenuProps> {}

package/lib/es/Map.d.ts

@@ -1,8 +1,11 @@
-declare module '@rio-cloud/rio-uikit/lib/es/Map' {
-    import React from 'react';
-    import { MapProps } from './types';
-    export default class Map extends React.Component<MapProps> {
-        static TYPE_TERRAIN: string;
-        static TYPE_DEFAULT: string;
-    }
+import React from 'react';
+import { MapProps } from './types';
+
+export { BoundingBox } from './types';
+
+export default class Map extends React.Component<MapProps> {
+    static TYPE_DEFAULT = 'DEFAULT';
+    static TYPE_FLEET_STYLE = 'FLEET_STYLE';
+    static TYPE_SATELLITE = 'SATELLITE';
+    static TYPE_TERRAIN = 'TERRAIN';
 }

package/lib/es/MediaDialog.d.ts

@@ -1,5 +1,9 @@
-declare module '@rio-cloud/rio-uikit/lib/es/MediaDialog' {
-    import React from 'react';
-    import { MediaDialogProps } from './types';
-    export default class MediaDialog extends React.Component<MediaDialogProps> {}
+import React from 'react';
+import { MediaDialogProps } from './types';
+
+export { MediaDialogMedia } from './types';
+
+export default class MediaDialog extends React.Component<MediaDialogProps> {
+    static MEDIA_TYPE_IMAGE = 'image';
+    static MEDIA_TYPE_VIDEO = 'video';
 }

package/lib/es/MenuItem.d.ts

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

package/lib/es/Multiselect.d.ts

@@ -1,5 +1,12 @@
-declare module '@rio-cloud/rio-uikit/lib/es/Multiselect' {
-    import React from 'react';
-    import { MultiselectProps } from './types';
-    export default class Multiselect extends React.Component<MultiselectProps> {}
+import React from 'react';
+import { MultiselectProps } from './types';
+
+export { MultiselectOption } from './types';
+export { MultiselectCounterMessage } from './types';
+
+export default class Multiselect extends React.Component<MultiselectProps> {
+    static SIZE_SM = 'sm';
+    static SIZE_LG = 'lg';
+    static SIZE_SMALL = 'small';
+    static SIZE_LARGE = 'large';
 }

package/lib/es/NumberControl.d.ts

@@ -1,5 +1,8 @@
 declare module '@rio-cloud/rio-uikit/lib/es/NumberControl' {
     import React from 'react';
     import { NumberControlProps } from './types';
-    export default class NumberControl extends React.Component<NumberControlProps> {}
+    export default class NumberControl extends React.Component<NumberControlProps> {
+        static SIZE_SM = 'sm';
+        static SIZE_LG = 'lg';
+    }
 }

package/lib/es/NumberInput.d.ts

@@ -1,5 +1,8 @@
 declare module '@rio-cloud/rio-uikit/lib/es/NumberInput' {
     import React from 'react';
     import { NumberInputProps } from './types';
-    export default class NumberInput extends React.Component<NumberInputProps> {}
+    export default class NumberInput extends React.Component<NumberInputProps> {
+        static SIZE_SM = 'sm';
+        static SIZE_LG = 'lg';
+    }
 }

package/lib/es/OnboardingTip.d.ts

@@ -1,5 +1,30 @@
 declare module '@rio-cloud/rio-uikit/lib/es/OnboardingTip' {
     import React from 'react';
     import { OnboardingTipProps } from './types';
-    export default class OnboardingTip extends React.Component<OnboardingTipProps> {}
+
+    export default class OnboardingTip extends React.Component<OnboardingTipProps> {
+        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/OverlayTrigger.d.ts

@@ -1,5 +1,29 @@
 declare module '@rio-cloud/rio-uikit/lib/es/OverlayTrigger' {
     import React from 'react';
     import { OverlayTriggerProps } from './types';
-    export default class OverlayTrigger extends React.Component<OverlayTriggerProps> {}
+    export default class OverlayTrigger extends React.Component<OverlayTriggerProps> {
+        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/Popover.d.ts

@@ -1,5 +1,11 @@
 declare module '@rio-cloud/rio-uikit/lib/es/Popover' {
     import React from 'react';
     import { PopoverProps } from './types';
-    export default class Popover extends React.Component<PopoverProps> {}
+    export default class Popover extends React.Component<PopoverProps> {
+        static AUTO = 'auto';
+        static TOP = 'top';
+        static BOTTOM = 'bottom';
+        static RIGHT = 'right';
+        static LEFT = 'left';
+    }
 }

package/lib/es/Resizer.d.ts

@@ -1,5 +1,13 @@
 declare module '@rio-cloud/rio-uikit/lib/es/Resizer' {
     import React from 'react';
     import { ResizerProps } from './types';
-    export default class Resizer extends React.Component<ResizerProps> {}
+    export default class Resizer extends React.Component<ResizerProps> {
+        static HORIZONTAL = 'x';
+        static VERTICAL = 'y';
+
+        static LEFT = 'left';
+        static RIGHT = 'right';
+        static TOP = 'top';
+        static BOTTOM = 'bottom';
+    }
 }