@kaizen/components 1.27.0 → 1.29.0

package/dist/cjs/MultiSelect/subcomponents/Popover/Popover.cjs

@@ -2,7 +2,7 @@
 
 var tslib = require('tslib');
 var React = require('react');
-var reactDom$1 = require('react-dom');
+var ReactDOM = require('react-dom');
 var reactDom = require('@floating-ui/react-dom');
 var classnames = require('classnames');
 var reactFocusOn = require('react-focus-on');
@@ -36,7 +36,7 @@ const Popover = /*#__PURE__*/function () {
       })],
       whileElementsMounted: reactDom.autoUpdate
     }, floatingOptions)).floatingStyles;
-    return reactDom$1.createPortal(React.createElement(reactFocusOn.FocusOn, tslib.__assign({
+    return ReactDOM.createPortal(React.createElement(reactFocusOn.FocusOn, tslib.__assign({
       scrollLock: false
     }, focusOnProps), React.createElement("div", tslib.__assign({
       ref: refs.setFloating,

package/dist/cjs/MultiSelect/subcomponents/Popover/Popover.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.cjs","sources":["../../../../../src/MultiSelect/subcomponents/Popover/Popover.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { createPortal } from \"react-dom\"\nimport {\n  autoUpdate,\n  flip,\n  offset,\n  ReferenceType,\n  useFloating,\n  UseFloatingReturn,\n  UseFloatingOptions,\n  size,\n} from \"@floating-ui/react-dom\"\nimport classnames from \"classnames\"\nimport { FocusOn } from \"react-focus-on\"\nimport { ReactFocusOnProps } from \"react-focus-on/dist/es5/types\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Popover.module.scss\"\n\nexport type PopoverProps<RT extends ReferenceType = ReferenceType> = {\n  children: React.ReactNode\n  refs: UseFloatingReturn<RT>[\"refs\"]\n  /**\n   * passes in additional options / override for https://floating-ui.com/docs/tooltip#usefloating-hook\n   */\n  floatingOptions?: Omit<UseFloatingOptions, \"elements\">\n  focusOnProps?: Omit<ReactFocusOnProps, \"children\">\n  portalContainer?: Element | DocumentFragment\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const Popover = <RT extends ReferenceType>({\n  children,\n  refs,\n  floatingOptions,\n  focusOnProps,\n  portalContainer,\n  classNameOverride,\n  ...restProps\n}: PopoverProps<RT>): JSX.Element => {\n  const { floatingStyles } = useFloating({\n    elements: {\n      reference: refs.reference.current,\n      floating: refs.floating.current,\n    },\n    placement: \"bottom-start\",\n    middleware: [\n      offset(15),\n      flip(),\n      size({\n        apply({ availableWidth, availableHeight, elements }) {\n          Object.assign(elements.floating.style, {\n            maxWidth: `${Math.min(availableWidth, 400)}px`,\n            minWidth: `${Math.min(availableWidth, 196)}px`,\n            maxHeight: `${Math.min(availableHeight, 352)}px`,\n          })\n        },\n      }),\n    ],\n    whileElementsMounted: autoUpdate,\n    ...floatingOptions,\n  })\n\n  return createPortal(\n    <FocusOn scrollLock={false} {...focusOnProps}>\n      <div\n        ref={refs.setFloating}\n        style={floatingStyles}\n        className={classnames(styles.popover, classNameOverride)}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        {...restProps}\n      >\n        {children}\n      </div>\n    </FocusOn>,\n    portalContainer ?? document.body\n  )\n}\n\nPopover.displayName = \"Popover\"\n"],"names":["Popover","_a","children","refs","floatingOptions","focusOnProps","portalContainer","classNameOverride","restProps","__rest","floatingStyles","useFloating","__assign","elements","reference","current","floating","placement","middleware","offset","flip","size","apply","availableWidth","availableHeight","Object","assign","style","maxWidth","concat","Math","min","minWidth","maxHeight","whileElementsMounted","autoUpdate","createPortal","React","createElement","FocusOn","scrollLock","ref","setFloating","className","classnames","styles","popover","role","document","body","displayName"],"mappings":";;;;;;;;;MA6BaA,OAAO;EAAA,MAAPA,OAAO,GAAG,SAAAA,CAA2BC,EAQ/B,EAAA;IAPjB,IAAAC,QAAQ,cAAA;MACRC,IAAI,UAAA;MACJC,eAAe,qBAAA;MACfC,YAAY,kBAAA;MACZC,eAAe,qBAAA;MACfC,iBAAiB,uBAAA;MACdC,SAAS,GAPoCC,KAAA,CAAAA,MAAA,CAAAR,EAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,mBAAA,CAQjD,CADa;IAEJ,IAAAS,cAAc,GAAKC,QAAAA,CAAAA,WAAW,CAAAC,KAAA,CAAAA,QAAA,CAAA;MACpCC,QAAQ,EAAE;QACRC,SAAS,EAAEX,IAAI,CAACW,SAAS,CAACC,OAAO;QACjCC,QAAQ,EAAEb,IAAI,CAACa,QAAQ,CAACD;MACzB,CAAA;MACDE,SAAS,EAAE,cAAc;MACzBC,UAAU,EAAE,CACVC,QAAAA,CAAAA,MAAM,CAAC,EAAE,CAAC,EACVC,aAAI,CAAE,CAAA,EACNC,aAAI,CAAC;QACHC,KAAK,YAACrB,EAA6C,EAAA;UAA3C,IAAAsB,cAAc,oBAAA;YAAEC,eAAe,GAAAvB,EAAA,CAAAuB,eAAA;YAAEX,QAAQ,GAAAZ,EAAA,CAAAY,QAAA;UAC/CY,MAAM,CAACC,MAAM,CAACb,QAAQ,CAACG,QAAQ,CAACW,KAAK,EAAE;YACrCC,QAAQ,EAAE,EAAG,CAAAC,MAAA,CAAAC,IAAI,CAACC,GAAG,CAACR,cAAc,EAAE,GAAG,CAAC,EAAI,IAAA,CAAA;YAC9CS,QAAQ,EAAE,EAAG,CAAAH,MAAA,CAAAC,IAAI,CAACC,GAAG,CAACR,cAAc,EAAE,GAAG,CAAC,EAAI,IAAA,CAAA;YAC9CU,SAAS,EAAE,EAAG,CAAAJ,MAAA,CAAAC,IAAI,CAACC,GAAG,CAACP,eAAe,EAAE,GAAG,CAAC,EAAI,IAAA;UACjD,CAAA,CAAC;QACH;OACF,CAAC,CACH;MACDU,oBAAoB,EAAEC,QAAU,CAAAA;IAAA,GAC7B/B,eAAe,CAAA,CAClB,eArBoB;IAuBtB,OAAOgC,UAAY,CAAAA,YAAA,CACjBC,KAAC,CAAAC,aAAA,CAAAC,YAAO,CAAAA,OAAA;MAACC,UAAU,EAAE;IAAK,CAAA,EAAMnC,YAAY,CAAA,EAC1CgC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA1B,KAAA,CAAAA,QAAA,CAAA;MACE6B,GAAG,EAAEtC,IAAI,CAACuC,WAAW;MACrBf,KAAK,EAAEjB,cAAc;MACrBiC,SAAS,EAAEC,UAAU,CAACC,cAAM,CAACC,OAAO,EAAEvC,iBAAiB,CAAC;MACxDwC,IAAI,EAAC,QAAQ;oBACF;IAAM,CAAA,EACbvC,SAAS,CAEZ,EAAAN,QAAQ,CACL,CACE,EACVI,eAAe,KAAf,IAAA,IAAAA,eAAe,cAAfA,eAAe,GAAI0C,QAAQ,CAACC,IAAI,CACjC;EACH,CAAC;EAEDjD,OAAO,CAACkD,WAAW,GAAG,SAAS;EAAA,OAjDlBlD,OAAO;AAAA;"}
+{"version":3,"file":"Popover.cjs","sources":["../../../../../src/MultiSelect/subcomponents/Popover/Popover.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { createPortal } from \"react-dom\"\nimport {\n  autoUpdate,\n  flip,\n  offset,\n  ReferenceType,\n  useFloating,\n  UseFloatingReturn,\n  UseFloatingOptions,\n  size,\n} from \"@floating-ui/react-dom\"\nimport classnames from \"classnames\"\nimport { FocusOn } from \"react-focus-on\"\nimport { ReactFocusOnProps } from \"react-focus-on/dist/es5/types\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Popover.module.scss\"\n\nexport type PopoverProps<RT extends ReferenceType = ReferenceType> = {\n  children: React.ReactNode\n  refs: UseFloatingReturn<RT>[\"refs\"]\n  /**\n   * passes in additional options / override for https://floating-ui.com/docs/tooltip#usefloating-hook\n   */\n  floatingOptions?: Omit<UseFloatingOptions, \"elements\">\n  focusOnProps?: Omit<ReactFocusOnProps, \"children\">\n  portalContainer?: Element | DocumentFragment\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const Popover = <RT extends ReferenceType>({\n  children,\n  refs,\n  floatingOptions,\n  focusOnProps,\n  portalContainer,\n  classNameOverride,\n  ...restProps\n}: PopoverProps<RT>): JSX.Element => {\n  const { floatingStyles } = useFloating({\n    elements: {\n      reference: refs.reference.current,\n      floating: refs.floating.current,\n    },\n    placement: \"bottom-start\",\n    middleware: [\n      offset(15),\n      flip(),\n      size({\n        apply({ availableWidth, availableHeight, elements }) {\n          Object.assign(elements.floating.style, {\n            maxWidth: `${Math.min(availableWidth, 400)}px`,\n            minWidth: `${Math.min(availableWidth, 196)}px`,\n            maxHeight: `${Math.min(availableHeight, 352)}px`,\n          })\n        },\n      }),\n    ],\n    whileElementsMounted: autoUpdate,\n    ...floatingOptions,\n  })\n\n  return createPortal(\n    <FocusOn scrollLock={false} {...focusOnProps}>\n      <div\n        ref={refs.setFloating}\n        style={floatingStyles}\n        className={classnames(styles.popover, classNameOverride)}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        {...restProps}\n      >\n        {children}\n      </div>\n    </FocusOn>,\n    portalContainer ?? document.body\n  )\n}\n\nPopover.displayName = \"Popover\"\n"],"names":["Popover","_a","children","refs","floatingOptions","focusOnProps","portalContainer","classNameOverride","restProps","__rest","floatingStyles","useFloating","__assign","elements","reference","current","floating","placement","middleware","offset","flip","size","apply","availableWidth","availableHeight","Object","assign","style","maxWidth","concat","Math","min","minWidth","maxHeight","whileElementsMounted","autoUpdate","createPortal","React","createElement","FocusOn","scrollLock","ref","setFloating","className","classnames","styles","popover","role","document","body","displayName"],"mappings":";;;;;;;;;MA6BaA,OAAO;EAAA,MAAPA,OAAO,GAAG,SAAAA,CAA2BC,EAQ/B,EAAA;IAPjB,IAAAC,QAAQ,cAAA;MACRC,IAAI,UAAA;MACJC,eAAe,qBAAA;MACfC,YAAY,kBAAA;MACZC,eAAe,qBAAA;MACfC,iBAAiB,uBAAA;MACdC,SAAS,GAPoCC,KAAA,CAAAA,MAAA,CAAAR,EAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,mBAAA,CAQjD,CADa;IAEJ,IAAAS,cAAc,GAAKC,QAAAA,CAAAA,WAAW,CAAAC,KAAA,CAAAA,QAAA,CAAA;MACpCC,QAAQ,EAAE;QACRC,SAAS,EAAEX,IAAI,CAACW,SAAS,CAACC,OAAO;QACjCC,QAAQ,EAAEb,IAAI,CAACa,QAAQ,CAACD;MACzB,CAAA;MACDE,SAAS,EAAE,cAAc;MACzBC,UAAU,EAAE,CACVC,QAAAA,CAAAA,MAAM,CAAC,EAAE,CAAC,EACVC,aAAI,CAAE,CAAA,EACNC,aAAI,CAAC;QACHC,KAAK,YAACrB,EAA6C,EAAA;UAA3C,IAAAsB,cAAc,oBAAA;YAAEC,eAAe,GAAAvB,EAAA,CAAAuB,eAAA;YAAEX,QAAQ,GAAAZ,EAAA,CAAAY,QAAA;UAC/CY,MAAM,CAACC,MAAM,CAACb,QAAQ,CAACG,QAAQ,CAACW,KAAK,EAAE;YACrCC,QAAQ,EAAE,EAAG,CAAAC,MAAA,CAAAC,IAAI,CAACC,GAAG,CAACR,cAAc,EAAE,GAAG,CAAC,EAAI,IAAA,CAAA;YAC9CS,QAAQ,EAAE,EAAG,CAAAH,MAAA,CAAAC,IAAI,CAACC,GAAG,CAACR,cAAc,EAAE,GAAG,CAAC,EAAI,IAAA,CAAA;YAC9CU,SAAS,EAAE,EAAG,CAAAJ,MAAA,CAAAC,IAAI,CAACC,GAAG,CAACP,eAAe,EAAE,GAAG,CAAC,EAAI,IAAA;UACjD,CAAA,CAAC;QACH;OACF,CAAC,CACH;MACDU,oBAAoB,EAAEC,QAAU,CAAAA;IAAA,GAC7B/B,eAAe,CAAA,CAClB,eArBoB;IAuBtB,OAAOgC,QAAY,CAAAA,YAAA,CACjBC,KAAC,CAAAC,aAAA,CAAAC,YAAO,CAAAA,OAAA;MAACC,UAAU,EAAE;IAAK,CAAA,EAAMnC,YAAY,CAAA,EAC1CgC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA1B,KAAA,CAAAA,QAAA,CAAA;MACE6B,GAAG,EAAEtC,IAAI,CAACuC,WAAW;MACrBf,KAAK,EAAEjB,cAAc;MACrBiC,SAAS,EAAEC,UAAU,CAACC,cAAM,CAACC,OAAO,EAAEvC,iBAAiB,CAAC;MACxDwC,IAAI,EAAC,QAAQ;oBACF;IAAM,CAAA,EACbvC,SAAS,CAEZ,EAAAN,QAAQ,CACL,CACE,EACVI,eAAe,KAAf,IAAA,IAAAA,eAAe,cAAfA,eAAe,GAAI0C,QAAQ,CAACC,IAAI,CACjC;EACH,CAAC;EAEDjD,OAAO,CAACkD,WAAW,GAAG,SAAS;EAAA,OAjDlBlD,OAAO;AAAA;"}

package/dist/cjs/Pagination/Pagination.cjs

@@ -0,0 +1,116 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var DirectionalLink = require('./subcomponents/DirectionalLink/DirectionalLink.cjs');
+var PaginationLink = require('./subcomponents/PaginationLink/PaginationLink.cjs');
+var TruncateIndicator = require('./subcomponents/TruncateIndicator/TruncateIndicator.cjs');
+var createRange = require('./utils/createRange.cjs');
+var Pagination_module = require('./Pagination.module.scss.cjs');
+
+/**
+ * {@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 = tslib.__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 React.createElement(PaginationLink.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.createRange(1, pageCount).map(paginationIndicator);
+    } else {
+      // Calculate group of first pages
+      var firstPagesStart = 1;
+      var firstPagesEnd = boundaryPagesRange;
+      var firstPages = createRange.createRange(firstPagesStart, firstPagesEnd).map(paginationIndicator);
+      // Calculate group of last pages
+      var lastPagesStart = pageCount + 1 - boundaryPagesRange;
+      var lastPagesEnd = pageCount;
+      var lastPages = createRange.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.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) : React.createElement(TruncateIndicator.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) : React.createElement(TruncateIndicator.TruncateIndicator, {
+        key: secondEllipsisPageNumber
+      }));
+      // Add group of last pages
+      items.push.apply(items, lastPages);
+    }
+    return items;
+  };
+  var previousPageDisabled = currentPage <= 1;
+  var nextPageDisabled = currentPage >= pageCount;
+  return React.createElement("nav", tslib.__assign({
+    className: classnames(Pagination_module.container, classNameOverride)
+  }, restProps), React.createElement(DirectionalLink.DirectionalLink, {
+    label: ariaLabelPreviousPage,
+    direction: "prev",
+    disabled: previousPageDisabled,
+    onClick: function () {
+      return handleButtonClick("prev");
+    }
+  }), React.createElement("div", {
+    className: Pagination_module.pagesIndicatorWrapper
+  }, pagination()), React.createElement(DirectionalLink.DirectionalLink, {
+    label: ariaLabelNextPage,
+    direction: "next",
+    disabled: nextPageDisabled,
+    onClick: function () {
+      return handleButtonClick("next");
+    }
+  }));
+};
+exports.Pagination = Pagination;
+//# sourceMappingURL=Pagination.cjs.map

package/dist/cjs/Pagination/Pagination.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.cjs","sources":["../../../src/Pagination/Pagination.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { DirectionalLink } from \"./subcomponents/DirectionalLink\"\nimport { PaginationLink } from \"./subcomponents/PaginationLink\"\nimport { TruncateIndicator } from \"./subcomponents/TruncateIndicator\"\nimport { createRange } from \"./utils/createRange\"\nimport styles from \"./Pagination.module.scss\"\n\nexport type PaginationProps = {\n  currentPage: number\n  pageCount: number\n  ariaLabelNextPage: string\n  ariaLabelPreviousPage: string\n  ariaLabelPage: string\n  onPageChange: (newPage: number) => void\n} & OverrideClassName<HTMLAttributes<HTMLElement>>\n\ntype PageAction = \"prev\" | \"next\"\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092975/Pagination Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-pagination--docs Storybook}\n */\nexport const Pagination = ({\n  currentPage = 1,\n  pageCount,\n  ariaLabelNextPage,\n  ariaLabelPreviousPage,\n  ariaLabelPage,\n  onPageChange,\n  classNameOverride,\n  ...restProps\n}: PaginationProps): JSX.Element => {\n  // Click event for all pagination buttons (next, prev, and the actual numbers)\n  const handleButtonClick = (newPage: number | PageAction): void => {\n    if (newPage === \"prev\") {\n      onPageChange(currentPage - 1)\n      return\n    }\n    if (newPage === \"next\") {\n      onPageChange(currentPage + 1)\n      return\n    }\n    onPageChange(newPage)\n  }\n\n  const paginationIndicator = (page: number): JSX.Element => (\n    <PaginationLink\n      key={page}\n      pageNumber={page}\n      isActive={currentPage === page}\n      aria-label={`${ariaLabelPage} ${page}`}\n      onClick={() => handleButtonClick(page)}\n    />\n  )\n\n  const pagination = (): JSX.Element[] => {\n    const items: JSX.Element[] = []\n\n    const boundaryPagesRange = 1\n    const siblingPagesRange = 1\n\n    // truncateSize is 1 now but could be 0 if we add the ability to hide it.\n    const truncateSize = 1\n\n    const showAllPages =\n      1 + 2 * truncateSize + 2 * siblingPagesRange + 2 * boundaryPagesRange >=\n      pageCount\n\n    // Simplify generation of pages if number of available items is equal or greater than total pages to show\n    if (showAllPages) {\n      return createRange(1, pageCount).map(paginationIndicator)\n    } else {\n      // Calculate group of first pages\n      const firstPagesStart = 1\n      const firstPagesEnd = boundaryPagesRange\n      const firstPages = createRange(firstPagesStart, firstPagesEnd).map(\n        paginationIndicator\n      )\n\n      // Calculate group of last pages\n      const lastPagesStart = pageCount + 1 - boundaryPagesRange\n      const lastPagesEnd = pageCount\n      const lastPages = createRange(lastPagesStart, lastPagesEnd).map(\n        paginationIndicator\n      )\n\n      // Calculate group of main pages\n      const mainPagesStart = Math.min(\n        Math.max(\n          currentPage - siblingPagesRange,\n          firstPagesEnd + truncateSize + 1\n        ),\n        lastPagesStart - truncateSize - 2 * siblingPagesRange - 1\n      )\n      const mainPagesEnd = mainPagesStart + 2 * siblingPagesRange\n      const mainPages = createRange(mainPagesStart, mainPagesEnd).map(\n        paginationIndicator\n      )\n\n      // Add group of first pages\n      items.push(...firstPages)\n\n      // Calculate and add truncate before group of main pages\n      const firstEllipsisPageNumber = mainPagesStart - 1\n      const showPageInsteadOfFirstEllipsis =\n        firstEllipsisPageNumber === firstPagesEnd + 1\n      items.push(\n        showPageInsteadOfFirstEllipsis ? (\n          paginationIndicator(firstEllipsisPageNumber)\n        ) : (\n          <TruncateIndicator key={firstEllipsisPageNumber} />\n        )\n      )\n\n      // Add group of main pages\n      items.push(...mainPages)\n\n      // Calculate and add truncate after group of main pages\n      const secondEllipsisPageNumber = mainPagesEnd + 1\n      const showPageInsteadOfSecondEllipsis =\n        secondEllipsisPageNumber === lastPagesStart - 1\n      items.push(\n        showPageInsteadOfSecondEllipsis ? (\n          paginationIndicator(secondEllipsisPageNumber)\n        ) : (\n          <TruncateIndicator key={secondEllipsisPageNumber} />\n        )\n      )\n\n      // Add group of last pages\n      items.push(...lastPages)\n    }\n    return items\n  }\n\n  const previousPageDisabled = currentPage <= 1\n  const nextPageDisabled = currentPage >= pageCount\n\n  return (\n    <nav\n      className={classnames(styles.container, classNameOverride)}\n      {...restProps}\n    >\n      <DirectionalLink\n        label={ariaLabelPreviousPage}\n        direction=\"prev\"\n        disabled={previousPageDisabled}\n        onClick={(): void => handleButtonClick(\"prev\")}\n      />\n\n      <div className={styles.pagesIndicatorWrapper}>{pagination()}</div>\n\n      <DirectionalLink\n        label={ariaLabelNextPage}\n        direction=\"next\"\n        disabled={nextPageDisabled}\n        onClick={(): void => handleButtonClick(\"next\")}\n      />\n    </nav>\n  )\n}\n"],"names":["Pagination","_a","_b","currentPage","pageCount","ariaLabelNextPage","ariaLabelPreviousPage","ariaLabelPage","onPageChange","classNameOverride","restProps","__rest","handleButtonClick","newPage","paginationIndicator","page","React","PaginationLink","key","pageNumber","isActive","concat","onClick","pagination","items","boundaryPagesRange","siblingPagesRange","truncateSize","showAllPages","createRange","map","firstPagesStart","firstPagesEnd","firstPages","lastPagesStart","lastPagesEnd","lastPages","mainPagesStart","Math","min","max","mainPagesEnd","mainPages","push","apply","firstEllipsisPageNumber","showPageInsteadOfFirstEllipsis","createElement","TruncateIndicator","secondEllipsisPageNumber","showPageInsteadOfSecondEllipsis","previousPageDisabled","nextPageDisabled","__assign","className","classnames","styles","container","DirectionalLink","label","direction","disabled","pagesIndicatorWrapper"],"mappings":"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"}

package/dist/cjs/Pagination/Pagination.module.scss.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+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"
+};
+module.exports = styles;
+//# sourceMappingURL=Pagination.module.scss.cjs.map

package/dist/cjs/Pagination/Pagination.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/cjs/{Button → Pagination/subcomponents}/DirectionalLink/DirectionalLink.cjs

@@ -3,12 +3,12 @@
 var tslib = require('tslib');
 var React = require('react');
 require('uuid');
-require('../../Icon/subcomponents/SVG/SVG.cjs');
-var ArrowBackwardIcon = require('../../Icon/ArrowBackwardIcon.cjs');
-var ArrowForwardIcon = require('../../Icon/ArrowForwardIcon.cjs');
-var EndIcon = require('../../Icon/EndIcon.cjs');
-var StartIcon = require('../../Icon/StartIcon.cjs');
-var GenericButton = require('../GenericButton/GenericButton.cjs');
+require('../../../Icon/subcomponents/SVG/SVG.cjs');
+var ArrowBackwardIcon = require('../../../Icon/ArrowBackwardIcon.cjs');
+var ArrowForwardIcon = require('../../../Icon/ArrowForwardIcon.cjs');
+var EndIcon = require('../../../Icon/EndIcon.cjs');
+var StartIcon = require('../../../Icon/StartIcon.cjs');
+var GenericButton = require('../../../Button/GenericButton/GenericButton.cjs');
 var iconMap = {
   prev: React.createElement(ArrowBackwardIcon.ArrowBackwardIcon, {
     role: "presentation"

package/dist/cjs/Pagination/subcomponents/DirectionalLink/DirectionalLink.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DirectionalLink.cjs","sources":["../../../../../src/Pagination/subcomponents/DirectionalLink/DirectionalLink.tsx"],"sourcesContent":["import React from \"react\"\nimport {\n  ArrowBackwardIcon,\n  ArrowForwardIcon,\n  EndIcon,\n  StartIcon,\n} from \"~components/Icon\"\nimport { GenericButton, GenericProps } from \"../../../Button/GenericButton\"\n\nexport type DirectionalLinkProps = {\n  label: string\n  disabled?: boolean\n  direction: \"prev\" | \"next\" | \"start\" | \"end\"\n} & GenericProps\n\nconst iconMap = {\n  prev: <ArrowBackwardIcon role=\"presentation\" />,\n  next: <ArrowForwardIcon role=\"presentation\" />,\n  start: <StartIcon role=\"presentation\" />,\n  end: <EndIcon role=\"presentation\" />,\n}\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092975/Pagination Guidance} |\n * {@link https://cultureamp.design/?path=/story/components-buttons-directionallink--docs Storybook}\n */\nexport const DirectionalLink = (props: DirectionalLinkProps): JSX.Element => (\n  <GenericButton\n    {...props}\n    iconButton\n    directionalLink\n    icon={iconMap[props.direction]}\n  />\n)\n\nDirectionalLink.defaultProps = {\n  reversed: false,\n  disabled: false,\n}\n\nDirectionalLink.displayName = \"DirectionalLink\"\n"],"names":["iconMap","prev","React","createElement","ArrowBackwardIcon","role","next","ArrowForwardIcon","start","StartIcon","end","EndIcon","DirectionalLink","props","GenericButton","__assign","iconButton","directionalLink","icon","direction","defaultProps","reversed","disabled","displayName"],"mappings":";;;;;;;;;;;AAeA,IAAMA,OAAO,GAAG;EACdC,IAAI,EAAEC,KAAC,CAAAC,aAAA,CAAAC,iBAAiB,CAAAA,iBAAA;IAACC,IAAI,EAAC;GAAiB,CAAA;EAC/CC,IAAI,EAAEJ,KAAC,CAAAC,aAAA,CAAAI,gBAAgB,CAAAA,gBAAA;IAACF,IAAI,EAAC;GAAiB,CAAA;EAC9CG,KAAK,EAAEN,KAAC,CAAAC,aAAA,CAAAM,SAAS,CAAAA,SAAA;IAACJ,IAAI,EAAC;GAAiB,CAAA;EACxCK,GAAG,EAAER,KAAC,CAAAC,aAAA,CAAAQ,OAAO,CAAAA,OAAA;IAACN,IAAI,EAAC;GAAiB;CACrC;AAED;;;AAGG;AAHH,MAIaO,eAAe;EAAA,MAAfA,eAAe,GAAG,SAAAA,CAACC,KAA2B,EAAkB;IAAA,OAC3EX,KAAA,CAAAC,aAAA,CAACW,2BAAa,EAAAC,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EACRF,KAAK,EACT;MAAAG,UAAU,EACV,IAAA;MAAAC,eAAe,EACf,IAAA;MAAAC,IAAI,EAAElB,OAAO,CAACa,KAAK,CAACM,SAAS;KAAC,CAAA,CAC9B;EACH,CAAA;EAEDP,eAAe,CAACQ,YAAY,GAAG;IAC7BC,QAAQ,EAAE,KAAK;IACfC,QAAQ,EAAE;GACX;EAEDV,eAAe,CAACW,WAAW,GAAG,iBAAiB;EAAA,OAdlCX,eAAe;AAAA;"}

package/dist/cjs/{Button → Pagination/subcomponents}/PaginationLink/PaginationLink.cjs

@@ -2,7 +2,7 @@
 
 var tslib = require('tslib');
 var React = require('react');
-var GenericButton = require('../GenericButton/GenericButton.cjs');
+var GenericButton = require('../../../Button/GenericButton/GenericButton.cjs');
 
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092975/Pagination Guidance} |

package/dist/cjs/Pagination/subcomponents/PaginationLink/PaginationLink.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationLink.cjs","sources":["../../../../../src/Pagination/subcomponents/PaginationLink/PaginationLink.tsx"],"sourcesContent":["import React from \"react\"\nimport { GenericProps, GenericButton } from \"../../../Button/GenericButton\"\n\nexport type PaginationLinkProps = GenericProps & {\n  pageNumber: number\n  isActive?: boolean\n  /* A description for screen readers to understand because label used here is a number */\n  \"aria-label\": string\n}\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092975/Pagination Guidance} |\n * {@link https://cultureamp.design/?path=/story/components-buttons-paginationlink--docs Storybook}\n */\nexport const PaginationLink = ({\n  pageNumber,\n  ...restProps\n}: PaginationLinkProps): JSX.Element => (\n  <GenericButton {...restProps} paginationLink label={`${pageNumber}`} />\n)\n\nPaginationLink.defaultProps = {\n  reversed: false,\n  isActive: false,\n}\n\nPaginationLink.displayName = \"PaginationLink\"\n"],"names":["PaginationLink","_a","pageNumber","restProps","__rest","React","createElement","GenericButton","__assign","paginationLink","label","concat","defaultProps","reversed","isActive","displayName"],"mappings":";;;;;;AAUA;;;AAGG;AAHH,MAIaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAACC,EAGT,EAAA;IAFpB,IAAAC,UAAU,GAAAD,EAAA,CAAAC,UAAA;MACPC,SAAS,GAAAC,KAAAA,CAAAA,MAAA,CAAAH,EAAA,EAFiB,cAG9B,CADa;IAC0B,OACtCI,KAAA,CAAAC,aAAA,CAACC,aAAAA,CAAAA,aAAa,EAAAC,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAKL,SAAS,EAAE;MAAAM,cAAc,EAAC,IAAA;MAAAC,KAAK,EAAE,EAAG,CAAAC,MAAA,CAAAT,UAAU;IAAE,CAAA,CAAA,CAAI;GACxE;EAEDF,cAAc,CAACY,YAAY,GAAG;IAC5BC,QAAQ,EAAE,KAAK;IACfC,QAAQ,EAAE;GACX;EAEDd,cAAc,CAACe,WAAW,GAAG,gBAAgB;EAAA,OAZhCf,cAAc;AAAA;"}

package/dist/cjs/Pagination/subcomponents/TruncateIndicator/TruncateIndicator.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+var React = require('react');
+require('tslib');
+require('uuid');
+require('../../../Icon/subcomponents/SVG/SVG.cjs');
+var EllipsisIcon = require('../../../Icon/EllipsisIcon.cjs');
+var TruncateIndicator_module = require('./TruncateIndicator.module.scss.cjs');
+var TruncateIndicator = function () {
+  return React.createElement("div", {
+    className: TruncateIndicator_module.truncateIndicatorWrapper,
+    "data-testid": "truncate-indicator"
+  }, React.createElement(EllipsisIcon.EllipsisIcon, {
+    role: "presentation"
+  }));
+};
+exports.TruncateIndicator = TruncateIndicator;
+//# sourceMappingURL=TruncateIndicator.cjs.map

package/dist/cjs/Pagination/subcomponents/TruncateIndicator/TruncateIndicator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TruncateIndicator.cjs","sources":["../../../../../src/Pagination/subcomponents/TruncateIndicator/TruncateIndicator.tsx"],"sourcesContent":["import React from \"react\"\nimport { EllipsisIcon } from \"~components/Icon\"\nimport styles from \"./TruncateIndicator.module.scss\"\n\nexport const TruncateIndicator = (): JSX.Element => (\n  <div\n    className={styles.truncateIndicatorWrapper}\n    data-testid=\"truncate-indicator\"\n  >\n    <EllipsisIcon role=\"presentation\" />\n  </div>\n)\n"],"names":["TruncateIndicator","React","createElement","className","styles","truncateIndicatorWrapper","EllipsisIcon","role"],"mappings":";;;;;;;;AAIO,IAAMA,iBAAiB,GAAG,SAAAA,CAAA;EAAmB,OAClDC,KACE,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAAC,SAAS,EAAEC,wBAAM,CAACC,wBAAwB;mBAC9B;EAAoB,CAAA,EAEhCJ,KAAC,CAAAC,aAAA,CAAAI,YAAY,CAAAA,YAAA,EAAC;IAAAC,IAAI,EAAC;IAAiB,CAChC;AAN4C,CAAA;"}

package/dist/cjs/Pagination/subcomponents/TruncateIndicator/TruncateIndicator.module.scss.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var styles = {
+  "truncateIndicatorWrapper": "TruncateIndicator-module_truncateIndicatorWrapper__FgApk"
+};
+module.exports = styles;
+//# sourceMappingURL=TruncateIndicator.module.scss.cjs.map

package/dist/cjs/Pagination/subcomponents/TruncateIndicator/TruncateIndicator.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TruncateIndicator.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/cjs/Pagination/utils/createRange.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var createRange = function (start, end) {
+  var range = [];
+  for (var i = start; i <= end; i++) {
+    range.push(i);
+  }
+  return range;
+};
+exports.createRange = createRange;
+//# sourceMappingURL=createRange.cjs.map

package/dist/cjs/Pagination/utils/createRange.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createRange.cjs","sources":["../../../../src/Pagination/utils/createRange.ts"],"sourcesContent":["export const createRange = (start: number, end: number): number[] => {\n  const range: number[] = []\n\n  for (let i = start; i <= end; i++) {\n    range.push(i)\n  }\n\n  return range\n}\n"],"names":["createRange","start","end","range","i","push"],"mappings":";;AAAa,IAAAA,WAAW,GAAG,SAAAA,CAACC,KAAa,EAAEC,GAAW,EAAA;EACpD,IAAMC,KAAK,GAAa,EAAE;EAE1B,KAAK,IAAIC,CAAC,GAAGH,KAAK,EAAEG,CAAC,IAAIF,GAAG,EAAEE,CAAC,EAAE,EAAE;IACjCD,KAAK,CAACE,IAAI,CAACD,CAAC,CAAC;EACd;EAED,OAAOD,KAAK;AACd,CAAA;"}

package/dist/cjs/Popover/Popover.cjs

@@ -0,0 +1,158 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var reactPopper = require('react-popper');
+var Heading = require('../Heading/Heading.cjs');
+require('uuid');
+require('../Icon/subcomponents/SVG/SVG.cjs');
+var CloseIcon = require('../Icon/CloseIcon.cjs');
+var Text = require('../Text/Text.cjs');
+var classMappers = require('./utils/classMappers.cjs');
+var Popover_module = require('./Popover.module.scss.cjs');
+
+// 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 = tslib.__rest(_a, ["children", "variant", "placement", "size", "heading", "dismissible", "onClose", "singleLine", "customIcon", "referenceElement", "classNameOverride"]);
+    var _g = React.useState(null),
+      popperElement = _g[0],
+      setPopperElement = _g[1];
+    var _h = React.useState(null),
+      arrowElement = _h[0],
+      setArrowElement = _h[1];
+    var _j = reactPopper.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 React.createElement("div", tslib.__assign({
+      ref: setPopperElement,
+      style: popperStyles.popper
+    }, attributes.popper, {
+      className: classnames(Popover_module.root, classMappers.mapSizeToClass(size), classNameOverride)
+    }, restProps), React.createElement("div", {
+      className: classMappers.mapVariantToBoxClass(variant)
+    }, heading && React.createElement("div", {
+      className: Popover_module.header
+    }, variant !== "default" && React.createElement("span", {
+      className: classnames(Popover_module.icon, classMappers.mapVariantToIconClass(variant))
+    }, customIcon !== null && customIcon !== void 0 ? customIcon : classMappers.mapVariantToIcon(variant)), React.createElement(Heading.Heading, {
+      variant: "heading-6",
+      classNameOverride: Popover_module.singleLine
+    }, heading), dismissible && React.createElement("button", {
+      className: Popover_module.close,
+      onClick: onClose,
+      type: "button",
+      "aria-label": "close"
+    }, React.createElement(CloseIcon.CloseIcon, {
+      role: "presentation"
+    }))), React.createElement(Text.Text, {
+      variant: "small",
+      classNameOverride: classnames(Popover_module.container, classMappers.mapLineVariant(singleLine))
+    }, children)), React.createElement("div", {
+      ref: setArrowElement,
+      style: popperStyles.arrow,
+      className: Popover_module.arrowWrapper
+    }, React.createElement("div", {
+      className: classnames(Popover_module.arrow, classMappers.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 = React.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 = React.useMemo(
+  // eslint-disable-next-line react/display-name
+  function () {
+    return function (props) {
+      return referenceElement ? React.createElement(Popover, tslib.__assign({}, props, {
+        referenceElement: referenceElement
+      })) : null;
+    };
+  }, [referenceElement]);
+  return [setReferenceElement, PopoverWithRef];
+};
+exports.Popover = Popover;
+exports.usePopover = usePopover;
+//# sourceMappingURL=Popover.cjs.map

package/dist/cjs/Popover/Popover.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.cjs","sources":["../../../src/Popover/Popover.tsx"],"sourcesContent":["import React, { HTMLAttributes, useMemo, useState } from \"react\"\nimport classnames from \"classnames\"\nimport { usePopper } from \"react-popper\"\nimport { Heading } from \"~components/Heading\"\nimport { CloseIcon } from \"~components/Icon\"\nimport { Text } from \"~components/Text\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { Placement, PopoverSize, PopoverVariant } from \"./types\"\nimport {\n  mapArrowVariantToClass,\n  mapLineVariant,\n  mapSizeToClass,\n  mapVariantToBoxClass,\n  mapVariantToIcon,\n  mapVariantToIconClass,\n} from \"./utils/classMappers\"\nimport styles from \"./Popover.module.scss\"\n\nexport type PopoverProps = {\n  children: React.ReactNode\n  variant?: PopoverVariant\n  placement?: Placement\n  size?: PopoverSize\n  heading?: string\n  dismissible?: boolean\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void\n  singleLine?: boolean\n  /**\n   * For almost all intents and purposes, you should be using a pre-defined variant.\n   * Please avoid using a custom icon unless you have a very good reason to do so.\n   */\n  customIcon?: JSX.Element\n  referenceElement: HTMLElement | null\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\n// Sync with styles.scss\nconst arrowWidth = 14\nconst arrowHeight = 7\n\n/**\n * {@link https://cultureamp.design/components/popover/ Guidance} |\n * {@link https://cultureamp.design/storybook/?path=/docs/components-popover--default-kaizen-site-demo Storybook}\n */\nexport const Popover = ({\n  children,\n  variant = \"default\",\n  placement = \"top\",\n  size = \"small\",\n  heading,\n  dismissible = false,\n  onClose,\n  singleLine = false,\n  customIcon,\n  referenceElement,\n  classNameOverride,\n  ...restProps\n}: PopoverProps): JSX.Element => {\n  const [popperElement, setPopperElement] = useState<HTMLDivElement | null>(\n    null\n  )\n  const [arrowElement, setArrowElement] = useState<HTMLDivElement | null>(null)\n  const { styles: popperStyles, attributes } = usePopper(\n    referenceElement,\n    popperElement,\n    {\n      modifiers: [\n        {\n          name: \"arrow\",\n          options: {\n            element: arrowElement,\n            // Ensures that the arrow doesn't go too far to the left or right\n            // of the tooltip.\n            padding: arrowWidth / 2 + 10,\n          },\n        },\n        {\n          name: \"offset\",\n          options: {\n            offset: [0, arrowHeight + 6],\n          },\n        },\n        {\n          name: \"preventOverflow\",\n          options: {\n            // Makes sure that the popover isn't flush up against the end of the\n            // viewport\n            padding: 8,\n            altAxis: true,\n            altBoundary: true,\n            tetherOffset: 50,\n          },\n        },\n        {\n          name: \"flip\",\n          options: {\n            padding: 8,\n            altBoundary: true,\n            fallbackPlacements: [\"left\", \"top\", \"bottom\", \"right\"],\n          },\n        },\n      ],\n      placement,\n    }\n  )\n\n  return (\n    <div\n      ref={setPopperElement}\n      style={popperStyles.popper}\n      {...attributes.popper}\n      className={classnames(\n        styles.root,\n        mapSizeToClass(size),\n        classNameOverride\n      )}\n      {...restProps}\n    >\n      <div className={mapVariantToBoxClass(variant)}>\n        {heading && (\n          <div className={styles.header}>\n            {variant !== \"default\" && (\n              <span\n                className={classnames(\n                  styles.icon,\n                  mapVariantToIconClass(variant)\n                )}\n              >\n                {customIcon ?? mapVariantToIcon(variant)}\n              </span>\n            )}\n            <Heading variant=\"heading-6\" classNameOverride={styles.singleLine}>\n              {heading}\n            </Heading>\n            {dismissible && (\n              <button\n                className={styles.close}\n                onClick={onClose}\n                type=\"button\"\n                aria-label=\"close\"\n              >\n                <CloseIcon role=\"presentation\" />\n              </button>\n            )}\n          </div>\n        )}\n        <Text\n          variant=\"small\"\n          classNameOverride={classnames(\n            styles.container,\n            mapLineVariant(singleLine)\n          )}\n        >\n          {children}\n        </Text>\n      </div>\n      <div\n        ref={setArrowElement}\n        style={popperStyles.arrow}\n        className={styles.arrowWrapper}\n      >\n        <div\n          className={classnames(styles.arrow, mapArrowVariantToClass(variant))}\n        />\n      </div>\n    </div>\n  )\n}\n\nPopover.displayName = \"Popover\"\n\ntype PopoverPropsWithoutRef = Omit<PopoverProps, \"referenceElement\">\n\n/**\n * How to use:\n *\n * const [referenceElementRef, Popover] = usePopover()\n *\n * return (<>\n *   <button ref={referenceElementRef}>\n *     Hello world\n *   </button>\n *   <Popover>Hello world</Popover>\n * </>)\n *\n * The purpose of this hook is to abstract away some of the awkwardness with the\n * requirement of passing in refs with popper. We need to use `useState` instead\n * of `useRef`, which may not be immediately intuitive.\n *\n * The popper documentation to help provide more context:\n *   https://popper.js.org/react-popper/v2/hook/\n */\nexport const usePopover = (): [\n  (element: HTMLElement | null) => void,\n  (props: PopoverPropsWithoutRef) => JSX.Element | null,\n] => {\n  const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(\n    null\n  )\n\n  // I guess the problem with this pattern, is that every time referenceElement\n  // changes, a brand new component is generated, which would be bad for memoization.\n  // In this situation however, the value is rarely going to change, and\n  // popovers aren't going to include content with expensive render times.\n  const PopoverWithRef = useMemo(\n    // eslint-disable-next-line react/display-name\n    () => (props: PopoverPropsWithoutRef) =>\n      referenceElement ? (\n        <Popover {...props} referenceElement={referenceElement} />\n      ) : null,\n    [referenceElement]\n  )\n\n  return [setReferenceElement, PopoverWithRef]\n}\n"],"names":["arrowWidth","arrowHeight","Popover","_a","children","_b","variant","_c","placement","_d","size","heading","_e","dismissible","onClose","_f","singleLine","customIcon","referenceElement","classNameOverride","restProps","__rest","_g","useState","popperElement","setPopperElement","_h","arrowElement","setArrowElement","_j","usePopper","modifiers","name","options","element","padding","offset","altAxis","altBoundary","tetherOffset","fallbackPlacements","popperStyles","styles","attributes","React","createElement","__assign","ref","style","popper","className","classnames","root","mapSizeToClass","mapVariantToBoxClass","header","icon","mapVariantToIconClass","mapVariantToIcon","Heading","close","onClick","type","CloseIcon","role","Text","container","mapLineVariant","arrow","arrowWrapper","mapArrowVariantToClass","displayName","usePopover","setReferenceElement","PopoverWithRef","useMemo","props"],"mappings":"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"}

package/dist/cjs/Popover/Popover.module.scss.cjs

@@ -0,0 +1,36 @@
+'use strict';
+
+var styles = {
+  "root": "Popover-module_root__OrmwT",
+  "cautionaryBox": "Popover-module_cautionaryBox__n7c9G",
+  "negativeBox": "Popover-module_negativeBox__dS4tj",
+  "positiveBox": "Popover-module_positiveBox__fUR-4",
+  "informativeBox": "Popover-module_informativeBox__c0Pen",
+  "defaultBox": "Popover-module_defaultBox__X9FWm",
+  "defaultArrow": "Popover-module_defaultArrow__6rN-3",
+  "informativeArrow": "Popover-module_informativeArrow__ZWiUz",
+  "positiveArrow": "Popover-module_positiveArrow__ApDyE",
+  "negativeArrow": "Popover-module_negativeArrow__BpNUL",
+  "cautionaryArrow": "Popover-module_cautionaryArrow__YRo-K",
+  "header": "Popover-module_header__b3DtD",
+  "container": "Popover-module_container__JwR7Q",
+  "icon": "Popover-module_icon__6S-3a",
+  "informativeIcon": "Popover-module_informativeIcon__WqmCv",
+  "positiveIcon": "Popover-module_positiveIcon__wyqmw",
+  "negativeIcon": "Popover-module_negativeIcon__Bb7-e",
+  "cautionaryIcon": "Popover-module_cautionaryIcon__rptji",
+  "close": "Popover-module_close__8h4Rt",
+  "arrowWrapper": "Popover-module_arrowWrapper__DiE3-",
+  "arrow": "Popover-module_arrow__PS4V6",
+  "arrowSideTop": "Popover-module_arrowSideTop__JoORK",
+  "arrowSideLeft": "Popover-module_arrowSideLeft__2Zhqb",
+  "arrowSideRight": "Popover-module_arrowSideRight__fHKWI",
+  "arrowSideBottom": "Popover-module_arrowSideBottom__mBr5k",
+  "arrowPositionCenter": "Popover-module_arrowPositionCenter__l8V0-",
+  "arrowPositionStart": "Popover-module_arrowPositionStart__eXyu0",
+  "arrowPositionEnd": "Popover-module_arrowPositionEnd__UY4MU",
+  "large": "Popover-module_large__-LH0l",
+  "singleLine": "Popover-module_singleLine__7il24"
+};
+module.exports = styles;
+//# sourceMappingURL=Popover.module.scss.cjs.map

package/dist/cjs/Popover/Popover.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/Popover/utils/classMappers.cjs

@@ -0,0 +1,95 @@
+'use strict';
+
+var React = require('react');
+require('tslib');
+require('uuid');
+require('../../Icon/subcomponents/SVG/SVG.cjs');
+var CautionIcon = require('../../Icon/CautionIcon.cjs');
+var ExclamationIcon = require('../../Icon/ExclamationIcon.cjs');
+var InformationIcon = require('../../Icon/InformationIcon.cjs');
+var SuccessIcon = require('../../Icon/SuccessIcon.cjs');
+var Popover_module = require('../Popover.module.scss.cjs');
+var mapVariantToBoxClass = function (variant) {
+  switch (variant) {
+    case "informative":
+      return Popover_module.informativeBox;
+    case "positive":
+      return Popover_module.positiveBox;
+    case "negative":
+      return Popover_module.negativeBox;
+    case "cautionary":
+      return Popover_module.cautionaryBox;
+    default:
+      return Popover_module.defaultBox;
+  }
+};
+var mapVariantToIconClass = function (variant) {
+  switch (variant) {
+    case "informative":
+      return Popover_module.informativeIcon;
+    case "positive":
+      return Popover_module.positiveIcon;
+    case "negative":
+      return Popover_module.negativeIcon;
+    case "cautionary":
+      return Popover_module.cautionaryIcon;
+    default:
+      return undefined;
+  }
+};
+var mapVariantToIcon = function (variant) {
+  switch (variant) {
+    case "informative":
+      return React.createElement(InformationIcon.InformationIcon, {
+        role: "presentation"
+      });
+    case "positive":
+      return React.createElement(SuccessIcon.SuccessIcon, {
+        role: "presentation"
+      });
+    case "negative":
+      return React.createElement(ExclamationIcon.ExclamationIcon, {
+        role: "presentation"
+      });
+    case "cautionary":
+      return React.createElement(CautionIcon.CautionIcon, {
+        role: "presentation"
+      });
+    default:
+      return React.createElement(InformationIcon.InformationIcon, {
+        role: "presentation"
+      });
+  }
+};
+var mapArrowVariantToClass = function (variant) {
+  switch (variant) {
+    case "informative":
+      return Popover_module.informativeArrow;
+    case "positive":
+      return Popover_module.positiveArrow;
+    case "negative":
+      return Popover_module.negativeArrow;
+    case "cautionary":
+      return Popover_module.cautionaryArrow;
+    default:
+      return Popover_module.defaultArrow;
+  }
+};
+var mapSizeToClass = function (size) {
+  switch (size) {
+    case "large":
+      return Popover_module.large;
+    default:
+      return "";
+  }
+};
+var mapLineVariant = function (singleLine) {
+  return singleLine ? Popover_module.singleLine : "";
+};
+exports.mapArrowVariantToClass = mapArrowVariantToClass;
+exports.mapLineVariant = mapLineVariant;
+exports.mapSizeToClass = mapSizeToClass;
+exports.mapVariantToBoxClass = mapVariantToBoxClass;
+exports.mapVariantToIcon = mapVariantToIcon;
+exports.mapVariantToIconClass = mapVariantToIconClass;
+//# sourceMappingURL=classMappers.cjs.map