@eifi1/ui-kit 0.51.4 → 0.51.6

package/src/components/data-table-row-actions.tsx

@@ -88,11 +88,11 @@ export function swipePlanRowActions<T>(
     out.push({
       key,
       label: action.label,
-      icon: isValidElement(action.icon)
-        ? action.icon
-        : action.icon != null && action.icon !== false
-          ? <>{action.icon}</>
-          : undefined,
+      icon: isValidElement(action.icon) ? (
+        action.icon
+      ) : action.icon != null && action.icon !== false ? (
+        <>{action.icon}</>
+      ) : undefined,
       tone: swipeTone(action),
       commit,
       // A swipe commits without the kit asking (the plan's `onCommit` asks, as keksdose's
@@ -123,9 +123,7 @@ function resolveRowAction<T>(
   return {
     key: action.kind ?? `${index}:${action.label ?? ""}`,
     label: action.label ?? (action.kind === "edit" ? labels.edit : action.kind === "delete" ? labels.delete : ""),
-    icon:
-      action.icon ??
-      (action.kind === "edit" ? <Pencil /> : action.kind === "delete" ? <Trash2 /> : null),
+    icon: action.icon ?? (action.kind === "edit" ? <Pencil /> : action.kind === "delete" ? <Trash2 /> : null),
     tone,
     swipe: action.swipe ?? (tone === "danger" ? "start" : "end"),
     action,
@@ -281,21 +279,24 @@ export function useRowActionColumn<T>({
     [actionColumns, swipeColumn],
   );
   // A stable function (0.48.2): the phone cards compare it by identity.
-  const swipesFromActions = useCallback((row: T): MobileSwipeActions | null => {
-    const swipes = rowActionsFor(row).filter((a) => a.swipe && !a.action.disabledReason?.(row));
-    if (!swipes.length) return null;
-    const toSwipe = (a: ResolvedRowAction<T>): SwipeAction => ({
-      label: a.label,
-      icon: a.icon,
-      onCommit: () => void runRowAction(a.action, row),
-      // The row action's tone, painted by SwipeableRow: its soft wash idle, its fill
-      // and that fill's foreground armed (0.33).
-      tone: a.tone === "danger" ? "danger" : "brand",
-    });
-    return {
-      start: swipes.filter((a) => a.swipe === "start").map(toSwipe),
-      end: swipes.filter((a) => a.swipe === "end").map(toSwipe),
-    };
-  }, [rowActionsFor]);
+  const swipesFromActions = useCallback(
+    (row: T): MobileSwipeActions | null => {
+      const swipes = rowActionsFor(row).filter((a) => a.swipe && !a.action.disabledReason?.(row));
+      if (!swipes.length) return null;
+      const toSwipe = (a: ResolvedRowAction<T>): SwipeAction => ({
+        label: a.label,
+        icon: a.icon,
+        onCommit: () => void runRowAction(a.action, row),
+        // The row action's tone, painted by SwipeableRow: its soft wash idle, its fill
+        // and that fill's foreground armed (0.33).
+        tone: a.tone === "danger" ? "danger" : "brand",
+      });
+      return {
+        start: swipes.filter((a) => a.swipe === "start").map(toSwipe),
+        end: swipes.filter((a) => a.swipe === "end").map(toSwipe),
+      };
+    },
+    [rowActionsFor],
+  );
   return { columns, swipesFromActions };
 }

package/src/components/data-table-row.tsx

@@ -397,23 +397,22 @@ export const DataTableRow = memo(DataTableRowImpl, sameProps) as <T>(
 
 // ---------- Phone card ----------
 
-export interface DataTableMobileRowProps<T>
-  extends Pick<
-    MobileRowProps<T>,
-    | "row"
-    | "opensRow"
-    | "mobileDir"
-    | "mobileCardLinkable"
-    | "mobileCardStretched"
-    | "mobileCard"
-    | "mobilePrimaryCol"
-    | "mobileStatusColumns"
-    | "mobileSecondaryColumns"
-    | "mobileActionColumns"
-    | "mobileExpandAsDialog"
-    | "compact"
-    | "large"
-  > {
+export interface DataTableMobileRowProps<T> extends Pick<
+  MobileRowProps<T>,
+  | "row"
+  | "opensRow"
+  | "mobileDir"
+  | "mobileCardLinkable"
+  | "mobileCardStretched"
+  | "mobileCard"
+  | "mobilePrimaryCol"
+  | "mobileStatusColumns"
+  | "mobileSecondaryColumns"
+  | "mobileActionColumns"
+  | "mobileExpandAsDialog"
+  | "compact"
+  | "large"
+> {
   ctx: RefObject<DataTableRowCtx<T>>;
   rowKey: string | number;
   expanded: boolean;

package/src/components/data-table-shared.tsx

@@ -17,9 +17,11 @@ import type { LabelOverride } from "../i18n/kit-labels";
  * owns. `role` and `data-col` are dropped outright (see `cellProps`); `className` and
  * `style` come back separately so the kit can merge rather than replace them.
  */
-export function splitCellProps(
-  props: DataTableCellProps | DataTableHeadProps | undefined,
-): { attrs: Record<string, unknown>; className?: string; style?: CSSProperties } {
+export function splitCellProps(props: DataTableCellProps | DataTableHeadProps | undefined): {
+  attrs: Record<string, unknown>;
+  className?: string;
+  style?: CSSProperties;
+} {
   if (!props) return { attrs: {} };
   const {
     className,
@@ -47,22 +49,16 @@ const PHYSICAL_ALIGN = /(^|\s)((?:[\w-]+:)*)text-(left|right)(?=\s|$)/g;
  * too can say `ltr:text-right rtl:text-right`, which this leaves alone.
  */
 export function logicalAlign(className: string | undefined): string | undefined {
-  return className?.replace(
-    PHYSICAL_ALIGN,
-    (token: string, lead: string, variants: string, side: string) =>
-      // Already scoped to one direction: that is a caller choosing the physical side.
-      /(^|:)(ltr|rtl):/.test(variants)
-        ? token
-        : `${lead}${variants}text-${side === "right" ? "end" : "start"}`,
+  return className?.replace(PHYSICAL_ALIGN, (token: string, lead: string, variants: string, side: string) =>
+    // Already scoped to one direction: that is a caller choosing the physical side.
+    /(^|:)(ltr|rtl):/.test(variants) ? token : `${lead}${variants}text-${side === "right" ? "end" : "start"}`,
   );
 }
 
 /** Drop the undefined entries of a {@link DataTableProps.rowAttributes} map, so a
  *  caller can write `{ "data-x": cond ? "y" : undefined }` and get no attribute
  *  at all rather than the string "undefined" in the DOM. */
-export function cleanAttrs(
-  attrs: Record<string, string | undefined> | undefined,
-): Record<string, string> | undefined {
+export function cleanAttrs(attrs: Record<string, string | undefined> | undefined): Record<string, string> | undefined {
   if (!attrs) return undefined;
   const out: Record<string, string> = {};
   for (const [k, v] of Object.entries(attrs)) if (v !== undefined) out[k] = v;
@@ -97,9 +93,7 @@ export function columnLabel<T>(col: DataTableColumn<T>, labels?: DataTableLabels
  * finds out what fell back to English from `missingKitLabels(labels,
  * DEFAULT_UI_KIT_LABELS)` in its own test, where the answer is actionable.
  */
-export function resolveDataTableLabels(
-  ...layers: (LabelOverride<DataTableLabels> | undefined)[]
-): DataTableLabels {
+export function resolveDataTableLabels(...layers: (LabelOverride<DataTableLabels> | undefined)[]): DataTableLabels {
   if (!layers.some(Boolean)) return DEFAULT_DATA_TABLE_LABELS;
   // The layers in order, the provider's then the prop's, later winning key by key. An
   // `undefined` key is skipped, as `useKitLabels` skips it, rather than blanking the word

package/src/components/data-table-sort.ts

@@ -93,8 +93,7 @@ export function nextSorts(
   // One step from `dir`: the second direction after the first, then either back to
   // the first (toggle) or off (null). Judged against THIS column's first direction,
   // so a desc-first column goes desc → asc → none rather than skipping a step.
-  const step = (dir: SortDir): SortDir | null =>
-    dir === first ? flip(first) : toggle ? first : null;
+  const step = (dir: SortDir): SortDir | null => (dir === first ? flip(first) : toggle ? first : null);
   if (!additive) {
     if (prev.length === 1 && idx === 0) {
       const dir = step(prev[0].dir);

package/src/components/data-table-virtual.ts

@@ -57,8 +57,7 @@ export type VirtualItem = { kind: "row"; index: number } | { kind: "gap"; key: s
 /** A group's `<tbody>` with its rendered rows, or one spacer `<tbody>` for a run of
  *  groups of which nothing is rendered. */
 export type VirtualBody =
-  | { kind: "spacer"; key: string; height: number }
-  | { kind: "group"; group: number; items: VirtualItem[] };
+  { kind: "spacer"; key: string; height: number } | { kind: "group"; group: number; items: VirtualItem[] };
 
 export interface RowWindow {
   bodies: VirtualBody[];
@@ -234,7 +233,11 @@ export function useRowWindow<T>({
     band: [estimate, estimate * 0.8],
   }));
   const initialEnd = () =>
-    Math.min(n, Math.ceil((typeof window === "undefined" ? 800 : Math.min(window.innerHeight || 800, 1600)) / estimate) + overscan);
+    Math.min(
+      n,
+      Math.ceil((typeof window === "undefined" ? 800 : Math.min(window.innerHeight || 800, 1600)) / estimate) +
+        overscan,
+    );
   const [range, setRange] = useState(() => ({ start: 0, end: initialEnd() }));
   const [focusTarget, setFocusTarget] = useState<number | null>(null);
   const [focusKey, setFocusKey] = useState<string | number | null>(null);
@@ -437,7 +440,9 @@ export function useRowWindow<T>({
       update();
     };
     frame.current =
-      typeof requestAnimationFrame === "undefined" ? -(setTimeout(run, 16) as unknown as number) : requestAnimationFrame(run);
+      typeof requestAnimationFrame === "undefined"
+        ? -(setTimeout(run, 16) as unknown as number)
+        : requestAnimationFrame(run);
   }, [measure, update]);
   useEffect(
     () => () => {