@multiplatform.one/table 7.29.1 → 7.30.0

package/src/components/TableInput/index.tsx

@@ -35,7 +35,13 @@ import {
   useResolvedValidators,
   type AnyFormApi,
 } from "@multiplatform.one/forms";
-import { flexRender, getCoreRowModel, useReactTable, type ColumnDef } from "@tanstack/react-table";
+import {
+  flexRender,
+  getCoreRowModel,
+  useReactTable,
+  type CellContext,
+  type ColumnDef,
+} from "@tanstack/react-table";
 import { TrashIcon, PlusIcon } from "@phosphor-icons/react";
 import { useTranslation } from "react-i18next";
 import { Table, getTableCellPadding } from "@multiplatform.one/table-primitives";
@@ -53,6 +59,7 @@ import { RowDetailEditor } from "./RowDetailEditor";
 import {
   childRowAttrs,
   childTableKeyAction,
+  columnKey,
   generateRowId,
   isEmptyRows,
   SKELETON_ROW_COUNT,
@@ -61,6 +68,113 @@ import {
 
 const chromeColumnIds = new Set(["_reorder", "_rowNumber", "_detail", "_actions"]);
 
+/**
+ * What the cell renderers read at render time. It rides on TanStack's table
+ * meta so the column definitions depend on the schema alone.
+ */
+interface GridMeta<TData extends DataTableData> {
+  readOnly: boolean;
+  compact: boolean;
+  canDelete: boolean;
+  deleteColor: string;
+  knobProps: ReturnType<typeof useResolvedKnobs>["knobProps"];
+  sortable: ReturnType<typeof useSortableRows<TData>>;
+  detailColumns: DataTableColumn<TData>[];
+  isCellHidden?: ChildCellHidden<TData>;
+  t: (key: string, options?: Record<string, unknown>) => string;
+  changeCell: (rowIndex: number, columnId: string, value: unknown) => void;
+  deleteRow: (rowIndex: number) => void;
+  commitRowDetail: (rowIndex: number, next: TData, changed: string[]) => void;
+}
+
+type GridCellProps<TData extends DataTableData> = CellContext<TData, unknown>;
+
+const gridMeta = <TData extends DataTableData>({ table }: GridCellProps<TData>) =>
+  table.options.meta as GridMeta<TData>;
+
+// flexRender mounts each column's `cell` as a component, so these renderers
+// live at module scope: a renderer created per render remounts every cell on
+// a row commit, and the focused control goes with it (MPO-471, MPO-475).
+function ReorderCell<TData extends DataTableData>(props: GridCellProps<TData>) {
+  const { row } = props;
+  const { sortable, t, compact } = gridMeta(props);
+  return (
+    <SortableHandle
+      label={sortable.labels[row.index] ?? t("Row {{row}}", { row: row.index + 1 })}
+      itemId={String(row.original.id ?? row.id)}
+      compact={compact}
+      onPointerDown={(e) => sortable.onHandlePointerDown(row.index, e)}
+      onKeyDown={(e) => sortable.onHandleKeyDown(row.index, e)}
+    />
+  );
+}
+
+function RowNumberCell<TData extends DataTableData>(props: GridCellProps<TData>) {
+  const { knobProps } = gridMeta(props);
+  return (
+    <Text color="$color10" fontSize={knobProps.label.fontSize}>
+      {props.row.index + 1}
+    </Text>
+  );
+}
+
+function DataCell<TData extends DataTableData>(props: GridCellProps<TData>) {
+  const { row, column } = props;
+  const { isCellHidden, readOnly, compact, changeCell } = gridMeta(props);
+  const columnId = column.id;
+  if (isCellHidden?.(row.original, columnId, row.index)) return null;
+  const col = column.columnDef as DataTableColumn<TData>;
+  return (
+    <DataTableCell
+      value={row.original[columnId as keyof TData]}
+      onChange={(newValue) => changeCell(row.index, columnId, newValue)}
+      field={(col.field || "input") as DataTableField}
+      fieldProps={col.fieldProps as DataTableFieldProps | undefined}
+      readOnly={readOnly}
+      compact={compact}
+      columnId={columnId}
+      columnLabel={typeof col.header === "string" ? col.header : undefined}
+      rowIndex={row.index}
+      rowData={row.original}
+    />
+  );
+}
+
+function DetailCell<TData extends DataTableData>(props: GridCellProps<TData>) {
+  const { row } = props;
+  const { detailColumns, readOnly, compact, isCellHidden, commitRowDetail } = gridMeta(props);
+  return (
+    <RowDetailEditor
+      row={row.original}
+      rowIndex={row.index}
+      columns={detailColumns}
+      readOnly={readOnly}
+      compact={compact}
+      isCellHidden={isCellHidden}
+      onCommit={(next, changed) => commitRowDetail(row.index, next, changed)}
+    />
+  );
+}
+
+function DeleteCell<TData extends DataTableData>(props: GridCellProps<TData>) {
+  const { row } = props;
+  const { canDelete, compact, knobProps, deleteColor, deleteRow, t } = gridMeta(props);
+  return (
+    <Button
+      chromeless
+      compact={compact}
+      onPress={() => deleteRow(row.index)}
+      disabled={!canDelete}
+      hitSlop={knobProps.nestedControl.hitSlop}
+      aria-label={withInterp(t("Delete row {{row}}", { row: row.index + 1 }), {
+        row: row.index + 1,
+      })}
+    >
+      <TrashIcon size={16} color={deleteColor} />
+    </Button>
+  );
+}
+
 export interface TableInputProps<TData extends DataTableData = DataTableData> {
   /** Data array for the table (ignored in favor of form state in the form branch) */
   data?: TData[];
@@ -272,7 +386,6 @@ function TableInputInner<TData extends DataTableData>({
   const pendingFocusRef = useRef<string | null>(null);
   const gridRef = useRef<HTMLElement | null>(null);
   const reorderEnabled = enableReorder && !readOnly && !skeleton;
-  const Detail = RowDetailEditor<TData>;
 
   const firstDataKey = useMemo(() => {
     const first = columns[0];
@@ -307,13 +420,6 @@ function TableInputInner<TData extends DataTableData>({
     rowSelector: `[${childRowAttrs.row}]`,
   });
 
-  const handlePointerRef = useRef(sortable.onHandlePointerDown);
-  handlePointerRef.current = sortable.onHandlePointerDown;
-  const handleKeyRef = useRef(sortable.onHandleKeyDown);
-  handleKeyRef.current = sortable.onHandleKeyDown;
-  const labelsRef = useRef(sortable.labels);
-  labelsRef.current = sortable.labels;
-
   const lastDataColumnId = useMemo(() => {
     const last = columns[columns.length - 1];
     if (!last) return null;
@@ -363,34 +469,6 @@ function TableInputInner<TData extends DataTableData>({
     },
     [rows, commit, onCellChange],
   );
-  const rowDetailCommitRef = useRef(handleRowDetailCommit);
-  rowDetailCommitRef.current = handleRowDetailCommit;
-
-  // flexRender mounts each `cell` as a component, so a fresh renderer on every
-  // row commit remounted the pencil under its closing dialog, and the dialog
-  // then had no connected trigger to return focus to (MPO-471).
-  const detailColumn = useMemo<ColumnDef<TData, unknown> | null>(
-    () =>
-      rowDetail
-        ? {
-            id: "_detail",
-            header: "",
-            size: chromePx + 16,
-            cell: ({ row }) => (
-              <Detail
-                row={row.original}
-                rowIndex={row.index}
-                columns={detailColumns}
-                readOnly={readOnly}
-                compact={compact}
-                isCellHidden={isCellHidden}
-                onCommit={(next, changed) => rowDetailCommitRef.current(row.index, next, changed)}
-              />
-            ),
-          }
-        : null,
-    [rowDetail, chromePx, detailColumns, readOnly, compact, isCellHidden],
-  );
 
   useEffect(() => {
     const id = pendingFocusRef.current;
@@ -456,114 +534,34 @@ function TableInputInner<TData extends DataTableData>({
 
   const tableColumns = useMemo(() => {
     const cols: ColumnDef<TData, unknown>[] = [];
+    const chrome = (id: string, header: string, size: number, cell: ColumnDef<TData>["cell"]) =>
+      cols.push({ id, header, size, cell });
 
-    if (reorderEnabled) {
-      cols.push({
-        id: "_reorder",
-        header: "",
-        size: chromePx + 16,
-        cell: ({ row }) => (
-          <SortableHandle
-            label={labelsRef.current[row.index] ?? t("Row {{row}}", { row: row.index + 1 })}
-            itemId={String((row.original as DataTableData).id ?? row.id)}
-            compact={compact}
-            onPointerDown={(e) => handlePointerRef.current(row.index, e)}
-            onKeyDown={(e) => handleKeyRef.current(row.index, e)}
-          />
-        ),
-      });
-    }
-
-    if (showRowNumbers) {
-      cols.push({
-        id: "_rowNumber",
-        header: "#",
-        size: Math.max(36, chromePx),
-        cell: ({ row }) => (
-          <Text color="$color10" fontSize={knobProps.label.fontSize}>
-            {row.index + 1}
-          </Text>
-        ),
-      });
-    }
-
-    columns.forEach((col) => {
-      const columnId =
-        typeof col.accessorKey === "string" ? col.accessorKey : col.id || String(col.accessorKey);
-
-      cols.push({
-        ...col,
-        id: columnId,
-        cell: ({ row }) => {
-          if (isCellHidden?.(row.original, columnId, row.index)) return null;
-          const value = row.original[columnId as keyof TData];
-          const field = (col.field || "input") as DataTableField;
-          const fieldProps = col.fieldProps as DataTableFieldProps | undefined;
-
-          return (
-            <DataTableCell
-              value={value}
-              onChange={(newValue) => handleCellChange(row.index, columnId, newValue)}
-              field={field}
-              fieldProps={fieldProps}
-              readOnly={readOnly}
-              compact={compact}
-              columnId={columnId}
-              columnLabel={typeof col.header === "string" ? col.header : undefined}
-              rowIndex={row.index}
-              rowData={row.original}
-            />
-          );
-        },
-      } as ColumnDef<TData, unknown>);
-    });
-
-    if (detailColumn) cols.push(detailColumn);
-
-    if (showDeleteRow && !readOnly) {
-      cols.push({
-        id: "_actions",
-        header: "",
-        size: chromePx + 16,
-        cell: ({ row }) => {
-          const canDelete = !minRows || rows.length > minRows;
-          return (
-            <Button
-              chromeless
-              compact={compact}
-              onPress={() => handleDeleteRow(row.index)}
-              disabled={!canDelete}
-              hitSlop={knobProps.nestedControl.hitSlop}
-              aria-label={withInterp(t("Delete row {{row}}", { row: row.index + 1 }), {
-                row: row.index + 1,
-              })}
-            >
-              <TrashIcon size={16} color={theme.red10?.val ?? "currentColor"} />
-            </Button>
-          );
-        },
-      });
+    if (reorderEnabled) chrome("_reorder", "", chromePx + 16, ReorderCell<TData>);
+    if (showRowNumbers) chrome("_rowNumber", "#", Math.max(36, chromePx), RowNumberCell<TData>);
+    for (const col of columns) {
+      cols.push({ ...col, id: columnKey(col), cell: DataCell<TData> } as ColumnDef<TData, unknown>);
     }
+    if (rowDetail) chrome("_detail", "", chromePx + 16, DetailCell<TData>);
+    if (showDeleteRow && !readOnly) chrome("_actions", "", chromePx + 16, DeleteCell<TData>);
 
     return cols;
-  }, [
-    columns,
-    showRowNumbers,
-    showDeleteRow,
+  }, [columns, reorderEnabled, showRowNumbers, rowDetail, showDeleteRow, readOnly, chromePx]);
+
+  const meta: GridMeta<TData> = {
     readOnly,
-    handleCellChange,
-    handleDeleteRow,
-    rows.length,
-    minRows,
-    t,
     compact,
-    chromePx,
-    knobProps.label.fontSize,
-    knobProps.nestedControl.hitSlop,
-    reorderEnabled,
-    detailColumn,
+    canDelete: !minRows || rows.length > minRows,
+    deleteColor: theme.red10?.val ?? "currentColor",
+    knobProps,
+    sortable,
+    detailColumns,
     isCellHidden,
-  ]);
+    t,
+    changeCell: handleCellChange,
+    deleteRow: handleDeleteRow,
+    commitRowDetail: handleRowDetailCommit,
+  };
 
   const table = useReactTable({
     data: rows,
@@ -572,6 +570,7 @@ function TableInputInner<TData extends DataTableData>({
     // Stable row identity: keeps in-cell editor drafts pinned to their data
     // row across deletes instead of following the positional index.
     getRowId: (row, index) => String((row as DataTableData).id ?? index),
+    meta,
   });
 
   // Empty state flips to flex so a single auto-width cell fills the row

package/src/components/TableInput/tableInput.cellIdentity.spec.tsx

@@ -0,0 +1,196 @@
+/**
+ * A row commit re-renders the grid's cells in place (MPO-475). TanStack's
+ * flexRender mounts each column's `cell` as a component, so a renderer that
+ * changes identity on a commit remounts every cell, and focus that a Tab or
+ * Enter just placed in the grid lands on a detached node.
+ */
+
+import React from "react";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { useForm } from "@multiplatform.one/forms";
+import { act, fireEvent, screen, waitFor, within } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { describe, expect, it, vi } from "vitest";
+import type { DataTableColumn, DataTableData } from "../../types";
+import { ChildTable } from "../ChildTable";
+import { TableInput } from "./index";
+
+interface Line extends DataTableData {
+  id: string;
+  item: string;
+  qty: number;
+}
+
+const initial = (): Line[] => [
+  { id: "a", item: "Bracket", qty: 12 },
+  { id: "b", item: "Bolts", qty: 3 },
+];
+
+const columns: DataTableColumn<Line>[] = [
+  { accessorKey: "item", header: "Item", field: "input" },
+  { accessorKey: "qty", header: "Qty", field: "stepper", fieldProps: { min: 0 } },
+];
+
+function Harness({
+  onChange,
+  freshSchema = false,
+}: {
+  onChange?: (rows: Line[]) => void;
+  freshSchema?: boolean;
+}) {
+  const [rows, setRows] = React.useState(initial);
+  return (
+    <ChildTable<Line>
+      value={rows}
+      columns={freshSchema ? columns.map((col) => ({ ...col })) : columns}
+      isCellHidden={freshSchema ? () => false : undefined}
+      rowDetail
+      onChange={(next) => {
+        setRows(next);
+        onChange?.(next);
+      }}
+    />
+  );
+}
+
+function FormHarness({ onChange }: { onChange?: (rows: Line[]) => void }) {
+  const form = useForm({ defaultValues: { lines: initial() } });
+  return (
+    <TableInput<Line>
+      form={form as any}
+      name="lines"
+      columns={columns}
+      rowDetail
+      onChange={onChange}
+    />
+  );
+}
+
+function cell(rowIndex: number, label: string) {
+  const row = document.querySelector<HTMLElement>(`[data-child-row-index="${rowIndex}"]`);
+  if (!row) throw new Error(`no grid row ${rowIndex}`);
+  return within(row).getByLabelText(label) as HTMLInputElement;
+}
+
+function gridControls() {
+  return [cell(0, "Item"), cell(0, "Qty"), cell(1, "Item"), cell(1, "Qty")];
+}
+
+function expectConnected(nodes: HTMLElement[]) {
+  expect(nodes.map((node) => node.isConnected)).toEqual(nodes.map(() => true));
+}
+
+const flushBlurTimer = () => act(() => new Promise<void>((resolve) => setTimeout(resolve, 15)));
+
+describe("TableInput cells survive a row commit (MPO-475)", () => {
+  it("Enter commits an edit and focus stays on the same connected input", async () => {
+    const onChange = vi.fn();
+    renderWithProviders(<Harness onChange={onChange} />);
+    const before = gridControls();
+    const item = cell(0, "Item");
+
+    await userEvent.click(item);
+    await userEvent.type(item, "X");
+    fireEvent.keyDown(item, { key: "Enter" });
+
+    expect(onChange).toHaveBeenCalledTimes(1);
+    expect(onChange.mock.calls[0][0][0].item).toBe("BracketX");
+    expectConnected(before);
+    expect(document.activeElement).toBe(item);
+  });
+
+  it("Tab after an edit commits and lands on the next cell's connected control", async () => {
+    const onChange = vi.fn();
+    renderWithProviders(<Harness onChange={onChange} />);
+    const before = gridControls();
+    const item = cell(0, "Item");
+    const qty = cell(0, "Qty");
+
+    await userEvent.click(item);
+    await userEvent.type(item, "X");
+    await userEvent.tab();
+
+    expect(onChange).toHaveBeenCalledTimes(1);
+    expect(onChange.mock.calls[0][0][0].item).toBe("BracketX");
+    expectConnected(before);
+    expect(document.activeElement).toBe(qty);
+  });
+
+  it("Shift+Tab after a Stepper edit commits and lands on the previous cell's connected control", async () => {
+    const onChange = vi.fn();
+    renderWithProviders(<Harness onChange={onChange} />);
+    const before = gridControls();
+    const item = cell(0, "Item");
+    const qty = cell(0, "Qty");
+
+    await userEvent.click(qty);
+    await userEvent.clear(qty);
+    await userEvent.type(qty, "7");
+    await userEvent.tab({ shift: true });
+    await flushBlurTimer();
+
+    expect(onChange).toHaveBeenCalledTimes(1);
+    expect(onChange.mock.calls[0][0][0].qty).toBe(7);
+    expectConnected(before);
+    expect(document.activeElement).toBe(item);
+  });
+
+  it("a commit in one row leaves the other row's cells connected in the form branch", async () => {
+    const onChange = vi.fn();
+    renderWithProviders(<FormHarness onChange={onChange} />);
+    const before = gridControls();
+    const item = cell(1, "Item");
+
+    await userEvent.click(item);
+    await userEvent.type(item, "X");
+    fireEvent.keyDown(item, { key: "Enter" });
+
+    expect(onChange).toHaveBeenCalledTimes(1);
+    expect(onChange.mock.calls[0][0][1].item).toBe("BoltsX");
+    expectConnected(before);
+    expect(document.activeElement).toBe(item);
+  });
+
+  it("a caller that rebuilds columns and isCellHidden every render keeps the cells mounted", async () => {
+    const onChange = vi.fn();
+    renderWithProviders(<Harness onChange={onChange} freshSchema />);
+    const before = gridControls();
+    const item = cell(0, "Item");
+
+    await userEvent.click(item);
+    await userEvent.type(item, "X");
+    await userEvent.tab();
+
+    expect(onChange).toHaveBeenCalledTimes(1);
+    expectConnected(before);
+    expect(document.activeElement).toBe(cell(0, "Qty"));
+  });
+
+  it("a row detail Done leaves the grid mounted and shows the new values in its cells", async () => {
+    const onChange = vi.fn();
+    renderWithProviders(<Harness onChange={onChange} />);
+    const before = gridControls();
+
+    fireEvent.click(screen.getByRole("button", { name: "Edit row 2" }));
+    const dialog = await waitFor(() => screen.getByRole("dialog", { name: "Row 2" }));
+    const detailItem = within(dialog).getByLabelText("Item") as HTMLInputElement;
+    fireEvent.focus(detailItem);
+    fireEvent.change(detailItem, { target: { value: "Hinge" } });
+    fireEvent.blur(detailItem);
+    const detailQty = within(dialog).getByLabelText("Qty") as HTMLInputElement;
+    fireEvent.focus(detailQty);
+    fireEvent.change(detailQty, { target: { value: "9" } });
+    fireEvent.blur(detailQty);
+    await flushBlurTimer();
+    fireEvent.click(within(dialog).getByRole("button", { name: "Done" }));
+
+    expect(onChange).toHaveBeenCalledTimes(1);
+    expect(onChange.mock.calls[0][0][1]).toMatchObject({ item: "Hinge", qty: 9 });
+    await waitFor(() => expect(screen.queryByRole("dialog", { name: "Row 2" })).toBeNull(), {
+      timeout: 3000,
+    });
+    expectConnected(before.slice(0, 2));
+    expect(cell(1, "Item").value).toBe("Hinge");
+    expect(cell(1, "Qty").value).toBe("9");
+  });
+});

package/types/components/KnobDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KnobDialog.d.ts","sourceRoot":"","sources":["../../src/components/KnobDialog.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,KAAY,EAAE,QAAQ,EAAE,EAAE,eAAe,2CAMzF;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,sBAAsB,2CAoC/E;AAGD,eAAO,MAAM,iBAAiB;;;;wFAAiB,CAAC;AAChD,eAAO,MAAM,eAAe;;;;;;;;;;6CAAe,CAAC;AAC5C,eAAO,MAAM,qBAAqB;;;;;;;;;;6CAAqB,CAAC;AACxD,eAAO,MAAM,eAAe;;;;;;;;wFAAe,CAAC"}
+{"version":3,"file":"KnobDialog.d.ts","sourceRoot":"","sources":["../../src/components/KnobDialog.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,KAAY,EAAE,QAAQ,EAAE,EAAE,eAAe,2CAMzF;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,sBAAsB,2CAoC/E;AAGD,eAAO,MAAM,iBAAiB;;;;wFAAiB,CAAC;AAChD,eAAO,MAAM,eAAe;;;;;;;;;;6CAAe,CAAC;AAC5C,eAAO,MAAM,qBAAqB;;;;;;;;;;6CAAqB,CAAC;AACxD,eAAO,MAAM,eAAe;;;;;;;;wFAAe,CAAC"}

package/types/components/TableInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TableInput/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAQH,OAAO,EAML,KAAK,UAAU,EAChB,MAAM,0BAA0B,CAAC;AAOlC,OAAO,KAAK,EACV,eAAe,EACf,aAAa,EACb,mBAAmB,EACnB,cAAc,EACf,MAAM,aAAa,CAAC;AAIrB,OAAO,EAML,KAAK,eAAe,EACrB,MAAM,UAAU,CAAC;AAIlB,MAAM,WAAW,eAAe,CAAC,KAAK,SAAS,aAAa,GAAG,aAAa;IAC1E,mFAAmF;IACnF,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC;IACf,4DAA4D;IAC5D,OAAO,EAAE,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC;IAClC,0FAA0F;IAC1F,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,IAAI,CAAC;IACnC,sEAAsE;IACtE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,IAAI,CAAC;IACvC,iFAAiF;IACjF,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5E,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,iEAAiE;IACjE,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kCAAkC;IAClC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yCAAyC;IACzC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kCAAkC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IAC5B,0BAA0B;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uBAAuB;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qEAAqE;IACrE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6DAA6D;IAC7D,aAAa,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC;IACzC,kEAAkE;IAClE,YAAY,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;CACvC;AAED,wBAAgB,UAAU,CAAC,KAAK,SAAS,aAAa,GAAG,aAAa,EAAE,EACtE,IAAS,EACT,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,IAAI,EACJ,IAAI,EAAE,QAAQ,EACd,UAAU,EACV,QAAQ,EACR,QAAgB,EAChB,QAAgB,EAChB,cAAqB,EACrB,UAAiB,EACjB,aAAoB,EACpB,OAAO,EACP,OAAO,EACP,UAAU,EACV,YAAY,EACZ,YAAY,EAAE,SAAS,EACvB,OAAc,EACd,aAAqB,EACrB,SAAiB,EACjB,aAAa,EACb,YAAY,GACb,EAAE,eAAe,CAAC,KAAK,CAAC,2CA0ExB;AAogBD,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TableInput/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAQH,OAAO,EAML,KAAK,UAAU,EAChB,MAAM,0BAA0B,CAAC;AAalC,OAAO,KAAK,EACV,eAAe,EACf,aAAa,EACb,mBAAmB,EACnB,cAAc,EACf,MAAM,aAAa,CAAC;AAIrB,OAAO,EAOL,KAAK,eAAe,EACrB,MAAM,UAAU,CAAC;AA+GlB,MAAM,WAAW,eAAe,CAAC,KAAK,SAAS,aAAa,GAAG,aAAa;IAC1E,mFAAmF;IACnF,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC;IACf,4DAA4D;IAC5D,OAAO,EAAE,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC;IAClC,0FAA0F;IAC1F,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,IAAI,CAAC;IACnC,sEAAsE;IACtE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,IAAI,CAAC;IACvC,iFAAiF;IACjF,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5E,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,iEAAiE;IACjE,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kCAAkC;IAClC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yCAAyC;IACzC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kCAAkC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IAC5B,0BAA0B;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uBAAuB;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qEAAqE;IACrE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6DAA6D;IAC7D,aAAa,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC;IACzC,kEAAkE;IAClE,YAAY,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;CACvC;AAED,wBAAgB,UAAU,CAAC,KAAK,SAAS,aAAa,GAAG,aAAa,EAAE,EACtE,IAAS,EACT,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,IAAI,EACJ,IAAI,EAAE,QAAQ,EACd,UAAU,EACV,QAAQ,EACR,QAAgB,EAChB,QAAgB,EAChB,cAAqB,EACrB,UAAiB,EACjB,aAAoB,EACpB,OAAO,EACP,OAAO,EACP,UAAU,EACV,YAAY,EACZ,YAAY,EAAE,SAAS,EACvB,OAAc,EACd,aAAqB,EACrB,SAAiB,EACjB,aAAa,EACb,YAAY,GACb,EAAE,eAAe,CAAC,KAAK,CAAC,2CA0ExB;AAiZD,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC"}