@persona/design-system 0.1.5-pre.4 → 0.1.7

package/dist/TableBoxRowActions-BoMt5d0b.d.mts

@@ -0,0 +1,57 @@
+import { l as MenuItemProps } from "./Menu-BJ5c7HGD.mjs";
+import * as _$styled_components0 from "styled-components";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#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-BoMt5d0b.d.mts.map

package/dist/TableBoxRowActions-CKgUEH38.d.cts

@@ -0,0 +1,57 @@
+import { l as MenuItemProps } from "./Menu-BKMxOXkj.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-CKgUEH38.d.cts.map

package/dist/TableBoxRowActions.d.cts

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

package/dist/TableBoxRowActions.d.mts

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

package/dist/TableBoxRowContext.d.mts

@@ -0,0 +1,22 @@
+import * as _$react from "react";
+import { RefObject } from "react";
+
+//#region components/TableBox/TableBoxRowContext.d.ts
+interface TableBoxRowContextValue {
+  /**
+   * Ref to the surrounding `<tr>`. Used by inline-edit comboboxes that opt
+   * into `fullWidthComboboxDropdown` so they can portal their dropdown
+   * positioned to the row.
+   */
+  rowRef: RefObject<HTMLTableRowElement>;
+  /** Deletes this row when keyboard editing identifies it as removable. */
+  onDelete?: () => void;
+  /** Notifies the row that a descendant inline editor committed or canceled. */
+  onEditingEnd: () => void;
+  /** True when every data cell after the first has an explicitly empty value. */
+  areOtherCellsBlank: boolean;
+}
+declare const TableBoxRowContext: _$react.Context<TableBoxRowContextValue | null>;
+//#endregion
+export { TableBoxRowContext };
+//# sourceMappingURL=TableBoxRowContext.d.mts.map

package/dist/TableCell.d.cts

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

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

package/dist/TableControls-BZyiqk9V.d.mts

@@ -0,0 +1,70 @@
+import { n as ControlBarProps } from "./ControlBar-DXyl1gjc.mjs";
+import { t as AttributeColumn } from "./types-B34lbI2k.mjs";
+import { ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region components/DataTable/TableControls/TableControls.d.ts
+interface TableControlsProps extends ControlBarProps {
+  defaultShowFilters?: boolean;
+  className?: string;
+  tableActions?: ReactNode;
+  propertiesButton?: ReactNode;
+  isLoading?: boolean;
+  /**
+   * Whether to show filters always. If true, the filter row toggle button will not be rendered.
+   */
+  showFiltersAlways?: boolean;
+  /**
+   * Whether to display table views tab bar
+   */
+  showViews?: boolean;
+  /**
+   * Whether to use compact spacing and styling.
+   * The compact variant does not support views.
+   */
+  compact?: boolean;
+  /**
+   * Column configuration options for the table.
+   * If provided, displays a settings button to configure visible columns.
+   */
+  columnConfigurationProps?: {
+    columnConfiguration: AttributeColumn[];
+    attributeOptions: AttributeColumn[];
+    updateColumnConfiguration: (newConfiguration: AttributeColumn[]) => void;
+  };
+}
+declare const TableControls: ({
+  filterPanel,
+  searchProps,
+  defaultShowFilters,
+  showFilters: controlledShowFilters,
+  setShowFilters: controlledSetShowFilters,
+  className,
+  tableActions,
+  propertiesButton,
+  isLoading,
+  showViews,
+  canEditViews,
+  onSelectView,
+  views,
+  currentView,
+  onAddView,
+  onViewNameChange,
+  onDuplicateView,
+  onDeleteView,
+  onSaveView,
+  isViewDirty,
+  selectedRows,
+  bulkActions,
+  onClearSelection,
+  title,
+  presetViews,
+  compact,
+  columnConfigurationProps,
+  showFiltersAlways,
+  onError,
+  "data-tour-target": dataTourTarget
+}: TableControlsProps) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { TableControlsProps as n, TableControls as t };
+//# sourceMappingURL=TableControls-BZyiqk9V.d.mts.map

package/dist/TableControls-Bkd3jhC1.d.cts

@@ -0,0 +1,70 @@
+import { n as ControlBarProps } from "./ControlBar-BGmXymCB.cjs";
+import { t as AttributeColumn } from "./types-C_AUGurs.cjs";
+import { ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime.js";
+
+//#region components/DataTable/TableControls/TableControls.d.ts
+interface TableControlsProps extends ControlBarProps {
+  defaultShowFilters?: boolean;
+  className?: string;
+  tableActions?: ReactNode;
+  propertiesButton?: ReactNode;
+  isLoading?: boolean;
+  /**
+   * Whether to show filters always. If true, the filter row toggle button will not be rendered.
+   */
+  showFiltersAlways?: boolean;
+  /**
+   * Whether to display table views tab bar
+   */
+  showViews?: boolean;
+  /**
+   * Whether to use compact spacing and styling.
+   * The compact variant does not support views.
+   */
+  compact?: boolean;
+  /**
+   * Column configuration options for the table.
+   * If provided, displays a settings button to configure visible columns.
+   */
+  columnConfigurationProps?: {
+    columnConfiguration: AttributeColumn[];
+    attributeOptions: AttributeColumn[];
+    updateColumnConfiguration: (newConfiguration: AttributeColumn[]) => void;
+  };
+}
+declare const TableControls: ({
+  filterPanel,
+  searchProps,
+  defaultShowFilters,
+  showFilters: controlledShowFilters,
+  setShowFilters: controlledSetShowFilters,
+  className,
+  tableActions,
+  propertiesButton,
+  isLoading,
+  showViews,
+  canEditViews,
+  onSelectView,
+  views,
+  currentView,
+  onAddView,
+  onViewNameChange,
+  onDuplicateView,
+  onDeleteView,
+  onSaveView,
+  isViewDirty,
+  selectedRows,
+  bulkActions,
+  onClearSelection,
+  title,
+  presetViews,
+  compact,
+  columnConfigurationProps,
+  showFiltersAlways,
+  onError,
+  "data-tour-target": dataTourTarget
+}: TableControlsProps) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { TableControlsProps as n, TableControls as t };
+//# sourceMappingURL=TableControls-Bkd3jhC1.d.cts.map