@persona/design-system 0.10.12 → 0.10.13

package/dist/{TableBoxCell-CQOL30et.d.mts → TableBoxCell-C65YFYqj.d.mts}

@@ -1,8 +1,8 @@
-import { o as ComboboxOptionsOrGroups } from "./ComboboxBase-CrFweFGi.mjs";
+import { o as ComboboxOptionsOrGroups } from "./ComboboxBase-DoKiRjgS.mjs";
 import { a as TableCellProps, i as TableCell } from "./TableCell-CQsF7t4e.mjs";
-import { r as TableBoxRowProps } from "./TableBoxRow-tb9-KMr9.mjs";
+import { r as TableBoxRowProps } from "./TableBoxRow-CK-b79uD.mjs";
 import { n as ReorderConfig, t as DragDirection } from "./useTableBoxDragAndDrop-MwbXWWDQ.mjs";
-import { t as RowAction } from "./TableBoxRowActions-BZwulsFP.mjs";
+import { t as RowAction } from "./TableBoxRowActions-CRaabjaY.mjs";
 import * as _$react from "react";
 import { ComponentPropsWithoutRef, PropsWithChildren } from "react";
 import * as _$styled_components0 from "styled-components";
@@ -273,4 +273,4 @@ declare const TableBoxCell: ({
 }: TableBoxCellProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { TableBox as a, PinnedActionsCell as i, TableBoxCellProps as n, TableBoxContext as o, InlineEditConfig as r, TableBoxProps as s, TableBoxCell as t };
-//# sourceMappingURL=TableBoxCell-CQOL30et.d.mts.map
+//# sourceMappingURL=TableBoxCell-C65YFYqj.d.mts.map

package/dist/TableBoxCell.d.mts

@@ -1,2 +1,2 @@
-import { n as TableBoxCellProps, t as TableBoxCell } from "./TableBoxCell-CQOL30et.mjs";
+import { n as TableBoxCellProps, t as TableBoxCell } from "./TableBoxCell-C65YFYqj.mjs";
 export { TableBoxCellProps, TableBoxCell as default };

package/dist/{TableBoxField-z0GIFeQw.d.mts → TableBoxField-CHpClgsE.d.mts}

@@ -1,7 +1,7 @@
-import { l as MenuItemProps } from "./Menu-DviYNrFd.mjs";
-import { o as ImplementsFormField } from "./inputFields-DnBb3NhK.mjs";
-import { r as TableBoxRowProps } from "./TableBoxRow-tb9-KMr9.mjs";
-import { n as TableBoxCellProps, s as TableBoxProps } from "./TableBoxCell-CQOL30et.mjs";
+import { l as MenuItemProps } from "./Menu-keVl-eKm.mjs";
+import { o as ImplementsFormField } from "./inputFields-Dobwb4kT.mjs";
+import { r as TableBoxRowProps } from "./TableBoxRow-CK-b79uD.mjs";
+import { n as TableBoxCellProps, s as TableBoxProps } from "./TableBoxCell-C65YFYqj.mjs";
 import { MouseEvent, ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
@@ -100,4 +100,4 @@ declare const TableBoxField: {
 };
 //#endregion
 export { TableBoxFieldActionGroup as a, TableBoxFieldActionEntry as i, TableBoxField as n, TableBoxFieldAction as r, TABLE_BOX_FIELD_ADD_BUTTON_ARIA_LABEL as t };
-//# sourceMappingURL=TableBoxField-z0GIFeQw.d.mts.map
+//# sourceMappingURL=TableBoxField-CHpClgsE.d.mts.map

package/dist/TableBoxField.d.mts

@@ -1,2 +1,2 @@
-import { a as TableBoxFieldActionGroup, i as TableBoxFieldActionEntry, n as TableBoxField, r as TableBoxFieldAction, t as TABLE_BOX_FIELD_ADD_BUTTON_ARIA_LABEL } from "./TableBoxField-z0GIFeQw.mjs";
+import { a as TableBoxFieldActionGroup, i as TableBoxFieldActionEntry, n as TableBoxField, r as TableBoxFieldAction, t as TABLE_BOX_FIELD_ADD_BUTTON_ARIA_LABEL } from "./TableBoxField-CHpClgsE.mjs";
 export { TABLE_BOX_FIELD_ADD_BUTTON_ARIA_LABEL, TableBoxFieldAction, TableBoxFieldActionEntry, TableBoxFieldActionGroup, TableBoxField as default };

package/dist/{TableBoxRow-tb9-KMr9.d.mts → TableBoxRow-CK-b79uD.d.mts}

@@ -1,4 +1,4 @@
-import { l as MenuItemProps } from "./Menu-DviYNrFd.mjs";
+import { l as MenuItemProps } from "./Menu-keVl-eKm.mjs";
 import { t as TableRow } from "./TableRow-C4eHuRF3.mjs";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
@@ -83,4 +83,4 @@ declare const TableBoxRowOverlay: ({
 }) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { TableBoxRowOverlay as n, TableBoxRowProps as r, TableBoxRow as t };
-//# sourceMappingURL=TableBoxRow-tb9-KMr9.d.mts.map
+//# sourceMappingURL=TableBoxRow-CK-b79uD.d.mts.map

package/dist/TableBoxRow.d.mts

@@ -1,2 +1,2 @@
-import { n as TableBoxRowOverlay, r as TableBoxRowProps, t as TableBoxRow } from "./TableBoxRow-tb9-KMr9.mjs";
+import { n as TableBoxRowOverlay, r as TableBoxRowProps, t as TableBoxRow } from "./TableBoxRow-CK-b79uD.mjs";
 export { TableBoxRowOverlay, TableBoxRowProps, TableBoxRow as default };

package/dist/{TableBoxRowActions-BZwulsFP.d.mts → TableBoxRowActions-CRaabjaY.d.mts}

@@ -1,4 +1,4 @@
-import { l as MenuItemProps } from "./Menu-DviYNrFd.mjs";
+import { l as MenuItemProps } from "./Menu-keVl-eKm.mjs";
 import * as _$styled_components0 from "styled-components";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
@@ -54,4 +54,4 @@ declare const RowActions: ({
 }: RowActionsProps) => _$react_jsx_runtime0.JSX.Element | null;
 //#endregion
 export { RowActionsContainerWithFadeWidth as i, RowActions as n, RowActionsContainer as r, RowAction as t };
-//# sourceMappingURL=TableBoxRowActions-BZwulsFP.d.mts.map
+//# sourceMappingURL=TableBoxRowActions-CRaabjaY.d.mts.map

package/dist/TableBoxRowActions.d.mts

@@ -1,2 +1,2 @@
-import { i as RowActionsContainerWithFadeWidth, n as RowActions, r as RowActionsContainer, t as RowAction } from "./TableBoxRowActions-BZwulsFP.mjs";
+import { i as RowActionsContainerWithFadeWidth, n as RowActions, r as RowActionsContainer, t as RowAction } from "./TableBoxRowActions-CRaabjaY.mjs";
 export { RowAction, RowActions, RowActionsContainer, RowActionsContainerWithFadeWidth };

package/dist/{TableControls-BXykbUBf.mjs → TableControls-DM4RddQ_.mjs}

@@ -25,15 +25,15 @@ import { r as InputGroup } from "./Input-DcbzPaax.mjs";
 import Input_default from "./components/Input/index.mjs";
 import { c as MenuList, s as MenuItem } from "./Menu-BVn1jh46.mjs";
 import { n as DropdownMenu_default } from "./DropdownMenu-Ip75l4Th.mjs";
-import { t as Combobox } from "./Combobox-BNjYEAmv.mjs";
+import { t as Combobox } from "./Combobox-DmFQ5cAy.mjs";
 import { n as Select, r as SelectHeader, t as Option } from "./Select-DbWEgH5c.mjs";
-import { s as Popover_default } from "./Popover-CVX-dfYb.mjs";
-import { i as Modal_default } from "./Modal-CiPFqr0L.mjs";
-import { r as DateRangePicker, t as DatePicker } from "./DatePicker-DiilpYQg.mjs";
+import { s as Popover_default } from "./Popover-DP9DXReH.mjs";
+import { i as Modal_default } from "./Modal-SnCo7ecm.mjs";
+import { r as DateRangePicker, t as DatePicker } from "./DatePicker-CHVYVKB-.mjs";
 import { n as ErrorText } from "./FormControl-BoKGiWdQ.mjs";
-import { t as ListBox } from "./ListBox-4rTgr3IJ.mjs";
+import { t as ListBox } from "./ListBox-BRgjgUSp.mjs";
 import { i as selectedPresetFor, n as parseDateFilterValue, r as resolveDateFilterValue, t as formatDateFilterValue } from "./date-filter-Bj4XkwkT.mjs";
-import { m as FormField, o as ComboboxField } from "./FormField-yYJFkJ6R.mjs";
+import { m as FormField, o as ComboboxField } from "./FormField-BfVrDOY0.mjs";
 import { t as Toggle } from "./Toggle-CzHoIR-n.mjs";
 import { Fragment, createContext, createElement, forwardRef, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { BorderRadius, Color, Spacing, Typography } from "@persona/design-tokens";
@@ -52,6 +52,20 @@ import { SortableContext, horizontalListSortingStrategy, useSortable } from "@dn
 import { parseAbsolute, parseDate, toCalendarDate, toZoned } from "@internationalized/date";
 import { v4 } from "uuid";
 import { DragDropContext, Draggable, Droppable } from "@hello-pangea/dnd";
+//#region src/components/DataTable/withDisabledReason.tsx
+const DisabledReasonTrigger = styled.span`
+  display: inline-flex;
+`;
+/**
+* Wraps a disabled bulk-action control in a tooltip that explains why it's disabled. Returns the
+* control unchanged unless it is disabled and has a reason.
+*/
+const withDisabledReason = (control, { key, disabled, disabledReason }) => disabled && disabledReason ? /* @__PURE__ */ jsx(Tooltip, {
+	trigger: /* @__PURE__ */ jsx(DisabledReasonTrigger, { children: control }),
+	zIndex: Z_INDICES.floatingBar + Z_INDICES.tooltip,
+	children: disabledReason
+}, key) : control;
+//#endregion
 //#region src/components/DataTable/FormControlLabel/FormControlLabel.ts
 const FormControlLabel = styled(Label$1).attrs(() => ({
 	size: "md",
@@ -977,7 +991,12 @@ const ControlBar = ({ presetViews, currentView, onSelectView, views, starredDefa
 		const clearSelection = () => {
 			onClearSelection?.();
 		};
-		if ("icon" in action && "aria-label" in action) return /* @__PURE__ */ jsx(IconButton, {
+		const disabledReasonProps = {
+			key,
+			disabled: action.disabled,
+			disabledReason: action.disabledReason
+		};
+		if ("icon" in action && "aria-label" in action) return withDisabledReason(/* @__PURE__ */ jsx(IconButton, {
 			size: "sm",
 			"aria-label": action["aria-label"],
 			onClick: async () => {
@@ -985,9 +1004,9 @@ const ControlBar = ({ presetViews, currentView, onSelectView, views, starredDefa
 			},
 			disabled: isDisabled,
 			children: action.icon
-		}, key);
+		}, key), disabledReasonProps);
 		const displayLabel = "label" in action && selectedCount > 0 ? `${action.label} (${selectedCount})` : "label" in action ? action.label : "";
-		return /* @__PURE__ */ jsx(Button, {
+		return withDisabledReason(/* @__PURE__ */ jsx(Button, {
 			id: `table-controls__view-tab-bulk-action-${index}`,
 			variant: "basic",
 			size: "sm",
@@ -997,7 +1016,7 @@ const ControlBar = ({ presetViews, currentView, onSelectView, views, starredDefa
 			},
 			disabled: isDisabled,
 			children: displayLabel
-		}, key);
+		}, key), disabledReasonProps);
 	});
 	const showViewsBar = title || showViews || canEditViews && onSaveView || tableActions || bulkActions;
 	const getTabActionProps = (view) => {
@@ -5671,6 +5690,6 @@ function decodeBase64(input) {
 	return decodeURIComponent(escape(atob(input)));
 }
 //#endregion
-export { isCompleteDateRange as A, TableControlsProvider as B, useFilterBarSize as C, getDefaultOperatorForType as D, getConditionValueError as E, FiltersContainer as F, ControlBar as H, getActiveFilters as I, isFilterActive as L, isRangeOperator as M, isValuelessOperator as N, getOperatorsForField as O, reconcileValueForOperator as P, resolveFilterTypeDefinition as R, FILTER_SIZE_TOKENS as S, emptyValueForRule as T, DataTableCompactBar as U, useTableControls as V, EMPTY_FILTER_STATE as _, encodeFilterStateToUrlParam as a, resolveValueControl as b, FilterBar_default as c, TableViewConfiguration as d, TableViewConfigurationDropdown as f, pruneToRegistry as g, isFilterStateV2 as h, decodeFilterStateFromUrl as i, isNumericComparisonOperator as j, getOperatorsForType as k, resolveDateRangeRuleValue as l, hasCompleteValue as m, applyFilterStateToSearchParams as n, FieldRegistry as o, useFilterStateV2 as p, decodeFilterStateFromString as r, buildFieldRegistry as s, FILTER_STATE_URL_PARAM as t, TableControls as u, isEmptyState as v, NUMERIC_COMPARISON_OPERATORS as w, dateRuleIntent as x, PillShell as y, TableControlsContext as z };
+export { isCompleteDateRange as A, TableControlsProvider as B, useFilterBarSize as C, getDefaultOperatorForType as D, getConditionValueError as E, FiltersContainer as F, ControlBar as H, getActiveFilters as I, isFilterActive as L, isRangeOperator as M, isValuelessOperator as N, getOperatorsForField as O, reconcileValueForOperator as P, resolveFilterTypeDefinition as R, FILTER_SIZE_TOKENS as S, emptyValueForRule as T, DataTableCompactBar as U, useTableControls as V, withDisabledReason as W, EMPTY_FILTER_STATE as _, encodeFilterStateToUrlParam as a, resolveValueControl as b, FilterBar_default as c, TableViewConfiguration as d, TableViewConfigurationDropdown as f, pruneToRegistry as g, isFilterStateV2 as h, decodeFilterStateFromUrl as i, isNumericComparisonOperator as j, getOperatorsForType as k, resolveDateRangeRuleValue as l, hasCompleteValue as m, applyFilterStateToSearchParams as n, FieldRegistry as o, useFilterStateV2 as p, decodeFilterStateFromString as r, buildFieldRegistry as s, FILTER_STATE_URL_PARAM as t, TableControls as u, isEmptyState as v, NUMERIC_COMPARISON_OPERATORS as w, dateRuleIntent as x, PillShell as y, TableControlsContext as z };
 
-//# sourceMappingURL=TableControls-BXykbUBf.mjs.map
+//# sourceMappingURL=TableControls-DM4RddQ_.mjs.map