@persona/design-system 0.7.1 → 0.7.2

package/dist/{TableBoxCell-CHGw9HVj.d.mts → TableBoxCell-D6h1X5ph.d.mts}

@@ -1,8 +1,8 @@
-import { o as ComboboxOptionsOrGroups } from "./ComboboxBase-B3YqkjQp.mjs";
-import { a as TableCellProps, i as TableCell } from "./TableCell-DorRxyke.mjs";
-import { r as TableBoxRowProps } from "./TableBoxRow-BljsXKrL.mjs";
-import { n as ReorderConfig, t as DragDirection } from "./useTableBoxDragAndDrop-CbbH3pMK.mjs";
-import { t as RowAction } from "./TableBoxRowActions-h6HNEv9F.mjs";
+import { o as ComboboxOptionsOrGroups } from "./ComboboxBase-Evo0FRxP.mjs";
+import { a as TableCellProps, i as TableCell } from "./TableCell-WSDXw79Q.mjs";
+import { r as TableBoxRowProps } from "./TableBoxRow-C6l6J4mq.mjs";
+import { n as ReorderConfig, t as DragDirection } from "./useTableBoxDragAndDrop-DWlG5vhl.mjs";
+import { t as RowAction } from "./TableBoxRowActions-CsLN1b1J.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-CHGw9HVj.d.mts.map
+//# sourceMappingURL=TableBoxCell-D6h1X5ph.d.mts.map

package/dist/TableBoxCell.d.mts

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

package/dist/TableBoxField.d.mts

@@ -1,7 +1,7 @@
-import { l as MenuItemProps } from "./Menu-CSwzFqdv.mjs";
+import { l as MenuItemProps } from "./Menu-Bu7-KBhp.mjs";
 import { ImplementsFormField } from "./inputFields.mjs";
-import { r as TableBoxRowProps } from "./TableBoxRow-BljsXKrL.mjs";
-import { n as TableBoxCellProps, s as TableBoxProps } from "./TableBoxCell-CHGw9HVj.mjs";
+import { r as TableBoxRowProps } from "./TableBoxRow-C6l6J4mq.mjs";
+import { n as TableBoxCellProps, s as TableBoxProps } from "./TableBoxCell-D6h1X5ph.mjs";
 import { MouseEvent, ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
@@ -51,6 +51,7 @@ declare const TableBoxField: {
     errorProps,
     warningProps,
     inputId,
+    required,
     onAdd,
     onDelete,
     deleteDisabled,

package/dist/{TableBoxRow-BljsXKrL.d.mts → TableBoxRow-C6l6J4mq.d.mts}

@@ -1,5 +1,5 @@
-import { l as MenuItemProps } from "./Menu-CSwzFqdv.mjs";
-import { t as TableRow } from "./TableRow-Dr61XJNw.mjs";
+import { l as MenuItemProps } from "./Menu-Bu7-KBhp.mjs";
+import { t as TableRow } from "./TableRow-DMHlo1eg.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-BljsXKrL.d.mts.map
+//# sourceMappingURL=TableBoxRow-C6l6J4mq.d.mts.map

package/dist/TableBoxRow.d.mts

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

package/dist/{TableBoxRowActions-h6HNEv9F.d.mts → TableBoxRowActions-CsLN1b1J.d.mts}

@@ -1,4 +1,4 @@
-import { l as MenuItemProps } from "./Menu-CSwzFqdv.mjs";
+import { l as MenuItemProps } from "./Menu-Bu7-KBhp.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-h6HNEv9F.d.mts.map
+//# sourceMappingURL=TableBoxRowActions-CsLN1b1J.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-h6HNEv9F.mjs";
+import { i as RowActionsContainerWithFadeWidth, n as RowActions, r as RowActionsContainer, t as RowAction } from "./TableBoxRowActions-CsLN1b1J.mjs";
 export { RowAction, RowActions, RowActionsContainer, RowActionsContainerWithFadeWidth };

package/dist/{TableCell-DorRxyke.d.mts → TableCell-WSDXw79Q.d.mts}

@@ -1,4 +1,4 @@
-import { n as TableRowProps } from "./TableRow-Dr61XJNw.mjs";
+import { n as TableRowProps } from "./TableRow-DMHlo1eg.mjs";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
 import * as _$styled_components0 from "styled-components";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
@@ -51,4 +51,4 @@ declare const TableTR: _$styled_components0.StyledComponent<"tr", any, {
 }, "role">;
 //#endregion
 export { TableCellProps as a, TableTD as c, TableCell as i, TableTR as l, StickyTH as n, TableCellTitle as o, TableActionTD as r, TableIconTD as s, StickyTD as t };
-//# sourceMappingURL=TableCell-DorRxyke.d.mts.map
+//# sourceMappingURL=TableCell-WSDXw79Q.d.mts.map

package/dist/TableCell.d.mts

@@ -1,2 +1,2 @@
-import { a as TableCellProps, c as TableTD, i as TableCell, l as TableTR, n as StickyTH, o as TableCellTitle, r as TableActionTD, s as TableIconTD, t as StickyTD } from "./TableCell-DorRxyke.mjs";
+import { a as TableCellProps, c as TableTD, i as TableCell, l as TableTR, n as StickyTH, o as TableCellTitle, r as TableActionTD, s as TableIconTD, t as StickyTD } from "./TableCell-WSDXw79Q.mjs";
 export { StickyTD, StickyTH, TableActionTD, TableCellProps, TableCellTitle, TableIconTD, TableTD, TableTR, TableCell as default };

package/dist/{TableControls-CYTpBlQN.mjs → TableControls-BxuPCUQS.mjs}

@@ -15,17 +15,17 @@ import { focusOutline, focusWithinOutline } from "./mixins/focus.mjs";
 import { n as Stack, t as HStack } from "./Stack-ChsImaEY.mjs";
 import { n as Button, t as IconButton } from "./IconButton-CqTPMhjV.mjs";
 import { i as TabBar, n as StyledTab, r as Tab } from "./TabBar-BepWbJHz.mjs";
-import { r as InputGroup } from "./Input-Bc2yWH3j.mjs";
+import { r as InputGroup } from "./Input-C_3QwAAt.mjs";
 import Input_default from "./components/Input/index.mjs";
 import { c as MenuList, s as MenuItem } from "./Menu-Cd6oxjAe.mjs";
 import { n as DropdownMenu_default } from "./DropdownMenu-CuKSNxc9.mjs";
-import { t as Combobox } from "./Combobox-1M6EwVmq.mjs";
+import { t as Combobox } from "./Combobox-C2b9u955.mjs";
 import { s as Popover_default } from "./Popover-opVa9Xhc.mjs";
-import { t as Toggle } from "./Toggle-Dcn2Rqgm.mjs";
+import { t as Toggle } from "./Toggle-DWbJOwf3.mjs";
 import { i as selectedPresetFor, n as parseDateFilterValue, r as resolveDateFilterValue, t as formatDateFilterValue } from "./date-filter-CZeChs9T.mjs";
-import { t as ListBox } from "./ListBox-CFBhILRy.mjs";
-import { m as FormField, o as ComboboxField } from "./FormField-ByT0avVx.mjs";
-import { r as DatePicker, t as DateRangePicker } from "./DatePicker-D9JurBBj.mjs";
+import { t as ListBox } from "./ListBox-D4j4LCT3.mjs";
+import { m as FormField, o as ComboboxField } from "./FormField-74TPV8-8.mjs";
+import { r as DatePicker, t as DateRangePicker } from "./DatePicker-IgiUI3Wj.mjs";
 import { BorderRadius, Color, Spacing, Typography } from "@persona/design-tokens";
 import { Fragment, createContext, createElement, forwardRef, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -289,6 +289,7 @@ const rectContainsRect = (parent, child) => {
 //#region components/DataTable/TableControls/ControlBar.tsx
 const TAB_ID_PREFIX = "table-controls__view-tab_";
 const OVERFLOW_TAB_ID_PREFIX = "table-controls__view-tab-overflow_";
+const OVERFLOW_WIDTH_SHRINK_THRESHOLD = 16;
 function enterProxiesClick(e) {
 	if (e.key === "Enter") e.target.dispatchEvent(new Event("click", { bubbles: true }));
 }
@@ -332,6 +333,12 @@ const TabOverflowContainer = styled.div`
 `;
 const SavedViewTab = ({ view, selected, tabIdPrefix = TAB_ID_PREFIX, canEditViews, handleNameChange, onDuplicateView, onDeleteView, onSelectView, onResetCurrentView, onSaveView, onSetDefaultView, isViewDirty, showTabContextMenu, setShowTabContextMenu, className, ...rest }) => {
 	const inputRef = useRef(null);
+	const lastSubmittedNameRef = useRef(null);
+	const submitNameChange = (newName) => {
+		if (newName === view.name || newName === lastSubmittedNameRef.current) return;
+		lastSubmittedNameRef.current = newName;
+		handleNameChange?.(view, newName);
+	};
 	const tab = /* @__PURE__ */ jsx(StyledTab, {
 		id: `${tabIdPrefix}${view.id}`,
 		selected,
@@ -348,7 +355,8 @@ const SavedViewTab = ({ view, selected, tabIdPrefix = TAB_ID_PREFIX, canEditView
 		open: showTabContextMenu,
 		onOpenChange: (open) => {
 			if (selected) setShowTabContextMenu(open);
-			if (!open && inputRef.current) handleNameChange?.(view, inputRef.current.value);
+			if (open) lastSubmittedNameRef.current = null;
+			else if (inputRef.current) submitNameChange(inputRef.current.value);
 		},
 		contentProps: {
 			align: "start",
@@ -358,9 +366,9 @@ const SavedViewTab = ({ view, selected, tabIdPrefix = TAB_ID_PREFIX, canEditView
 			spacing: Spacing[3],
 			children: [/* @__PURE__ */ jsx(Input_default, {
 				defaultValue: view.name,
-				onBlur: (e) => handleNameChange?.(view, e.currentTarget.value),
+				onBlur: (e) => submitNameChange(e.currentTarget.value),
 				onKeyDown: (e) => {
-					if (e.key === "Enter") handleNameChange?.(view, e.currentTarget.value);
+					if (e.key === "Enter") submitNameChange(e.currentTarget.value);
 				},
 				disabled: !handleNameChange,
 				ref: inputRef
@@ -549,7 +557,7 @@ const ControlBar = ({ presetViews, currentView, onSelectView, views, onAddView,
 		}
 		setHiddenViews((firstHiddenIndex === -1 ? [] : views?.slice(firstHiddenIndex)) || []);
 		const tabOverflowWidth = tabOverflowRef.current?.getBoundingClientRect().width;
-		if (tabOverflowWidth) setTabOverflowWidth(tabOverflowWidth);
+		if (tabOverflowWidth) setTabOverflowWidth((prev) => prev != null && prev > tabOverflowWidth && prev - tabOverflowWidth < OVERFLOW_WIDTH_SHRINK_THRESHOLD ? prev : tabOverflowWidth);
 	}, [setHiddenViews, views]);
 	useLayoutEffect(() => {
 		if (!showViews || !tabListRef.current) return;
@@ -4282,4 +4290,4 @@ function decodeBase64(input) {
 //#endregion
 export { TableControlsProvider as A, getOperatorsForType as C, reconcileValueForOperator as D, isValuelessOperator as E, ControlBar as F, DataTableCompactBar as I, TableViewConfiguration as M, TableViewConfigurationDropdown as N, dateRuleIntent as O, TableControls as P, getOperatorsForField as S, isRangeOperator as T, FILTER_SIZE_TOKENS as _, encodeFilterStateToUrlParam as a, emptyValueForRule as b, FilterBar_default as c, isFilterStateV2 as d, pruneToRegistry as f, resolveValueControl as g, PillShell as h, decodeFilterStateFromUrl as i, useTableControls as j, TableControlsContext as k, useFilterStateV2 as l, isEmptyState as m, applyFilterStateToSearchParams as n, FieldRegistry as o, EMPTY_FILTER_STATE as p, decodeFilterStateFromString as r, buildFieldRegistry as s, FILTER_STATE_URL_PARAM as t, hasCompleteValue as u, useFilterBarSize as v, isCompleteDateRange as w, getDefaultOperatorForType as x, resolveDateRangeRuleValue as y };
 
-//# sourceMappingURL=TableControls-CYTpBlQN.mjs.map
+//# sourceMappingURL=TableControls-BxuPCUQS.mjs.map