@rio-cloud/rio-uikit 0.15.0-beta-49 → 0.16.0-beta-1

package/README.md

@@ -6,202 +6,246 @@ The documentation and how to integrate the UIKIT in your project can be found he
 
 ## Release
 
-Starting with version 0.12.8, all versions of the uikit will be available under https://uikit.developers.rio.cloud/${VERSION}.
+Starting with version `0.12.8`, all versions of the uikit will be available under https://uikit.developers.rio.cloud/${VERSION}/.
 
-Changes made without incrementing the version number will not be published under the new version number, but the latest
-"in development" state will be available under https://uikit.developers.rio.cloud/latest
+Starting with verion `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/.
+
+When releasing a new version:
+
+1. Create new `release/${VERSION}` branch and trigger pipeline with a commit
+2. After the new uikit-demo is published, update `versionsList.json` in `master` branch.
 
 ## Development
+
 To run the UIKIT and the UIKIT Demo locally for development, use:
 
 ```bash
 $ npm install && cd uikit-demo/ && npm i && npm start
 ```
+
 The UIKIT demo is accessable at http://localhost:8090.
 
+## Versions List
+
+We introduced a versions list containing all the versions for which a uikit-demo exists. It looks as follows.
+
+```json
+{
+    "latest_release": "0.15.1",
+    "versions": [
+        {
+            "id": "0.16.0",
+            "label": "v0.16.0",
+            "path": "latest/",
+            "url": "https://uikit.developers.rio.cloud/latest/",
+            "tag": "Beta"
+        },
+        {
+            "id": "0.15.1",
+            "label": "v0.15.1",
+            "path": "0.15.1/",
+            "url": "https://uikit.developers.rio.cloud/0.15.1/"
+        },
+        {
+            "id": "0.15.0",
+            "label": "v0.15.0",
+            "path": "0.15.0/",
+            "url": "https://uikit.developers.rio.cloud/0.15.0/"
+        },
+        {
+            "id": "0.14.6",
+            "label": "v0.14.6",
+            "path": "0.14.6/",
+            "url": "https://uikit.developers.rio.cloud/0.14.6/"
+        }
+    ]
+}
+```
+
 ## License
 
 RIO UIKIT is licensed under the Apache 2.0 license.
 
-
                                  Apache License
                            Version 2.0, January 2004
                         http://www.apache.org/licenses/
 
-   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
-
-   1. Definitions.
-
-      "License" shall mean the terms and conditions for use, reproduction,
-      and distribution as defined by Sections 1 through 9 of this document.
-
-      "Licensor" shall mean the copyright owner or entity authorized by
-      the copyright owner that is granting the License.
-
-      "Legal Entity" shall mean the union of the acting entity and all
-      other entities that control, are controlled by, or are under common
-      control with that entity. For the purposes of this definition,
-      "control" means (i) the power, direct or indirect, to cause the
-      direction or management of such entity, whether by contract or
-      otherwise, or (ii) ownership of fifty percent (50%) or more of the
-      outstanding shares, or (iii) beneficial ownership of such entity.
-
-      "You" (or "Your") shall mean an individual or Legal Entity
-      exercising permissions granted by this License.
-
-      "Source" form shall mean the preferred form for making modifications,
-      including but not limited to software source code, documentation
-      source, and configuration files.
-
-      "Object" form shall mean any form resulting from mechanical
-      transformation or translation of a Source form, including but
-      not limited to compiled object code, generated documentation,
-      and conversions to other media types.
-
-      "Work" shall mean the work of authorship, whether in Source or
-      Object form, made available under the License, as indicated by a
-      copyright notice that is included in or attached to the work
-      (an example is provided in the Appendix below).
-
-      "Derivative Works" shall mean any work, whether in Source or Object
-      form, that is based on (or derived from) the Work and for which the
-      editorial revisions, annotations, elaborations, or other modifications
-      represent, as a whole, an original work of authorship. For the purposes
-      of this License, Derivative Works shall not include works that remain
-      separable from, or merely link (or bind by name) to the interfaces of,
-      the Work and Derivative Works thereof.
-
-      "Contribution" shall mean any work of authorship, including
-      the original version of the Work and any modifications or additions
-      to that Work or Derivative Works thereof, that is intentionally
-      submitted to Licensor for inclusion in the Work by the copyright owner
-      or by an individual or Legal Entity authorized to submit on behalf of
-      the copyright owner. For the purposes of this definition, "submitted"
-      means any form of electronic, verbal, or written communication sent
-      to the Licensor or its representatives, including but not limited to
-      communication on electronic mailing lists, source code control systems,
-      and issue tracking systems that are managed by, or on behalf of, the
-      Licensor for the purpose of discussing and improving the Work, but
-      excluding communication that is conspicuously marked or otherwise
-      designated in writing by the copyright owner as "Not a Contribution."
-
-      "Contributor" shall mean Licensor and any individual or Legal Entity
-      on behalf of whom a Contribution has been received by Licensor and
-      subsequently incorporated within the Work.
-
-   2. Grant of Copyright License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      copyright license to reproduce, prepare Derivative Works of,
-      publicly display, publicly perform, sublicense, and distribute the
-      Work and such Derivative Works in Source or Object form.
-
-   3. Grant of Patent License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      (except as stated in this section) patent license to make, have made,
-      use, offer to sell, sell, import, and otherwise transfer the Work,
-      where such license applies only to those patent claims licensable
-      by such Contributor that are necessarily infringed by their
-      Contribution(s) alone or by combination of their Contribution(s)
-      with the Work to which such Contribution(s) was submitted. If You
-      institute patent litigation against any entity (including a
-      cross-claim or counterclaim in a lawsuit) alleging that the Work
-      or a Contribution incorporated within the Work constitutes direct
-      or contributory patent infringement, then any patent licenses
-      granted to You under this License for that Work shall terminate
-      as of the date such litigation is filed.
-
-   4. Redistribution. You may reproduce and distribute copies of the
-      Work or Derivative Works thereof in any medium, with or without
-      modifications, and in Source or Object form, provided that You
-      meet the following conditions:
-
-      (a) You must give any other recipients of the Work or
-          Derivative Works a copy of this License; and
-
-      (b) You must cause any modified files to carry prominent notices
-          stating that You changed the files; and
-
-      (c) You must retain, in the Source form of any Derivative Works
-          that You distribute, all copyright, patent, trademark, and
-          attribution notices from the Source form of the Work,
-          excluding those notices that do not pertain to any part of
-          the Derivative Works; and
-
-      (d) If the Work includes a "NOTICE" text file as part of its
-          distribution, then any Derivative Works that You distribute must
-          include a readable copy of the attribution notices contained
-          within such NOTICE file, excluding those notices that do not
-          pertain to any part of the Derivative Works, in at least one
-          of the following places: within a NOTICE text file distributed
-          as part of the Derivative Works; within the Source form or
-          documentation, if provided along with the Derivative Works; or,
-          within a display generated by the Derivative Works, if and
-          wherever such third-party notices normally appear. The contents
-          of the NOTICE file are for informational purposes only and
-          do not modify the License. You may add Your own attribution
-          notices within Derivative Works that You distribute, alongside
-          or as an addendum to the NOTICE text from the Work, provided
-          that such additional attribution notices cannot be construed
-          as modifying the License.
-
-      You may add Your own copyright statement to Your modifications and
-      may provide additional or different license terms and conditions
-      for use, reproduction, or distribution of Your modifications, or
-      for any such Derivative Works as a whole, provided Your use,
-      reproduction, and distribution of the Work otherwise complies with
-      the conditions stated in this License.
-
-   5. Submission of Contributions. Unless You explicitly state otherwise,
-      any Contribution intentionally submitted for inclusion in the Work
-      by You to the Licensor shall be under the terms and conditions of
-      this License, without any additional terms or conditions.
-      Notwithstanding the above, nothing herein shall supersede or modify
-      the terms of any separate license agreement you may have executed
-      with Licensor regarding such Contributions.
-
-   6. Trademarks. This License does not grant permission to use the trade
-      names, trademarks, service marks, or product names of the Licensor,
-      except as required for reasonable and customary use in describing the
-      origin of the Work and reproducing the content of the NOTICE file.
-
-   7. Disclaimer of Warranty. Unless required by applicable law or
-      agreed to in writing, Licensor provides the Work (and each
-      Contributor provides its Contributions) on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
-      implied, including, without limitation, any warranties or conditions
-      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
-      PARTICULAR PURPOSE. You are solely responsible for determining the
-      appropriateness of using or redistributing the Work and assume any
-      risks associated with Your exercise of permissions under this License.
-
-   8. Limitation of Liability. In no event and under no legal theory,
-      whether in tort (including negligence), contract, or otherwise,
-      unless required by applicable law (such as deliberate and grossly
-      negligent acts) or agreed to in writing, shall any Contributor be
-      liable to You for damages, including any direct, indirect, special,
-      incidental, or consequential damages of any character arising as a
-      result of this License or out of the use or inability to use the
-      Work (including but not limited to damages for loss of goodwill,
-      work stoppage, computer failure or malfunction, or any and all
-      other commercial damages or losses), even if such Contributor
-      has been advised of the possibility of such damages.
-
-   9. Accepting Warranty or Additional Liability. While redistributing
-      the Work or Derivative Works thereof, You may choose to offer,
-      and charge a fee for, acceptance of support, warranty, indemnity,
-      or other liability obligations and/or rights consistent with this
-      License. However, in accepting such obligations, You may act only
-      on Your own behalf and on Your sole responsibility, not on behalf
-      of any other Contributor, and only if You agree to indemnify,
-      defend, and hold each Contributor harmless for any liability
-      incurred by, or claims asserted against, such Contributor by reason
-      of your accepting any such warranty or additional liability.
-
-   END OF TERMS AND CONDITIONS
-
-   APPENDIX: How to apply the Apache License to your work.
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+    "License" shall mean the terms and conditions for use, reproduction,
+    and distribution as defined by Sections 1 through 9 of this document.
+
+    "Licensor" shall mean the copyright owner or entity authorized by
+    the copyright owner that is granting the License.
+
+    "Legal Entity" shall mean the union of the acting entity and all
+    other entities that control, are controlled by, or are under common
+    control with that entity. For the purposes of this definition,
+    "control" means (i) the power, direct or indirect, to cause the
+    direction or management of such entity, whether by contract or
+    otherwise, or (ii) ownership of fifty percent (50%) or more of the
+    outstanding shares, or (iii) beneficial ownership of such entity.
+
+    "You" (or "Your") shall mean an individual or Legal Entity
+    exercising permissions granted by this License.
+
+    "Source" form shall mean the preferred form for making modifications,
+    including but not limited to software source code, documentation
+    source, and configuration files.
+
+    "Object" form shall mean any form resulting from mechanical
+    transformation or translation of a Source form, including but
+    not limited to compiled object code, generated documentation,
+    and conversions to other media types.
+
+    "Work" shall mean the work of authorship, whether in Source or
+    Object form, made available under the License, as indicated by a
+    copyright notice that is included in or attached to the work
+    (an example is provided in the Appendix below).
+
+    "Derivative Works" shall mean any work, whether in Source or Object
+    form, that is based on (or derived from) the Work and for which the
+    editorial revisions, annotations, elaborations, or other modifications
+    represent, as a whole, an original work of authorship. For the purposes
+    of this License, Derivative Works shall not include works that remain
+    separable from, or merely link (or bind by name) to the interfaces of,
+    the Work and Derivative Works thereof.
+
+    "Contribution" shall mean any work of authorship, including
+    the original version of the Work and any modifications or additions
+    to that Work or Derivative Works thereof, that is intentionally
+    submitted to Licensor for inclusion in the Work by the copyright owner
+    or by an individual or Legal Entity authorized to submit on behalf of
+    the copyright owner. For the purposes of this definition, "submitted"
+    means any form of electronic, verbal, or written communication sent
+    to the Licensor or its representatives, including but not limited to
+    communication on electronic mailing lists, source code control systems,
+    and issue tracking systems that are managed by, or on behalf of, the
+    Licensor for the purpose of discussing and improving the Work, but
+    excluding communication that is conspicuously marked or otherwise
+    designated in writing by the copyright owner as "Not a Contribution."
+
+    "Contributor" shall mean Licensor and any individual or Legal Entity
+    on behalf of whom a Contribution has been received by Licensor and
+    subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+   this License, each Contributor hereby grants to You a perpetual,
+   worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+   copyright license to reproduce, prepare Derivative Works of,
+   publicly display, publicly perform, sublicense, and distribute the
+   Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+   this License, each Contributor hereby grants to You a perpetual,
+   worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+   (except as stated in this section) patent license to make, have made,
+   use, offer to sell, sell, import, and otherwise transfer the Work,
+   where such license applies only to those patent claims licensable
+   by such Contributor that are necessarily infringed by their
+   Contribution(s) alone or by combination of their Contribution(s)
+   with the Work to which such Contribution(s) was submitted. If You
+   institute patent litigation against any entity (including a
+   cross-claim or counterclaim in a lawsuit) alleging that the Work
+   or a Contribution incorporated within the Work constitutes direct
+   or contributory patent infringement, then any patent licenses
+   granted to You under this License for that Work shall terminate
+   as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+   Work or Derivative Works thereof in any medium, with or without
+   modifications, and in Source or Object form, provided that You
+   meet the following conditions:
+
+    (a) You must give any other recipients of the Work or
+    Derivative Works a copy of this License; and
+
+    (b) You must cause any modified files to carry prominent notices
+    stating that You changed the files; and
+
+    (c) You must retain, in the Source form of any Derivative Works
+    that You distribute, all copyright, patent, trademark, and
+    attribution notices from the Source form of the Work,
+    excluding those notices that do not pertain to any part of
+    the Derivative Works; and
+
+    (d) If the Work includes a "NOTICE" text file as part of its
+    distribution, then any Derivative Works that You distribute must
+    include a readable copy of the attribution notices contained
+    within such NOTICE file, excluding those notices that do not
+    pertain to any part of the Derivative Works, in at least one
+    of the following places: within a NOTICE text file distributed
+    as part of the Derivative Works; within the Source form or
+    documentation, if provided along with the Derivative Works; or,
+    within a display generated by the Derivative Works, if and
+    wherever such third-party notices normally appear. The contents
+    of the NOTICE file are for informational purposes only and
+    do not modify the License. You may add Your own attribution
+    notices within Derivative Works that You distribute, alongside
+    or as an addendum to the NOTICE text from the Work, provided
+    that such additional attribution notices cannot be construed
+    as modifying the License.
+
+    You may add Your own copyright statement to Your modifications and
+    may provide additional or different license terms and conditions
+    for use, reproduction, or distribution of Your modifications, or
+    for any such Derivative Works as a whole, provided Your use,
+    reproduction, and distribution of the Work otherwise complies with
+    the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+   any Contribution intentionally submitted for inclusion in the Work
+   by You to the Licensor shall be under the terms and conditions of
+   this License, without any additional terms or conditions.
+   Notwithstanding the above, nothing herein shall supersede or modify
+   the terms of any separate license agreement you may have executed
+   with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+   names, trademarks, service marks, or product names of the Licensor,
+   except as required for reasonable and customary use in describing the
+   origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+   agreed to in writing, Licensor provides the Work (and each
+   Contributor provides its Contributions) on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+   implied, including, without limitation, any warranties or conditions
+   of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+   PARTICULAR PURPOSE. You are solely responsible for determining the
+   appropriateness of using or redistributing the Work and assume any
+   risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+   whether in tort (including negligence), contract, or otherwise,
+   unless required by applicable law (such as deliberate and grossly
+   negligent acts) or agreed to in writing, shall any Contributor be
+   liable to You for damages, including any direct, indirect, special,
+   incidental, or consequential damages of any character arising as a
+   result of this License or out of the use or inability to use the
+   Work (including but not limited to damages for loss of goodwill,
+   work stoppage, computer failure or malfunction, or any and all
+   other commercial damages or losses), even if such Contributor
+   has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+   the Work or Derivative Works thereof, You may choose to offer,
+   and charge a fee for, acceptance of support, warranty, indemnity,
+   or other liability obligations and/or rights consistent with this
+   License. However, in accepting such obligations, You may act only
+   on Your own behalf and on Your sole responsibility, not on behalf
+   of any other Contributor, and only if You agree to indemnify,
+   defend, and hold each Contributor harmless for any liability
+   incurred by, or claims asserted against, such Contributor by reason
+   of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
 
       To apply the Apache License to your work, attach the following
       boilerplate notice, with the fields enclosed by brackets "[]"
@@ -212,16 +256,16 @@ RIO UIKIT is licensed under the Apache 2.0 license.
       same "printed page" as the copyright notice for easier
       identification within third-party archives.
 
-   Copyright 2021 TB Digital Services GmbH
+Copyright 2021 TB Digital Services GmbH
 
-   Licensed under the Apache License, Version 2.0 (the "License");
-   you may not use this file except in compliance with the License.
-   You may obtain a copy of the License at
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
 
        http://www.apache.org/licenses/LICENSE-2.0
 
-   Unless required by applicable law or agreed to in writing, software
-   distributed under the License is distributed on an "AS IS" BASIS,
-   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   See the License for the specific language governing permissions and
-   limitations under the License.
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.

package/lib/components/actionBarItem/ActionBarItem.js

@@ -25,7 +25,7 @@ var _delay = _interopRequireDefault(require("lodash/fp/delay"));
 
 var _ActionBarOverlay = require("./ActionBarOverlay");
 
-var _ActionBarItemPopover = require("./ActionBarItemPopover");
+var _ActionBarItemPopoverContent = require("./ActionBarItemPopoverContent");
 
 var _ActionBarItemIcon = require("./ActionBarItemIcon");
 
@@ -78,7 +78,7 @@ var checkIfSmallResolution = function checkIfSmallResolution() {
 var isActionBarItemPopover = function isActionBarItemPopover(child) {
   var _child$type;
 
-  return ((_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.displayName) === _ActionBarItemPopover.ActionBarItemPopover.displayName;
+  return ((_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.displayName) === _ActionBarItemPopoverContent.ActionBarItemPopoverContent.displayName;
 };
 
 var isActionBarItemIcon = function isActionBarItemIcon(child) {
@@ -215,7 +215,7 @@ var ActionBarItem = /*#__PURE__*/_react.default.memo(function (props) {
     show: isShown || useOffscreen,
     placement: _OverlayTrigger.default.BOTTOM_END,
     overlay: overlay,
-    trigger: 'click',
+    trigger: "click",
     rootClose: false,
     popperConfig: {
       modifiers: [{
@@ -230,7 +230,7 @@ var ActionBarItem = /*#__PURE__*/_react.default.memo(function (props) {
 
 exports.ActionBarItem = ActionBarItem;
 ActionBarItem.Icon = _ActionBarItemIcon.ActionBarItemIcon;
-ActionBarItem.Popover = _ActionBarItemPopover.ActionBarItemPopover;
+ActionBarItem.Popover = _ActionBarItemPopoverContent.ActionBarItemPopoverContent;
 ActionBarItem.List = _ActionBarItemList.ActionBarItemList;
 ActionBarItem.ListItem = _ActionBarItemListItem.ActionBarItemListItem;
 ActionBarItem.ListSeparator = _ActionBarItemListSeparator.ActionBarItemListSeparator;

package/lib/components/actionBarItem/ActionBarItemPopoverContent.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ActionBarItemPopoverContent = 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 _omit = _interopRequireDefault(require("lodash/fp/omit"));
+
+var _excluded = ["className", "children"];
+
+var ActionBarItemPopoverContent = function ActionBarItemPopoverContent(_ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      remainingProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var classes = (0, _classnames.default)('ActionBarItemPopoverContent', className);
+  var filterProps = (0, _omit.default)(['title', 'useOffscreen']);
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, filterProps(remainingProps), {
+    className: classes
+  }), children);
+};
+
+exports.ActionBarItemPopoverContent = ActionBarItemPopoverContent;
+ActionBarItemPopoverContent.displayName = 'ActionBarItemPopoverContent';
+ActionBarItemPopoverContent.propTypes = {
+  title: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.string]),
+  className: _propTypes.default.string,
+  useOffscreen: _propTypes.default.bool
+};
+var _default = ActionBarItemPopoverContent;
+exports.default = _default;

package/lib/components/actionBarItem/ActionBarOverlay.js

@@ -44,6 +44,8 @@ var ActionBarOverlay = /*#__PURE__*/_react.default.forwardRef(function (props, r
   });
 
   var adjustedClassName = preRender && !show ? (0, _classnames.default)(className, 'position-offscreen') : className;
+  var popoverTitleClasses = (0, _classnames.default)('ActionBarItemPopover popover-title text-color-dark', className);
+  var popoverContentClasses = (0, _classnames.default)('ActionBarItemPopover popover-content', className);
   return /*#__PURE__*/_react.default.createElement(_Popover.default, (0, _extends2.default)({
     ref: ref,
     id: id,
@@ -52,9 +54,9 @@ var ActionBarOverlay = /*#__PURE__*/_react.default.forwardRef(function (props, r
     style: adjustedStyles,
     className: adjustedClassName
   }), title && /*#__PURE__*/_react.default.createElement(_Popover.default.Title, {
-    className: "popover-title text-color-dark"
+    className: popoverTitleClasses
   }, title), /*#__PURE__*/_react.default.createElement(_Popover.default.Content, {
-    className: "popover-content"
+    className: popoverContentClasses
   }, children));
 });
 
@@ -68,7 +70,10 @@ ActionBarOverlay.propTypes = {
   title: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.string]),
   preRender: _propTypes.default.bool,
   show: _propTypes.default.bool,
-  width: _propTypes.default.oneOf([100, 150, 200, 250, 300, 350, 400, 450, 500])
+  width: _propTypes.default.oneOf([100, 150, 200, 250, 300, 350, 400, 450, 500]),
+  onClick: _propTypes.default.func,
+  style: _propTypes.default.object,
+  className: _propTypes.default.string
 };
 var _default = ActionBarOverlay;
 exports.default = _default;

package/lib/components/applicationHeader/AppMenuDropdown.js

@@ -15,10 +15,10 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _reactOnclickoutside = _interopRequireDefault(require("react-onclickoutside"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _useClickOutside = _interopRequireDefault(require("../../hooks/useClickOutside"));
+
 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; }
@@ -49,17 +49,13 @@ var DropdownMenu = function DropdownMenu(props) {
     className: "dropdown-menu"
   }, children);
 };
-/*
- * The onClickOutside HOC cannot be on the top level anymore as we have to provide
- * handleClickOutside as prop.
- */
-
 
-var AppMenuDropdownOpener = (0, _reactOnclickoutside.default)(function (props) {
+var AppMenuDropdownOpener = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var showAsOpen = props.showAsOpen,
       children = props.children,
       onDropdownClick = props.onDropdownClick;
   return /*#__PURE__*/_react.default.createElement("li", {
+    ref: ref,
     className: (0, _classnames.default)('dropdown', {
       open: showAsOpen
     }),
@@ -77,19 +73,19 @@ var AppMenuDropdown = function AppMenuDropdown(props) {
       isOpen = _useState2[0],
       setIsOpen = _useState2[1];
 
+  var wrapperRef = (0, _useClickOutside.default)(function () {
+    return setIsOpen(false);
+  });
+
   var handleDropdownClick = function handleDropdownClick() {
     return setIsOpen(!isOpen);
   };
 
-  var handleClickOutside = function handleClickOutside() {
-    setIsOpen(false);
-  };
-
   var openWithChildren = children && children.length && isOpen;
   return /*#__PURE__*/_react.default.createElement(AppMenuDropdownOpener, {
     showAsOpen: openWithChildren,
     onDropdownClick: handleDropdownClick,
-    handleClickOutside: handleClickOutside
+    ref: wrapperRef
   }, /*#__PURE__*/_react.default.createElement(ToggleButton, {
     title: title,
     caret: caret