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

package/dist/DataTable/useTable.js

@@ -1,305 +1,222 @@
-import { c } from 'react-compiler-runtime';
-import { useState } from 'react';
-import { strategies, SortDirection, DEFAULT_SORT_DIRECTION, transition } from './sorting.js';
-
+import { DEFAULT_SORT_DIRECTION, SortDirection, strategies, transition } from "./sorting.js";
+import { c } from "react-compiler-runtime";
+import { useState } from "react";
+//#region src/DataTable/useTable.ts
 function useTable(t0) {
-  const $ = c(21);
-  const {
-    columns,
-    data,
-    initialSortColumn,
-    initialSortDirection,
-    externalSorting,
-    getRowId
-  } = t0;
-  const [rowOrder, setRowOrder] = useState(data);
-  const [prevData, setPrevData] = useState(data);
-  const [prevColumns, setPrevColumns] = useState(columns);
-  let t1;
-  if ($[0] !== columns || $[1] !== initialSortColumn || $[2] !== initialSortDirection) {
-    t1 = () => getInitialSortState(columns, initialSortColumn, initialSortDirection);
-    $[0] = columns;
-    $[1] = initialSortColumn;
-    $[2] = initialSortDirection;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  const [sortByColumn, setSortByColumn] = useState(t1);
-  const {
-    gridTemplateColumns
-  } = useTableLayout(columns);
-  if (columns !== prevColumns) {
-    setPrevColumns(columns);
-    if (sortByColumn) {
-      const column_0 = columns.find(column => {
-        var _column$id;
-        const id = (_column$id = column.id) !== null && _column$id !== void 0 ? _column$id : column.field;
-        return sortByColumn.id === id;
-      });
-      if (!column_0) {
-        setSortByColumn(null);
-      }
-    }
-  }
-  let t2;
-  let t3;
-  let t4;
-  if ($[4] !== columns || $[5] !== data || $[6] !== externalSorting || $[7] !== getRowId || $[8] !== prevData || $[9] !== rowOrder || $[10] !== sortByColumn) {
-    let t5;
-    if ($[14] !== sortByColumn) {
-      t5 = column_1 => {
-        var _column_1$id;
-        const id_0 = (_column_1$id = column_1.id) !== null && _column_1$id !== void 0 ? _column_1$id : column_1.field;
-        if (id_0 === undefined) {
-          throw new Error("Expected either an `id` or `field` to be defined for a Column");
-        }
-        const sortable = column_1.sortBy !== undefined && column_1.sortBy !== false;
-        return {
-          id: id_0,
-          column: column_1,
-          isSortable() {
-            return sortable;
-          },
-          getSortDirection() {
-            if (sortByColumn && sortByColumn.id === id_0) {
-              return sortByColumn.direction;
-            }
-            return SortDirection.NONE;
-          }
-        };
-      };
-      $[14] = sortByColumn;
-      $[15] = t5;
-    } else {
-      t5 = $[15];
-    }
-    const headers = columns.map(t5);
-    if (data !== prevData) {
-      setPrevData(data);
-      setRowOrder(data);
-      if (sortByColumn) {
-        sortRows(sortByColumn);
-      }
-    }
-    const sortBy = function sortBy(header) {
-      const sortState = {
-        id: header.id,
-        direction: sortByColumn && sortByColumn.id === header.id ? transition(sortByColumn.direction) : DEFAULT_SORT_DIRECTION
-      };
-      setSortByColumn(sortState);
-      sortRows(sortState);
-    };
-    function sortRows(state) {
-      const header_1 = headers.find(header_0 => header_0.id === state.id);
-      if (!header_1) {
-        throw new Error(`Unable to find header with id: ${state.id}`);
-      }
-      if (header_1.column.sortBy === false || header_1.column.sortBy === undefined) {
-        throw new Error("The column for this header is not sortable");
-      }
-      if (externalSorting) {
-        return;
-      }
-      const sortMethod = header_1.column.sortBy === true ? strategies.basic : typeof header_1.column.sortBy === "string" ? strategies[header_1.column.sortBy] : header_1.column.sortBy;
-      setRowOrder(rowOrder_0 => rowOrder_0.slice().sort((a, b) => {
-        if (header_1.column.field === undefined) {
-          return 0;
-        }
-        if (typeof header_1.column.sortBy === "function") {
-          if (state.direction === SortDirection.ASC) {
-            return sortMethod(a, b);
-          }
-          return sortMethod(b, a);
-        }
-        const valueA = get(a, header_1.column.field);
-        const valueB = get(b, header_1.column.field);
-        const valueAIsBlank = isBlankValue(valueA);
-        const valueBIsBlank = isBlankValue(valueB);
-        if (!valueAIsBlank && !valueBIsBlank) {
-          if (state.direction === SortDirection.ASC) {
-            return sortMethod(valueA, valueB);
-          }
-          return sortMethod(valueB, valueA);
-        }
-        if (!valueAIsBlank) {
-          return -1;
-        }
-        if (!valueBIsBlank) {
-          return 1;
-        }
-        return 0;
-      }));
-    }
-    t2 = headers;
-    t3 = rowOrder.map(row => {
-      const rowId = getRowId(row);
-      return {
-        id: `${rowId}`,
-        getValue() {
-          return row;
-        },
-        getCells() {
-          return headers.map(header_2 => {
-            var _header_2$column$rowH;
-            return {
-              id: `${rowId}:${header_2.id}`,
-              column: header_2.column,
-              rowHeader: (_header_2$column$rowH = header_2.column.rowHeader) !== null && _header_2$column$rowH !== void 0 ? _header_2$column$rowH : false,
-              getValue() {
-                if (header_2.column.field !== undefined) {
-                  return get(row, header_2.column.field);
-                }
-                throw new Error(`Unable to get value for column header ${header_2.id}`);
-              }
-            };
-          });
-        }
-      };
-    });
-    t4 = {
-      sortBy
-    };
-    $[4] = columns;
-    $[5] = data;
-    $[6] = externalSorting;
-    $[7] = getRowId;
-    $[8] = prevData;
-    $[9] = rowOrder;
-    $[10] = sortByColumn;
-    $[11] = t2;
-    $[12] = t3;
-    $[13] = t4;
-  } else {
-    t2 = $[11];
-    t3 = $[12];
-    t4 = $[13];
-  }
-  let t5;
-  if ($[16] !== gridTemplateColumns || $[17] !== t2 || $[18] !== t3 || $[19] !== t4) {
-    t5 = {
-      headers: t2,
-      rows: t3,
-      actions: t4,
-      gridTemplateColumns
-    };
-    $[16] = gridTemplateColumns;
-    $[17] = t2;
-    $[18] = t3;
-    $[19] = t4;
-    $[20] = t5;
-  } else {
-    t5 = $[20];
-  }
-  return t5;
+	const $ = c(21);
+	const { columns, data, initialSortColumn, initialSortDirection, externalSorting, getRowId } = t0;
+	const [rowOrder, setRowOrder] = useState(data);
+	const [prevData, setPrevData] = useState(data);
+	const [prevColumns, setPrevColumns] = useState(columns);
+	let t1;
+	if ($[0] !== columns || $[1] !== initialSortColumn || $[2] !== initialSortDirection) {
+		t1 = () => getInitialSortState(columns, initialSortColumn, initialSortDirection);
+		$[0] = columns;
+		$[1] = initialSortColumn;
+		$[2] = initialSortDirection;
+		$[3] = t1;
+	} else t1 = $[3];
+	const [sortByColumn, setSortByColumn] = useState(t1);
+	const { gridTemplateColumns } = useTableLayout(columns);
+	if (columns !== prevColumns) {
+		setPrevColumns(columns);
+		if (sortByColumn) {
+			if (!columns.find((column) => {
+				var _column$id;
+				const id = (_column$id = column.id) !== null && _column$id !== void 0 ? _column$id : column.field;
+				return sortByColumn.id === id;
+			})) setSortByColumn(null);
+		}
+	}
+	let t2;
+	let t3;
+	let t4;
+	if ($[4] !== columns || $[5] !== data || $[6] !== externalSorting || $[7] !== getRowId || $[8] !== prevData || $[9] !== rowOrder || $[10] !== sortByColumn) {
+		let t5;
+		if ($[14] !== sortByColumn) {
+			t5 = (column_1) => {
+				var _column_1$id;
+				const id_0 = (_column_1$id = column_1.id) !== null && _column_1$id !== void 0 ? _column_1$id : column_1.field;
+				if (id_0 === void 0) throw new Error("Expected either an `id` or `field` to be defined for a Column");
+				const sortable = column_1.sortBy !== void 0 && column_1.sortBy !== false;
+				return {
+					id: id_0,
+					column: column_1,
+					isSortable() {
+						return sortable;
+					},
+					getSortDirection() {
+						if (sortByColumn && sortByColumn.id === id_0) return sortByColumn.direction;
+						return SortDirection.NONE;
+					}
+				};
+			};
+			$[14] = sortByColumn;
+			$[15] = t5;
+		} else t5 = $[15];
+		const headers = columns.map(t5);
+		if (data !== prevData) {
+			setPrevData(data);
+			setRowOrder(data);
+			if (sortByColumn) sortRows(sortByColumn);
+		}
+		const sortBy = function sortBy(header) {
+			const sortState = {
+				id: header.id,
+				direction: sortByColumn && sortByColumn.id === header.id ? transition(sortByColumn.direction) : DEFAULT_SORT_DIRECTION
+			};
+			setSortByColumn(sortState);
+			sortRows(sortState);
+		};
+		function sortRows(state) {
+			const header_1 = headers.find((header_0) => header_0.id === state.id);
+			if (!header_1) throw new Error(`Unable to find header with id: ${state.id}`);
+			if (header_1.column.sortBy === false || header_1.column.sortBy === void 0) throw new Error("The column for this header is not sortable");
+			if (externalSorting) return;
+			const sortMethod = header_1.column.sortBy === true ? strategies.basic : typeof header_1.column.sortBy === "string" ? strategies[header_1.column.sortBy] : header_1.column.sortBy;
+			setRowOrder((rowOrder_0) => rowOrder_0.slice().sort((a, b) => {
+				if (header_1.column.field === void 0) return 0;
+				if (typeof header_1.column.sortBy === "function") {
+					if (state.direction === SortDirection.ASC) return sortMethod(a, b);
+					return sortMethod(b, a);
+				}
+				const valueA = get(a, header_1.column.field);
+				const valueB = get(b, header_1.column.field);
+				const valueAIsBlank = isBlankValue(valueA);
+				const valueBIsBlank = isBlankValue(valueB);
+				if (!valueAIsBlank && !valueBIsBlank) {
+					if (state.direction === SortDirection.ASC) return sortMethod(valueA, valueB);
+					return sortMethod(valueB, valueA);
+				}
+				if (!valueAIsBlank) return -1;
+				if (!valueBIsBlank) return 1;
+				return 0;
+			}));
+		}
+		t2 = headers;
+		t3 = rowOrder.map((row) => {
+			const rowId = getRowId(row);
+			return {
+				id: `${rowId}`,
+				getValue() {
+					return row;
+				},
+				getCells() {
+					return headers.map((header_2) => {
+						var _header_2$column$rowH;
+						return {
+							id: `${rowId}:${header_2.id}`,
+							column: header_2.column,
+							rowHeader: (_header_2$column$rowH = header_2.column.rowHeader) !== null && _header_2$column$rowH !== void 0 ? _header_2$column$rowH : false,
+							getValue() {
+								if (header_2.column.field !== void 0) return get(row, header_2.column.field);
+								throw new Error(`Unable to get value for column header ${header_2.id}`);
+							}
+						};
+					});
+				}
+			};
+		});
+		t4 = { sortBy };
+		$[4] = columns;
+		$[5] = data;
+		$[6] = externalSorting;
+		$[7] = getRowId;
+		$[8] = prevData;
+		$[9] = rowOrder;
+		$[10] = sortByColumn;
+		$[11] = t2;
+		$[12] = t3;
+		$[13] = t4;
+	} else {
+		t2 = $[11];
+		t3 = $[12];
+		t4 = $[13];
+	}
+	let t5;
+	if ($[16] !== gridTemplateColumns || $[17] !== t2 || $[18] !== t3 || $[19] !== t4) {
+		t5 = {
+			headers: t2,
+			rows: t3,
+			actions: t4,
+			gridTemplateColumns
+		};
+		$[16] = gridTemplateColumns;
+		$[17] = t2;
+		$[18] = t3;
+		$[19] = t4;
+		$[20] = t5;
+	} else t5 = $[20];
+	return t5;
 }
 function getInitialSortState(columns, initialSortColumn, initialSortDirection) {
-  if (initialSortColumn !== undefined) {
-    const column = columns.find(column => {
-      return column.id === initialSortColumn || column.field === initialSortColumn;
-    });
-    if (column === undefined) {
-      if (process.env.NODE_ENV !== "production") {
-        // eslint-disable-next-line no-console
-        console.warn(`Warning: Unable to find a column with id or field set to: ${initialSortColumn}. Please provide a value to \`initialSortColumn\` which corresponds to a \`id\` or \`field\` value in a column.`);
-      }
-      return null;
-    }
-    if (column.sortBy === false || column.sortBy === undefined) {
-      if (process.env.NODE_ENV !== "production") {
-        // eslint-disable-next-line no-console
-        console.warn(`Warning: The column specified by initialSortColumn={${initialSortColumn}} is not sortable. Please set \`sortBy\` to true or provide a sort strategy.`);
-      }
-      return null;
-    }
-    return {
-      id: `${initialSortColumn}`,
-      direction: initialSortDirection !== null && initialSortDirection !== void 0 ? initialSortDirection : DEFAULT_SORT_DIRECTION
-    };
-  }
-  if (initialSortDirection !== undefined) {
-    var _column$id2;
-    const column = columns.find(column => {
-      return column.sortBy !== false && column.sortBy !== undefined;
-    });
-    if (!column) {
-      if (process.env.NODE_ENV !== "production") {
-        // eslint-disable-next-line no-console
-        console.warn(`Warning: An initialSortDirection value was provided but no columns are sortable. Please set \`sortBy\` to true or provide a sort strategy to a column.`);
-      }
-      return null;
-    }
-    const id = (_column$id2 = column.id) !== null && _column$id2 !== void 0 ? _column$id2 : column.field;
-    if (id === undefined) {
-      if (process.env.NODE_ENV !== "production") {
-        // eslint-disable-next-line no-console
-        console.warn(`Warning: Unable to find an \`id\` or \`field\` for the column: ${column}. Please set one of these properties on the column.`);
-      }
-      return null;
-    }
-    return {
-      id,
-      direction: initialSortDirection
-    };
-  }
-  return null;
+	if (initialSortColumn !== void 0) {
+		const column = columns.find((column) => {
+			return column.id === initialSortColumn || column.field === initialSortColumn;
+		});
+		if (column === void 0) {
+			console.warn(`Warning: Unable to find a column with id or field set to: ${initialSortColumn}. Please provide a value to \`initialSortColumn\` which corresponds to a \`id\` or \`field\` value in a column.`);
+			return null;
+		}
+		if (column.sortBy === false || column.sortBy === void 0) {
+			console.warn(`Warning: The column specified by initialSortColumn={${initialSortColumn}} is not sortable. Please set \`sortBy\` to true or provide a sort strategy.`);
+			return null;
+		}
+		return {
+			id: `${initialSortColumn}`,
+			direction: initialSortDirection !== null && initialSortDirection !== void 0 ? initialSortDirection : DEFAULT_SORT_DIRECTION
+		};
+	}
+	if (initialSortDirection !== void 0) {
+		var _column$id2;
+		const column = columns.find((column) => {
+			return column.sortBy !== false && column.sortBy !== void 0;
+		});
+		if (!column) {
+			console.warn(`Warning: An initialSortDirection value was provided but no columns are sortable. Please set \`sortBy\` to true or provide a sort strategy to a column.`);
+			return null;
+		}
+		const id = (_column$id2 = column.id) !== null && _column$id2 !== void 0 ? _column$id2 : column.field;
+		if (id === void 0) {
+			console.warn(`Warning: Unable to find an \`id\` or \`field\` for the column: ${column}. Please set one of these properties on the column.`);
+			return null;
+		}
+		return {
+			id,
+			direction: initialSortDirection
+		};
+	}
+	return null;
 }
 function useTableLayout(columns) {
-  return {
-    gridTemplateColumns: getGridTemplateFromColumns(columns).join(' ')
-  };
+	return { gridTemplateColumns: getGridTemplateFromColumns(columns).join(" ") };
 }
 function getGridTemplateFromColumns(columns) {
-  return columns.map(column => {
-    var _column$width;
-    const columnWidth = (_column$width = column.width) !== null && _column$width !== void 0 ? _column$width : 'grow';
-    let minWidth = 'auto';
-    let maxWidth = '1fr';
-    if (columnWidth === 'auto') {
-      maxWidth = 'auto';
-    }
-
-    // Setting a min-width of 'max-content' ensures that the column will grow to fit the widest cell's content.
-    // However, If the column has a max width, we can't set the min width to `max-content` because
-    // the widest cell's content might overflow the container.
-    if (columnWidth === 'grow' && !column.maxWidth) {
-      minWidth = 'max-content';
-    }
-
-    // Column widths set to "growCollapse" don't need a min width unless one is explicitly provided.
-    if (columnWidth === 'growCollapse') {
-      minWidth = '0';
-    }
-
-    // If a consumer passes `minWidth` or `maxWidth`, we need to override whatever we set above.
-    if (column.minWidth) {
-      minWidth = typeof column.minWidth === 'number' ? `${column.minWidth}px` : column.minWidth;
-    }
-    if (column.maxWidth) {
-      maxWidth = typeof column.maxWidth === 'number' ? `${column.maxWidth}px` : column.maxWidth;
-    }
-
-    // If a consumer is passing one of the shorthand widths or doesn't pass a width at all, we use the
-    // min and max width calculated above to create a minmax() column template value.
-    if (typeof columnWidth !== 'number' && ['grow', 'growCollapse', 'auto'].includes(columnWidth)) {
-      return minWidth === maxWidth ? minWidth : `minmax(${minWidth}, ${maxWidth})`;
-    }
-
-    // If we reach this point, the consumer is passing an explicit width value.
-    return typeof columnWidth === 'number' ? `${columnWidth}px` : columnWidth;
-  });
+	return columns.map((column) => {
+		var _column$width;
+		const columnWidth = (_column$width = column.width) !== null && _column$width !== void 0 ? _column$width : "grow";
+		let minWidth = "auto";
+		let maxWidth = "1fr";
+		if (columnWidth === "auto") maxWidth = "auto";
+		if (columnWidth === "grow" && !column.maxWidth) minWidth = "max-content";
+		if (columnWidth === "growCollapse") minWidth = "0";
+		if (column.minWidth) minWidth = typeof column.minWidth === "number" ? `${column.minWidth}px` : column.minWidth;
+		if (column.maxWidth) maxWidth = typeof column.maxWidth === "number" ? `${column.maxWidth}px` : column.maxWidth;
+		if (typeof columnWidth !== "number" && [
+			"grow",
+			"growCollapse",
+			"auto"
+		].includes(columnWidth)) return minWidth === maxWidth ? minWidth : `minmax(${minWidth}, ${maxWidth})`;
+		return typeof columnWidth === "number" ? `${columnWidth}px` : columnWidth;
+	});
 }
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function get(object, path) {
-  return path.split('.').reduce((value, key) => {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    return value[key];
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  }, object);
+	return path.split(".").reduce((value, key) => {
+		return value[key];
+	}, object);
 }
 function isBlankValue(value) {
-  return value === null || value === undefined || value === '';
+	return value === null || value === void 0 || value === "";
 }
-
+//#endregion
 export { getGridTemplateFromColumns, useTable, useTableLayout };

package/dist/DataTable/utils.d.ts

@@ -1,11 +1,11 @@
+//#region src/DataTable/utils.d.ts
 type ArrayOfLength<Length extends number, SizedArray extends Array<unknown> = []> = SizedArray['length'] extends Length ? SizedArray : ArrayOfLength<Length, [...SizedArray, SizedArray['length']]>;
 type MaxLength = ArrayOfLength<10>[number];
 type ArrayIndex<A extends ReadonlyArray<any>, Keys extends number = never> = A extends readonly [] ? Keys : A extends readonly [infer _, ...infer Tail] ? ArrayIndex<Tail, Keys | Tail['length']> : Keys;
 type ArrayWithinBounds<T> = T extends ReadonlyArray<any> & {
-    length: infer Length;
+  length: infer Length;
 } ? Length extends MaxLength ? T : never : never;
-export type ObjectPaths<T> = T extends readonly any[] & ArrayWithinBounds<T> ? `${ArrayIndex<T>}` | PrefixPath<T, ArrayIndex<T>> : T extends any[] ? never & 'Unable to determine keys of potentially boundless array' : T extends Date ? never : T extends object ? Extract<keyof T, string | number> | PrefixPath<T, Extract<keyof T, string | number>> : never;
+type ObjectPaths<T> = T extends readonly any[] & ArrayWithinBounds<T> ? `${ArrayIndex<T>}` | PrefixPath<T, ArrayIndex<T>> : T extends any[] ? never & 'Unable to determine keys of potentially boundless array' : T extends Date ? never : T extends object ? Extract<keyof T, string | number> | PrefixPath<T, Extract<keyof T, string | number>> : never;
 type PrefixPath<T, Prefix> = Prefix extends Extract<keyof T, number | string> ? `${Prefix}.${ObjectPaths<T[Prefix]>}` : never;
-export type ObjectPathValue<ObjectType extends object, Path extends string | number> = ObjectType extends Record<string | number, any> ? Path extends `${infer Key}.${infer NestedPath}` ? ObjectPathValue<ObjectType[Key], NestedPath> : ObjectType[Path] : never;
-export {};
-//# sourceMappingURL=utils.d.ts.map
+//#endregion
+export { ObjectPaths };

package/dist/Details/Details.d.ts

@@ -1,23 +1,28 @@
-import React, { type ComponentPropsWithoutRef } from 'react';
-export type SummaryProps<As extends React.ElementType> = {
-    /**
-     * HTML element to render summary as.
-     */
-    as?: As;
-    children?: React.ReactNode;
+import React, { ComponentPropsWithoutRef } from "react";
+
+//#region src/Details/Details.d.ts
+type SummaryProps<As extends React.ElementType> = {
+  /**
+   * HTML element to render summary as.
+   */
+  as?: As;
+  children?: React.ReactNode;
 } & React.ComponentPropsWithoutRef<React.ElementType extends As ? As : 'summary'>;
-declare function Summary<As extends React.ElementType>({ as, children, ...props }: SummaryProps<As>): React.JSX.Element;
+declare function Summary<As extends React.ElementType>({
+  as,
+  children,
+  ...props
+}: SummaryProps<As>): React.JSX.Element;
 declare namespace Summary {
-    var displayName: string;
+  var displayName: string;
 }
-export { Summary };
 declare const Details: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement>, "ref"> & {
-    'data-component'?: string;
+  'data-component'?: string;
 } & React.RefAttributes<HTMLDetailsElement>> & {
-    Summary: typeof Summary;
+  Summary: typeof Summary;
 };
-export type DetailsProps = ComponentPropsWithoutRef<'details'> & {
-    'data-component'?: string;
+type DetailsProps = ComponentPropsWithoutRef<'details'> & {
+  'data-component'?: string;
 };
-export default Details;
-//# sourceMappingURL=Details.d.ts.map
+//#endregion
+export { DetailsProps, Summary, SummaryProps, Details as default };