@persona/design-system 0.1.7 → 0.1.8

package/dist/components/DataTable/index.mjs

@@ -1,31 +1,31 @@
 import { isFocused } from "../../lib/pseudoClass.mjs";
 import "../../variables/effect.mjs";
 import "../../variables/transitions.mjs";
-import { i as Paragraph, o as TabularNumber } from "../../Text-hEoPeOc9.mjs";
-import { t as TextUnderlineTooltip } from "../../Tooltip-CDvOu1UN.mjs";
+import { t as HStack } from "../../Stack-Bl54WmhY.mjs";
+import { i as Paragraph, o as TabularNumber } from "../../Text-RcEfNFLx.mjs";
+import { t as TextUnderlineTooltip } from "../../Tooltip-C6AR1xT-.mjs";
 import { Z_INDICES } from "../../lib/zindex.mjs";
-import { t as HStack } from "../../Stack-ckRN7LrP.mjs";
-import { n as Button, t as IconButton } from "../../IconButton-DC4rh6ow.mjs";
-import { n as Sticker } from "../../Sticker-B0TbkV4o.mjs";
-import { n as DropdownMenu_default } from "../../DropdownMenu-cnkoGc7C.mjs";
-import { t as Checkbox } from "../../Checkbox-BghGF-iW.mjs";
-import { t as Pagination_default } from "../../Pagination-Cj08JRG9.mjs";
-import { a as StickyTH, d as TableTR, f as TableTH, i as StickyTD, n as TableBody, o as TableActionTD, p as TableRow, s as TableCell, t as TableLayout, u as TableTD } from "../../Table-CNs8p8hL.mjs";
-import { t as HoverCopyableField_default } from "../../HoverCopyableField-DR575ayC.mjs";
-import { t as Pii_default } from "../../Pii-Bxh6_R4T.mjs";
-import { a as TableViewConfigurationDropdown, o as TableControls } from "../../TableControls-BkdSeQvt.mjs";
+import { n as Button, t as IconButton } from "../../IconButton-CIWiEsS-.mjs";
+import { n as DropdownMenu_default } from "../../DropdownMenu-DGYexb7s.mjs";
+import { a as StickyTH, d as TableTR, f as TableTH, i as StickyTD, n as TableBody, o as TableActionTD, p as TableRow, s as TableCell, t as TableLayout, u as TableTD } from "../../Table-D8IcpACv.mjs";
+import { n as Sticker } from "../../Sticker-DbqKLe33.mjs";
+import { t as Checkbox } from "../../Checkbox-B0bjZbji.mjs";
+import { t as Pagination_default } from "../../Pagination-ztqhywAP.mjs";
+import { t as HoverCopyableField_default } from "../../HoverCopyableField-ClXBg_ld.mjs";
+import { t as Pii_default } from "../../Pii-DrrtEz7U.mjs";
+import { b as TableControls, y as TableViewConfigurationDropdown } from "../../TableControls-DHMs7o58.mjs";
 import "./types.mjs";
 import { BorderRadius, Color, Spacing } from "@persona/design-tokens";
 import styled, { css } from "styled-components";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Link } from "react-router-dom";
 import { createElement, useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDownIcon, ChevronRightIcon, ImageIcon, MoreIcon, XIcon } from "@persona/icons";
 import { PlusIcon as PlusIcon$1 } from "@persona/icons/12px";
-import { Link } from "react-router-dom";
 import { kebabCase } from "lodash";
 import { createColumnHelper, flexRender, getCoreRowModel, getFilteredRowModel, getMemoOptions, getPaginationRowModel, getSortedRowModel, memo as memo$1, useReactTable } from "@tanstack/react-table";
 import { DateTime } from "luxon";
-import startCase from "lodash/fp/startCase.js";
+import startCase$1 from "lodash/fp/startCase.js";
 //#region components/DataTable/constants.ts
 function getColumnWidths(compact) {
 	return {
@@ -232,14 +232,14 @@ const renderAsPii = (row, config) => {
 	if (!config || !row) return "";
 	const { isRedacted, piiValue, emptyText } = config;
 	const piiValueString = piiValue(row);
-	if (piiValueString == null || piiValueString.length === 0) return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Paragraph, { children: emptyText }), config.subComponent?.(row)] });
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Pii_default, {
+	if (piiValueString == null || piiValueString.length === 0) return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Paragraph, { children: emptyText }), config.subComponent?.(row)] });
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Pii_default, {
 		isRedacted: isRedacted(row),
 		children: piiValueString
 	}), config.subComponent?.(row)] });
 };
 const renderAsLightweightImage = (value, config) => {
-	if (value == null || value === "" || Array.isArray(value) && value.length === 0) return config?.fallback ? /* @__PURE__ */ jsx(Fragment$1, { children: config.fallback }) : /* @__PURE__ */ jsx(EmptyImageContainer, {
+	if (value == null || value === "" || Array.isArray(value) && value.length === 0) return config?.fallback ? /* @__PURE__ */ jsx(Fragment, { children: config.fallback }) : /* @__PURE__ */ jsx(EmptyImageContainer, {
 		$width: config?.width,
 		$height: config?.height,
 		"aria-label": config?.alt ?? "image",
@@ -511,7 +511,7 @@ function useTableColumns({ columns, data, compact, sort, clientSearch, clientFil
 				return columnHelper.accessor(column.accessor, columnHelperOptions);
 			}
 			return columnHelper.accessor(column, {
-				header: startCase(column),
+				header: startCase$1(column),
 				enableGlobalFilter: Boolean(clientSearch),
 				enableSorting: sort != null
 			});
@@ -571,7 +571,7 @@ function useTableColumns({ columns, data, compact, sort, clientSearch, clientFil
 			}
 		}));
 		if (hasRowActions) {
-			const emptyHeader = () => /* @__PURE__ */ jsx(Fragment$1, {});
+			const emptyHeader = () => /* @__PURE__ */ jsx(Fragment, {});
 			tableColumns.push(columnHelper.display({
 				id: "action-col",
 				enableResizing: false,
@@ -585,7 +585,7 @@ function useTableColumns({ columns, data, compact, sort, clientSearch, clientFil
 			const key = typeof column === "object" ? column.accessor : column;
 			return {
 				key,
-				label: typeof column === "object" ? typeof column.header === "string" ? column.header : key : startCase(column)
+				label: typeof column === "object" ? typeof column.header === "string" ? column.header : key : startCase$1(column)
 			};
 		})];
 	}, [
@@ -1210,7 +1210,7 @@ const DataTable = ({ data, columns, detailComponent, expandColumnVisibility = "a
 				children: [/* @__PURE__ */ jsx(StyledTableLayout, {
 					$onAddRow: !!onAddRow,
 					stickyHeader,
-					headerTR: /* @__PURE__ */ jsx(Fragment$1, { children: tableHeaderGroup.headers.map((header) => {
+					headerTR: /* @__PURE__ */ jsx(Fragment, { children: tableHeaderGroup.headers.map((header) => {
 						const pinningStyles = getCommonPinningStyles(header.column);
 						const isPinned = pinningStyles.position === "sticky";
 						const width = header.column.columnDef.meta?.width ? `${header.column.columnDef.meta?.width}px` : void 0;
@@ -1353,14 +1353,14 @@ const DataTable = ({ data, columns, detailComponent, expandColumnVisibility = "a
 							else detailContent = rowData._details;
 							else if (detailComponent) detailContent = /* @__PURE__ */ jsx(detailComponent, { rowData });
 							if (detailContent) {
-								const detailCells = initialColumnPinning?.left?.length ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(StickyTD, {
+								const detailCells = initialColumnPinning?.left?.length ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(StickyTD, {
 									colSpan: 1,
 									left: pinnedColumnLeftOffset
 								}), /* @__PURE__ */ jsx(StickyDetailsTD, {
 									colSpan: tableHeaderGroup.headers.length - 1,
 									left: EXPAND_COLUMN_WIDTH + pinnedColumnLeftOffset,
 									children: detailContent
-								})] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(TableTD, { colSpan: 1 }), /* @__PURE__ */ jsx(DetailsTD, {
+								})] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(TableTD, { colSpan: 1 }), /* @__PURE__ */ jsx(DetailsTD, {
 									colSpan: tableHeaderGroup.headers.length - 1,
 									children: detailContent
 								})] });