@persona/design-system 0.2.0 → 0.2.1

package/dist/TableBoxField.d.mts

@@ -1,7 +1,7 @@
-import { l as MenuItemProps } from "./Menu-BLtjpLst.mjs";
+import { l as MenuItemProps } from "./Menu-DM9OoZ71.mjs";
 import { ImplementsFormField } from "./inputFields.mjs";
-import { r as TableBoxRowProps } from "./TableBoxRow-JnJXVqMr.mjs";
-import { n as TableBoxCellProps, s as TableBoxProps } from "./TableBoxCell-CWh_riC8.mjs";
+import { r as TableBoxRowProps } from "./TableBoxRow-BAYvEDjT.mjs";
+import { n as TableBoxCellProps, s as TableBoxProps } from "./TableBoxCell-BmoPs1u1.mjs";
 import { MouseEvent, ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 

package/dist/{TableBoxRow-JnJXVqMr.d.mts → TableBoxRow-BAYvEDjT.d.mts}

@@ -1,4 +1,4 @@
-import { l as MenuItemProps } from "./Menu-BLtjpLst.mjs";
+import { l as MenuItemProps } from "./Menu-DM9OoZ71.mjs";
 import { t as TableRow } from "./TableRow-lvjbVccA.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-JnJXVqMr.d.mts.map
+//# sourceMappingURL=TableBoxRow-BAYvEDjT.d.mts.map

package/dist/TableBoxRow.d.mts

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

package/dist/{TableBoxRowActions-CfEE1r4C.d.mts → TableBoxRowActions-DRs4MdK0.d.mts}

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

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 "./index-Doptc4HI.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 "./index-DJn4AeE4.mjs";
 export { StickyTD, StickyTH, TableActionTD, TableCellProps, TableCellTitle, TableIconTD, TableTD, TableTR, TableCell as default };

package/dist/{TableControls-51NYgFvI.mjs → TableControls-BK8DCsqi.mjs}

@@ -1,38 +1,38 @@
-import { TruncatedText } from "./lib/TruncatedText.mjs";
+import { isActive, isFocused, isHovered, isNotDisabled } from "./lib/pseudoClass.mjs";
+import { focusOutline, focusWithinOutline } from "./mixins/focus.mjs";
+import "./variables/transitions.mjs";
 import { paragraphMixins } from "./mixins/text.mjs";
+import { TruncatedText } from "./lib/TruncatedText.mjs";
 import { t as Card_default } from "./Card-CLTkZLKr.mjs";
 import { t as Spacer_default } from "./Spacer-Ln3KChb5.mjs";
 import { i as Paragraph, r as Label$1 } from "./Text-hEoPeOc9.mjs";
-import "./variables/transitions.mjs";
-import { a as Tooltip } from "./Tooltip-B-DDlRMw.mjs";
-import { isActive, isFocused, isHovered, isNotDisabled } from "./lib/pseudoClass.mjs";
+import { a as Tooltip } from "./Tooltip-CDvOu1UN.mjs";
 import { useScrollOverflow } from "./lib/useScrollOverflow.mjs";
 import { Z_INDICES } from "./lib/zindex.mjs";
-import { focusOutline, focusWithinOutline } from "./mixins/focus.mjs";
 import { n as Stack, t as HStack } from "./Stack-ckRN7LrP.mjs";
-import { n as Button, t as IconButton } from "./IconButton-Bi4kdsbV.mjs";
-import { c as MenuList, s as MenuItem } from "./Menu-DDXR9uHy.mjs";
-import { n as DropdownMenu_default } from "./DropdownMenu-B4f3LNoW.mjs";
-import { r as InputGroup } from "./Input-CSOxMzlt.mjs";
+import { n as Button, t as IconButton } from "./IconButton-DC4rh6ow.mjs";
+import { r as InputGroup } from "./Input-PWfwMSJ7.mjs";
 import Input_default from "./components/Input/index.mjs";
-import { t as Combobox } from "./Combobox-BzqlrMK0.mjs";
-import { s as Popover_default } from "./Popover-5y0p85Sw.mjs";
-import { i as TabBar, n as StyledTab, r as Tab } from "./TabBar-DX1Spi6D.mjs";
-import { t as Toggle } from "./Toggle-D1rEjYoN.mjs";
-import { t as ListBox } from "./ListBox-CSMVAgHm.mjs";
-import { m as FormField, o as ComboboxField } from "./FormField-Bol8gzNt.mjs";
-import { n as DatePicker } from "./DatePicker-CK2D9jvG.mjs";
+import { c as MenuList, s as MenuItem } from "./Menu-DpM8o234.mjs";
+import { n as DropdownMenu_default } from "./DropdownMenu-DZIFSJXD.mjs";
+import { t as Combobox } from "./Combobox-DhTUY8JT.mjs";
+import { s as Popover_default } from "./Popover-BZ5Bs80y.mjs";
+import { i as TabBar, n as StyledTab, r as Tab } from "./TabBar-DLf4Hwa4.mjs";
+import { t as Toggle } from "./Toggle-CC2FTAKS.mjs";
+import { t as ListBox } from "./ListBox-BwD-q7wF.mjs";
+import { m as FormField, o as ComboboxField } from "./FormField-DcGQvgNW.mjs";
+import { n as DatePicker } from "./DatePicker-DpGvo7Bd.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 styled, { createGlobalStyle, css } from "styled-components";
+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";
 import { CaretDownIcon, CheckIcon, CircleInfoIcon, CirclePlusIcon, CopyIcon, FilterIcon, MoreIcon, PlusIcon, RotateCcwIcon, SaveIcon, SearchIcon, SettingsIcon, TrashIcon, XIcon } from "@persona/icons";
 import { CaretDownIcon as CaretDownIcon$1, CircleInfoIcon as CircleInfoIcon$1, LockedIcon as LockedIcon$1, MoreIcon as MoreIcon$1, PlusIcon as PlusIcon$1, SearchIcon as SearchIcon$1, XIcon as XIcon$1 } from "@persona/icons/12px";
-import { debounce, union, uniqueId } from "lodash/fp.js";
+import { isEqual, noop, startCase, uniqueId } from "lodash";
+import { debounce as debounce$1, union, uniqueId as uniqueId$1 } from "lodash/fp.js";
 import { useId } from "react-aria";
-import { DragIcon as DragIcon$1 } from "@persona/icons/24px";
-import { isEqual, noop, startCase, uniqueId as uniqueId$1 } from "lodash";
 import Fuse from "fuse.js";
+import { DragIcon as DragIcon$1 } from "@persona/icons/24px";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 import { DragDropContext, Draggable, Droppable } from "@hello-pangea/dnd";
 import { parseDate } from "@internationalized/date";
@@ -1684,7 +1684,7 @@ const AdvancedFilterRulesPopover = ({ registry, compound, onChange, trigger, ope
 		if (!isControlled) setInternalOpen(next);
 		onOpenChange?.(next);
 	}, [isControlled, onOpenChange]);
-	const baseId = useMemo(() => uniqueId$1("advanced-filter-rules__"), []);
+	const baseId = useMemo(() => uniqueId("advanced-filter-rules__"), []);
 	const fields = registry.all();
 	const handleAddOrGroup = useCallback(() => {
 		const firstField = fields[0];
@@ -2036,7 +2036,7 @@ const EMPTY_VALUES = [];
 * valueless (e.g. `is_empty`).
 */
 function ChoicesValueControl({ field, operator, value, onChange, onCommit, ariaLabel, trigger, layout = "popover", multiple = false }) {
-	const generatedId = useMemo(() => uniqueId$1(multiple ? "filter_v2_multi_choices_" : "filter_v2_choices_"), [multiple]);
+	const generatedId = useMemo(() => uniqueId(multiple ? "filter_v2_multi_choices_" : "filter_v2_choices_"), [multiple]);
 	const size = useFilterBarSize();
 	const options = field.options ?? EMPTY_OPTIONS;
 	const values = useMemo(() => Array.isArray(value) ? [...value] : EMPTY_VALUES, [value]);
@@ -2159,7 +2159,7 @@ const FloatValueControl = ({ field, operator, value, onChange, ariaLabel }) => {
 	const size = useFilterBarSize();
 	const [localValue, setLocalValue] = useState(() => numericDisplayValue(value));
 	const isFocusedRef = useRef(false);
-	const debouncedOnChange = useMemo(() => debounce(300, onChange), [onChange]);
+	const debouncedOnChange = useMemo(() => debounce$1(300, onChange), [onChange]);
 	useEffect(() => {
 		const cancelPendingChange = () => {
 			debouncedOnChange.cancel();
@@ -2230,7 +2230,7 @@ const IntegerValueControl = ({ field, operator, value, onChange, ariaLabel }) =>
 	const size = useFilterBarSize();
 	const [localValue, setLocalValue] = useState(() => numericDisplayValue(value));
 	const isFocusedRef = useRef(false);
-	const debouncedOnChange = useMemo(() => debounce(300, onChange), [onChange]);
+	const debouncedOnChange = useMemo(() => debounce$1(300, onChange), [onChange]);
 	useEffect(() => {
 		const cancelPendingChange = () => {
 			debouncedOnChange.cancel();
@@ -2275,12 +2275,12 @@ const IntegerValueControl = ({ field, operator, value, onChange, ariaLabel }) =>
 //#region components/DataTable/TableControls/FiltersV2/value-controls/StringValueControl/StringValueControl.tsx
 const DEBOUNCE_MS = 300;
 function StringValueControl({ field, operator, value, onChange, ariaLabel, inputType, placeholder, id }) {
-	const generatedId = useMemo(() => uniqueId$1("filter_v2_string_"), []);
+	const generatedId = useMemo(() => uniqueId("filter_v2_string_"), []);
 	const inputId = id ?? generatedId;
 	const resolvedInputType = inputType ?? (field.type === "email" ? "email" : "text");
 	const size = useFilterBarSize();
 	const [localValue, setLocalValue] = useState(typeof value === "string" ? value : "");
-	const debouncedOnChange = useMemo(() => debounce(DEBOUNCE_MS, onChange), [onChange]);
+	const debouncedOnChange = useMemo(() => debounce$1(DEBOUNCE_MS, onChange), [onChange]);
 	useEffect(() => () => {
 		debouncedOnChange.cancel();
 	}, [debouncedOnChange]);
@@ -2640,7 +2640,7 @@ function buildAccessibleName(field, rule, displayedValues) {
 	return `${field.label} ${operatorLabel} ${displayedValues.join(", ")}`;
 }
 const FilterPill = forwardRef(function FilterPill({ field, rule, onClick, onDismiss, variant = "default", optionLabels, size, ...rest }, ref) {
-	const reactId = useMemo(() => uniqueId("filter-pill-"), []);
+	const reactId = useMemo(() => uniqueId$1("filter-pill-"), []);
 	const resolvedSize = useFilterBarSize(size);
 	const displayedValues = useMemo(() => rule && !isValuelessOperator(rule.operator) ? normalizeValueToDisplay(rule.value, optionLabels) : [], [rule, optionLabels]);
 	const accessibleName = buildAccessibleName(field, rule, displayedValues);
@@ -3928,4 +3928,4 @@ function normalizeFieldSource(raw) {
 //#endregion
 export { DataTableCompactBar as S, useTableControls as _, hasCompleteValue as a, TableControls as b, EMPTY_FILTER_STATE as c, getDefaultOperatorForType as d, getOperatorsForField as f, TableControlsProvider as g, TableControlsContext as h, useFilterStateV2 as i, resolveValueControl as l, isValuelessOperator as m, buildFieldRegistry as n, isFilterStateV2 as o, getOperatorsForType as p, FilterBar_default as r, pruneToRegistry as s, FieldRegistry as t, useFilterBarSize as u, TableViewConfiguration as v, ControlBar as x, TableViewConfigurationDropdown as y };
 
-//# sourceMappingURL=TableControls-51NYgFvI.mjs.map
+//# sourceMappingURL=TableControls-BK8DCsqi.mjs.map