@primer/react 38.30.1-rc.bce2a87c7 → 38.31.0-rc.2630f104b

package/dist/DataTable/DataTable.js

@@ -1,148 +1,108 @@
-import { c } from 'react-compiler-runtime';
-import { useTable } from './useTable.js';
-import { TableRow, TableCell, TableSortHeader, TableHeader, TableHead, TableBody, Table } from './Table.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
+import { useTable } from "./useTable.js";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, TableSortHeader } from "./Table.js";
+import { c } from "react-compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/DataTable/DataTable.tsx
 function defaultGetRowId(row) {
-  return row.id;
+	return row.id;
 }
 function DataTable(t0) {
-  const $ = c(27);
-  const {
-    "aria-labelledby": labelledby,
-    "aria-describedby": describedby,
-    cellPadding,
-    columns,
-    data,
-    initialSortColumn,
-    initialSortDirection,
-    externalSorting,
-    getRowId: t1,
-    onToggleSort
-  } = t0;
-  const getRowId = t1 === undefined ? defaultGetRowId : t1;
-  let t2;
-  if ($[0] !== columns || $[1] !== data || $[2] !== externalSorting || $[3] !== getRowId || $[4] !== initialSortColumn || $[5] !== initialSortDirection) {
-    t2 = {
-      data,
-      columns,
-      initialSortColumn,
-      initialSortDirection,
-      getRowId,
-      externalSorting
-    };
-    $[0] = columns;
-    $[1] = data;
-    $[2] = externalSorting;
-    $[3] = getRowId;
-    $[4] = initialSortColumn;
-    $[5] = initialSortDirection;
-    $[6] = t2;
-  } else {
-    t2 = $[6];
-  }
-  const {
-    headers,
-    rows,
-    actions,
-    gridTemplateColumns
-  } = useTable(t2);
-  let t3;
-  if ($[7] !== actions || $[8] !== headers || $[9] !== onToggleSort) {
-    let t4;
-    if ($[11] !== actions || $[12] !== onToggleSort) {
-      t4 = header => {
-        if (header.isSortable()) {
-          return /*#__PURE__*/jsx(TableSortHeader, {
-            align: header.column.align,
-            direction: header.getSortDirection(),
-            onToggleSort: () => {
-              const nextDirection = header.getSortDirection() === "ASC" ? "DESC" : "ASC";
-              actions.sortBy(header);
-              onToggleSort === null || onToggleSort === void 0 ? void 0 : onToggleSort(header.id, nextDirection);
-            },
-            children: typeof header.column.header === "string" ? header.column.header : header.column.header()
-          }, header.id);
-        }
-        return /*#__PURE__*/jsx(TableHeader, {
-          align: header.column.align,
-          children: typeof header.column.header === "string" ? header.column.header : header.column.header()
-        }, header.id);
-      };
-      $[11] = actions;
-      $[12] = onToggleSort;
-      $[13] = t4;
-    } else {
-      t4 = $[13];
-    }
-    t3 = headers.map(t4);
-    $[7] = actions;
-    $[8] = headers;
-    $[9] = onToggleSort;
-    $[10] = t3;
-  } else {
-    t3 = $[10];
-  }
-  let t4;
-  if ($[14] !== t3) {
-    t4 = /*#__PURE__*/jsx(TableHead, {
-      children: /*#__PURE__*/jsx(TableRow, {
-        children: t3
-      })
-    });
-    $[14] = t3;
-    $[15] = t4;
-  } else {
-    t4 = $[15];
-  }
-  let t5;
-  if ($[16] !== rows) {
-    t5 = rows.map(_temp);
-    $[16] = rows;
-    $[17] = t5;
-  } else {
-    t5 = $[17];
-  }
-  let t6;
-  if ($[18] !== t5) {
-    t6 = /*#__PURE__*/jsx(TableBody, {
-      children: t5
-    });
-    $[18] = t5;
-    $[19] = t6;
-  } else {
-    t6 = $[19];
-  }
-  let t7;
-  if ($[20] !== cellPadding || $[21] !== describedby || $[22] !== gridTemplateColumns || $[23] !== labelledby || $[24] !== t4 || $[25] !== t6) {
-    t7 = /*#__PURE__*/jsxs(Table, {
-      "aria-labelledby": labelledby,
-      "aria-describedby": describedby,
-      cellPadding: cellPadding,
-      gridTemplateColumns: gridTemplateColumns,
-      children: [t4, t6]
-    });
-    $[20] = cellPadding;
-    $[21] = describedby;
-    $[22] = gridTemplateColumns;
-    $[23] = labelledby;
-    $[24] = t4;
-    $[25] = t6;
-    $[26] = t7;
-  } else {
-    t7 = $[26];
-  }
-  return t7;
+	const $ = c(27);
+	const { "aria-labelledby": labelledby, "aria-describedby": describedby, cellPadding, columns, data, initialSortColumn, initialSortDirection, externalSorting, getRowId: t1, onToggleSort } = t0;
+	const getRowId = t1 === void 0 ? defaultGetRowId : t1;
+	let t2;
+	if ($[0] !== columns || $[1] !== data || $[2] !== externalSorting || $[3] !== getRowId || $[4] !== initialSortColumn || $[5] !== initialSortDirection) {
+		t2 = {
+			data,
+			columns,
+			initialSortColumn,
+			initialSortDirection,
+			getRowId,
+			externalSorting
+		};
+		$[0] = columns;
+		$[1] = data;
+		$[2] = externalSorting;
+		$[3] = getRowId;
+		$[4] = initialSortColumn;
+		$[5] = initialSortDirection;
+		$[6] = t2;
+	} else t2 = $[6];
+	const { headers, rows, actions, gridTemplateColumns } = useTable(t2);
+	let t3;
+	if ($[7] !== actions || $[8] !== headers || $[9] !== onToggleSort) {
+		let t4;
+		if ($[11] !== actions || $[12] !== onToggleSort) {
+			t4 = (header) => {
+				if (header.isSortable()) return /*#__PURE__*/ jsx(TableSortHeader, {
+					align: header.column.align,
+					direction: header.getSortDirection(),
+					onToggleSort: () => {
+						const nextDirection = header.getSortDirection() === "ASC" ? "DESC" : "ASC";
+						actions.sortBy(header);
+						onToggleSort === null || onToggleSort === void 0 || onToggleSort(header.id, nextDirection);
+					},
+					children: typeof header.column.header === "string" ? header.column.header : header.column.header()
+				}, header.id);
+				return /*#__PURE__*/ jsx(TableHeader, {
+					align: header.column.align,
+					children: typeof header.column.header === "string" ? header.column.header : header.column.header()
+				}, header.id);
+			};
+			$[11] = actions;
+			$[12] = onToggleSort;
+			$[13] = t4;
+		} else t4 = $[13];
+		t3 = headers.map(t4);
+		$[7] = actions;
+		$[8] = headers;
+		$[9] = onToggleSort;
+		$[10] = t3;
+	} else t3 = $[10];
+	let t4;
+	if ($[14] !== t3) {
+		t4 = /*#__PURE__*/ jsx(TableHead, { children: /*#__PURE__*/ jsx(TableRow, { children: t3 }) });
+		$[14] = t3;
+		$[15] = t4;
+	} else t4 = $[15];
+	let t5;
+	if ($[16] !== rows) {
+		t5 = rows.map(_temp);
+		$[16] = rows;
+		$[17] = t5;
+	} else t5 = $[17];
+	let t6;
+	if ($[18] !== t5) {
+		t6 = /*#__PURE__*/ jsx(TableBody, { children: t5 });
+		$[18] = t5;
+		$[19] = t6;
+	} else t6 = $[19];
+	let t7;
+	if ($[20] !== cellPadding || $[21] !== describedby || $[22] !== gridTemplateColumns || $[23] !== labelledby || $[24] !== t4 || $[25] !== t6) {
+		t7 = /*#__PURE__*/ jsxs(Table, {
+			"aria-labelledby": labelledby,
+			"aria-describedby": describedby,
+			cellPadding,
+			gridTemplateColumns,
+			children: [t4, t6]
+		});
+		$[20] = cellPadding;
+		$[21] = describedby;
+		$[22] = gridTemplateColumns;
+		$[23] = labelledby;
+		$[24] = t4;
+		$[25] = t6;
+		$[26] = t7;
+	} else t7 = $[26];
+	return t7;
 }
 function _temp(row) {
-  return /*#__PURE__*/jsx(TableRow, {
-    children: row.getCells().map(cell => /*#__PURE__*/jsx(TableCell, {
-      scope: cell.rowHeader ? "row" : undefined,
-      align: cell.column.align,
-      children: cell.column.renderCell ? cell.column.renderCell(row.getValue()) : cell.getValue()
-    }, cell.id))
-  }, row.id);
+	return /*#__PURE__*/ jsx(TableRow, { children: row.getCells().map((cell) => /*#__PURE__*/ jsx(TableCell, {
+		scope: cell.rowHeader ? "row" : void 0,
+		align: cell.column.align,
+		children: cell.column.renderCell ? cell.column.renderCell(row.getValue()) : cell.getValue()
+	}, cell.id)) }, row.id);
 }
 _temp.displayName = "_temp";
-
+//#endregion
 export { DataTable };

package/dist/DataTable/ErrorDialog.d.ts

@@ -1,18 +1,26 @@
-import type React from 'react';
-export type TableErrorDialogProps = React.PropsWithChildren<{
-    /**
-     * Provide an optional title for the dialog
-     * @default 'Error'
-     */
-    title?: string;
-    /**
-     * Provide an optional handler to be called when the user confirms to retry
-     */
-    onRetry?: () => void;
-    /**
-     * Provide an optional handler to be called when the user dismisses the dialog
-     */
-    onDismiss?: () => void;
+import React from "react";
+
+//#region src/DataTable/ErrorDialog.d.ts
+type TableErrorDialogProps = React.PropsWithChildren<{
+  /**
+   * Provide an optional title for the dialog
+   * @default 'Error'
+   */
+  title?: string;
+  /**
+   * Provide an optional handler to be called when the user confirms to retry
+   */
+  onRetry?: () => void;
+  /**
+   * Provide an optional handler to be called when the user dismisses the dialog
+   */
+  onDismiss?: () => void;
 }>;
-export declare function ErrorDialog({ title, children, onRetry, onDismiss }: TableErrorDialogProps): React.JSX.Element;
-//# sourceMappingURL=ErrorDialog.d.ts.map
+declare function ErrorDialog({
+  title,
+  children,
+  onRetry,
+  onDismiss
+}: TableErrorDialogProps): React.JSX.Element;
+//#endregion
+export { ErrorDialog, TableErrorDialogProps };

package/dist/DataTable/ErrorDialog.js

@@ -1,48 +1,36 @@
-import { c } from 'react-compiler-runtime';
-import { ConfirmationDialog } from '../ConfirmationDialog/ConfirmationDialog.js';
-import { jsx } from 'react/jsx-runtime';
-
+import { ConfirmationDialog } from "../ConfirmationDialog/ConfirmationDialog.js";
+import { c } from "react-compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+//#region src/DataTable/ErrorDialog.tsx
 function ErrorDialog(t0) {
-  const $ = c(7);
-  const {
-    title: t1,
-    children,
-    onRetry,
-    onDismiss
-  } = t0;
-  const title = t1 === undefined ? "Error" : t1;
-  let t2;
-  if ($[0] !== onDismiss || $[1] !== onRetry) {
-    t2 = gesture => {
-      if (gesture === "confirm") {
-        onRetry === null || onRetry === void 0 ? void 0 : onRetry();
-      } else {
-        onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
-      }
-    };
-    $[0] = onDismiss;
-    $[1] = onRetry;
-    $[2] = t2;
-  } else {
-    t2 = $[2];
-  }
-  let t3;
-  if ($[3] !== children || $[4] !== t2 || $[5] !== title) {
-    t3 = /*#__PURE__*/jsx(ConfirmationDialog, {
-      title: title,
-      onClose: t2,
-      confirmButtonContent: "Retry",
-      cancelButtonContent: "Dismiss",
-      children: children
-    });
-    $[3] = children;
-    $[4] = t2;
-    $[5] = title;
-    $[6] = t3;
-  } else {
-    t3 = $[6];
-  }
-  return t3;
+	const $ = c(7);
+	const { title: t1, children, onRetry, onDismiss } = t0;
+	const title = t1 === void 0 ? "Error" : t1;
+	let t2;
+	if ($[0] !== onDismiss || $[1] !== onRetry) {
+		t2 = (gesture) => {
+			if (gesture === "confirm") onRetry === null || onRetry === void 0 || onRetry();
+			else onDismiss === null || onDismiss === void 0 || onDismiss();
+		};
+		$[0] = onDismiss;
+		$[1] = onRetry;
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] !== children || $[4] !== t2 || $[5] !== title) {
+		t3 = /*#__PURE__*/ jsx(ConfirmationDialog, {
+			title,
+			onClose: t2,
+			confirmButtonContent: "Retry",
+			cancelButtonContent: "Dismiss",
+			children
+		});
+		$[3] = children;
+		$[4] = t2;
+		$[5] = title;
+		$[6] = t3;
+	} else t3 = $[6];
+	return t3;
 }
-
+//#endregion
 export { ErrorDialog };

package/dist/DataTable/Pagination.d.ts

@@ -1,43 +1,53 @@
-import type React from 'react';
-import type { ResponsiveValue } from '../hooks/useResponsiveValue';
-export type PaginationProps = Omit<React.ComponentPropsWithoutRef<'nav'>, 'onChange'> & {
-    /**
-     * Provide a label for the navigation landmark rendered by this component
-     */
-    'aria-label': string;
-    /**
-     * Provide an optional index to specify the default selected page
-     */
-    defaultPageIndex?: number;
-    /**
-     * Optionally provide an `id` that is placed on the navigation landmark
-     * rendered by this component
-     */
-    id?: string;
-    /**
-     * Optionally provide a handler that is called whenever the pagination state
-     * is updated
-     */
-    onChange?: (state: PaginationState) => void;
-    /**
-     * Optionally specify the number of items within a page
-     */
-    pageSize?: number;
-    /**
-     * Whether to show the page numbers
-     */
-    showPages?: boolean | ResponsiveValue<boolean>;
-    /**
-     * Specify the total number of items within the collection
-     */
-    totalCount: number;
+import { ResponsiveValue } from "../hooks/useResponsiveValue.js";
+import React from "react";
+
+//#region src/DataTable/Pagination.d.ts
+type PaginationProps = Omit<React.ComponentPropsWithoutRef<'nav'>, 'onChange'> & {
+  /**
+   * Provide a label for the navigation landmark rendered by this component
+   */
+  'aria-label': string;
+  /**
+   * Provide an optional index to specify the default selected page
+   */
+  defaultPageIndex?: number;
+  /**
+   * Optionally provide an `id` that is placed on the navigation landmark
+   * rendered by this component
+   */
+  id?: string;
+  /**
+   * Optionally provide a handler that is called whenever the pagination state
+   * is updated
+   */
+  onChange?: (state: PaginationState) => void;
+  /**
+   * Optionally specify the number of items within a page
+   */
+  pageSize?: number;
+  /**
+   * Whether to show the page numbers
+   */
+  showPages?: boolean | ResponsiveValue<boolean>;
+  /**
+   * Specify the total number of items within the collection
+   */
+  totalCount: number;
 };
-export declare function Pagination({ 'aria-label': label, defaultPageIndex, id, onChange, pageSize, showPages, totalCount, }: PaginationProps): React.JSX.Element;
+declare function Pagination({
+  'aria-label': label,
+  defaultPageIndex,
+  id,
+  onChange,
+  pageSize,
+  showPages,
+  totalCount
+}: PaginationProps): React.JSX.Element;
 type PaginationState = {
-    /**
-     * The index of currently selected page
-     */
-    pageIndex: number;
+  /**
+   * The index of currently selected page
+   */
+  pageIndex: number;
 };
-export {};
-//# sourceMappingURL=Pagination.d.ts.map
+//#endregion
+export { Pagination, PaginationProps };