@kaizen/components 1.45.3 → 1.47.0

package/dist/esm/Notification/ToastNotification/context/ToastNotificationContext.mjs

@@ -1,68 +0,0 @@
-import { __assign, __spreadArray } from 'tslib';
-import React, { useContext, useState } from 'react';
-import { v4 } from 'uuid';
-var ToastNotificationContext = /*#__PURE__*/React.createContext(null);
-var useToastNotificationContext = function () {
-  var context = useContext(ToastNotificationContext);
-  if (!context) {
-    throw new Error("useToastNotificationContext must be used within the ToastNotificationContext.Provider");
-  }
-  return context;
-};
-const ToastNotificationProvider = /*#__PURE__*/function () {
-  const ToastNotificationProvider = function (_a) {
-    var children = _a.children;
-    var _b = useState([]),
-      notifications = _b[0],
-      setNotifications = _b[1];
-    var addToastNotification = function (notification) {
-      var uuid = v4();
-      var notificationWithId = __assign({
-        id: uuid
-      }, notification);
-      var notificationExists = notifications.find(function (_a) {
-        var id = _a.id;
-        return id === notification.id;
-      });
-      if (!notificationExists) {
-        setNotifications(function (existing) {
-          return __spreadArray(__spreadArray([], existing, true), [notificationWithId], false);
-        });
-      }
-    };
-    var updateToastNotification = function (notification) {
-      var notificationIndex = notifications.findIndex(function (_a) {
-        var id = _a.id;
-        return id === notification.id;
-      });
-      var copy = notifications.slice();
-      copy.splice(notificationIndex, 1, notification); // Mutation to insert notification over itself
-      setNotifications(copy);
-    };
-    var removeToastNotification = function (notificationID) {
-      var notificationIndex = notifications.findIndex(function (_a) {
-        var id = _a.id;
-        return id === notificationID;
-      });
-      var copy = notifications.slice();
-      copy.splice(notificationIndex, 1); // Mutation
-      setNotifications(copy);
-    };
-    var clearToastNotifications = function () {
-      setNotifications([]);
-    };
-    var value = {
-      notifications: notifications,
-      addToastNotification: addToastNotification,
-      updateToastNotification: updateToastNotification,
-      removeToastNotification: removeToastNotification,
-      clearToastNotifications: clearToastNotifications
-    };
-    return /*#__PURE__*/React.createElement(ToastNotificationContext.Provider, {
-      value: value
-    }, children);
-  };
-  ToastNotificationProvider.displayName = "ToastNotificationProvider";
-  return ToastNotificationProvider;
-}();
-export { ToastNotificationProvider, useToastNotificationContext };

package/dist/esm/Notification/ToastNotification/hooks/useToastNotification.mjs

@@ -1,6 +0,0 @@
-import { useToastNotificationContext } from '../context/ToastNotificationContext.mjs';
-var useToastNotification = function () {
-  var context = useToastNotificationContext();
-  return context;
-};
-export { useToastNotification };

package/dist/esm/Notification/subcomponents/CancelButton/CancelButton.mjs

@@ -1,20 +0,0 @@
-import React from 'react';
-import { CloseIcon } from '../../../Icon/CloseIcon.mjs';
-import styles from '../GenericNotification/GenericNotification.module.scss.mjs';
-const CancelButton = /*#__PURE__*/function () {
-  const CancelButton = function (_a) {
-    var onClick = _a.onClick;
-    return /*#__PURE__*/React.createElement("button", {
-      className: styles.cancel,
-      type: "button",
-      onClick: onClick,
-      "data-testid": "close-button",
-      "aria-label": "Close notification"
-    }, /*#__PURE__*/React.createElement(CloseIcon, {
-      role: "presentation"
-    }));
-  };
-  CancelButton.displayName = "CancelButton";
-  return CancelButton;
-}();
-export { CancelButton };

package/dist/esm/Notification/subcomponents/GenericNotification/GenericNotification.mjs

@@ -1,79 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React, { useState, useRef, useEffect } from 'react';
-import classnames from 'classnames';
-import { CancelButton } from '../CancelButton/CancelButton.mjs';
-import { NotificationHeading } from '../NotificationHeading/NotificationHeading.mjs';
-import { NotificationIcon } from '../NotificationIcon/NotificationIcon.mjs';
-import styles from './GenericNotification.module.scss.mjs';
-const GenericNotification = /*#__PURE__*/function () {
-  const GenericNotification = function (_a) {
-    var type = _a.type,
-      style = _a.style,
-      children = _a.children,
-      title = _a.title,
-      _b = _a.persistent,
-      persistent = _b === void 0 ? false : _b,
-      onHide = _a.onHide,
-      noBottomMargin = _a.noBottomMargin,
-      forceMultiline = _a.forceMultiline,
-      headingProps = _a.headingProps,
-      classNameOverride = _a.classNameOverride,
-      restProps = __rest(_a, ["type", "style", "children", "title", "persistent", "onHide", "noBottomMargin", "forceMultiline", "headingProps", "classNameOverride"]);
-    var _c = useState(true),
-      isHidden = _c[0],
-      setIsHidden = _c[1];
-    var _d = useState(false),
-      isRemoved = _d[0],
-      setIsRemoved = _d[1];
-    var containerRef = useRef(null);
-    useEffect(function () {
-      requestAnimationFrame(function () {
-        if (containerRef.current) {
-          setIsHidden(false);
-        }
-      });
-    }, []);
-    var getMarginTop = function () {
-      if (isHidden && containerRef.current) {
-        return -containerRef.current.clientHeight + "px";
-      }
-      return "0";
-    };
-    var onTransitionEnd = function (e) {
-      // Be careful: this assumes the final CSS property to be animated is "margin-top".
-      if (isHidden && e.propertyName === "margin-top") {
-        setIsRemoved(true);
-        onHide === null || onHide === void 0 ? void 0 : onHide();
-      }
-    };
-    if (isRemoved) {
-      return null;
-    }
-    return /*#__PURE__*/React.createElement("div", __assign({
-      ref: containerRef,
-      className: classnames(styles.notification, styles[type], styles[style], isHidden && styles.hidden, noBottomMargin && styles.noBottomMargin, classNameOverride, persistent && styles.persistent),
-      style: {
-        marginTop: getMarginTop()
-      },
-      onTransitionEnd: onTransitionEnd
-    }, restProps), /*#__PURE__*/React.createElement("div", {
-      className: styles.icon
-    }, /*#__PURE__*/React.createElement(NotificationIcon, {
-      type: type
-    })), /*#__PURE__*/React.createElement("div", {
-      className: classnames(styles.textContainer, forceMultiline && styles.forceMultiline)
-    }, style !== "global" && ( /*#__PURE__*/React.createElement(NotificationHeading, {
-      titleProp: title,
-      headingProps: headingProps
-    })), children && /*#__PURE__*/React.createElement("div", {
-      className: styles.text
-    }, children)), !persistent && /*#__PURE__*/React.createElement(CancelButton, {
-      onClick: function () {
-        return setIsHidden(true);
-      }
-    }));
-  };
-  GenericNotification.displayName = "GenericNotification";
-  return GenericNotification;
-}();
-export { GenericNotification };

package/dist/esm/Notification/subcomponents/GenericNotification/GenericNotification.module.scss.mjs

@@ -1,27 +0,0 @@
-var styles = {
-  "notification": "GenericNotification-module_notification__-JP1M",
-  "inline": "GenericNotification-module_inline__OciO5",
-  "toast": "GenericNotification-module_toast__GOVfC",
-  "global": "GenericNotification-module_global__Weka-",
-  "positive": "GenericNotification-module_positive__U-3HK",
-  "informative": "GenericNotification-module_informative__WLimi",
-  "cautionary": "GenericNotification-module_cautionary__lneFu",
-  "security": "GenericNotification-module_security__QTALa",
-  "negative": "GenericNotification-module_negative__lUWhD",
-  "hidden": "GenericNotification-module_hidden__WJjct",
-  "noBottomMargin": "GenericNotification-module_noBottomMargin__28nF8",
-  "persistent": "GenericNotification-module_persistent__O7bgI",
-  "subtle": "GenericNotification-module_subtle__kPns9",
-  "icon": "GenericNotification-module_icon__SDb8v",
-  "textContainer": "GenericNotification-module_textContainer__Avpbk",
-  "forceMultiline": "GenericNotification-module_forceMultiline__JcVA4",
-  "title": "GenericNotification-module_title__dvQOr",
-  "text": "GenericNotification-module_text__X-5ld",
-  "cancel": "GenericNotification-module_cancel__c6wky",
-  "disabled": "GenericNotification-module_disabled__WGBhD",
-  "hover": "GenericNotification-module_hover__hUURd",
-  "active": "GenericNotification-module_active__-6ahb",
-  "cancelLabel": "GenericNotification-module_cancelLabel__HJzsk",
-  "notificationTitle": "GenericNotification-module_notificationTitle__Oaqb8"
-};
-export { styles as default };

package/dist/esm/Notification/subcomponents/NotificationHeading/NotificationHeading.mjs

@@ -1,29 +0,0 @@
-import React from 'react';
-import { Heading } from '../../../Heading/Heading.mjs';
-import styles from '../GenericNotification/GenericNotification.module.scss.mjs';
-const NotificationHeading = /*#__PURE__*/function () {
-  const NotificationHeading = function (_a) {
-    var titleProp = _a.titleProp,
-      headingProps = _a.headingProps;
-    if (headingProps) {
-      return /*#__PURE__*/React.createElement(Heading, {
-        variant: headingProps.variant || "heading-6",
-        tag: headingProps.tag || "div",
-        color: headingProps.color || "dark",
-        classNameOverride: styles.notificationTitle
-      }, headingProps.children);
-    }
-    if (titleProp) {
-      return /*#__PURE__*/React.createElement(Heading, {
-        variant: "heading-6",
-        tag: "div",
-        color: "dark",
-        classNameOverride: styles.notificationTitle
-      }, titleProp);
-    }
-    return null;
-  };
-  NotificationHeading.displayName = "NotificationHeading";
-  return NotificationHeading;
-}();
-export { NotificationHeading };

package/dist/esm/Notification/subcomponents/NotificationIcon/NotificationIcon.mjs

@@ -1,46 +0,0 @@
-import React from 'react';
-import { CautionIcon } from '../../../Icon/CautionIcon.mjs';
-import { ExclamationIcon } from '../../../Icon/ExclamationIcon.mjs';
-import { InformationIcon } from '../../../Icon/InformationIcon.mjs';
-import { SecurityTipIcon } from '../../../Icon/SecurityTipIcon.mjs';
-import { SuccessIcon } from '../../../Icon/SuccessIcon.mjs';
-const NotificationIcon = /*#__PURE__*/function () {
-  const NotificationIcon = function (_a) {
-    var type = _a.type;
-    switch (type) {
-      case "positive":
-        return /*#__PURE__*/React.createElement(SuccessIcon, {
-          role: "presentation",
-          inheritSize: true
-        });
-      case "negative":
-        return /*#__PURE__*/React.createElement(ExclamationIcon, {
-          role: "presentation",
-          inheritSize: true
-        });
-      case "cautionary":
-        return /*#__PURE__*/React.createElement(CautionIcon, {
-          role: "presentation",
-          inheritSize: true
-        });
-      case "informative":
-        return /*#__PURE__*/React.createElement(InformationIcon, {
-          role: "presentation",
-          inheritSize: true
-        });
-      case "security":
-        return /*#__PURE__*/React.createElement(SecurityTipIcon, {
-          role: "presentation",
-          inheritSize: true
-        });
-      default:
-        return /*#__PURE__*/React.createElement(InformationIcon, {
-          role: "presentation",
-          inheritSize: true
-        });
-    }
-  };
-  NotificationIcon.displayName = "NotificationIcon";
-  return NotificationIcon;
-}();
-export { NotificationIcon };

package/dist/esm/Pagination/Pagination.mjs

@@ -1,113 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React from 'react';
-import classnames from 'classnames';
-import { DirectionalLink } from './subcomponents/DirectionalLink/DirectionalLink.mjs';
-import { PaginationLink } from './subcomponents/PaginationLink/PaginationLink.mjs';
-import { TruncateIndicator } from './subcomponents/TruncateIndicator/TruncateIndicator.mjs';
-import { createRange } from './utils/createRange.mjs';
-import styles from './Pagination.module.scss.mjs';
-
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092975/Pagination Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-pagination--docs Storybook}
- */
-var Pagination = function (_a) {
-  var _b = _a.currentPage,
-    currentPage = _b === void 0 ? 1 : _b,
-    pageCount = _a.pageCount,
-    ariaLabelNextPage = _a.ariaLabelNextPage,
-    ariaLabelPreviousPage = _a.ariaLabelPreviousPage,
-    ariaLabelPage = _a.ariaLabelPage,
-    onPageChange = _a.onPageChange,
-    classNameOverride = _a.classNameOverride,
-    restProps = __rest(_a, ["currentPage", "pageCount", "ariaLabelNextPage", "ariaLabelPreviousPage", "ariaLabelPage", "onPageChange", "classNameOverride"]);
-  // Click event for all pagination buttons (next, prev, and the actual numbers)
-  var handleButtonClick = function (newPage) {
-    if (newPage === "prev") {
-      onPageChange(currentPage - 1);
-      return;
-    }
-    if (newPage === "next") {
-      onPageChange(currentPage + 1);
-      return;
-    }
-    onPageChange(newPage);
-  };
-  var paginationIndicator = function (page) {
-    return /*#__PURE__*/React.createElement(PaginationLink, {
-      key: page,
-      pageNumber: page,
-      isActive: currentPage === page,
-      "aria-label": "".concat(ariaLabelPage, " ").concat(page),
-      onClick: function () {
-        return handleButtonClick(page);
-      }
-    });
-  };
-  var pagination = function () {
-    var items = [];
-    var boundaryPagesRange = 1;
-    var siblingPagesRange = 1;
-    // truncateSize is 1 now but could be 0 if we add the ability to hide it.
-    var truncateSize = 1;
-    var showAllPages = 1 + 2 * truncateSize + 2 * siblingPagesRange + 2 * boundaryPagesRange >= pageCount;
-    // Simplify generation of pages if number of available items is equal or greater than total pages to show
-    if (showAllPages) {
-      return createRange(1, pageCount).map(paginationIndicator);
-    } else {
-      // Calculate group of first pages
-      var firstPagesStart = 1;
-      var firstPagesEnd = boundaryPagesRange;
-      var firstPages = createRange(firstPagesStart, firstPagesEnd).map(paginationIndicator);
-      // Calculate group of last pages
-      var lastPagesStart = pageCount + 1 - boundaryPagesRange;
-      var lastPagesEnd = pageCount;
-      var lastPages = createRange(lastPagesStart, lastPagesEnd).map(paginationIndicator);
-      // Calculate group of main pages
-      var mainPagesStart = Math.min(Math.max(currentPage - siblingPagesRange, firstPagesEnd + truncateSize + 1), lastPagesStart - truncateSize - 2 * siblingPagesRange - 1);
-      var mainPagesEnd = mainPagesStart + 2 * siblingPagesRange;
-      var mainPages = createRange(mainPagesStart, mainPagesEnd).map(paginationIndicator);
-      // Add group of first pages
-      items.push.apply(items, firstPages);
-      // Calculate and add truncate before group of main pages
-      var firstEllipsisPageNumber = mainPagesStart - 1;
-      var showPageInsteadOfFirstEllipsis = firstEllipsisPageNumber === firstPagesEnd + 1;
-      items.push(showPageInsteadOfFirstEllipsis ? paginationIndicator(firstEllipsisPageNumber) : ( /*#__PURE__*/React.createElement(TruncateIndicator, {
-        key: firstEllipsisPageNumber
-      })));
-      // Add group of main pages
-      items.push.apply(items, mainPages);
-      // Calculate and add truncate after group of main pages
-      var secondEllipsisPageNumber = mainPagesEnd + 1;
-      var showPageInsteadOfSecondEllipsis = secondEllipsisPageNumber === lastPagesStart - 1;
-      items.push(showPageInsteadOfSecondEllipsis ? paginationIndicator(secondEllipsisPageNumber) : ( /*#__PURE__*/React.createElement(TruncateIndicator, {
-        key: secondEllipsisPageNumber
-      })));
-      // Add group of last pages
-      items.push.apply(items, lastPages);
-    }
-    return items;
-  };
-  var previousPageDisabled = currentPage <= 1;
-  var nextPageDisabled = currentPage >= pageCount;
-  return /*#__PURE__*/React.createElement("nav", __assign({
-    className: classnames(styles.container, classNameOverride)
-  }, restProps), /*#__PURE__*/React.createElement(DirectionalLink, {
-    label: ariaLabelPreviousPage,
-    direction: "prev",
-    disabled: previousPageDisabled,
-    onClick: function () {
-      return handleButtonClick("prev");
-    }
-  }), /*#__PURE__*/React.createElement("div", {
-    className: styles.pagesIndicatorWrapper
-  }, pagination()), /*#__PURE__*/React.createElement(DirectionalLink, {
-    label: ariaLabelNextPage,
-    direction: "next",
-    disabled: nextPageDisabled,
-    onClick: function () {
-      return handleButtonClick("next");
-    }
-  }));
-};
-export { Pagination };

package/dist/esm/Pagination/Pagination.module.scss.mjs

@@ -1,8 +0,0 @@
-var styles = {
-  "container": "Pagination-module_container__JHnDH",
-  "pagesIndicatorWrapper": "Pagination-module_pagesIndicatorWrapper__taluU",
-  "arrowIconWrapper": "Pagination-module_arrowIconWrapper__RMTET",
-  "pageIndicatorFocusRing": "Pagination-module_pageIndicatorFocusRing__57ku4",
-  "truncateIndicatorWrapper": "Pagination-module_truncateIndicatorWrapper__bwywo"
-};
-export { styles as default };

package/dist/esm/Pagination/subcomponents/DirectionalLink/DirectionalLink.mjs

@@ -1,46 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React from 'react';
-import '../../../Icon/subcomponents/SVG/SVG.mjs';
-import { ArrowBackwardIcon } from '../../../Icon/ArrowBackwardIcon.mjs';
-import { ArrowForwardIcon } from '../../../Icon/ArrowForwardIcon.mjs';
-import { EndIcon } from '../../../Icon/EndIcon.mjs';
-import { StartIcon } from '../../../Icon/StartIcon.mjs';
-import { GenericButton } from '../../../Button/GenericButton/GenericButton.mjs';
-var iconMap = {
-  prev: /*#__PURE__*/React.createElement(ArrowBackwardIcon, {
-    role: "presentation"
-  }),
-  next: /*#__PURE__*/React.createElement(ArrowForwardIcon, {
-    role: "presentation"
-  }),
-  start: /*#__PURE__*/React.createElement(StartIcon, {
-    role: "presentation"
-  }),
-  end: /*#__PURE__*/React.createElement(EndIcon, {
-    role: "presentation"
-  })
-};
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092975/Pagination Guidance} |
- * {@link https://cultureamp.design/?path=/story/components-buttons-directionallink--docs Storybook}
- */
-const DirectionalLink = /*#__PURE__*/function () {
-  const DirectionalLink = function (_a) {
-    var _b = _a.reversed,
-      reversed = _b === void 0 ? false : _b,
-      _c = _a.disabled,
-      disabled = _c === void 0 ? false : _c,
-      otherProps = __rest(_a, ["reversed", "disabled"]);
-    return /*#__PURE__*/React.createElement(GenericButton, __assign({
-      reversed: reversed,
-      disabled: disabled
-    }, otherProps, {
-      iconButton: true,
-      directionalLink: true,
-      icon: iconMap[otherProps.direction]
-    }));
-  };
-  DirectionalLink.displayName = "DirectionalLink";
-  return DirectionalLink;
-}();
-export { DirectionalLink };

package/dist/esm/Pagination/subcomponents/PaginationLink/PaginationLink.mjs

@@ -1,27 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React from 'react';
-import { GenericButton } from '../../../Button/GenericButton/GenericButton.mjs';
-
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092975/Pagination Guidance} |
- * {@link https://cultureamp.design/?path=/story/components-buttons-paginationlink--docs Storybook}
- */
-const PaginationLink = /*#__PURE__*/function () {
-  const PaginationLink = function (_a) {
-    var pageNumber = _a.pageNumber,
-      _b = _a.reversed,
-      reversed = _b === void 0 ? false : _b,
-      _c = _a.isActive,
-      isActive = _c === void 0 ? false : _c,
-      restProps = __rest(_a, ["pageNumber", "reversed", "isActive"]);
-    return /*#__PURE__*/React.createElement(GenericButton, __assign({}, restProps, {
-      paginationLink: true,
-      reversed: reversed,
-      isActive: isActive,
-      label: "".concat(pageNumber)
-    }));
-  };
-  PaginationLink.displayName = "PaginationLink";
-  return PaginationLink;
-}();
-export { PaginationLink };

package/dist/esm/Pagination/subcomponents/TruncateIndicator/TruncateIndicator.mjs

@@ -1,14 +0,0 @@
-import React from 'react';
-import 'tslib';
-import '../../../Icon/subcomponents/SVG/SVG.mjs';
-import { EllipsisIcon } from '../../../Icon/EllipsisIcon.mjs';
-import styles from './TruncateIndicator.module.scss.mjs';
-var TruncateIndicator = function () {
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.truncateIndicatorWrapper,
-    "data-testid": "truncate-indicator"
-  }, /*#__PURE__*/React.createElement(EllipsisIcon, {
-    role: "presentation"
-  }));
-};
-export { TruncateIndicator };

package/dist/esm/Pagination/subcomponents/TruncateIndicator/TruncateIndicator.module.scss.mjs

@@ -1,4 +0,0 @@
-var styles = {
-  "truncateIndicatorWrapper": "TruncateIndicator-module_truncateIndicatorWrapper__FgApk"
-};
-export { styles as default };

package/dist/esm/Pagination/utils/createRange.mjs

@@ -1,8 +0,0 @@
-var createRange = function (start, end) {
-  var range = [];
-  for (var i = start; i <= end; i++) {
-    range.push(i);
-  }
-  return range;
-};
-export { createRange };

package/dist/esm/Popover/Popover.mjs

@@ -1,154 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React, { useState, useMemo } from 'react';
-import classnames from 'classnames';
-import { usePopper } from 'react-popper';
-import { Heading } from '../Heading/Heading.mjs';
-import '../Icon/subcomponents/SVG/SVG.mjs';
-import { CloseIcon } from '../Icon/CloseIcon.mjs';
-import { Text } from '../Text/Text.mjs';
-import { mapSizeToClass, mapVariantToBoxClass, mapVariantToIconClass, mapVariantToIcon, mapLineVariant, mapArrowVariantToClass } from './utils/classMappers.mjs';
-import styles from './Popover.module.scss.mjs';
-
-// Sync with styles.scss
-var arrowWidth = 14;
-var arrowHeight = 7;
-/**
- * {@link https://cultureamp.design/components/popover/ Guidance} |
- * {@link https://cultureamp.design/storybook/?path=/docs/components-popover--default-kaizen-site-demo Storybook}
- */
-const Popover = /*#__PURE__*/function () {
-  const Popover = function (_a) {
-    var children = _a.children,
-      _b = _a.variant,
-      variant = _b === void 0 ? "default" : _b,
-      _c = _a.placement,
-      placement = _c === void 0 ? "top" : _c,
-      _d = _a.size,
-      size = _d === void 0 ? "small" : _d,
-      heading = _a.heading,
-      _e = _a.dismissible,
-      dismissible = _e === void 0 ? false : _e,
-      onClose = _a.onClose,
-      _f = _a.singleLine,
-      singleLine = _f === void 0 ? false : _f,
-      customIcon = _a.customIcon,
-      referenceElement = _a.referenceElement,
-      classNameOverride = _a.classNameOverride,
-      restProps = __rest(_a, ["children", "variant", "placement", "size", "heading", "dismissible", "onClose", "singleLine", "customIcon", "referenceElement", "classNameOverride"]);
-    var _g = useState(null),
-      popperElement = _g[0],
-      setPopperElement = _g[1];
-    var _h = useState(null),
-      arrowElement = _h[0],
-      setArrowElement = _h[1];
-    var _j = usePopper(referenceElement, popperElement, {
-        modifiers: [{
-          name: "arrow",
-          options: {
-            element: arrowElement,
-            // Ensures that the arrow doesn't go too far to the left or right
-            // of the tooltip.
-            padding: arrowWidth / 2 + 10
-          }
-        }, {
-          name: "offset",
-          options: {
-            offset: [0, arrowHeight + 6]
-          }
-        }, {
-          name: "preventOverflow",
-          options: {
-            // Makes sure that the popover isn't flush up against the end of the
-            // viewport
-            padding: 8,
-            altAxis: true,
-            altBoundary: true,
-            tetherOffset: 50
-          }
-        }, {
-          name: "flip",
-          options: {
-            padding: 8,
-            altBoundary: true,
-            fallbackPlacements: ["left", "top", "bottom", "right"]
-          }
-        }],
-        placement: placement
-      }),
-      popperStyles = _j.styles,
-      attributes = _j.attributes;
-    return /*#__PURE__*/React.createElement("div", __assign({
-      ref: setPopperElement,
-      style: popperStyles.popper
-    }, attributes.popper, {
-      className: classnames(styles.root, mapSizeToClass(size), classNameOverride)
-    }, restProps), /*#__PURE__*/React.createElement("div", {
-      className: mapVariantToBoxClass(variant)
-    }, heading && ( /*#__PURE__*/React.createElement("div", {
-      className: styles.header
-    }, variant !== "default" && ( /*#__PURE__*/React.createElement("span", {
-      className: classnames(styles.icon, mapVariantToIconClass(variant))
-    }, customIcon !== null && customIcon !== void 0 ? customIcon : mapVariantToIcon(variant))), /*#__PURE__*/React.createElement(Heading, {
-      variant: "heading-6",
-      classNameOverride: styles.singleLine
-    }, heading), dismissible && ( /*#__PURE__*/React.createElement("button", {
-      className: styles.close,
-      onClick: onClose,
-      type: "button",
-      "aria-label": "close"
-    }, /*#__PURE__*/React.createElement(CloseIcon, {
-      role: "presentation"
-    }))))), /*#__PURE__*/React.createElement(Text, {
-      tag: "div",
-      variant: "small",
-      classNameOverride: classnames(styles.container, mapLineVariant(singleLine))
-    }, children)), /*#__PURE__*/React.createElement("div", {
-      ref: setArrowElement,
-      style: popperStyles.arrow,
-      className: styles.arrowWrapper
-    }, /*#__PURE__*/React.createElement("div", {
-      className: classnames(styles.arrow, mapArrowVariantToClass(variant))
-    })));
-  };
-  Popover.displayName = "Popover";
-  /**
-   * How to use:
-   *
-   * const [referenceElementRef, Popover] = usePopover()
-   *
-   * return (<>
-   *   <button ref={referenceElementRef}>
-   *     Hello world
-   *   </button>
-   *   <Popover>Hello world</Popover>
-   * </>)
-   *
-   * The purpose of this hook is to abstract away some of the awkwardness with the
-   * requirement of passing in refs with popper. We need to use `useState` instead
-   * of `useRef`, which may not be immediately intuitive.
-   *
-   * The popper documentation to help provide more context:
-   *   https://popper.js.org/react-popper/v2/hook/
-   */
-  return Popover;
-}();
-var usePopover = function () {
-  var _a = useState(null),
-    referenceElement = _a[0],
-    setReferenceElement = _a[1];
-  // I guess the problem with this pattern, is that every time referenceElement
-  // changes, a brand new component is generated, which would be bad for memoization.
-  // In this situation however, the value is rarely going to change, and
-  // popovers aren't going to include content with expensive render times.
-  var PopoverWithRef = useMemo(
-  // eslint-disable-next-line react/display-name
-  function () {
-    return function (props) {
-      return referenceElement ? ( /*#__PURE__*/React.createElement(Popover, __assign({}, props, {
-        referenceElement: referenceElement
-      }))) : null;
-    };
-  }, [referenceElement]);
-  return [setReferenceElement, PopoverWithRef];
-};
-export { Popover, usePopover };