@alixpartners/ui-components 1.22.0 → 1.22.1

package/dist/esm/components/ApNotifications/NotificationItem.styles.js

@@ -1,25 +1,25 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Timestamp = exports.StyledButton = exports.Actions = exports.Section = exports.Wrapper = exports.Text = void 0;
-var styled_components_1 = require("styled-components");
-var theme_1 = require("../../utils/theme");
-exports.Text = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: ", ";\n  font-size: 16px;\n  letter-spacing: 0.3px;\n  line-height: 24px;\n  text-align: initial;\n"], ["\n  color: ", ";\n  font-size: 16px;\n  letter-spacing: 0.3px;\n  line-height: 24px;\n  text-align: initial;\n"])), theme_1.colors.grey7);
-exports.Wrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  padding: 24px 32px 21px 16px;\n  border-top: 1px solid ", ";\n\n  ", "\n\n  ", "\n\n  &:first-child {\n    border-top: none;\n  }\n"], ["\n  display: flex;\n  padding: 24px 32px 21px 16px;\n  border-top: 1px solid ", ";\n\n  ",
-    "\n\n  ",
-    "\n\n  &:first-child {\n    border-top: none;\n  }\n"])), theme_1.colors.grey3, function (_a) {
-    var isNew = _a.isNew;
-    return isNew && styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      background-color: rgba(249, 161, 42, 0.15);\n      ", " {\n        font-weight: bold;\n      }\n    "], ["\n      background-color: rgba(249, 161, 42, 0.15);\n      ", " {\n        font-weight: bold;\n      }\n    "])), exports.Text);
-}, function (_a) {
-    var important = _a.important;
-    return important && styled_components_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      background-color: rgba(238, 58, 54, 0.1);\n      ", " {\n        font-weight: bold;\n      }\n    "], ["\n      background-color: rgba(238, 58, 54, 0.1);\n      ", " {\n        font-weight: bold;\n      }\n    "])), exports.Text);
-});
-exports.Section = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n\n  &:not(:first-child) {\n    margin-left: 16px;\n    width: 100%;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n\n  &:not(:first-child) {\n    margin-left: 16px;\n    width: 100%;\n  }\n"])));
-exports.Actions = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  transition: initial !important;\n  margin-top: 14px;\n"], ["\n  display: flex;\n  align-items: center;\n  transition: initial !important;\n  margin-top: 14px;\n"])));
-exports.StyledButton = styled_components_1.default.span(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  color: ", ";\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 0.3px;\n  line-height: 13px;\n  text-transform: uppercase;\n  background-color: none;\n  transition: color 0.2s linear;\n  cursor: pointer;\n  margin-right: 32px;\n\n  &:hover {\n    color: ", ";\n  }\n"], ["\n  color: ", ";\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 0.3px;\n  line-height: 13px;\n  text-transform: uppercase;\n  background-color: none;\n  transition: color 0.2s linear;\n  cursor: pointer;\n  margin-right: 32px;\n\n  &:hover {\n    color: ", ";\n  }\n"])), theme_1.colors.green1, theme_1.colors.green2);
-exports.Timestamp = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  color: ", ";\n  font-size: 11px;\n  letter-spacing: 0;\n  line-height: 13px;\n  margin-left: auto;\n"], ["\n  color: ", ";\n  font-size: 11px;\n  letter-spacing: 0;\n  line-height: 13px;\n  margin-left: auto;\n"])), theme_1.colors.grey4);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Timestamp = exports.StyledButton = exports.Actions = exports.Section = exports.Wrapper = exports.Text = void 0;
+var styled_components_1 = require("styled-components");
+var theme_1 = require("../../utils/theme");
+exports.Text = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: ", ";\n  font-size: 16px;\n  letter-spacing: 0.3px;\n  line-height: 24px;\n  text-align: initial;\n"], ["\n  color: ", ";\n  font-size: 16px;\n  letter-spacing: 0.3px;\n  line-height: 24px;\n  text-align: initial;\n"])), theme_1.colors.grey7);
+exports.Wrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  padding: 24px 32px 21px 16px;\n  border-top: 1px solid ", ";\n\n  ", "\n\n  ", "\n\n  &:first-child {\n    border-top: none;\n  }\n"], ["\n  display: flex;\n  padding: 24px 32px 21px 16px;\n  border-top: 1px solid ", ";\n\n  ",
+    "\n\n  ",
+    "\n\n  &:first-child {\n    border-top: none;\n  }\n"])), theme_1.colors.grey3, function (_a) {
+    var isNew = _a.isNew;
+    return isNew && styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      background-color: rgba(249, 161, 42, 0.15);\n      ", " {\n        font-weight: bold;\n      }\n    "], ["\n      background-color: rgba(249, 161, 42, 0.15);\n      ", " {\n        font-weight: bold;\n      }\n    "])), exports.Text);
+}, function (_a) {
+    var important = _a.important;
+    return important && styled_components_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      background-color: rgba(238, 58, 54, 0.1);\n      ", " {\n        font-weight: bold;\n      }\n    "], ["\n      background-color: rgba(238, 58, 54, 0.1);\n      ", " {\n        font-weight: bold;\n      }\n    "])), exports.Text);
+});
+exports.Section = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n\n  &:not(:first-child) {\n    margin-left: 16px;\n    width: 100%;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n\n  &:not(:first-child) {\n    margin-left: 16px;\n    width: 100%;\n  }\n"])));
+exports.Actions = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  transition: initial !important;\n  margin-top: 14px;\n"], ["\n  display: flex;\n  align-items: center;\n  transition: initial !important;\n  margin-top: 14px;\n"])));
+exports.StyledButton = styled_components_1.default.span(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  color: ", ";\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 0.3px;\n  line-height: 13px;\n  text-transform: uppercase;\n  background-color: none;\n  transition: color 0.2s linear;\n  cursor: pointer;\n  margin-right: 32px;\n\n  &:hover {\n    color: ", ";\n  }\n"], ["\n  color: ", ";\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 0.3px;\n  line-height: 13px;\n  text-transform: uppercase;\n  background-color: none;\n  transition: color 0.2s linear;\n  cursor: pointer;\n  margin-right: 32px;\n\n  &:hover {\n    color: ", ";\n  }\n"])), theme_1.colors.green1, theme_1.colors.green2);
+exports.Timestamp = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  color: ", ";\n  font-size: 11px;\n  letter-spacing: 0;\n  line-height: 13px;\n  margin-left: auto;\n"], ["\n  color: ", ";\n  font-size: 11px;\n  letter-spacing: 0;\n  line-height: 13px;\n  margin-left: auto;\n"])), theme_1.colors.grey4);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
 //# sourceMappingURL=NotificationItem.styles.js.map

package/dist/esm/components/ApNotifications/index.js

@@ -1,5 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var ApNotifications_1 = require("./ApNotifications");
-Object.defineProperty(exports, "ApNotifications", { enumerable: true, get: function () { return ApNotifications_1.ApNotifications; } });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var ApNotifications_1 = require("./ApNotifications");
+Object.defineProperty(exports, "ApNotifications", { enumerable: true, get: function () { return ApNotifications_1.ApNotifications; } });
 //# sourceMappingURL=index.js.map

package/dist/esm/components/ApNotifications/styles.js

@@ -1,42 +1,42 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CloseWrapper = exports.RestyledSnackContainer = exports.GrouppedText = exports.GrouppedNotification = exports.PushNotification = exports.PushWrapper = exports.Wrapper = exports.Trigger = exports.NoData = exports.Content = void 0;
-var styled_components_1 = require("styled-components");
-var theme_1 = require("../../utils/theme");
-var styles_1 = require("../ApContextualPopup/styles");
-var styles_2 = require("../ApSnack/styles");
-var NotificationItem_1 = require("./NotificationItem");
-var MAX_NOTIFICATION_WIDTH = 480;
-exports.Content = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 16px 0 8px;\n  width: ", "px;\n  max-width: ", "px;\n  font-family: 'Roboto', sans-serif;\n  overflow: auto;\n  box-sizing: border-box;\n"], ["\n  padding: 16px 0 8px;\n  width: ", "px;\n  max-width: ", "px;\n  font-family: 'Roboto', sans-serif;\n  overflow: auto;\n  box-sizing: border-box;\n"])), MAX_NOTIFICATION_WIDTH, MAX_NOTIFICATION_WIDTH);
-exports.NoData = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding: 16px 32px;\n  color: ", ";\n  font-size: 16px;\n  letter-spacing: 0.3px;\n  line-height: 24px;\n  text-align: initial;\n"], ["\n  padding: 16px 32px;\n  color: ", ";\n  font-size: 16px;\n  letter-spacing: 0.3px;\n  line-height: 24px;\n  text-align: initial;\n"])), theme_1.colors.grey7);
-exports.Trigger = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  position: relative;\n  cursor: pointer;\n\n  ", "\n"], ["\n  display: flex;\n  position: relative;\n  cursor: pointer;\n\n  ",
-    "\n"])), function (_a) {
-    var active = _a.active, color = _a.color, text = _a.text;
-    return active && styled_components_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      &:after {\n        content: '", "';\n        display: flex;\n        width: 14px;\n        height: 14px;\n        border-radius: 7px;\n        border: 2px solid ", ";\n        background-color: ", ";\n        right: -2px;\n        top: -2px;\n        position: absolute;\n        box-sizing: border-box;\n        color: ", ";\n        font-size: 8px;\n        font-weight: bold;\n        align-items: center;\n        justify-content: center;\n      }\n    "], ["\n      &:after {\n        content: '", "';\n        display: flex;\n        width: 14px;\n        height: 14px;\n        border-radius: 7px;\n        border: 2px solid ", ";\n        background-color: ", ";\n        right: -2px;\n        top: -2px;\n        position: absolute;\n        box-sizing: border-box;\n        color: ", ";\n        font-size: 8px;\n        font-weight: bold;\n        align-items: center;\n        justify-content: center;\n      }\n    "])), text === null || text === void 0 ? void 0 : text[0], theme_1.colors.white, color || theme_1.colors.amber, theme_1.colors.white);
-});
-exports.Wrapper = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: inline-block;\n\n  ", " {\n    ", "\n  }\n\n  ", " {\n    &:after {\n      ", "\n    }\n  }\n"], ["\n  display: inline-block;\n\n  ", " {\n    ", "\n  }\n\n  ", " {\n    &:after {\n      ",
-    "\n    }\n  }\n"])), exports.Content, function (_a) {
-    var contentHeight = _a.contentHeight;
-    return contentHeight && "max-height: " + contentHeight + "px";
-}, styles_1.StyledReactTooltip, function (_a) {
-    var align = _a.align, arrowPosition = _a.arrowPosition;
-    if (!arrowPosition) {
-        return;
-    }
-    if (align === 'right') {
-        return "left: " + arrowPosition + "px !important;";
-    }
-    return styled_components_1.css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n          left: initial !important;\n          right: ", "px;\n        "], ["\n          left: initial !important;\n          right: ", "px;\n        "])), arrowPosition - 6);
-});
-exports.PushWrapper = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  background-color: ", ";\n  pointer-events: all;\n  width: ", "px;\n  box-shadow: ", ";\n  background-color: ", ";\n  position: relative;\n"], ["\n  background-color: ", ";\n  pointer-events: all;\n  width: ", "px;\n  box-shadow: ", ";\n  background-color: ", ";\n  position: relative;\n"])), theme_1.colors.white, MAX_NOTIFICATION_WIDTH, theme_1.boxShadows[1], theme_1.colors.white);
-exports.PushNotification = styled_components_1.default(NotificationItem_1.NotificationItem)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  background-color: ", ";\n"], ["\n  background-color: ", ";\n"])), theme_1.colors.white);
-exports.GrouppedNotification = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  display: flex;\n  padding: 16px 32px 16px 20px;\n  align-items: center;\n  color: ", ";\n"], ["\n  display: flex;\n  padding: 16px 32px 16px 20px;\n  align-items: center;\n  color: ", ";\n"])), theme_1.colors.grey7);
-exports.GrouppedText = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  color: ", ";\n  font-size: 16px;\n  letter-spacing: 0.3px;\n  margin-left: 12px;\n"], ["\n  color: ", ";\n  font-size: 16px;\n  letter-spacing: 0.3px;\n  margin-left: 12px;\n"])), theme_1.colors.grey7);
-exports.RestyledSnackContainer = styled_components_1.createGlobalStyle(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  ", " {\n    padding: 40px 20px 20px 20px;\n  }\n"], ["\n  ", " {\n    padding: 40px 20px 20px 20px;\n  }\n"])), styles_2.StyledSnackContainer);
-exports.CloseWrapper = styled_components_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  position: absolute;\n  right: 0;\n  top: 0;\n"], ["\n  position: absolute;\n  right: 0;\n  top: 0;\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12;
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CloseWrapper = exports.RestyledSnackContainer = exports.GrouppedText = exports.GrouppedNotification = exports.PushNotification = exports.PushWrapper = exports.Wrapper = exports.Trigger = exports.NoData = exports.Content = void 0;
+var styled_components_1 = require("styled-components");
+var theme_1 = require("../../utils/theme");
+var styles_1 = require("../ApContextualPopup/styles");
+var styles_2 = require("../ApSnack/styles");
+var NotificationItem_1 = require("./NotificationItem");
+var MAX_NOTIFICATION_WIDTH = 480;
+exports.Content = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 16px 0 8px;\n  width: ", "px;\n  max-width: ", "px;\n  font-family: 'Roboto', sans-serif;\n  overflow: auto;\n  box-sizing: border-box;\n"], ["\n  padding: 16px 0 8px;\n  width: ", "px;\n  max-width: ", "px;\n  font-family: 'Roboto', sans-serif;\n  overflow: auto;\n  box-sizing: border-box;\n"])), MAX_NOTIFICATION_WIDTH, MAX_NOTIFICATION_WIDTH);
+exports.NoData = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding: 16px 32px;\n  color: ", ";\n  font-size: 16px;\n  letter-spacing: 0.3px;\n  line-height: 24px;\n  text-align: initial;\n"], ["\n  padding: 16px 32px;\n  color: ", ";\n  font-size: 16px;\n  letter-spacing: 0.3px;\n  line-height: 24px;\n  text-align: initial;\n"])), theme_1.colors.grey7);
+exports.Trigger = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  position: relative;\n  cursor: pointer;\n\n  ", "\n"], ["\n  display: flex;\n  position: relative;\n  cursor: pointer;\n\n  ",
+    "\n"])), function (_a) {
+    var active = _a.active, color = _a.color, text = _a.text;
+    return active && styled_components_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      &:after {\n        content: '", "';\n        display: flex;\n        width: 14px;\n        height: 14px;\n        border-radius: 7px;\n        border: 2px solid ", ";\n        background-color: ", ";\n        right: -2px;\n        top: -2px;\n        position: absolute;\n        box-sizing: border-box;\n        color: ", ";\n        font-size: 8px;\n        font-weight: bold;\n        align-items: center;\n        justify-content: center;\n      }\n    "], ["\n      &:after {\n        content: '", "';\n        display: flex;\n        width: 14px;\n        height: 14px;\n        border-radius: 7px;\n        border: 2px solid ", ";\n        background-color: ", ";\n        right: -2px;\n        top: -2px;\n        position: absolute;\n        box-sizing: border-box;\n        color: ", ";\n        font-size: 8px;\n        font-weight: bold;\n        align-items: center;\n        justify-content: center;\n      }\n    "])), text === null || text === void 0 ? void 0 : text[0], theme_1.colors.white, color || theme_1.colors.amber, theme_1.colors.white);
+});
+exports.Wrapper = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: inline-block;\n\n  ", " {\n    ", "\n  }\n\n  ", " {\n    &:after {\n      ", "\n    }\n  }\n"], ["\n  display: inline-block;\n\n  ", " {\n    ", "\n  }\n\n  ", " {\n    &:after {\n      ",
+    "\n    }\n  }\n"])), exports.Content, function (_a) {
+    var contentHeight = _a.contentHeight;
+    return contentHeight && "max-height: " + contentHeight + "px";
+}, styles_1.StyledReactTooltip, function (_a) {
+    var align = _a.align, arrowPosition = _a.arrowPosition;
+    if (!arrowPosition) {
+        return;
+    }
+    if (align === 'right') {
+        return "left: " + arrowPosition + "px !important;";
+    }
+    return styled_components_1.css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n          left: initial !important;\n          right: ", "px;\n        "], ["\n          left: initial !important;\n          right: ", "px;\n        "])), arrowPosition - 6);
+});
+exports.PushWrapper = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  background-color: ", ";\n  pointer-events: all;\n  width: ", "px;\n  box-shadow: ", ";\n  background-color: ", ";\n  position: relative;\n"], ["\n  background-color: ", ";\n  pointer-events: all;\n  width: ", "px;\n  box-shadow: ", ";\n  background-color: ", ";\n  position: relative;\n"])), theme_1.colors.white, MAX_NOTIFICATION_WIDTH, theme_1.boxShadows[1], theme_1.colors.white);
+exports.PushNotification = styled_components_1.default(NotificationItem_1.NotificationItem)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  background-color: ", ";\n"], ["\n  background-color: ", ";\n"])), theme_1.colors.white);
+exports.GrouppedNotification = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  display: flex;\n  padding: 16px 32px 16px 20px;\n  align-items: center;\n  color: ", ";\n"], ["\n  display: flex;\n  padding: 16px 32px 16px 20px;\n  align-items: center;\n  color: ", ";\n"])), theme_1.colors.grey7);
+exports.GrouppedText = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  color: ", ";\n  font-size: 16px;\n  letter-spacing: 0.3px;\n  margin-left: 12px;\n"], ["\n  color: ", ";\n  font-size: 16px;\n  letter-spacing: 0.3px;\n  margin-left: 12px;\n"])), theme_1.colors.grey7);
+exports.RestyledSnackContainer = styled_components_1.createGlobalStyle(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  ", " {\n    padding: 40px 20px 20px 20px;\n  }\n"], ["\n  ", " {\n    padding: 40px 20px 20px 20px;\n  }\n"])), styles_2.StyledSnackContainer);
+exports.CloseWrapper = styled_components_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  position: absolute;\n  right: 0;\n  top: 0;\n"], ["\n  position: absolute;\n  right: 0;\n  top: 0;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12;
 //# sourceMappingURL=styles.js.map

package/dist/esm/components/ApOutsideClick/ApOutsideClick.js

@@ -1,96 +1,96 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ApOutsideClick = void 0;
-var lodash_1 = require("lodash");
-var React = require("react");
-var setReactRef_1 = require("../../utils/setReactRef");
-var ApOutsideClick = /** @class */ (function (_super) {
-    __extends(ApOutsideClick, _super);
-    function ApOutsideClick() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.roots = [];
-        _this.onClickOutside = function (event) {
-            if (!_this.roots.length) {
-                return;
-            }
-            var target = event.target;
-            // @ts-ignore
-            var isInside = _this.roots.some(function (root) { return root.contains(target); });
-            // Event targets can become detached from DOM before OutsideClick handles
-            // the event. This is common on rerenders that result in removal of DOM nodes.
-            // In these cases we cannot decide whether the element was inside the `roots`
-            // or not.
-            // Here we add an option for users to explicitly declare that the event.target
-            // was inside roots by calling event.preventDefault().
-            // TODO Revisit, find a cleaner solution.
-            var wasInside = event.defaultPrevented && !document.contains(target);
-            if (!isInside && !wasInside) {
-                if (_this.props.shouldPreventDefault) {
-                    event.preventDefault();
-                }
-                _this.props.onClick(event);
-            }
-        };
-        return _this;
-    }
-    ApOutsideClick.prototype.componentDidMount = function () {
-        document.addEventListener(this.props.event, this.onClickOutside, this.props.useCapture);
-    };
-    ApOutsideClick.prototype.componentWillUnmount = function () {
-        document.removeEventListener(this.props.event, this.onClickOutside, this.props.useCapture);
-    };
-    ApOutsideClick.prototype.render = function () {
-        var _this = this;
-        var _a = this.props, children = _a.children, getClickRoots = _a.getClickRoots;
-        var element = React.Children.only(children);
-        if (!element) {
-            return null;
-        }
-        // @ts-ignore
-        return React.cloneElement(element, __assign(__assign({}, element.props), { ref: function (el) {
-                var _a;
-                // @ts-ignore
-                _this.roots = lodash_1.compact(getClickRoots ? getClickRoots() : [el]);
-                // Call the original ref, if any
-                // @ts-ignore
-                var ref = (_a = element.ref) !== null && _a !== void 0 ? _a : element.props.ref;
-                if (ref) {
-                    setReactRef_1.setReactRef(ref, el);
-                }
-            } }));
-    };
-    ApOutsideClick.defaultProps = {
-        event: 'click',
-        getClickRoots: null,
-        shouldPreventDefault: true,
-        useCapture: true,
-    };
-    return ApOutsideClick;
-}(React.Component));
-exports.ApOutsideClick = ApOutsideClick;
-exports.default = ApOutsideClick;
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ApOutsideClick = void 0;
+var lodash_1 = require("lodash");
+var React = require("react");
+var setReactRef_1 = require("../../utils/setReactRef");
+var ApOutsideClick = /** @class */ (function (_super) {
+    __extends(ApOutsideClick, _super);
+    function ApOutsideClick() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.roots = [];
+        _this.onClickOutside = function (event) {
+            if (!_this.roots.length) {
+                return;
+            }
+            var target = event.target;
+            // @ts-ignore
+            var isInside = _this.roots.some(function (root) { return root.contains(target); });
+            // Event targets can become detached from DOM before OutsideClick handles
+            // the event. This is common on rerenders that result in removal of DOM nodes.
+            // In these cases we cannot decide whether the element was inside the `roots`
+            // or not.
+            // Here we add an option for users to explicitly declare that the event.target
+            // was inside roots by calling event.preventDefault().
+            // TODO Revisit, find a cleaner solution.
+            var wasInside = event.defaultPrevented && !document.contains(target);
+            if (!isInside && !wasInside) {
+                if (_this.props.shouldPreventDefault) {
+                    event.preventDefault();
+                }
+                _this.props.onClick(event);
+            }
+        };
+        return _this;
+    }
+    ApOutsideClick.prototype.componentDidMount = function () {
+        document.addEventListener(this.props.event, this.onClickOutside, this.props.useCapture);
+    };
+    ApOutsideClick.prototype.componentWillUnmount = function () {
+        document.removeEventListener(this.props.event, this.onClickOutside, this.props.useCapture);
+    };
+    ApOutsideClick.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, children = _a.children, getClickRoots = _a.getClickRoots;
+        var element = React.Children.only(children);
+        if (!element) {
+            return null;
+        }
+        // @ts-ignore
+        return React.cloneElement(element, __assign(__assign({}, element.props), { ref: function (el) {
+                var _a;
+                // @ts-ignore
+                _this.roots = lodash_1.compact(getClickRoots ? getClickRoots() : [el]);
+                // Call the original ref, if any
+                // @ts-ignore
+                var ref = (_a = element.ref) !== null && _a !== void 0 ? _a : element.props.ref;
+                if (ref) {
+                    setReactRef_1.setReactRef(ref, el);
+                }
+            } }));
+    };
+    ApOutsideClick.defaultProps = {
+        event: 'click',
+        getClickRoots: null,
+        shouldPreventDefault: true,
+        useCapture: true,
+    };
+    return ApOutsideClick;
+}(React.Component));
+exports.ApOutsideClick = ApOutsideClick;
+exports.default = ApOutsideClick;
 //# sourceMappingURL=ApOutsideClick.js.map

package/dist/esm/components/ApOutsideClick/index.js

@@ -1,14 +1,14 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./ApOutsideClick"), exports);
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ApOutsideClick"), exports);
 //# sourceMappingURL=index.js.map