@persona/design-system 0.3.0 → 0.4.0

package/dist/components/DataTable/TableControls/index.d.mts

@@ -1,16 +1,19 @@
-import { n as ControlBarProps, t as ControlBar } from "../../../ControlBar-Dg8JeU8f.mjs";
-import { n as DataTableCompactBar } from "../../../CompactBar-DMuvqaV5.mjs";
-import { i as TableViewConfigurationProps, n as TableViewConfigurationDropdown, r as TableViewConfigurationDropdownProps, t as TableViewConfiguration } from "../../../TableViewConfigurationDropdown-BYPh4dIP.mjs";
-import { i as useTableControls, n as TableControlsContextProps, r as TableControlsProvider, t as TableControlsContext } from "../../../TableControlsContext-D_SBFZN1.mjs";
-import { a as FilterField, c as FilterOperator, d as FilterSize, f as FilterStateV2, i as EMPTY_FILTER_STATE, l as FilterRule, n as CompoundExpression, o as FilterFieldSource, p as TopLevelFilterRule, r as DateRangeFilterValue, s as FilterFieldType, t as AndGroup, u as FilterRuleValue } from "../../../types-C-TkDdkG.mjs";
-import { n as RawFieldInfo, r as buildFieldRegistry, t as FieldRegistry } from "../../../FieldRegistry-DdA63Vnh.mjs";
-import { n as ValueControlResolver, r as resolveValueControl, t as ResolveValueControlOptions } from "../../../value-control-resolver-BPlTeIX7.mjs";
-import { t as FilterBar } from "../../../FilterBar-CxNsBVrn.mjs";
-import { t as FilterBarProps } from "../../../index--5Mfhlkj.mjs";
-import { a as useFilterBarSize } from "../../../filter-size-context-Bw5F7082.mjs";
-import { c as isCompleteDateRange, d as reconcileValueForOperator, i as getDefaultOperatorForType, l as isRangeOperator, n as emptyValueForRule, o as getOperatorsForField, s as getOperatorsForType, u as isValuelessOperator } from "../../../operators-CmSqHnTH.mjs";
-import { n as UseFilterStateV2Result, r as useFilterStateV2, t as UseFilterStateV2Options } from "../../../useFilterStateV2-C4itmN4S.mjs";
-import { n as isFilterStateV2, r as pruneToRegistry, t as hasCompleteValue } from "../../../validation-B5IXsdkE.mjs";
-import { t as ValueControlProps } from "../../../types-NJtAxsU1.mjs";
-import { t as TableControls } from "../../../TableControls-RwIPBxyU.mjs";
-export { AndGroup, CompoundExpression, ControlBar, ControlBarProps, DataTableCompactBar, DateRangeFilterValue, EMPTY_FILTER_STATE, FieldRegistry, FilterBar, FilterBarProps, FilterField, FilterFieldSource, FilterFieldType, FilterOperator, FilterRule, FilterRuleValue, FilterSize, FilterStateV2, RawFieldInfo, ResolveValueControlOptions, TableControlsContext, TableControlsContextProps, TableControlsProvider, TableViewConfiguration, TableViewConfigurationDropdown, TableViewConfigurationDropdownProps, TableViewConfigurationProps, TopLevelFilterRule, UseFilterStateV2Options, UseFilterStateV2Result, ValueControlProps, ValueControlResolver, buildFieldRegistry, TableControls as default, emptyValueForRule, getDefaultOperatorForType, getOperatorsForField, getOperatorsForType, hasCompleteValue, isCompleteDateRange, isFilterStateV2, isRangeOperator, isValuelessOperator, pruneToRegistry, reconcileValueForOperator, resolveValueControl, useFilterBarSize, useFilterStateV2, useTableControls };
+import { n as ControlBarProps, t as ControlBar } from "../../../ControlBar-DwAhPcb5.mjs";
+import { n as DataTableCompactBar } from "../../../CompactBar-COxu_FDd.mjs";
+import { i as TableViewConfigurationProps, n as TableViewConfigurationDropdown, r as TableViewConfigurationDropdownProps, t as TableViewConfiguration } from "../../../TableViewConfigurationDropdown-BqB7pOh8.mjs";
+import { i as useTableControls, n as TableControlsContextProps, r as TableControlsProvider, t as TableControlsContext } from "../../../TableControlsContext-ChFsFEjR.mjs";
+import { t as dateRuleIntent } from "../../../date-rule-intent-BArNGT2E.mjs";
+import { a as FilterField, c as FilterOperator, d as FilterRuleValueChange, f as FilterSize, h as isEmptyState, i as EMPTY_FILTER_STATE, l as FilterRule, m as TopLevelFilterRule, n as CompoundExpression, o as FilterFieldSource, p as FilterStateV2, r as DateRangeFilterValue, s as FilterFieldType, t as AndGroup, u as FilterRuleValue } from "../../../types-V8UJX-rk.mjs";
+import { t as resolveDateRangeRuleValue } from "../../../date-range-rule-value-DBEEWTQp.mjs";
+import { n as RawFieldInfo, r as buildFieldRegistry, t as FieldRegistry } from "../../../FieldRegistry-D6niLExM.mjs";
+import { n as ValueControlResolver, r as resolveValueControl, t as ResolveValueControlOptions } from "../../../value-control-resolver-qKTH1ErF.mjs";
+import { t as FilterBar } from "../../../FilterBar-DfBV7yKM.mjs";
+import { t as FilterBarProps } from "../../../index-DASkW991.mjs";
+import { a as useFilterBarSize } from "../../../filter-size-context-D1UhTwOG.mjs";
+import { a as getDefaultOperatorForType, c as getOperatorsForType, d as isValuelessOperator, f as reconcileValueForOperator, l as isCompleteDateRange, r as emptyValueForRule, s as getOperatorsForField, u as isRangeOperator } from "../../../operators-BsSl7gPE.mjs";
+import { a as decodeFilterStateFromUrl, i as decodeFilterStateFromString, n as UrlStateCodecResult, o as encodeFilterStateToUrlParam, r as applyFilterStateToSearchParams, t as FILTER_STATE_URL_PARAM } from "../../../url-state-ektb0HnB.mjs";
+import { n as UseFilterStateV2Result, r as useFilterStateV2, t as UseFilterStateV2Options } from "../../../useFilterStateV2-BB14vCC-.mjs";
+import { n as isFilterStateV2, r as pruneToRegistry, t as hasCompleteValue } from "../../../validation-B22QjCrV.mjs";
+import { t as ValueControlProps } from "../../../types-B5VmRRMR.mjs";
+import { t as TableControls } from "../../../TableControls-C26vGkWZ.mjs";
+export { AndGroup, CompoundExpression, ControlBar, ControlBarProps, DataTableCompactBar, DateRangeFilterValue, EMPTY_FILTER_STATE, FILTER_STATE_URL_PARAM, FieldRegistry, FilterBar, FilterBarProps, FilterField, FilterFieldSource, FilterFieldType, FilterOperator, FilterRule, FilterRuleValue, FilterRuleValueChange, FilterSize, FilterStateV2, RawFieldInfo, ResolveValueControlOptions, TableControlsContext, TableControlsContextProps, TableControlsProvider, TableViewConfiguration, TableViewConfigurationDropdown, TableViewConfigurationDropdownProps, TableViewConfigurationProps, TopLevelFilterRule, UrlStateCodecResult, UseFilterStateV2Options, UseFilterStateV2Result, ValueControlProps, ValueControlResolver, applyFilterStateToSearchParams, buildFieldRegistry, dateRuleIntent, decodeFilterStateFromString, decodeFilterStateFromUrl, TableControls as default, emptyValueForRule, encodeFilterStateToUrlParam, getDefaultOperatorForType, getOperatorsForField, getOperatorsForType, hasCompleteValue, isCompleteDateRange, isEmptyState, isFilterStateV2, isRangeOperator, isValuelessOperator, pruneToRegistry, reconcileValueForOperator, resolveDateRangeRuleValue, resolveValueControl, useFilterBarSize, useFilterStateV2, useTableControls };

package/dist/components/DataTable/TableControls/index.mjs

@@ -1,2 +1,2 @@
-import { C as TableViewConfigurationDropdown, E as DataTableCompactBar, S as TableViewConfiguration, T as ControlBar, _ as isValuelessOperator, a as hasCompleteValue, b as TableControlsProvider, c as EMPTY_FILTER_STATE, d as emptyValueForRule, f as getDefaultOperatorForType, g as isRangeOperator, h as isCompleteDateRange, i as useFilterStateV2, l as resolveValueControl, m as getOperatorsForType, n as buildFieldRegistry, o as isFilterStateV2, p as getOperatorsForField, r as FilterBar_default, s as pruneToRegistry, t as FieldRegistry, u as useFilterBarSize, v as reconcileValueForOperator, w as TableControls, x as useTableControls, y as TableControlsContext } from "../../../TableControls-CZ9iu3ma.mjs";
-export { ControlBar, DataTableCompactBar, EMPTY_FILTER_STATE, FieldRegistry, FilterBar_default as FilterBar, TableControlsContext, TableControlsProvider, TableViewConfiguration, TableViewConfigurationDropdown, buildFieldRegistry, TableControls as default, emptyValueForRule, getDefaultOperatorForType, getOperatorsForField, getOperatorsForType, hasCompleteValue, isCompleteDateRange, isFilterStateV2, isRangeOperator, isValuelessOperator, pruneToRegistry, reconcileValueForOperator, resolveValueControl, useFilterBarSize, useFilterStateV2, useTableControls };
+import { A as TableViewConfiguration, C as isRangeOperator, D as TableControlsContext, E as dateRuleIntent, M as TableControls, N as ControlBar, O as TableControlsProvider, P as DataTableCompactBar, S as isCompleteDateRange, T as reconcileValueForOperator, _ as resolveDateRangeRuleValue, a as encodeFilterStateToUrlParam, b as getOperatorsForField, c as FilterBar_default, d as isFilterStateV2, f as pruneToRegistry, g as useFilterBarSize, h as resolveValueControl, i as decodeFilterStateFromUrl, j as TableViewConfigurationDropdown, k as useTableControls, l as useFilterStateV2, m as isEmptyState, n as applyFilterStateToSearchParams, o as FieldRegistry, p as EMPTY_FILTER_STATE, r as decodeFilterStateFromString, s as buildFieldRegistry, t as FILTER_STATE_URL_PARAM, u as hasCompleteValue, v as emptyValueForRule, w as isValuelessOperator, x as getOperatorsForType, y as getDefaultOperatorForType } from "../../../TableControls-WUNbzSNq.mjs";
+export { ControlBar, DataTableCompactBar, EMPTY_FILTER_STATE, FILTER_STATE_URL_PARAM, FieldRegistry, FilterBar_default as FilterBar, TableControlsContext, TableControlsProvider, TableViewConfiguration, TableViewConfigurationDropdown, applyFilterStateToSearchParams, buildFieldRegistry, dateRuleIntent, decodeFilterStateFromString, decodeFilterStateFromUrl, TableControls as default, emptyValueForRule, encodeFilterStateToUrlParam, getDefaultOperatorForType, getOperatorsForField, getOperatorsForType, hasCompleteValue, isCompleteDateRange, isEmptyState, isFilterStateV2, isRangeOperator, isValuelessOperator, pruneToRegistry, reconcileValueForOperator, resolveDateRangeRuleValue, resolveValueControl, useFilterBarSize, useFilterStateV2, useTableControls };

package/dist/components/DataTable/index.mjs

@@ -1,27 +1,27 @@
-import { isFocused } from "../../lib/pseudoClass.mjs";
-import "../../variables/effect.mjs";
+import { a as styled, r as css } from "../../styledComponentsInterop-8zScIQyC.mjs";
+import { i as Paragraph, o as TabularNumber } from "../../Text-B0orb-cZ.mjs";
 import "../../variables/transitions.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-BvDbmXak.mjs";
+import { t as TextUnderlineTooltip } from "../../Tooltip-iJcfJqxn.mjs";
+import { isFocused } from "../../lib/pseudoClass.mjs";
 import { Z_INDICES } from "../../lib/zindex.mjs";
-import { n as Button, t as IconButton } from "../../IconButton-BfDlic2K.mjs";
-import { n as Sticker } from "../../Sticker-xtDMuOoN.mjs";
-import { n as DropdownMenu_default } from "../../DropdownMenu-BCyV8nC0.mjs";
-import { t as Checkbox } from "../../Checkbox-DAvbgZgO.mjs";
-import { t as Pagination_default } from "../../Pagination-0VhVdXv0.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-D1WyUQuv.mjs";
-import { t as HoverCopyableField_default } from "../../HoverCopyableField-0Bzygbp9.mjs";
-import { t as Pii_default } from "../../Pii-C7pA72Bh.mjs";
-import { C as TableViewConfigurationDropdown, w as TableControls } from "../../TableControls-CZ9iu3ma.mjs";
+import "../../variables/effect.mjs";
+import { t as HStack } from "../../Stack-Bre2oiov.mjs";
+import { n as Button, t as IconButton } from "../../IconButton-BgL3QUVO.mjs";
+import { n as Sticker } from "../../Sticker-CQ6sOKUj.mjs";
+import { n as DropdownMenu_default } from "../../DropdownMenu-CUnf420M.mjs";
+import { t as Checkbox } from "../../Checkbox-DxNHp59y.mjs";
+import { t as Pagination_default } from "../../Pagination-CtUz0gdA.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-DfUD3I2s.mjs";
+import { t as HoverCopyableField } from "../../HoverCopyableField-GMXeF-3J.mjs";
+import { t as Pii_default } from "../../Pii-RwKn-K84.mjs";
+import { M as TableControls, j as TableViewConfigurationDropdown } from "../../TableControls-WUNbzSNq.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, startCase } from "lodash-es";
 import { createColumnHelper, flexRender, getCoreRowModel, getFilteredRowModel, getMemoOptions, getPaginationRowModel, getSortedRowModel, memo as memo$1, useReactTable } from "@tanstack/react-table";
 import { DateTime } from "luxon";
@@ -223,7 +223,7 @@ const renderAsCopyableString = (value, config) => {
 	const valueAsString = renderAsString(value);
 	const content = config?.mono ? /* @__PURE__ */ jsx(MonoText, { children: valueAsString }) : valueAsString;
 	if (!valueAsString) return /* @__PURE__ */ jsx(Paragraph, { children: config?.emptyText ?? "" });
-	return /* @__PURE__ */ jsx(WrappingText, { children: config?.copyable ? /* @__PURE__ */ jsx(HoverCopyableField_default, {
+	return /* @__PURE__ */ jsx(WrappingText, { children: config?.copyable ? /* @__PURE__ */ jsx(HoverCopyableField, {
 		copyValue: valueAsString,
 		children: content
 	}) : content });
@@ -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, { children: [/* @__PURE__ */ jsx(Paragraph, { children: emptyText }), config.subComponent?.(row)] });
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Pii_default, {
+	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, {
 		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, { children: config.fallback }) : /* @__PURE__ */ jsx(EmptyImageContainer, {
+	if (value == null || value === "" || Array.isArray(value) && value.length === 0) return config?.fallback ? /* @__PURE__ */ jsx(Fragment$1, { children: config.fallback }) : /* @__PURE__ */ jsx(EmptyImageContainer, {
 		$width: config?.width,
 		$height: config?.height,
 		"aria-label": config?.alt ?? "image",
@@ -571,7 +571,7 @@ function useTableColumns({ columns, data, compact, sort, clientSearch, clientFil
 			}
 		}));
 		if (hasRowActions) {
-			const emptyHeader = () => /* @__PURE__ */ jsx(Fragment, {});
+			const emptyHeader = () => /* @__PURE__ */ jsx(Fragment$1, {});
 			tableColumns.push(columnHelper.display({
 				id: "action-col",
 				enableResizing: false,
@@ -1211,7 +1211,7 @@ const DataTable = ({ data, columns, detailComponent, expandColumnVisibility = "a
 					$onAddRow: !!onAddRow,
 					stickyHeader,
 					containerScrollsHorizontally: scrollsHorizontally,
-					headerTR: /* @__PURE__ */ jsx(Fragment, { children: tableHeaderGroup.headers.map((header) => {
+					headerTR: /* @__PURE__ */ jsx(Fragment$1, { 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, { children: [/* @__PURE__ */ jsx(StickyTD, {
+								const detailCells = initialColumnPinning?.left?.length ? /* @__PURE__ */ jsxs(Fragment$1, { 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, { children: [/* @__PURE__ */ jsx(TableTD, { colSpan: 1 }), /* @__PURE__ */ jsx(DetailsTD, {
+								})] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(TableTD, { colSpan: 1 }), /* @__PURE__ */ jsx(DetailsTD, {
 									colSpan: tableHeaderGroup.headers.length - 1,
 									children: detailContent
 								})] });