@persona/design-system 0.1.8 → 0.2.0

package/dist/PageHeader-CUDnarkt.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageHeader-CUDnarkt.cjs","names":["Spacing","Breadcrumbs","Heading","Paragraph"],"sources":["../components/PageHeader/PageHeader.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport styled from 'styled-components';\n\nimport { Spacing } from '@persona/design-tokens';\nimport Breadcrumbs, { type BreadcrumbsProps } from 'design-system/components/Breadcrumbs';\nimport { Heading, Paragraph } from 'design-system/components/Text';\n\nexport const PageHeaderContainer = styled.header`\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n  align-items: center;\n  padding: ${Spacing[3]} ${Spacing[5]};\n  background-color: ${({ theme }) => theme.color.background.primary};\n  border-bottom: 1px solid ${({ theme }) => theme.color.border.primary};\n  box-sizing: border-box;\n  min-height: 56px; /* Standardize height for most PageHeaders */\n`;\n\nconst TitleContainer = styled.div`\n  display: flex;\n  flex: 1;\n  align-items: center;\n  h1 {\n    margin: 0;\n  }\n  p {\n    margin: 0 0 0 ${Spacing[2]};\n  }\n`;\n\nconst LeftContainer = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nconst RightContainer = styled.div`\n  display: flex;\n  gap: ${Spacing[2]};\n  margin-left: ${Spacing[3]};\n`;\n\ninterface PageHeaderCommonProps {\n  level?: 'product' | 'detail';\n  subtitle?: ReactNode;\n  prepend?: ReactNode;\n  append?: ReactNode;\n  children?: ReactNode;\n}\n\n/** Exactly one heading source is required: either `title` or `breadcrumbs`. */\nexport type PageHeaderProps = PageHeaderCommonProps &\n  (\n    | { title: ReactNode; breadcrumbs?: never }\n    | {\n        title?: never;\n        /** Renders in place of `title`; the current crumb becomes the page `h1`, at `lg` size. */\n        breadcrumbs: BreadcrumbsProps;\n      }\n  );\n\nconst PageHeader = ({\n  title,\n  breadcrumbs,\n  subtitle,\n  level = 'product',\n  prepend,\n  append,\n  children,\n  ...props\n}: PageHeaderProps) => (\n  <PageHeaderContainer {...props}>\n    <LeftContainer>\n      {prepend && <div>{prepend}</div>}\n      <TitleContainer>\n        {breadcrumbs ? (\n          <Breadcrumbs size='lg' {...breadcrumbs} />\n        ) : (\n          <>\n            {level === 'product' && (\n              <Heading as='h1' size='sm'>\n                {title}\n              </Heading>\n            )}\n            {level === 'detail' && (\n              <Paragraph as='h1' size='lg' color='primary'>\n                {title}\n              </Paragraph>\n            )}\n          </>\n        )}\n        {subtitle && <Paragraph size='md'>{subtitle}</Paragraph>}\n      </TitleContainer>\n      {append && <div>{append}</div>}\n    </LeftContainer>\n    {children && <RightContainer>{children}</RightContainer>}\n  </PageHeaderContainer>\n);\n\nexport default PageHeader;\n"],"mappings":";;;;;;;;AAOA,MAAa,sBAAsB,kBAAA,QAAO,MAAM;;;;;aAKnCA,uBAAAA,QAAQ,GAAG,GAAGA,uBAAAA,QAAQ,GAAG;uBACf,EAAE,YAAY,MAAM,MAAM,WAAW,QAAQ;8BACtC,EAAE,YAAY,MAAM,MAAM,OAAO,QAAQ;;;;AAKvE,MAAM,iBAAiB,kBAAA,QAAO,GAAG;;;;;;;;oBAQbA,uBAAAA,QAAQ,GAAG;;;AAI/B,MAAM,gBAAgB,kBAAA,QAAO,GAAG;;;;AAKhC,MAAM,iBAAiB,kBAAA,QAAO,GAAG;;SAExBA,uBAAAA,QAAQ,GAAG;iBACHA,uBAAAA,QAAQ,GAAG;;AAsB5B,MAAM,cAAc,EAClB,OACA,aACA,UACA,QAAQ,WACR,SACA,QACA,UACA,GAAG,YAEH,iBAAA,GAAA,kBAAA,MAAC,qBAAD;CAAqB,GAAI;WAAzB,CACE,iBAAA,GAAA,kBAAA,MAAC,eAAD,EAAA,UAAA;EACG,WAAW,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAA,UAAM,SAAc,CAAA;EAChC,iBAAA,GAAA,kBAAA,MAAC,gBAAD,EAAA,UAAA,CACG,cACC,iBAAA,GAAA,kBAAA,KAACC,oBAAAA,aAAD;GAAa,MAAK;GAAK,GAAI;GAAe,CAAA,GAE1C,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACG,UAAU,aACT,iBAAA,GAAA,kBAAA,KAACC,aAAAA,SAAD;GAAS,IAAG;GAAK,MAAK;aACnB;GACO,CAAA,EAEX,UAAU,YACT,iBAAA,GAAA,kBAAA,KAACC,aAAAA,WAAD;GAAW,IAAG;GAAK,MAAK;GAAK,OAAM;aAChC;GACS,CAAA,CAEb,EAAA,CAAA,EAEJ,YAAY,iBAAA,GAAA,kBAAA,KAACA,aAAAA,WAAD;GAAW,MAAK;aAAM;GAAqB,CAAA,CACzC,EAAA,CAAA;EAChB,UAAU,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAA,UAAM,QAAa,CAAA;EAChB,EAAA,CAAA,EACf,YAAY,iBAAA,GAAA,kBAAA,KAAC,gBAAD,EAAiB,UAA0B,CAAA,CACpC"}

package/dist/PageHeader-D-6W61E_.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageHeader-D-6W61E_.mjs","names":[],"sources":["../components/PageHeader/PageHeader.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport styled from 'styled-components';\n\nimport { Spacing } from '@persona/design-tokens';\nimport Breadcrumbs, { type BreadcrumbsProps } from 'design-system/components/Breadcrumbs';\nimport { Heading, Paragraph } from 'design-system/components/Text';\n\nexport const PageHeaderContainer = styled.header`\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n  align-items: center;\n  padding: ${Spacing[3]} ${Spacing[5]};\n  background-color: ${({ theme }) => theme.color.background.primary};\n  border-bottom: 1px solid ${({ theme }) => theme.color.border.primary};\n  box-sizing: border-box;\n  min-height: 56px; /* Standardize height for most PageHeaders */\n`;\n\nconst TitleContainer = styled.div`\n  display: flex;\n  flex: 1;\n  align-items: center;\n  h1 {\n    margin: 0;\n  }\n  p {\n    margin: 0 0 0 ${Spacing[2]};\n  }\n`;\n\nconst LeftContainer = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nconst RightContainer = styled.div`\n  display: flex;\n  gap: ${Spacing[2]};\n  margin-left: ${Spacing[3]};\n`;\n\ninterface PageHeaderCommonProps {\n  level?: 'product' | 'detail';\n  subtitle?: ReactNode;\n  prepend?: ReactNode;\n  append?: ReactNode;\n  children?: ReactNode;\n}\n\n/** Exactly one heading source is required: either `title` or `breadcrumbs`. */\nexport type PageHeaderProps = PageHeaderCommonProps &\n  (\n    | { title: ReactNode; breadcrumbs?: never }\n    | {\n        title?: never;\n        /** Renders in place of `title`; the current crumb becomes the page `h1`, at `lg` size. */\n        breadcrumbs: BreadcrumbsProps;\n      }\n  );\n\nconst PageHeader = ({\n  title,\n  breadcrumbs,\n  subtitle,\n  level = 'product',\n  prepend,\n  append,\n  children,\n  ...props\n}: PageHeaderProps) => (\n  <PageHeaderContainer {...props}>\n    <LeftContainer>\n      {prepend && <div>{prepend}</div>}\n      <TitleContainer>\n        {breadcrumbs ? (\n          <Breadcrumbs size='lg' {...breadcrumbs} />\n        ) : (\n          <>\n            {level === 'product' && (\n              <Heading as='h1' size='sm'>\n                {title}\n              </Heading>\n            )}\n            {level === 'detail' && (\n              <Paragraph as='h1' size='lg' color='primary'>\n                {title}\n              </Paragraph>\n            )}\n          </>\n        )}\n        {subtitle && <Paragraph size='md'>{subtitle}</Paragraph>}\n      </TitleContainer>\n      {append && <div>{append}</div>}\n    </LeftContainer>\n    {children && <RightContainer>{children}</RightContainer>}\n  </PageHeaderContainer>\n);\n\nexport default PageHeader;\n"],"mappings":";;;;;;AAOA,MAAa,sBAAsB,OAAO,MAAM;;;;;aAKnC,QAAQ,GAAG,GAAG,QAAQ,GAAG;uBACf,EAAE,YAAY,MAAM,MAAM,WAAW,QAAQ;8BACtC,EAAE,YAAY,MAAM,MAAM,OAAO,QAAQ;;;;AAKvE,MAAM,iBAAiB,OAAO,GAAG;;;;;;;;oBAQb,QAAQ,GAAG;;;AAI/B,MAAM,gBAAgB,OAAO,GAAG;;;;AAKhC,MAAM,iBAAiB,OAAO,GAAG;;SAExB,QAAQ,GAAG;iBACH,QAAQ,GAAG;;AAsB5B,MAAM,cAAc,EAClB,OACA,aACA,UACA,QAAQ,WACR,SACA,QACA,UACA,GAAG,YAEH,qBAAC,qBAAD;CAAqB,GAAI;WAAzB,CACE,qBAAC,eAAD,EAAA,UAAA;EACG,WAAW,oBAAC,OAAD,EAAA,UAAM,SAAc,CAAA;EAChC,qBAAC,gBAAD,EAAA,UAAA,CACG,cACC,oBAAC,aAAD;GAAa,MAAK;GAAK,GAAI;GAAe,CAAA,GAE1C,qBAAA,UAAA,EAAA,UAAA,CACG,UAAU,aACT,oBAAC,SAAD;GAAS,IAAG;GAAK,MAAK;aACnB;GACO,CAAA,EAEX,UAAU,YACT,oBAAC,WAAD;GAAW,IAAG;GAAK,MAAK;GAAK,OAAM;aAChC;GACS,CAAA,CAEb,EAAA,CAAA,EAEJ,YAAY,oBAAC,WAAD;GAAW,MAAK;aAAM;GAAqB,CAAA,CACzC,EAAA,CAAA;EAChB,UAAU,oBAAC,OAAD,EAAA,UAAM,QAAa,CAAA;EAChB,EAAA,CAAA,EACf,YAAY,oBAAC,gBAAD,EAAiB,UAA0B,CAAA,CACpC"}

package/dist/PageHeader.d.cts

@@ -1,35 +0,0 @@
-import { r as BreadcrumbsProps } from "./Breadcrumbs-BBREROrw.cjs";
-import { ReactNode } from "react";
-import * as _$styled_components0 from "styled-components";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime.js";
-
-//#region components/PageHeader/PageHeader.d.ts
-declare const PageHeaderContainer: _$styled_components0.StyledComponent<"header", any, {}, never>;
-interface PageHeaderCommonProps {
-  level?: 'product' | 'detail';
-  subtitle?: ReactNode;
-  prepend?: ReactNode;
-  append?: ReactNode;
-  children?: ReactNode;
-}
-/** Exactly one heading source is required: either `title` or `breadcrumbs`. */
-type PageHeaderProps = PageHeaderCommonProps & ({
-  title: ReactNode;
-  breadcrumbs?: never;
-} | {
-  title?: never; /** Renders in place of `title`; the current crumb becomes the page `h1`, at `lg` size. */
-  breadcrumbs: BreadcrumbsProps;
-});
-declare const PageHeader: ({
-  title,
-  breadcrumbs,
-  subtitle,
-  level,
-  prepend,
-  append,
-  children,
-  ...props
-}: PageHeaderProps) => _$react_jsx_runtime0.JSX.Element;
-//#endregion
-export { PageHeaderContainer, PageHeaderProps, PageHeader as default };
-//# sourceMappingURL=PageHeader.d.cts.map

package/dist/PageSelector-CNnVp3Al.d.cts

@@ -1,30 +0,0 @@
-import { n as HStackProps } from "./Stack-BzVkf3cz.cjs";
-import { t as PaginationParams } from "./types-CkiXVJeR.cjs";
-import * as _$styled_components0 from "styled-components";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime.js";
-
-//#region components/Pagination/PageSelector.d.ts
-declare const PAGE_LIMIT_BEFORE_SCROLL_MODE = 100;
-declare const PageInput: _$styled_components0.StyledComponent<(props: HStackProps) => _$react_jsx_runtime0.JSX.Element, any, {
-  align: "center";
-}, "align">;
-interface PageSelectorProps {
-  paginationParams: PaginationParams;
-  handlePageLinkClick: (pageNumber: number) => void;
-  isLoading?: boolean;
-  /**
-   * Called with the new page number after the page changes (next, prev, or
-   * typed input). Lets the consumer react to page changes -- e.g. scroll the
-   * page back to the top.
-   */
-  onPageChange?: (pageNumber: number) => void;
-}
-declare function PageSelector({
-  paginationParams,
-  handlePageLinkClick,
-  isLoading,
-  onPageChange
-}: PageSelectorProps): _$react_jsx_runtime0.JSX.Element;
-//#endregion
-export { PageInput as n, PageSelector as r, PAGE_LIMIT_BEFORE_SCROLL_MODE as t };
-//# sourceMappingURL=PageSelector-CNnVp3Al.d.cts.map

package/dist/PageSelector.d.cts

@@ -1,2 +0,0 @@
-import { n as PageInput, r as PageSelector, t as PAGE_LIMIT_BEFORE_SCROLL_MODE } from "./PageSelector-CNnVp3Al.cjs";
-export { PAGE_LIMIT_BEFORE_SCROLL_MODE, PageInput, PageSelector as default };

package/dist/Pagination-2Yo1vRJZ.cjs

@@ -1,236 +0,0 @@
-const require_chunk = require("./chunk-CKQMccvm.cjs");
-const require_Stack = require("./Stack-UeifHn3c.cjs");
-const require_IconButton = require("./IconButton-nlgjJQCS.cjs");
-const require_Input = require("./Input-OJPQ07TW.cjs");
-const require_Select = require("./Select-BurtT6bN.cjs");
-let _persona_design_tokens = require("@persona/design-tokens");
-let styled_components = require("styled-components");
-styled_components = require_chunk.__toESM(styled_components);
-let react_jsx_runtime = require("react/jsx-runtime");
-let react = require("react");
-let lodash_fp_js = require("lodash/fp.js");
-//#region components/Pagination/constants.ts
-const DEFAULT_PAGE_SIZE_OPTIONS = [
-	10,
-	25,
-	50,
-	100,
-	300
-];
-const MIN_PAGE_SIZE = 10;
-//#endregion
-//#region components/Pagination/PageSelector.tsx
-const PAGE_LIMIT_BEFORE_SCROLL_MODE = 100;
-const PageSelectorStack = (0, styled_components.default)(require_Stack.HStack).attrs({ justify: "flex-end" })`
-  padding: ${_persona_design_tokens.Spacing[2]};
-`;
-const PageInput = (0, styled_components.default)(require_Stack.HStack).attrs({ align: "center" })`
-  white-space: nowrap;
-`;
-function PageSelector({ paginationParams, handlePageLinkClick, isLoading, onPageChange }) {
-	const { "current-page": currentPage, "total-pages": totalPages, "lower-bound": lowerBound } = paginationParams ?? {};
-	const [selectedPage, setSelectedPage] = (0, react.useState)(currentPage);
-	const handlePageLinkClickDebounced = (0, react.useMemo)(() => (0, lodash_fp_js.debounce)(500, handlePageLinkClick), [handlePageLinkClick]);
-	(0, react.useEffect)(() => {
-		if (currentPage != null) setSelectedPage(currentPage);
-	}, [currentPage]);
-	if (!paginationParams) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(PageSelectorStack, {
-		"data-test": "pagination__page-selector",
-		id: "pagination__page-selector",
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(PageInput, { children: [
-				totalPages < 100 && !lowerBound ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Input.Input, {
-					"aria-label": "Go to page number",
-					size: "sm",
-					inputSize: 2,
-					onChange: (e) => {
-						const value = e.target.valueAsNumber;
-						if (Number.isNaN(value)) setSelectedPage(void 0);
-						else {
-							setSelectedPage(value);
-							const boundedValue = Math.min(Math.max(e.target.valueAsNumber, 1), totalPages);
-							handlePageLinkClickDebounced(boundedValue);
-							onPageChange?.(boundedValue);
-						}
-					},
-					onBlur: (e) => {
-						if (Number.isNaN(e.target.valueAsNumber)) setSelectedPage(currentPage);
-					},
-					min: 1,
-					max: totalPages,
-					type: "number",
-					disabled: isLoading,
-					value: selectedPage ?? ""
-				}) : currentPage + " ",
-				"of ",
-				lowerBound ? "many" : totalPages,
-				" pages"
-			] }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_IconButton.Button, {
-				id: "pagination__page-selector--left",
-				disabled: currentPage === 1 || isLoading,
-				onClick: () => {
-					if (currentPage !== 1) {
-						const prevPageNum = currentPage - 1;
-						setSelectedPage(prevPageNum);
-						handlePageLinkClick(prevPageNum);
-						onPageChange?.(prevPageNum);
-					}
-				},
-				"data-test": "pagination__page-selector-paddle-left",
-				variant: "inverse",
-				size: "sm",
-				width: "auto",
-				"aria-label": "Previous page",
-				children: "Prev"
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_IconButton.Button, {
-				id: "pagination__page-selector--right",
-				disabled: currentPage === totalPages && !lowerBound || isLoading,
-				onClick: () => {
-					if (currentPage !== totalPages || lowerBound) {
-						const nextPageNum = currentPage + 1;
-						setSelectedPage(nextPageNum);
-						handlePageLinkClick(nextPageNum);
-						onPageChange?.(nextPageNum);
-					}
-				},
-				"data-test": "pagination__page-selector-paddle-right",
-				variant: "inverse",
-				size: "sm",
-				width: "auto",
-				"aria-label": "Next page",
-				children: "Next"
-			})
-		]
-	});
-}
-//#endregion
-//#region components/Pagination/PageSizeSelector.tsx
-const Selector = (0, styled_components.default)("div")`
-  padding: ${_persona_design_tokens.Spacing[2]};
-  display: flex;
-  justify-content: flex-end;
-`;
-const Label = styled_components.default.label`
-  display: flex;
-  align-items: center;
-  white-space: nowrap;
-  gap: ${_persona_design_tokens.Spacing[2]};
-  padding: ${_persona_design_tokens.Spacing[2]};
-`;
-(0, styled_components.default)("div")`
-  padding: 0 ${_persona_design_tokens.Spacing[1]};
-  color: ${_persona_design_tokens.Color.PrimaryPurple};
-  cursor: pointer;
-
-  ${({ currentPageSize, pageSizeOption }) => {
-	if (currentPageSize === pageSizeOption) return `
-        ${_persona_design_tokens.Typography.TextMediumBold};
-        text-decoration: underline;
-      `;
-}};
-
-  &:hover {
-    text-decoration: underline;
-  }
-`;
-const PageSizeSelector = ({ pageSize, pageSizeOptions, handlePageSizeClick, menuPortalContainer }) => {
-	const pageSizes = [...pageSizeOptions, ...pageSizeOptions.includes(pageSize) ? [] : [pageSize]].sort((a, b) => a - b);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Selector, {
-		"data-test": "pagination__page-size-selector",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Label, { children: ["Items per page:", /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Select.Select, {
-			value: pageSize.toString(),
-			onValueChange: (val) => handlePageSizeClick(Number(val)),
-			size: "sm",
-			portal: menuPortalContainer != null,
-			portalContainer: menuPortalContainer,
-			children: pageSizes.map((size) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Select.Option, {
-				value: size.toString(),
-				children: size
-			}, size))
-		})] })
-	});
-};
-//#endregion
-//#region components/Pagination/Pagination.tsx
-const MAX_PAGES = 100;
-const Container = (0, styled_components.default)("nav")`
-  ${_persona_design_tokens.Typography.TextMedium};
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-`;
-const PaginationInfo = (0, styled_components.default)("div")`
-  display: flex;
-  align-items: center;
-
-  color: ${_persona_design_tokens.Color.TextPrimary};
-`;
-const Pagination = ({ pageSize, pageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS, paginationParams, handlePageSizeClick, handlePageLinkClick, isLoading, showPageSizeSelector = true, onPageChange, menuPortalContainer }) => {
-	if (!paginationParams || !pageSize) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {});
-	const { "current-page": currentPage, "total-count": totalCount, "total-pages": totalPages, "lower-bound": lowerBound } = paginationParams;
-	const totalCountDisplay = lowerBound || totalPages >= MAX_PAGES ? "many" : totalCount;
-	const lastItemIndex = lowerBound ? currentPage * pageSize : Math.min(currentPage * pageSize, totalCount);
-	const firstItemIndex = pageSize * (currentPage - 1) + 1;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Container, {
-		role: "navigation",
-		"aria-label": "pagination",
-		children: [showPageSizeSelector && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PageSizeSelector, {
-			pageSize,
-			pageSizeOptions,
-			handlePageSizeClick,
-			menuPortalContainer
-		}), totalCount > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
-			"Showing ",
-			firstItemIndex,
-			"-",
-			lastItemIndex,
-			" of ",
-			totalCountDisplay,
-			" items"
-		] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationInfo, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PageSelector, {
-			paginationParams,
-			handlePageLinkClick,
-			isLoading,
-			onPageChange
-		}) })] })]
-	});
-};
-//#endregion
-//#region components/Pagination/index.ts
-var Pagination_default = Pagination;
-//#endregion
-Object.defineProperty(exports, "DEFAULT_PAGE_SIZE_OPTIONS", {
-	enumerable: true,
-	get: function() {
-		return DEFAULT_PAGE_SIZE_OPTIONS;
-	}
-});
-Object.defineProperty(exports, "MIN_PAGE_SIZE", {
-	enumerable: true,
-	get: function() {
-		return MIN_PAGE_SIZE;
-	}
-});
-Object.defineProperty(exports, "PAGE_LIMIT_BEFORE_SCROLL_MODE", {
-	enumerable: true,
-	get: function() {
-		return PAGE_LIMIT_BEFORE_SCROLL_MODE;
-	}
-});
-Object.defineProperty(exports, "PageSelector", {
-	enumerable: true,
-	get: function() {
-		return PageSelector;
-	}
-});
-Object.defineProperty(exports, "Pagination_default", {
-	enumerable: true,
-	get: function() {
-		return Pagination_default;
-	}
-});
-
-//# sourceMappingURL=Pagination-2Yo1vRJZ.cjs.map

package/dist/Pagination-2Yo1vRJZ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Pagination-2Yo1vRJZ.cjs","names":["HStack","Spacing","Input","Button","Spacing","Color","Typography","Select","Option","Typography","Color"],"sources":["../components/Pagination/constants.ts","../components/Pagination/PageSelector.tsx","../components/Pagination/PageSizeSelector.tsx","../components/Pagination/Pagination.tsx","../components/Pagination/index.ts"],"sourcesContent":["export const DEFAULT_PAGE_SIZE_OPTIONS = [10, 25, 50, 100, 300];\nexport const MIN_PAGE_SIZE = 10;\n","import { debounce } from 'lodash/fp';\nimport { useEffect, useMemo, useState } from 'react';\nimport styled from 'styled-components';\n\nimport Button from '@persona/design-system/components/Button';\nimport { Input } from '@persona/design-system/components/Input';\nimport { HStack } from '@persona/design-system/components/Stack';\nimport { Spacing } from '@persona/design-tokens';\n\nimport type { PaginationParams } from './types';\n\n// After a certain limit, it no longer makes sense for someone\n// to jump to the last page. Deep paging has performance limitations.\nexport const PAGE_LIMIT_BEFORE_SCROLL_MODE = 100;\n\nconst PageSelectorStack = styled(HStack).attrs({ justify: 'flex-end' })`\n  padding: ${Spacing[2]};\n`;\n\nexport const PageInput = styled(HStack).attrs({ align: 'center' })`\n  white-space: nowrap;\n`;\n\ninterface PageSelectorProps {\n  paginationParams: PaginationParams;\n  handlePageLinkClick: (pageNumber: number) => void;\n  isLoading?: boolean;\n  /**\n   * Called with the new page number after the page changes (next, prev, or\n   * typed input). Lets the consumer react to page changes -- e.g. scroll the\n   * page back to the top.\n   */\n  onPageChange?: (pageNumber: number) => void;\n}\n\nexport default function PageSelector({\n  paginationParams,\n  handlePageLinkClick,\n  isLoading,\n  onPageChange,\n}: PageSelectorProps) {\n  const {\n    'current-page': currentPage,\n    'total-pages': totalPages,\n    'lower-bound': lowerBound,\n  } = paginationParams ?? {};\n  const [selectedPage, setSelectedPage] = useState<number | undefined>(currentPage);\n\n  // We don't use useDebounced to avoid function object reference issues.\n  const handlePageLinkClickDebounced = useMemo(\n    () => debounce(500, handlePageLinkClick),\n    [handlePageLinkClick],\n  );\n\n  // Keep input state synced to pagination state when other user action changes\n  // pagination state.\n  useEffect(() => {\n    if (currentPage != null) {\n      setSelectedPage(currentPage);\n    }\n  }, [currentPage]);\n\n  if (!paginationParams) {\n    return <div />;\n  }\n\n  return (\n    <PageSelectorStack data-test='pagination__page-selector' id='pagination__page-selector'>\n      <PageInput>\n        {totalPages < PAGE_LIMIT_BEFORE_SCROLL_MODE && !lowerBound ? (\n          <Input\n            aria-label='Go to page number'\n            size='sm'\n            inputSize={2}\n            onChange={(e) => {\n              const value = e.target.valueAsNumber;\n              if (Number.isNaN(value)) {\n                setSelectedPage(undefined);\n              } else {\n                // Setting unbounded value feels smoother as the value is not corrected until after the fetch via useEffect.\n                setSelectedPage(value);\n                const boundedValue = Math.min(Math.max(e.target.valueAsNumber, 1), totalPages);\n                handlePageLinkClickDebounced(boundedValue);\n                onPageChange?.(boundedValue);\n              }\n            }}\n            onBlur={(e) => {\n              // Fill blank value on blur.\n              if (Number.isNaN(e.target.valueAsNumber)) {\n                setSelectedPage(currentPage);\n              }\n            }}\n            min={1}\n            max={totalPages}\n            type='number'\n            disabled={isLoading}\n            value={selectedPage ?? ''}\n          />\n        ) : (\n          currentPage + ' '\n        )}\n        of {lowerBound ? 'many' : totalPages} pages\n      </PageInput>\n      <Button\n        id='pagination__page-selector--left'\n        disabled={currentPage === 1 || isLoading}\n        onClick={() => {\n          if (currentPage !== 1) {\n            const prevPageNum = currentPage - 1;\n            setSelectedPage(prevPageNum);\n            handlePageLinkClick(prevPageNum);\n            onPageChange?.(prevPageNum);\n          }\n        }}\n        data-test='pagination__page-selector-paddle-left'\n        variant='inverse'\n        size='sm'\n        width='auto'\n        aria-label='Previous page'\n      >\n        Prev\n      </Button>\n      <Button\n        id='pagination__page-selector--right'\n        disabled={(currentPage === totalPages && !lowerBound) || isLoading}\n        onClick={() => {\n          if (currentPage !== totalPages || lowerBound) {\n            const nextPageNum = currentPage + 1;\n            setSelectedPage(nextPageNum);\n            handlePageLinkClick(nextPageNum);\n            onPageChange?.(nextPageNum);\n          }\n        }}\n        data-test='pagination__page-selector-paddle-right'\n        variant='inverse'\n        size='sm'\n        width='auto'\n        aria-label='Next page'\n      >\n        Next\n      </Button>\n    </PageSelectorStack>\n  );\n}\n","import styled from 'styled-components';\n\nimport Select, { Option } from '@persona/design-system/components/Select';\nimport { Color, Spacing, Typography } from '@persona/design-tokens';\n\nconst Selector = styled('div')`\n  padding: ${Spacing[2]};\n  display: flex;\n  justify-content: flex-end;\n`;\n\nconst Label = styled.label`\n  display: flex;\n  align-items: center;\n  white-space: nowrap;\n  gap: ${Spacing[2]};\n  padding: ${Spacing[2]};\n`;\n\ninterface PageSizeOptionProps {\n  currentPageSize: number;\n  pageSizeOption: number;\n}\n\nexport const PageSizeOption = styled('div')<PageSizeOptionProps>`\n  padding: 0 ${Spacing[1]};\n  color: ${Color.PrimaryPurple};\n  cursor: pointer;\n\n  ${({ currentPageSize, pageSizeOption }) => {\n    if (currentPageSize === pageSizeOption) {\n      return `\n        ${Typography.TextMediumBold};\n        text-decoration: underline;\n      `;\n    }\n  }};\n\n  &:hover {\n    text-decoration: underline;\n  }\n`;\n\ninterface PageSizeSelectorProps {\n  pageSize: number;\n  pageSizeOptions: number[];\n  handlePageSizeClick: (pageSize: number) => void;\n  /**\n   * Element the options menu renders into. Pass a container inside the surrounding dialog when the\n   * pager sits in a clipping container, where the menu would otherwise be cut off.\n   */\n  menuPortalContainer?: HTMLElement | null;\n}\n\nconst PageSizeSelector = ({\n  pageSize,\n  pageSizeOptions,\n  handlePageSizeClick,\n  menuPortalContainer,\n}: PageSizeSelectorProps) => {\n  // Add pageSize to selector just in case it isn't part of the options so UI doesn't look weird\n  const pageSizes = [\n    ...pageSizeOptions,\n    ...(pageSizeOptions.includes(pageSize) ? [] : [pageSize]),\n  ].sort((a, b) => a - b);\n\n  return (\n    <Selector data-test='pagination__page-size-selector'>\n      <Label>\n        Items per page:\n        <Select\n          value={pageSize.toString()}\n          onValueChange={(val) => handlePageSizeClick(Number(val))}\n          size='sm'\n          portal={menuPortalContainer != null}\n          portalContainer={menuPortalContainer}\n        >\n          {pageSizes.map((size) => (\n            <Option key={size} value={size.toString()}>\n              {size}\n            </Option>\n          ))}\n        </Select>\n      </Label>\n    </Selector>\n  );\n};\n\nexport default PageSizeSelector;\n","import styled from 'styled-components';\n\nimport { Color, Typography } from '@persona/design-tokens';\n\nimport { DEFAULT_PAGE_SIZE_OPTIONS } from './constants';\nimport PageSelector from './PageSelector';\nimport PageSizeSelector from './PageSizeSelector';\nimport type { PaginationParams } from './types';\n\n// NB: this is configured in config/initializers/kaminari.rb\nconst MAX_PAGES = 100;\n\nconst Container = styled('nav')`\n  ${Typography.TextMedium};\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n`;\n\nexport const PaginationInfo = styled('div')`\n  display: flex;\n  align-items: center;\n\n  color: ${Color.TextPrimary};\n`;\n\ninterface PaginationProps {\n  pageSize?: number;\n  pageSizeOptions?: number[];\n  paginationParams?: PaginationParams;\n  handlePageSizeClick: (pageSize: number) => void;\n  handlePageLinkClick: (pageNumber: number) => void;\n  isLoading?: boolean;\n  showPageSizeSelector?: boolean;\n  /**\n   * Called with the new page number after the page changes. Lets the consumer\n   * react to page changes -- e.g. scroll the page back to the top.\n   */\n  onPageChange?: (pageNumber: number) => void;\n  /**\n   * Element the page-size menu renders into. Pass a container inside the surrounding dialog when\n   * the pager sits in a clipping container, where the menu would otherwise be cut off.\n   */\n  menuPortalContainer?: HTMLElement | null;\n}\n\nconst Pagination = ({\n  pageSize,\n  pageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS,\n  paginationParams,\n  handlePageSizeClick,\n  handlePageLinkClick,\n  isLoading,\n  showPageSizeSelector = true,\n  onPageChange,\n  menuPortalContainer,\n}: PaginationProps) => {\n  if (!paginationParams || !pageSize) {\n    return <div />;\n  }\n\n  const {\n    'current-page': currentPage,\n    'total-count': totalCount,\n    'total-pages': totalPages,\n    'lower-bound': lowerBound,\n  } = paginationParams;\n\n  // If the total number of pages is the same as MAX_PAGES, we guess that the total number of\n  // items might be limited by max pages, and that the total could change based on page size.\n  // To limit user confusion here, we use 'many' instead of a specific number.\n  const totalCountDisplay = lowerBound || totalPages >= MAX_PAGES ? 'many' : totalCount;\n\n  const lastItemIndex = lowerBound\n    ? currentPage * pageSize\n    : Math.min(currentPage * pageSize, totalCount);\n  const firstItemIndex = pageSize * (currentPage - 1) + 1;\n\n  return (\n    <Container role='navigation' aria-label='pagination'>\n      {showPageSizeSelector && (\n        <PageSizeSelector\n          pageSize={pageSize}\n          pageSizeOptions={pageSizeOptions}\n          handlePageSizeClick={handlePageSizeClick}\n          menuPortalContainer={menuPortalContainer}\n        />\n      )}\n      {totalCount > 0 && (\n        <>\n          <div>\n            Showing {firstItemIndex}-{lastItemIndex} of {totalCountDisplay} items\n          </div>\n          <PaginationInfo>\n            <PageSelector\n              paginationParams={paginationParams}\n              handlePageLinkClick={handlePageLinkClick}\n              isLoading={isLoading}\n              onPageChange={onPageChange}\n            />\n          </PaginationInfo>\n        </>\n      )}\n    </Container>\n  );\n};\n\nexport default Pagination;\n","import Pagination from './Pagination';\n\nexport { default as PageSelector, PAGE_LIMIT_BEFORE_SCROLL_MODE } from './PageSelector';\nexport * from './constants';\nexport default Pagination;\n"],"mappings":"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"}

package/dist/Pagination-D04tn-tf.d.cts

@@ -1,39 +0,0 @@
-import { t as PaginationParams } from "./types-CkiXVJeR.cjs";
-import * as _$styled_components0 from "styled-components";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime.js";
-
-//#region components/Pagination/Pagination.d.ts
-declare const PaginationInfo: _$styled_components0.StyledComponent<"div", any, {}, never>;
-interface PaginationProps {
-  pageSize?: number;
-  pageSizeOptions?: number[];
-  paginationParams?: PaginationParams;
-  handlePageSizeClick: (pageSize: number) => void;
-  handlePageLinkClick: (pageNumber: number) => void;
-  isLoading?: boolean;
-  showPageSizeSelector?: boolean;
-  /**
-   * Called with the new page number after the page changes. Lets the consumer
-   * react to page changes -- e.g. scroll the page back to the top.
-   */
-  onPageChange?: (pageNumber: number) => void;
-  /**
-   * Element the page-size menu renders into. Pass a container inside the surrounding dialog when
-   * the pager sits in a clipping container, where the menu would otherwise be cut off.
-   */
-  menuPortalContainer?: HTMLElement | null;
-}
-declare const Pagination: ({
-  pageSize,
-  pageSizeOptions,
-  paginationParams,
-  handlePageSizeClick,
-  handlePageLinkClick,
-  isLoading,
-  showPageSizeSelector,
-  onPageChange,
-  menuPortalContainer
-}: PaginationProps) => _$react_jsx_runtime0.JSX.Element;
-//#endregion
-export { PaginationInfo as n, Pagination as t };
-//# sourceMappingURL=Pagination-D04tn-tf.d.cts.map

package/dist/Pagination.d.cts

@@ -1,2 +0,0 @@
-import { n as PaginationInfo, t as Pagination } from "./Pagination-D04tn-tf.cjs";
-export { PaginationInfo, Pagination as default };

package/dist/Pii-DHTb3ewO.cjs

@@ -1,25 +0,0 @@
-require("./chunk-CKQMccvm.cjs");
-const require_Sticker = require("./Sticker-CIoseh9f.cjs");
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region components/Pii/Pii.tsx
-const Pii = ({ children, isRedacted, hideOnRedacted }) => {
-	if (isRedacted) return hideOnRedacted ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Sticker.Sticker, {
-		"data-test": "pii__redacted",
-		children: "Redacted"
-	});
-	if (children == null || children === "") return null;
-	if (["string", "number"].includes(typeof children)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children });
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children });
-};
-//#endregion
-//#region components/Pii/index.ts
-var Pii_default = Pii;
-//#endregion
-Object.defineProperty(exports, "Pii_default", {
-	enumerable: true,
-	get: function() {
-		return Pii_default;
-	}
-});
-
-//# sourceMappingURL=Pii-DHTb3ewO.cjs.map

package/dist/Pii-DHTb3ewO.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Pii-DHTb3ewO.cjs","names":["Sticker"],"sources":["../components/Pii/Pii.tsx","../components/Pii/index.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport Sticker from '@persona/design-system/components/Sticker';\n\ninterface PiiProps {\n  children?: ReactNode;\n  isRedacted: boolean;\n  hideOnRedacted?: boolean;\n}\n\nconst Pii = ({ children, isRedacted, hideOnRedacted }: PiiProps) => {\n  if (isRedacted) {\n    return hideOnRedacted ? null : <Sticker data-test='pii__redacted'>Redacted</Sticker>;\n  }\n\n  if (children == null || children === '') {\n    return null;\n  }\n\n  // There used to be code inserting a classname here in certain cases. There's\n  // no other reason for this to be conditionally wrapped in a span, but\n  // removing it breaks a lot of tests. Someday, the tests will be fixed...\n  // hopefully.\n  if (['string', 'number'].includes(typeof children)) {\n    return <span>{children}</span>;\n  }\n\n  return <>{children}</>;\n};\n\nexport default Pii;\n","import Pii from './Pii';\n\nexport default Pii;\n"],"mappings":";;;;AAUA,MAAM,OAAO,EAAE,UAAU,YAAY,qBAA+B;AAClE,KAAI,WACF,QAAO,iBAAiB,OAAO,iBAAA,GAAA,kBAAA,KAACA,gBAAAA,SAAD;EAAS,aAAU;YAAgB;EAAkB,CAAA;AAGtF,KAAI,YAAY,QAAQ,aAAa,GACnC,QAAO;AAOT,KAAI,CAAC,UAAU,SAAS,CAAC,SAAS,OAAO,SAAS,CAChD,QAAO,iBAAA,GAAA,kBAAA,KAAC,QAAD,EAAO,UAAgB,CAAA;AAGhC,QAAO,iBAAA,GAAA,kBAAA,KAAA,kBAAA,UAAA,EAAG,UAAY,CAAA;;;;ACzBxB,IAAA,cAAe"}

package/dist/Pii.d.cts

@@ -1,16 +0,0 @@
-import { ReactNode } from "react";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime.js";
-
-//#region components/Pii/Pii.d.ts
-interface PiiProps {
-  children?: ReactNode;
-  isRedacted: boolean;
-  hideOnRedacted?: boolean;
-}
-declare const Pii: ({
-  children,
-  isRedacted,
-  hideOnRedacted
-}: PiiProps) => _$react_jsx_runtime0.JSX.Element | null;
-export = Pii;
-//# sourceMappingURL=Pii.d.cts.map

package/dist/Popover-BzgMAhsX.cjs

@@ -1,168 +0,0 @@
-const require_chunk = require("./chunk-CKQMccvm.cjs");
-const require_Card = require("./Card-Csz-PxX0.cjs");
-const require_Text = require("./Text-G9QmYf0P.cjs");
-let styled_components = require("styled-components");
-styled_components = require_chunk.__toESM(styled_components);
-let react_jsx_runtime = require("react/jsx-runtime");
-let react = require("react");
-let _persona_icons = require("@persona/icons");
-let _radix_ui_react_popover = require("@radix-ui/react-popover");
-_radix_ui_react_popover = require_chunk.__toESM(_radix_ui_react_popover);
-//#region components/Popover/Popover.tsx
-const PopoverTrigger = _radix_ui_react_popover.Trigger;
-const PopoverAnchor = _radix_ui_react_popover.Anchor;
-const PopoverPortal = _radix_ui_react_popover.Portal;
-const PopoverContent = _radix_ui_react_popover.PopoverContent;
-const PopoverContentStyled = (0, styled_components.default)(PopoverContent)`
-  z-index: ${({ zIndex }) => zIndex || "inherit"};
-  ${({ $maxHeight }) => $maxHeight && styled_components.css`
-      max-height: ${$maxHeight};
-      overflow: auto;
-    `}
-`;
-const PopoverCloseButton = (0, styled_components.default)(_radix_ui_react_popover.Close)`
-  ${({ isHeader }) => !isHeader && styled_components.css`
-      position: absolute;
-      top: 8px;
-      right: 8px;
-    `}
-  ${({ isHeader }) => isHeader && styled_components.css`
-      height: 16px;
-    `}
-  background: transparent;
-  border: 0;
-  cursor: pointer;
-`;
-const HeadingContainer = styled_components.default.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-`;
-const PopoverClose = (props) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PopoverCloseButton, {
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_persona_icons.XIcon, {})
-	});
-};
-/**
-* Card to be used in Popover contexts. Inherits props from Radix UI Popper.Content.
-*/
-const PopoverCard = (0, react.forwardRef)(function PopoverCard({ children, showCloseButton, heading, noPadding, padding, zIndex, maxHeight, ...props }, ref) {
-	const header = heading && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(HeadingContainer, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Paragraph, {
-		size: "md",
-		weight: "bold",
-		color: "primary",
-		children: heading
-	}), showCloseButton && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PopoverClose, {
-		"aria-label": "Close",
-		isHeader: true
-	})] });
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PopoverContentStyled, {
-		asChild: true,
-		sideOffset: 8,
-		collisionPadding: 8,
-		zIndex,
-		$maxHeight: maxHeight,
-		...props,
-		ref,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Card.Card_default, {
-			elevated: true,
-			children: [!heading && showCloseButton && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PopoverClose, { "aria-label": "Close" }), noPadding ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [heading && header, children] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Card.Card_default.Body, {
-				padding,
-				children: [heading && header, children]
-			})]
-		})
-	});
-});
-const Popover = ({ children, trigger, triggerProps, contentProps, anchor, portal = true, portalProps, ...props }) => {
-	let triggerElem;
-	let contentElem;
-	let anchorElem = anchor;
-	const renderChildren = react.Children.toArray(children).filter((child) => {
-		if ((0, react.isValidElement)(child)) switch (child.type) {
-			case _radix_ui_react_popover.Trigger:
-				triggerElem = child;
-				return false;
-			case PopoverCard:
-			case _radix_ui_react_popover.Content:
-				contentElem = child;
-				break;
-			case _radix_ui_react_popover.Anchor:
-				anchorElem = child;
-				return false;
-		}
-		return true;
-	});
-	const content = contentElem || /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PopoverCard, {
-		...contentProps,
-		children: renderChildren
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_popover.Root, {
-		...props,
-		children: [
-			triggerElem || trigger && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PopoverTrigger, {
-				asChild: true,
-				...triggerProps,
-				children: trigger
-			}),
-			anchorElem,
-			portal ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PopoverPortal, {
-				...portalProps,
-				children: content
-			}) : content
-		]
-	});
-};
-var Popover_default = Object.assign(Popover, {
-	Trigger: PopoverTrigger,
-	Anchor: PopoverAnchor,
-	Portal: PopoverPortal,
-	Content: PopoverContent,
-	Card: PopoverCard,
-	Close: PopoverClose
-});
-//#endregion
-Object.defineProperty(exports, "PopoverAnchor", {
-	enumerable: true,
-	get: function() {
-		return PopoverAnchor;
-	}
-});
-Object.defineProperty(exports, "PopoverCard", {
-	enumerable: true,
-	get: function() {
-		return PopoverCard;
-	}
-});
-Object.defineProperty(exports, "PopoverClose", {
-	enumerable: true,
-	get: function() {
-		return PopoverClose;
-	}
-});
-Object.defineProperty(exports, "PopoverContent", {
-	enumerable: true,
-	get: function() {
-		return PopoverContent;
-	}
-});
-Object.defineProperty(exports, "PopoverPortal", {
-	enumerable: true,
-	get: function() {
-		return PopoverPortal;
-	}
-});
-Object.defineProperty(exports, "PopoverTrigger", {
-	enumerable: true,
-	get: function() {
-		return PopoverTrigger;
-	}
-});
-Object.defineProperty(exports, "Popover_default", {
-	enumerable: true,
-	get: function() {
-		return Popover_default;
-	}
-});
-
-//# sourceMappingURL=Popover-BzgMAhsX.cjs.map

package/dist/Popover-BzgMAhsX.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Popover-BzgMAhsX.cjs","names":["PopoverPrimitive","XIcon","Paragraph","Card","Children"],"sources":["../components/Popover/Popover.tsx"],"sourcesContent":["import * as PopoverPrimitive from '@radix-ui/react-popover';\nimport { Children, forwardRef, isValidElement, type ReactElement } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport type { Spacing } from '@persona/design-tokens';\nimport { XIcon } from '@persona/icons';\nimport Card from 'design-system/components/Card';\nimport { Paragraph } from 'design-system/components/Text';\n\nexport const PopoverTrigger = PopoverPrimitive.Trigger;\nexport const PopoverAnchor = PopoverPrimitive.Anchor;\nexport const PopoverPortal = PopoverPrimitive.Portal;\n\n// TODO: Investigate how we can get date popovers to work properly with the new date  picker\nexport const PopoverContent = PopoverPrimitive.PopoverContent;\n\nconst PopoverContentStyled = styled(PopoverContent)<{ zIndex?: number; $maxHeight?: string }>`\n  z-index: ${({ zIndex }) => zIndex || 'inherit'};\n  ${({ $maxHeight }) =>\n    $maxHeight &&\n    css`\n      max-height: ${$maxHeight};\n      overflow: auto;\n    `}\n`;\n\nconst PopoverCloseButton = styled(PopoverPrimitive.Close)<{ isHeader?: boolean }>`\n  ${({ isHeader }) =>\n    !isHeader &&\n    css`\n      position: absolute;\n      top: 8px;\n      right: 8px;\n    `}\n  ${({ isHeader }) =>\n    isHeader &&\n    css`\n      height: 16px;\n    `}\n  background: transparent;\n  border: 0;\n  cursor: pointer;\n`;\n\nconst HeadingContainer = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n`;\n\nexport const PopoverClose = (\n  props: PopoverPrimitive.PopoverCloseProps & { isHeader?: boolean },\n) => {\n  return (\n    <PopoverCloseButton {...props}>\n      <XIcon />\n    </PopoverCloseButton>\n  );\n};\n\nexport interface PopoverCardProps extends PopoverPrimitive.PopoverContentProps {\n  /**\n   * Display X button to close popover\n   */\n  showCloseButton?: boolean;\n\n  /**\n   * Remove padding from Card\n   */\n  noPadding?: boolean;\n\n  padding?: Spacing;\n\n  /**\n   * Text to display in the header of the card\n   */\n  heading?: string;\n\n  /**\n   * Z-index to apply to the popover content\n   */\n  zIndex?: number;\n\n  /**\n   * Maximum height for the popover content.\n   */\n  maxHeight?: string;\n}\n\n/**\n * Card to be used in Popover contexts. Inherits props from Radix UI Popper.Content.\n */\nexport const PopoverCard = forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  PopoverCardProps\n>(function PopoverCard(\n  { children, showCloseButton, heading, noPadding, padding, zIndex, maxHeight, ...props },\n  ref,\n) {\n  const header = heading && (\n    <HeadingContainer>\n      <Paragraph size='md' weight='bold' color='primary'>\n        {heading}\n      </Paragraph>\n      {showCloseButton && <PopoverClose aria-label='Close' isHeader />}\n    </HeadingContainer>\n  );\n  return (\n    <PopoverContentStyled\n      asChild\n      sideOffset={8}\n      collisionPadding={8}\n      zIndex={zIndex}\n      $maxHeight={maxHeight}\n      {...props}\n      ref={ref}\n    >\n      <Card elevated>\n        {!heading && showCloseButton && <PopoverClose aria-label='Close' />}\n        {noPadding ? (\n          <>\n            {heading && header}\n            {children}\n          </>\n        ) : (\n          <Card.Body padding={padding}>\n            {heading && header}\n            {children}\n          </Card.Body>\n        )}\n      </Card>\n    </PopoverContentStyled>\n  );\n});\n\ninterface PopoverProps extends PopoverPrimitive.PopoverProps {\n  /**\n   * Component to use as trigger. Radix UI trigger component props will be merged with this element.\n   */\n  trigger?: ReactElement;\n\n  /**\n   * Props to apply to Popover.Trigger within\n   */\n  triggerProps?: PopoverPrimitive.PopoverTriggerProps;\n\n  /**\n   * An optional element to position the Popover.Content against.\n   * If this part is not used, the content will position alongside the trigger.\n   */\n  anchor?: ReactElement<PopoverPrimitive.PopoverAnchorProps>;\n\n  /**\n   * Props to apply to Popover.Card within\n   */\n  contentProps?: PopoverCardProps;\n\n  /**\n   * Render content within a portal\n   */\n  portal?: boolean;\n\n  /**\n   * Props applied to Radix UI Portal component\n   */\n  portalProps?: PopoverPrimitive.PopoverPortalProps;\n}\n\nconst Popover = ({\n  children,\n  trigger,\n  triggerProps,\n  contentProps,\n  anchor,\n  portal = true,\n  portalProps,\n  ...props\n}: PopoverProps) => {\n  let triggerElem;\n  let contentElem;\n  let anchorElem = anchor;\n\n  const renderChildren = Children.toArray(children).filter((child) => {\n    if (isValidElement(child)) {\n      switch (child.type) {\n        case PopoverPrimitive.Trigger:\n          triggerElem = child;\n          return false;\n        case PopoverCard:\n        case PopoverPrimitive.Content:\n          contentElem = child;\n          break;\n        case PopoverPrimitive.Anchor:\n          /* @ts-expect-error [strict-migration] The following line is not strict; please fix! */\n          anchorElem = child;\n          return false;\n      }\n    }\n\n    return true;\n  });\n\n  const content = contentElem || <PopoverCard {...contentProps}>{renderChildren}</PopoverCard>;\n\n  return (\n    <PopoverPrimitive.Root {...props}>\n      {triggerElem ||\n        (trigger && (\n          <PopoverTrigger asChild {...triggerProps}>\n            {trigger}\n          </PopoverTrigger>\n        ))}\n      {anchorElem}\n      {portal ? <PopoverPortal {...portalProps}>{content}</PopoverPortal> : content}\n    </PopoverPrimitive.Root>\n  );\n};\n\nexport default Object.assign(Popover, {\n  Trigger: PopoverTrigger,\n  Anchor: PopoverAnchor,\n  Portal: PopoverPortal,\n  Content: PopoverContent,\n  Card: PopoverCard,\n  Close: PopoverClose,\n});\n"],"mappings":";;;;;;;;;;;AASA,MAAa,iBAAiBA,wBAAiB;AAC/C,MAAa,gBAAgBA,wBAAiB;AAC9C,MAAa,gBAAgBA,wBAAiB;AAG9C,MAAa,iBAAiBA,wBAAiB;AAE/C,MAAM,uBAAuB,CAAA,GAAA,kBAAA,SAAO,eAAe;cACrC,EAAE,aAAa,UAAU,UAAU;KAC5C,EAAE,iBACH,cACA,kBAAA,GAAG;oBACa,WAAW;;MAEzB;;AAGN,MAAM,qBAAqB,CAAA,GAAA,kBAAA,SAAOA,wBAAiB,MAAM;KACpD,EAAE,eACH,CAAC,YACD,kBAAA,GAAG;;;;MAID;KACD,EAAE,eACH,YACA,kBAAA,GAAG;;MAED;;;;;AAMN,MAAM,mBAAmB,kBAAA,QAAO,GAAG;;;;;AAMnC,MAAa,gBACX,UACG;AACH,QACE,iBAAA,GAAA,kBAAA,KAAC,oBAAD;EAAoB,GAAI;YACtB,iBAAA,GAAA,kBAAA,KAACC,eAAAA,OAAD,EAAS,CAAA;EACU,CAAA;;;;;AAoCzB,MAAa,eAAA,GAAA,MAAA,YAGX,SAAS,YACT,EAAE,UAAU,iBAAiB,SAAS,WAAW,SAAS,QAAQ,WAAW,GAAG,SAChF,KACA;CACA,MAAM,SAAS,WACb,iBAAA,GAAA,kBAAA,MAAC,kBAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAACC,aAAAA,WAAD;EAAW,MAAK;EAAK,QAAO;EAAO,OAAM;YACtC;EACS,CAAA,EACX,mBAAmB,iBAAA,GAAA,kBAAA,KAAC,cAAD;EAAc,cAAW;EAAQ,UAAA;EAAW,CAAA,CAC/C,EAAA,CAAA;AAErB,QACE,iBAAA,GAAA,kBAAA,KAAC,sBAAD;EACE,SAAA;EACA,YAAY;EACZ,kBAAkB;EACV;EACR,YAAY;EACZ,GAAI;EACC;YAEL,iBAAA,GAAA,kBAAA,MAACC,aAAAA,cAAD;GAAM,UAAA;aAAN,CACG,CAAC,WAAW,mBAAmB,iBAAA,GAAA,kBAAA,KAAC,cAAD,EAAc,cAAW,SAAU,CAAA,EAClE,YACC,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACG,WAAW,QACX,SACA,EAAA,CAAA,GAEH,iBAAA,GAAA,kBAAA,MAACA,aAAAA,aAAK,MAAN;IAAoB;cAApB,CACG,WAAW,QACX,SACS;MAET;;EACc,CAAA;EAEzB;AAmCF,MAAM,WAAW,EACf,UACA,SACA,cACA,cACA,QACA,SAAS,MACT,aACA,GAAG,YACe;CAClB,IAAI;CACJ,IAAI;CACJ,IAAI,aAAa;CAEjB,MAAM,iBAAiBC,MAAAA,SAAS,QAAQ,SAAS,CAAC,QAAQ,UAAU;AAClE,OAAA,GAAA,MAAA,gBAAmB,MAAM,CACvB,SAAQ,MAAM,MAAd;GACE,KAAKJ,wBAAiB;AACpB,kBAAc;AACd,WAAO;GACT,KAAK;GACL,KAAKA,wBAAiB;AACpB,kBAAc;AACd;GACF,KAAKA,wBAAiB;AAEpB,iBAAa;AACb,WAAO;;AAIb,SAAO;GACP;CAEF,MAAM,UAAU,eAAe,iBAAA,GAAA,kBAAA,KAAC,aAAD;EAAa,GAAI;YAAe;EAA6B,CAAA;AAE5F,QACE,iBAAA,GAAA,kBAAA,MAACA,wBAAiB,MAAlB;EAAuB,GAAI;YAA3B;GACG,eACE,WACC,iBAAA,GAAA,kBAAA,KAAC,gBAAD;IAAgB,SAAA;IAAQ,GAAI;cACzB;IACc,CAAA;GAEpB;GACA,SAAS,iBAAA,GAAA,kBAAA,KAAC,eAAD;IAAe,GAAI;cAAc;IAAwB,CAAA,GAAG;GAChD;;;AAI5B,IAAA,kBAAe,OAAO,OAAO,SAAS;CACpC,SAAS;CACT,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,MAAM;CACN,OAAO;CACR,CAAC"}