@primer/react 38.30.1-rc.0d136c1b7 → 38.30.1-rc.34724960c

package/dist/Pagination/model.js

@@ -1,199 +1,123 @@
+//#region src/Pagination/model.tsx
 function buildPaginationModel(pageCount, currentPage, showPages, marginPageCount, surroundingPageCount) {
-  const prev = {
-    type: 'PREV',
-    num: currentPage - 1,
-    disabled: currentPage === 1
-  };
-  const next = {
-    type: 'NEXT',
-    num: currentPage + 1,
-    disabled: currentPage === pageCount
-  };
-  if (!showPages) {
-    return [prev, next];
-  }
-  if (pageCount <= 0) {
-    return [prev, {
-      ...next,
-      disabled: true
-    }];
-  }
-  const pages = [];
-
-  // number of pages shown on each side of the current page
-  // [1, ..., 7, 8, _9_, 10, 11, ..., 15]
-  // standardGap: 3
-  const standardGap = surroundingPageCount + marginPageCount;
-
-  // the maximum number of pages that can be shown at a given time (account for current page, left and right ellipsis)
-  // [1, ..., 7, 8, _9_, 10, 11, ..., 15]
-  // maxVisiblePages: 9
-  const maxVisiblePages = standardGap + standardGap + 3;
-
-  // if the number of pages is less than the maximum number of pages that can be shown just return all of them
-  if (pageCount <= maxVisiblePages) {
-    addPages(1, pageCount, false);
-    return [prev, ...pages, next];
-  }
-
-  // startGap is the number of pages hidden by the start ellipsis
-  // startOffset is the number of pages to offset at the start to compensate
-  // [1, ..., 7, 8, _9_, 10, 11, ..., 15]
-  // startGap: 5
-  // startOffset: 0
-  // when the margin and the surrounding windows overlap.
-  // [1, _2_, 3, 4, 5, 6, ..., 15]
-  // startGap = 0
-  // startOffset: -3 <--
-  let startGap = 0;
-  let startOffset = 0;
-
-  // When there is overlap
-  if (currentPage - standardGap - 1 <= 1) {
-    startOffset = currentPage - standardGap - 2;
-  } else {
-    startGap = currentPage - standardGap - 1;
-  }
-
-  // These are equivalent to startGap and startOffset but at the end of the list
-  let endGap = 0;
-  let endOffset = 0;
-
-  // When there is overlap
-  if (pageCount - currentPage - standardGap <= 1) {
-    endOffset = pageCount - currentPage - standardGap - 1;
-  } else {
-    endGap = pageCount - currentPage - standardGap;
-  }
-  const hasStartEllipsis = startGap > 0;
-  const hasEndEllipsis = endGap > 0;
-
-  // add pages "before" the start ellipsis (if any)
-  // [1, ..., 7, 8, _9_, 10, 11, ..., 15]
-  // marginPageCount: 1
-  // addPages(1, 1, true)
-  addPages(1, marginPageCount, hasStartEllipsis);
-  if (hasStartEllipsis) {
-    addEllipsis(marginPageCount);
-  }
-
-  // add middle pages
-  // [1, ..., 7, 8, _9_, 10, 11, ..., 15]
-  // marginPageCount: 1
-  // surroundingPageCount: 2
-  // startGap: 5
-  // startOffset: 0
-  // endGap: 3
-  // endOffset: 0
-  // addPages(7, 11, true)
-  addPages(marginPageCount + startGap + endOffset + 1, pageCount - startOffset - endGap - marginPageCount, hasEndEllipsis);
-  if (hasEndEllipsis) {
-    addEllipsis(pageCount - startOffset - endGap - marginPageCount);
-  }
-
-  // add pages "after" the start ellipsis (if any)
-  // [1, ..., 7, 8, _9_, 10, 11, ..., 15]
-  // marginPageCount: 1
-  // surroundingPageCount: 2
-  // startGap: 5
-  // startOffset: 0
-  // endGap: 3
-  // endOffset: 0
-  // addPages(15, 15)
-  addPages(pageCount - marginPageCount + 1, pageCount);
-  return [prev, ...pages, next];
-  function addEllipsis(previousPage) {
-    pages.push({
-      type: 'BREAK',
-      num: previousPage + 1
-    });
-  }
-  function addPages(start, end, precedesBreak = false) {
-    for (let i = start; i <= end; i++) {
-      pages.push({
-        type: 'NUM',
-        num: i,
-        selected: i === currentPage,
-        precedesBreak: i === end && precedesBreak
-      });
-    }
-  }
+	const prev = {
+		type: "PREV",
+		num: currentPage - 1,
+		disabled: currentPage === 1
+	};
+	const next = {
+		type: "NEXT",
+		num: currentPage + 1,
+		disabled: currentPage === pageCount
+	};
+	if (!showPages) return [prev, next];
+	if (pageCount <= 0) return [prev, {
+		...next,
+		disabled: true
+	}];
+	const pages = [];
+	const standardGap = surroundingPageCount + marginPageCount;
+	if (pageCount <= standardGap + standardGap + 3) {
+		addPages(1, pageCount, false);
+		return [
+			prev,
+			...pages,
+			next
+		];
+	}
+	let startGap = 0;
+	let startOffset = 0;
+	if (currentPage - standardGap - 1 <= 1) startOffset = currentPage - standardGap - 2;
+	else startGap = currentPage - standardGap - 1;
+	let endGap = 0;
+	let endOffset = 0;
+	if (pageCount - currentPage - standardGap <= 1) endOffset = pageCount - currentPage - standardGap - 1;
+	else endGap = pageCount - currentPage - standardGap;
+	const hasStartEllipsis = startGap > 0;
+	const hasEndEllipsis = endGap > 0;
+	addPages(1, marginPageCount, hasStartEllipsis);
+	if (hasStartEllipsis) addEllipsis(marginPageCount);
+	addPages(marginPageCount + startGap + endOffset + 1, pageCount - startOffset - endGap - marginPageCount, hasEndEllipsis);
+	if (hasEndEllipsis) addEllipsis(pageCount - startOffset - endGap - marginPageCount);
+	addPages(pageCount - marginPageCount + 1, pageCount);
+	return [
+		prev,
+		...pages,
+		next
+	];
+	function addEllipsis(previousPage) {
+		pages.push({
+			type: "BREAK",
+			num: previousPage + 1
+		});
+	}
+	function addPages(start, end, precedesBreak = false) {
+		for (let i = start; i <= end; i++) pages.push({
+			type: "NUM",
+			num: i,
+			selected: i === currentPage,
+			precedesBreak: i === end && precedesBreak
+		});
+	}
 }
 function buildComponentData(page, hrefBuilder, onClick) {
-  const props = {};
-  let content = '';
-  let key = '';
-  switch (page.type) {
-    case 'PREV':
-      {
-        key = 'page-prev';
-        content = 'Previous';
-        if (page.disabled) {
-          Object.assign(props, {
-            rel: 'prev',
-            'aria-hidden': 'true',
-            'aria-disabled': 'true'
-          });
-        } else {
-          Object.assign(props, {
-            rel: 'prev',
-            href: hrefBuilder(page.num),
-            'aria-label': 'Previous Page',
-            onClick
-          });
-        }
-        break;
-      }
-    case 'NEXT':
-      {
-        key = 'page-next';
-        content = 'Next';
-        if (page.disabled) {
-          Object.assign(props, {
-            rel: 'next',
-            'aria-hidden': 'true',
-            'aria-disabled': 'true'
-          });
-        } else {
-          Object.assign(props, {
-            rel: 'next',
-            href: hrefBuilder(page.num),
-            'aria-label': 'Next Page',
-            onClick
-          });
-        }
-        break;
-      }
-    case 'NUM':
-      {
-        key = `page-${page.num}`;
-        content = String(page.num);
-        Object.assign(props, {
-          href: hrefBuilder(page.num),
-          // We append "..." to the aria-label for pages that preceed a break because screen readers will
-          // change the tone the text is read in.
-          // This is a slightly nicer experience than skipping a bunch of numbers unexpectedly.
-          'aria-label': `Page ${page.num}${page.precedesBreak ? '...' : ''}`,
-          onClick,
-          'aria-current': page.selected ? 'page' : undefined
-        });
-        break;
-      }
-    case 'BREAK':
-      {
-        key = `page-${page.num}-break`;
-        content = '…';
-        Object.assign(props, {
-          as: 'span',
-          role: 'presentation'
-        });
-      }
-  }
-  return {
-    props,
-    key,
-    content
-  };
+	const props = {};
+	let content = "";
+	let key = "";
+	switch (page.type) {
+		case "PREV":
+			key = "page-prev";
+			content = "Previous";
+			if (page.disabled) Object.assign(props, {
+				rel: "prev",
+				"aria-hidden": "true",
+				"aria-disabled": "true"
+			});
+			else Object.assign(props, {
+				rel: "prev",
+				href: hrefBuilder(page.num),
+				"aria-label": "Previous Page",
+				onClick
+			});
+			break;
+		case "NEXT":
+			key = "page-next";
+			content = "Next";
+			if (page.disabled) Object.assign(props, {
+				rel: "next",
+				"aria-hidden": "true",
+				"aria-disabled": "true"
+			});
+			else Object.assign(props, {
+				rel: "next",
+				href: hrefBuilder(page.num),
+				"aria-label": "Next Page",
+				onClick
+			});
+			break;
+		case "NUM":
+			key = `page-${page.num}`;
+			content = String(page.num);
+			Object.assign(props, {
+				href: hrefBuilder(page.num),
+				"aria-label": `Page ${page.num}${page.precedesBreak ? "..." : ""}`,
+				onClick,
+				"aria-current": page.selected ? "page" : void 0
+			});
+			break;
+		case "BREAK":
+			key = `page-${page.num}-break`;
+			content = "…";
+			Object.assign(props, {
+				as: "span",
+				role: "presentation"
+			});
+	}
+	return {
+		props,
+		key,
+		content
+	};
 }
-
+//#endregion
 export { buildComponentData, buildPaginationModel };

package/dist/Popover/Popover.d.ts

@@ -1,25 +1,25 @@
-import type { HTMLProps } from 'react';
-import React from 'react';
+import React, { HTMLProps } from "react";
+
+//#region src/Popover/Popover.d.ts
 type CaretPosition = 'top' | 'bottom' | 'left' | 'right' | 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right' | 'left-bottom' | 'left-top' | 'right-bottom' | 'right-top';
 type StyledPopoverProps = {
-    caret?: CaretPosition;
-    relative?: boolean;
-    open?: boolean;
+  caret?: CaretPosition;
+  relative?: boolean;
+  open?: boolean;
 };
-export type PopoverProps = {
-    /** Class name for custom styling */
-    className?: string;
+type PopoverProps = {
+  /** Class name for custom styling */className?: string;
 } & StyledPopoverProps & HTMLProps<HTMLDivElement>;
-export type PopoverContentProps = {
-    className?: string;
-    width?: 'xsmall' | 'small' | 'large' | 'medium' | 'auto' | 'xlarge';
-    height?: 'small' | 'large' | 'medium' | 'auto' | 'xlarge' | 'fit-content';
-    overflow?: 'auto' | 'hidden' | 'scroll' | 'visible';
-    onClickOutside?: (event: MouseEvent | TouchEvent) => void;
-    ignoreClickRefs?: React.RefObject<HTMLElement>[];
+type PopoverContentProps = {
+  className?: string;
+  width?: 'xsmall' | 'small' | 'large' | 'medium' | 'auto' | 'xlarge';
+  height?: 'small' | 'large' | 'medium' | 'auto' | 'xlarge' | 'fit-content';
+  overflow?: 'auto' | 'hidden' | 'scroll' | 'visible';
+  onClickOutside?: (event: MouseEvent | TouchEvent) => void;
+  ignoreClickRefs?: React.RefObject<HTMLElement>[];
 } & HTMLProps<HTMLDivElement>;
 declare const _default: React.ForwardRefExoticComponent<Omit<PopoverProps, "ref"> & React.RefAttributes<HTMLDivElement>> & {
-    Content: React.FC<React.PropsWithChildren<PopoverContentProps>>;
+  Content: React.FC<React.PropsWithChildren<PopoverContentProps>>;
 };
-export default _default;
-//# sourceMappingURL=Popover.d.ts.map
+//#endregion
+export { PopoverContentProps, PopoverProps, _default as default };

package/dist/Popover/Popover.js

@@ -1,158 +1,133 @@
-import { c } from 'react-compiler-runtime';
-import { clsx } from 'clsx';
-import classes from './Popover.module.css.js';
-import React, { useRef } from 'react';
-import { jsx } from 'react/jsx-runtime';
-import { useOnOutsideClick } from '../hooks/useOnOutsideClick.js';
-
+import { useOnOutsideClick } from "../hooks/useOnOutsideClick.js";
+import Popover_module_css_default from "./Popover.module.css.js";
+import { c } from "react-compiler-runtime";
+import { clsx } from "clsx";
+import { jsx } from "react/jsx-runtime";
+import React, { useRef } from "react";
+//#region src/Popover/Popover.tsx
 const EMPTY_IGNORE_CLICK_REFS = [];
-const Popover = /*#__PURE__*/React.forwardRef(function Popover(t0, forwardRef) {
-  const $ = c(15);
-  let className;
-  let open;
-  let props;
-  let relative;
-  let t1;
-  if ($[0] !== t0) {
-    ({
-      className,
-      caret: t1,
-      open,
-      relative,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = open;
-    $[3] = props;
-    $[4] = relative;
-    $[5] = t1;
-  } else {
-    className = $[1];
-    open = $[2];
-    props = $[3];
-    relative = $[4];
-    t1 = $[5];
-  }
-  const caret = t1 === undefined ? "top" : t1;
-  const t2 = open ? "" : undefined;
-  const t3 = relative ? "" : undefined;
-  let t4;
-  if ($[6] !== className) {
-    t4 = clsx(className, classes.Popover);
-    $[6] = className;
-    $[7] = t4;
-  } else {
-    t4 = $[7];
-  }
-  let t5;
-  if ($[8] !== caret || $[9] !== forwardRef || $[10] !== props || $[11] !== t2 || $[12] !== t3 || $[13] !== t4) {
-    t5 = /*#__PURE__*/jsx("div", {
-      ...props,
-      ref: forwardRef,
-      "data-component": "Popover",
-      "data-open": t2,
-      "data-relative": t3,
-      "data-caret": caret,
-      className: t4
-    });
-    $[8] = caret;
-    $[9] = forwardRef;
-    $[10] = props;
-    $[11] = t2;
-    $[12] = t3;
-    $[13] = t4;
-    $[14] = t5;
-  } else {
-    t5 = $[14];
-  }
-  return t5;
+const Popover = /*#__PURE__*/ React.forwardRef(function Popover(t0, forwardRef) {
+	const $ = c(15);
+	let className;
+	let open;
+	let props;
+	let relative;
+	let t1;
+	if ($[0] !== t0) {
+		({className, caret: t1, open, relative, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = open;
+		$[3] = props;
+		$[4] = relative;
+		$[5] = t1;
+	} else {
+		className = $[1];
+		open = $[2];
+		props = $[3];
+		relative = $[4];
+		t1 = $[5];
+	}
+	const caret = t1 === void 0 ? "top" : t1;
+	const t2 = open ? "" : void 0;
+	const t3 = relative ? "" : void 0;
+	let t4;
+	if ($[6] !== className) {
+		t4 = clsx(className, Popover_module_css_default.Popover);
+		$[6] = className;
+		$[7] = t4;
+	} else t4 = $[7];
+	let t5;
+	if ($[8] !== caret || $[9] !== forwardRef || $[10] !== props || $[11] !== t2 || $[12] !== t3 || $[13] !== t4) {
+		t5 = /*#__PURE__*/ jsx("div", {
+			...props,
+			ref: forwardRef,
+			"data-component": "Popover",
+			"data-open": t2,
+			"data-relative": t3,
+			"data-caret": caret,
+			className: t4
+		});
+		$[8] = caret;
+		$[9] = forwardRef;
+		$[10] = props;
+		$[11] = t2;
+		$[12] = t3;
+		$[13] = t4;
+		$[14] = t5;
+	} else t5 = $[14];
+	return t5;
 });
-Popover.displayName = 'Popover';
-const PopoverContent = t0 => {
-  var _onClickOutside, _ignoreClickRefs;
-  const $ = c(17);
-  let className;
-  let ignoreClickRefs;
-  let onClickOutside;
-  let props;
-  let t1;
-  let t2;
-  if ($[0] !== t0) {
-    ({
-      className,
-      width: t1,
-      height: t2,
-      onClickOutside,
-      ignoreClickRefs,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = ignoreClickRefs;
-    $[3] = onClickOutside;
-    $[4] = props;
-    $[5] = t1;
-    $[6] = t2;
-  } else {
-    className = $[1];
-    ignoreClickRefs = $[2];
-    onClickOutside = $[3];
-    props = $[4];
-    t1 = $[5];
-    t2 = $[6];
-  }
-  const width = t1 === undefined ? "small" : t1;
-  const height = t2 === undefined ? "fit-content" : t2;
-  const divRef = useRef(null);
-  const outsideClickHandler = (_onClickOutside = onClickOutside) !== null && _onClickOutside !== void 0 ? _onClickOutside : _temp;
-  const t3 = (_ignoreClickRefs = ignoreClickRefs) !== null && _ignoreClickRefs !== void 0 ? _ignoreClickRefs : EMPTY_IGNORE_CLICK_REFS;
-  let t4;
-  if ($[7] !== outsideClickHandler || $[8] !== t3) {
-    t4 = {
-      onClickOutside: outsideClickHandler,
-      containerRef: divRef,
-      ignoreClickRefs: t3
-    };
-    $[7] = outsideClickHandler;
-    $[8] = t3;
-    $[9] = t4;
-  } else {
-    t4 = $[9];
-  }
-  useOnOutsideClick(t4);
-  let t5;
-  if ($[10] !== className) {
-    t5 = clsx(className, classes.PopoverContent);
-    $[10] = className;
-    $[11] = t5;
-  } else {
-    t5 = $[11];
-  }
-  let t6;
-  if ($[12] !== height || $[13] !== props || $[14] !== t5 || $[15] !== width) {
-    t6 = /*#__PURE__*/jsx("div", {
-      ref: divRef,
-      "data-component": "Popover.Content",
-      "data-width": width,
-      "data-height": height,
-      className: t5,
-      ...props
-    });
-    $[12] = height;
-    $[13] = props;
-    $[14] = t5;
-    $[15] = width;
-    $[16] = t6;
-  } else {
-    t6 = $[16];
-  }
-  return t6;
+Popover.displayName = "Popover";
+const PopoverContent = (t0) => {
+	var _onClickOutside, _ignoreClickRefs;
+	const $ = c(17);
+	let className;
+	let ignoreClickRefs;
+	let onClickOutside;
+	let props;
+	let t1;
+	let t2;
+	if ($[0] !== t0) {
+		({className, width: t1, height: t2, onClickOutside, ignoreClickRefs, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = ignoreClickRefs;
+		$[3] = onClickOutside;
+		$[4] = props;
+		$[5] = t1;
+		$[6] = t2;
+	} else {
+		className = $[1];
+		ignoreClickRefs = $[2];
+		onClickOutside = $[3];
+		props = $[4];
+		t1 = $[5];
+		t2 = $[6];
+	}
+	const width = t1 === void 0 ? "small" : t1;
+	const height = t2 === void 0 ? "fit-content" : t2;
+	const divRef = useRef(null);
+	const outsideClickHandler = (_onClickOutside = onClickOutside) !== null && _onClickOutside !== void 0 ? _onClickOutside : _temp;
+	const t3 = (_ignoreClickRefs = ignoreClickRefs) !== null && _ignoreClickRefs !== void 0 ? _ignoreClickRefs : EMPTY_IGNORE_CLICK_REFS;
+	let t4;
+	if ($[7] !== outsideClickHandler || $[8] !== t3) {
+		t4 = {
+			onClickOutside: outsideClickHandler,
+			containerRef: divRef,
+			ignoreClickRefs: t3
+		};
+		$[7] = outsideClickHandler;
+		$[8] = t3;
+		$[9] = t4;
+	} else t4 = $[9];
+	useOnOutsideClick(t4);
+	let t5;
+	if ($[10] !== className) {
+		t5 = clsx(className, Popover_module_css_default.PopoverContent);
+		$[10] = className;
+		$[11] = t5;
+	} else t5 = $[11];
+	let t6;
+	if ($[12] !== height || $[13] !== props || $[14] !== t5 || $[15] !== width) {
+		t6 = /*#__PURE__*/ jsx("div", {
+			ref: divRef,
+			"data-component": "Popover.Content",
+			"data-width": width,
+			"data-height": height,
+			className: t5,
+			...props
+		});
+		$[12] = height;
+		$[13] = props;
+		$[14] = t5;
+		$[15] = width;
+		$[16] = t6;
+	} else t6 = $[16];
+	return t6;
 };
-PopoverContent.displayName = 'Popover.Content';
-var Popover_default = Object.assign(Popover, {
-  Content: PopoverContent
-});
+PopoverContent.displayName = "Popover.Content";
+var Popover_default = Object.assign(Popover, { Content: PopoverContent });
 function _temp() {}
-
+//#endregion
 export { Popover_default as default };