@persona/design-system 0.1.8 → 0.2.0

package/dist/TableBoxCell-DIMenSwX.d.cts

@@ -1,259 +0,0 @@
-import { o as ComboboxOptionsOrGroups } from "./ComboboxBase-zZ3tE-dH.cjs";
-import { a as TableCellProps, i as TableCell } from "./index-Bw8QVu_o.cjs";
-import { r as TableBoxRowProps } from "./TableBoxRow-RNQ6wJLh.cjs";
-import { n as ReorderConfig, t as DragDirection } from "./useTableBoxDragAndDrop-DnbUToce.cjs";
-import { t as RowAction } from "./TableBoxRowActions-CYpoPhYZ.cjs";
-import * as _$react from "react";
-import { ComponentPropsWithoutRef, PropsWithChildren } from "react";
-import * as _$styled_components0 from "styled-components";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime.js";
-
-//#region components/TableBox/TableBox.d.ts
-interface InlineEditConfig {
-  type: 'text' | 'combobox';
-  options?: ComboboxOptionsOrGroups;
-  /**
-   * Whether to render the combobox dropdown in a portal (breaks out of overflow containers)
-   */
-  useComboboxPortal?: boolean;
-  /**
-   * When true, the combobox dropdown will use the table row as the containerRef,
-   * allowing the dropdown to span the full width of the row. Passing true will also
-   * automatically set useComboboxPortal to true, since the positioning logic relies on
-   * portaling. Defaults to false.
-   */
-  fullWidthComboboxDropdown?: boolean;
-  /**
-   * Whether to support multiline text input. When true, renders a textarea instead of input.
-   * Default state: limits display to 2 lines with ellipsis.
-   * Focused/editing state: expands to show all lines.
-   * Only applies when type is 'text'. Defaults to false.
-   */
-  multiline?: boolean;
-  /** Ellipsize the closed-state display instead of letting it overflow. Combobox only; off by default to preserve existing layouts. */
-  truncateDisplay?: boolean;
-  placeholder?: string;
-  onChange: (id: string, value: string) => void;
-}
-interface TableBoxContextValue {
-  disabled: boolean;
-  newRowId?: string | null;
-  columns: Array<{
-    key: string;
-    title: string;
-    inlineEditConfig?: InlineEditConfig;
-  }>;
-  selectedKey: string | null;
-  selectionMode: 'single' | 'none';
-  onRowClick: (rowId: string) => void;
-  tableBoxId: string;
-  rowDropdownId: string;
-  /**
-   * True when the TableBox has a `reorderConfig` set. Rows use this to know
-   * whether to render a leading drag-handle cell and wire up `useSortable`.
-   */
-  isReorderable: boolean;
-  /**
-   * Current vertical direction of the active drag, or `null` when no drag is
-   * in progress. Rows use this to position the drop indicator on a neighbor
-   * when the pointer is in dnd-kit's "dead zone" (`overIndex === activeIndex`).
-   */
-  draggedDirection: DragDirection;
-  /**
-   * Registry of row content keyed by row id. Rows write their content here so
-   * the DragOverlay can render the dragged row. `null` when reordering is
-   * disabled.
-   */
-  rowRegistry: React.MutableRefObject<Map<string, React.ReactNode>> | null;
-  /**
-   * True when the TableBox renders a dedicated sticky trailing column for
-   * row actions. False when `disableHorizontalScroll` is set, in which case
-   * actions are injected into the last data cell instead.
-   */
-  hasActionsColumn: boolean;
-  /**
-   * True when the scroll container is using `overflow-x: auto`. Cells force
-   * inline-edit combobox dropdowns into a portal in this case so they aren't
-   * clipped by the auto-overflow box.
-   */
-  hasHorizontalOverflow: boolean;
-  /**
-   * Locks or unlocks measured column widths (`table-layout: fixed`) so
-   * inline-edit input swaps don't cause a layout reflow.
-   */
-  setColumnWidthsLocked: (isLocked: boolean) => void;
-  /** Schedules row creation after the current inline edit has rendered. */
-  scheduleCreateNewRowAfterCommit?: () => void;
-}
-declare const TableBoxContext: _$react.Context<TableBoxContextValue | null>;
-interface TableBoxProps<T extends object = object> {
-  /** Text to display if no rows are available. */
-  emptyText?: string;
-  /** Selected key for the table. */
-  selectedKey?: string | null;
-  /** Default selected key for the table (uncontrolled mode). */
-  defaultSelectedKey?: string | null;
-  /** Called when selection changes. */
-  onSelectionChange?: (selectedKey: string | null) => void;
-  /**
-   * Selection mode for the table. 'single' allows one row to be selected at a time,
-   * 'none' disables row selection entirely.
-   */
-  selectionMode?: 'single' | 'none';
-  /** ARIA label for the table. */
-  'aria-label': string;
-  /** Column definitions for the table headers. */
-  columns: Array<{
-    key: string;
-    title: string; /** Inline edit configuration for this column */
-    inlineEditConfig?: InlineEditConfig;
-  }>;
-  /** ID of the newly created row that should be focused */
-  newRowId?: string | null;
-  /** Creates a row after a single-line inline edit is committed with Enter. */
-  onCreateNewRow?: () => void;
-  /** When true, table content remains viewable but row mutations and inline editing are disabled. */
-  disabled?: boolean;
-  /**
-   * Opt out of the horizontally-scrolling layout and restore the legacy
-   * behavior where the table is locked to its container width and long cell
-   * values are truncated (`table-layout: fixed`, `width: 100%`, no sticky
-   * first column, no horizontal overflow).
-   *
-   * Use this for callers that expect the table to always fit inside a
-   * narrow container and don't benefit from a scroll affordance — e.g.
-   * small summary tables whose content is known to fit.
-   *
-   * Defaults to `false` (horizontal scrolling + sticky first column).
-   * Automatically forced to `true` when any column declares
-   * `inlineEditConfig`, since inline editing requires a stable
-   * non-scrolling layout.
-   */
-  disableHorizontalScroll?: boolean;
-  /**
-   * When provided, enables drag and drop row reordering. Mirrors the
-   * `reorderConfig` API on `ListBox`, but since `TableBox` renders rows from
-   * children rather than an `items` prop, the item array lives inside
-   * `reorderConfig`.
-   */
-  reorderConfig?: ReorderConfig<T>;
-  /**
-   * Hide the column header row. Useful for single-column tables where the
-   * surrounding `FormField` label already describes the data, so the column
-   * title would be visually redundant.
-   *
-   * When true, the first body row's top corners are rounded to match the
-   * outer container, since there's no header cell to provide that rounding.
-   *
-   * Defaults to `false`.
-   */
-  hideHeader?: boolean;
-}
-declare const PinnedActionsCell: _$styled_components0.StyledComponent<"td", any, {
-  role: "cell";
-} & TableCellProps, "role">;
-declare const TableBox: {
-  <T extends object>({
-    children,
-    emptyText,
-    selectedKey,
-    defaultSelectedKey,
-    columns,
-    onSelectionChange,
-    selectionMode,
-    newRowId,
-    onCreateNewRow: onCreateNewRowProp,
-    disabled,
-    reorderConfig,
-    disableHorizontalScroll: disableHorizontalScrollProp,
-    hideHeader,
-    "aria-label": ariaLabel,
-    ...props
-  }: PropsWithChildren<TableBoxProps<T>>): _$react_jsx_runtime0.JSX.Element;
-  Row: ({
-    children,
-    actions,
-    onDelete,
-    errorText,
-    id,
-    dropdownFormFields,
-    dropdownContent,
-    dropdownHeadingText,
-    dropdownFooter,
-    onBlur,
-    onFocus,
-    ...props
-  }: TableBoxRowProps) => _$react_jsx_runtime0.JSX.Element;
-  Cell: ({
-    children,
-    itemId,
-    value,
-    columnKey,
-    errorText,
-    isLastCell,
-    actions,
-    onDelete,
-    inlineEditConfigOverride,
-    rowErrorText,
-    onBlur,
-    onFocus,
-    ...props
-  }: TableBoxCellProps) => _$react_jsx_runtime0.JSX.Element;
-};
-//#endregion
-//#region components/TableBox/TableBoxCell.d.ts
-interface TableBoxCellProps extends ComponentPropsWithoutRef<typeof TableCell> {
-  /** The id of the item the cell belongs to */
-  itemId?: string;
-  /** Initial value for the cell */
-  value?: string;
-  /** The column key this cell belongs to. Used to look up the change handler from context. */
-  columnKey?: string;
-  /**
-   * Error shown immediately until inline editing begins. Focusing the cell's editable input hides
-   * the error, and ending the inline edit resurfaces it after 500ms.
-   */
-  errorText?: string;
-  /**
-   * Whether this is the last cell in the row. Set automatically by
-   * `TableBoxRow` so that, in fixed-layout mode (no dedicated trailing
-   * actions column), the cell can host the row's actions / delete button.
-   */
-  isLastCell?: boolean;
-  /**
-   * Row actions, only injected by `TableBoxRow` when actions live inside
-   * the last data cell (fixed-layout mode).
-   */
-  actions?: RowAction[];
-  /**
-   * Delete handler, only injected by `TableBoxRow` when delete lives inside
-   * the last data cell (fixed-layout mode).
-   */
-  onDelete?: (id: string | number) => void;
-  /**
-   * Cell-specific inline edit configuration.
-   * Properties provided here will override the column-level configuration.
-   * Useful for per-row customization of options, onChange handlers, etc.
-   */
-  inlineEditConfigOverride?: Partial<InlineEditConfig>;
-  /** @internal Visible row-wide error injected into the first cell by `TableBoxRow`. */
-  rowErrorText?: string;
-}
-declare const TableBoxCell: ({
-  children,
-  itemId,
-  value,
-  columnKey,
-  errorText,
-  isLastCell,
-  actions,
-  onDelete,
-  inlineEditConfigOverride,
-  rowErrorText,
-  onBlur,
-  onFocus,
-  ...props
-}: 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-DIMenSwX.d.cts.map

package/dist/TableBoxCell.d.cts

@@ -1,2 +0,0 @@
-import { n as TableBoxCellProps, t as TableBoxCell } from "./TableBoxCell-DIMenSwX.cjs";
-export { TableBoxCellProps, TableBoxCell as default };

package/dist/TableBoxField.d.cts

@@ -1,99 +0,0 @@
-import { l as MenuItemProps } from "./Menu-fUnbIYr5.cjs";
-import { ImplementsFormField } from "./inputFields.cjs";
-import { r as TableBoxRowProps } from "./TableBoxRow-RNQ6wJLh.cjs";
-import { n as TableBoxCellProps, s as TableBoxProps } from "./TableBoxCell-DIMenSwX.cjs";
-import { MouseEvent, ReactNode } from "react";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime.js";
-
-//#region components/FormField/TableBoxField.d.ts
-interface TableBoxFieldAction extends Omit<MenuItemProps, 'children'> {
-  label: string;
-  onClick: (selectedKey: TableBoxProps['selectedKey']) => void;
-}
-interface TableBoxFieldActionGroup {
-  type: 'group';
-  heading: string;
-  actions: TableBoxFieldAction[];
-}
-type TableBoxFieldActionEntry = TableBoxFieldAction | TableBoxFieldActionGroup;
-interface AddDropdownConfig {
-  options: Array<{
-    label: string;
-    value: string;
-  }>;
-  onSelection: (value: string) => void;
-}
-interface TableBoxFieldProps<T extends object = object> extends ImplementsFormField, Omit<TableBoxProps<T>, 'aria-label' | 'onCreateNewRow'> {
-  onAdd?: (e: MouseEvent<HTMLButtonElement>) => void;
-  onDelete?: (selectedKey: string | null) => void;
-  deleteDisabled?: boolean;
-  /** Actions and labeled action groups rendered in order. Empty groups are omitted. */
-  actions?: TableBoxFieldActionEntry[];
-  addDropdownConfig?: AddDropdownConfig;
-  /**
-   * Callback to create a new row and add it to the rows array
-   * Should return the id of the newly created row
-   */
-  createNewRow?: () => string;
-  children?: ReactNode;
-}
-declare const TableBoxField: {
-  <T extends object = object>({
-    label,
-    helperText,
-    errorText,
-    warningText,
-    labelProps: labelPropsProp,
-    helperProps,
-    errorProps,
-    warningProps,
-    inputId,
-    onAdd,
-    onDelete,
-    deleteDisabled,
-    configField: configFieldProp,
-    actions,
-    addDropdownConfig,
-    selectedKey: selectedKeyProp,
-    onSelectionChange,
-    defaultSelectedKey,
-    selectionMode,
-    disabled,
-    createNewRow,
-    children,
-    emptyText,
-    ...props
-  }: TableBoxFieldProps<T>): _$react_jsx_runtime0.JSX.Element;
-  Row: ({
-    children,
-    actions,
-    onDelete,
-    errorText,
-    id,
-    dropdownFormFields,
-    dropdownContent,
-    dropdownHeadingText,
-    dropdownFooter,
-    onBlur,
-    onFocus,
-    ...props
-  }: TableBoxRowProps) => _$react_jsx_runtime0.JSX.Element;
-  Cell: ({
-    children,
-    itemId,
-    value,
-    columnKey,
-    errorText,
-    isLastCell,
-    actions,
-    onDelete,
-    inlineEditConfigOverride,
-    rowErrorText,
-    onBlur,
-    onFocus,
-    ...props
-  }: TableBoxCellProps) => _$react_jsx_runtime0.JSX.Element;
-};
-//#endregion
-export { TableBoxFieldAction, TableBoxFieldActionEntry, TableBoxFieldActionGroup, TableBoxField as default };
-//# sourceMappingURL=TableBoxField.d.cts.map

package/dist/TableBoxRow-RNQ6wJLh.d.cts

@@ -1,86 +0,0 @@
-import { l as MenuItemProps } from "./Menu-fUnbIYr5.cjs";
-import { t as TableRow } from "./TableRow-DVTPqT4w.cjs";
-import { ComponentPropsWithoutRef, ReactNode } from "react";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime.js";
-
-//#region components/TableBox/TableBoxRow.d.ts
-interface TableBoxRowProps extends ComponentPropsWithoutRef<typeof TableRow> {
-  /**
-   * Row-wide error shown immediately in the first cell until inline editing begins. Focusing any
-   * editable input in the row hides the error, and ending the active inline edit resurfaces it
-   * after 500ms.
-   */
-  errorText?: string;
-  /**
-   * Actions to display in a dropdown menu.
-   * Supports all props from `MenuItem`.
-   */
-  actions?: Array<{
-    label: string;
-    onClick: () => void;
-  } & Omit<MenuItemProps, 'children'>>;
-  /**
-   * Called when the delete (X) icon is clicked. Only renders item-level delete icon if this prop is present.
-   * Receives the item's id as a parameter.
-   */
-  onDelete?: (id: string | number) => void;
-  /**
-   * Form fields to be rendered inside a row dropdown popover.
-   * The configField prop will be set to true for all fields via FormGroupContext.
-   * Dropdown will be opened when the row is selected.
-   */
-  dropdownFormFields?: ReactNode;
-  /**
-   * Content to be rendered inside the row dropdown popover.
-   * Dropdown will be opened when the row is selected.
-   */
-  dropdownContent?: ReactNode;
-  /**
-   * Optional heading text to display in the row dropdown popover.
-   * Either dropdownFormFields or dropdownContent must also be provided,
-   * otherwise the dropdown will not be rendered.
-   */
-  dropdownHeadingText?: string;
-  /**
-   * Footer to be rendered inside the row dropdown popover.
-   * Either dropdownFormFields or dropdownContent must also be provided,
-   * otherwise the dropdown will not be rendered.
-   */
-  dropdownFooter?: ReactNode;
-}
-declare const TableBoxRow: ({
-  children,
-  actions,
-  onDelete,
-  errorText,
-  id,
-  dropdownFormFields,
-  dropdownContent,
-  dropdownHeadingText,
-  dropdownFooter,
-  onBlur,
-  onFocus,
-  ...props
-}: TableBoxRowProps) => _$react_jsx_runtime0.JSX.Element;
-/**
- * Visual clone of a `TableBoxRow` used inside `@dnd-kit`'s `DragOverlay`.
- * Renders a minimal table wrapper with a static drag-handle cell followed by
- * the original row's cells, so the portaled overlay looks identical to the
- * dragged row while it follows the pointer.
- *
- * `cellWidths` is the measured width (in px) of each `<td>` in the source
- * row at drag start, in source order (drag handle cell first, then content
- * cells). Applied via a `<colgroup>` with `table-layout: fixed` so the
- * overlay's columns align 1:1 with the source table instead of re-flowing
- * to the single row's content.
- */
-declare const TableBoxRowOverlay: ({
-  children,
-  cellWidths
-}: {
-  children: ReactNode;
-  cellWidths: number[];
-}) => _$react_jsx_runtime0.JSX.Element;
-//#endregion
-export { TableBoxRowOverlay as n, TableBoxRowProps as r, TableBoxRow as t };
-//# sourceMappingURL=TableBoxRow-RNQ6wJLh.d.cts.map

package/dist/TableBoxRow.d.cts

@@ -1,2 +0,0 @@
-import { n as TableBoxRowOverlay, r as TableBoxRowProps, t as TableBoxRow } from "./TableBoxRow-RNQ6wJLh.cjs";
-export { TableBoxRowOverlay, TableBoxRowProps, TableBoxRow as default };

package/dist/TableBoxRowActions-CYpoPhYZ.d.cts

@@ -1,57 +0,0 @@
-import { l as MenuItemProps } from "./Menu-fUnbIYr5.cjs";
-import * as _$styled_components0 from "styled-components";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime.js";
-
-//#region components/TableBox/TableBoxRowActions.d.ts
-type RowAction = {
-  label: string;
-  onClick: () => void;
-} & Omit<MenuItemProps, 'children'>;
-declare const RowActionsContainerWithFadeWidth: number;
-/**
- * Container for row-level actions (`actions` menu and/or delete `X`). Used
- * in two layouts:
- *
- * - **Dedicated trailing column** (`$inDedicatedColumn=true`, the default
- *   for horizontal-scroll mode): laid out in normal flow inside
- *   `PinnedActionsCell`.
- * - **Overlaid in last data cell** (`$inDedicatedColumn=false`,
- *   `disableHorizontalScroll` mode): absolutely positioned on top of the
- *   last cell's content with a fade gradient so it overlaps text on hover.
- *
- * Other variant props:
- * - `$hasCombobox` — last data column is an inline combobox; we use auto
- *   width so the caret↔first-action gap matches the action↔delete gap, and
- *   we drop the gradient so there's no fade running over the caret.
- * - `$hasDelete` — fade the container in only on hover, mirroring the
- *   legacy "show delete on hover" behavior.
- */
-declare const RowActionsContainer: _$styled_components0.StyledComponent<"div", any, {
-  $hasActions?: boolean;
-  $hasDelete?: boolean;
-  $hasCombobox?: boolean;
-  $inDedicatedColumn?: boolean;
-}, never>;
-interface RowActionsProps {
-  actions?: RowAction[];
-  onDelete?: () => void;
-  /** When true, sizes/positions for the dedicated sticky trailing column. */
-  inDedicatedColumn?: boolean;
-  /** When true, sizes/positions inline alongside a combobox caret. */
-  inCombobox?: boolean;
-}
-/**
- * Renders the actions menu and/or delete icon button inside a
- * `RowActionsContainer`. Used both as an absolute overlay inside the
- * last data cell (fixed-layout mode) and as static content inside the
- * dedicated sticky trailing column (horizontal scroll mode).
- */
-declare const RowActions: ({
-  actions,
-  onDelete,
-  inDedicatedColumn,
-  inCombobox
-}: RowActionsProps) => _$react_jsx_runtime0.JSX.Element | null;
-//#endregion
-export { RowActionsContainerWithFadeWidth as i, RowActions as n, RowActionsContainer as r, RowAction as t };
-//# sourceMappingURL=TableBoxRowActions-CYpoPhYZ.d.cts.map

package/dist/TableBoxRowActions.d.cts

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

package/dist/TableCell.d.cts

@@ -1,2 +0,0 @@
-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-Bw8QVu_o.cjs";
-export { StickyTD, StickyTH, TableActionTD, TableCellProps, TableCellTitle, TableIconTD, TableTD, TableTR, TableCell as default };