@box-kite/react 0.0.1 → 2.0.0

package/components/dataGrid/components/dataGridContent.d.ts

@@ -0,0 +1,6 @@
+import { default as GridModel } from '../models/gridModel';
+interface Props<TRow> {
+    grid: GridModel<TRow>;
+}
+export default function DataGridContent<TRow>(props: Props<TRow>): import("react").JSX.Element;
+export {};

package/components/dataGrid/components/dataGridDataSourceError.d.ts

@@ -0,0 +1,12 @@
+import { default as GridModel } from '../models/gridModel';
+interface Props<TRow> {
+    grid: GridModel<TRow>;
+}
+/**
+ * What a failed block says. One strip for the grid rather than a message per block: a reader cannot act
+ * on "block 37 did not load", and Retry asks for every block that failed, which is the page in front of
+ * them. An `Error`'s own message is shown when there is one — a datasource throws whatever its API threw,
+ * and hiding it behind a generic line leaves nothing to debug from.
+ */
+export default function DataGridDataSourceError<TRow>(props: Props<TRow>): import("react").JSX.Element | null;
+export {};

package/components/dataGrid/components/dataGridDetailRow.d.ts

@@ -0,0 +1,8 @@
+import { default as DetailRowModel } from '../models/detailRowModel';
+interface Props<TRow> {
+    row: DetailRowModel<TRow>;
+    /** Position in the whole row list, not in the rendered window. */
+    index: number;
+}
+export default function DataGridDetailRow<TRow>(props: Props<TRow>): import("react").JSX.Element;
+export {};

package/components/dataGrid/components/dataGridEmptyColumns.d.ts

@@ -0,0 +1,6 @@
+import { default as GridModel } from '../models/gridModel';
+interface Props<TRow> {
+    grid: GridModel<TRow>;
+}
+export default function DataGridEmptyColumns<TRow>(props: Props<TRow>): import("react").JSX.Element;
+export {};

package/components/dataGrid/components/dataGridExport.d.ts

@@ -0,0 +1,10 @@
+import { default as GridModel } from '../models/gridModel';
+interface Props<TRow> {
+    grid: GridModel<TRow>;
+}
+/**
+ * The `def.export` buttons: one per format asked for. Two buttons rather than a menu, so a grid that can
+ * export does not also bundle the menu component to say so.
+ */
+export default function DataGridExport<TRow>(props: Props<TRow>): import("react").JSX.Element | null;
+export {};

package/components/dataGrid/components/dataGridFilterCell.d.ts

@@ -0,0 +1,11 @@
+import { default as ColumnModel } from '../models/columnModel';
+import { default as GridModel } from '../models/gridModel';
+interface Props<TRow> {
+    column: ColumnModel<TRow>;
+    grid: GridModel<TRow>;
+    /** Navigation coordinates: the filter row, and this cell's column along it. */
+    row: number;
+    columnIndex: number;
+}
+export default function DataGridFilterCell<TRow>(props: Props<TRow>): import("react").JSX.Element;
+export {};

package/components/dataGrid/components/dataGridFilterRow.d.ts

@@ -0,0 +1,6 @@
+import { default as GridModel } from '../models/gridModel';
+interface Props<TRow> {
+    grid: GridModel<TRow>;
+}
+export default function DataGridFilterRow<TRow>(props: Props<TRow>): import("react").JSX.Element | null;
+export {};

package/components/dataGrid/components/dataGridFooter.d.ts

@@ -0,0 +1,11 @@
+import { default as GridModel } from '../models/gridModel';
+interface Props<TRow> {
+    grid: GridModel<TRow>;
+}
+/**
+ * The grand totals, pinned under the rows. It is the last child of the body's height-capped wrapper rather
+ * than a sibling of the header: `position: sticky` can only pull a box *up* from below, so a footer whose
+ * static position is above the scrollport simply scrolls away (measured in Chrome 152).
+ */
+export default function DataGridFooter<TRow>(props: Props<TRow>): import("react").JSX.Element | null;
+export {};

package/components/dataGrid/components/dataGridGlobalFilter.d.ts

@@ -0,0 +1,6 @@
+import { default as GridModel } from '../models/gridModel';
+interface Props<TRow> {
+    grid: GridModel<TRow>;
+}
+export default function DataGridGlobalFilter<TRow>(props: Props<TRow>): import("react").JSX.Element;
+export {};

package/components/dataGrid/components/dataGridGroupRow.d.ts

@@ -0,0 +1,8 @@
+import { default as GroupRowModel } from '../models/groupRowModel';
+interface Props<TRow> {
+    row: GroupRowModel<TRow>;
+    /** Position in the whole row list, not in the rendered window. */
+    index: number;
+}
+export default function DataGridGroupRow<TRow>(props: Props<TRow>): import("react").JSX.Element;
+export {};

package/components/dataGrid/components/dataGridHeader.d.ts

@@ -0,0 +1,6 @@
+import { default as GridModel } from '../models/gridModel';
+interface Props<TRow> {
+    grid: GridModel<TRow>;
+}
+export default function DataGridHeader<TRow>(props: Props<TRow>): import("react").JSX.Element;
+export {};

package/components/dataGrid/components/dataGridHeaderCell.d.ts

@@ -0,0 +1,9 @@
+import { default as ColumnModel } from '../models/columnModel';
+interface Props<TRow> {
+    column: ColumnModel<TRow>;
+    /** Navigation coordinates: which header row this is, and where the cell sits along it. */
+    row: number;
+    columnIndex: number;
+}
+export default function DataGridHeaderCell<TRow>(props: Props<TRow>): import("react").JSX.Element;
+export {};

package/components/dataGrid/components/dataGridHeaderCellContextMenu.d.ts

@@ -0,0 +1,11 @@
+import { default as ColumnModel } from '../models/columnModel';
+interface Props<TRow> {
+    column: ColumnModel<TRow>;
+}
+/**
+ * The column's menu — APG's menu button, on top of `Overlay`. The items are data rather than JSX because
+ * the pattern needs them as a list: `useRovingFocus` numbers them for the arrows and the typeahead, and
+ * which exist changes with the column's state. Sections are a rendering detail on top of that list.
+ */
+export default function DataGridHeaderCellContextMenu<TRow>(props: Props<TRow>): import("react").JSX.Element;
+export {};

package/components/dataGrid/components/dataGridHeaderCellResizer.d.ts

@@ -0,0 +1,14 @@
+import { default as ColumnModel } from '../models/columnModel';
+interface Props<TRow> {
+    column: ColumnModel<TRow>;
+    /** The header cell this separator sits in — `aria-controls`, the pane it resizes. */
+    controls: string;
+}
+/**
+ * The column resizer, which is APG's window splitter: a `separator` with a value in pixels, its own tab
+ * stop, and the arrows that move it. The drag and the keyboard run the same model at the same cost — each
+ * step paints the widths straight onto the grid element and React is told once, when the gesture ends
+ * (a press is a gesture too; it ends on `keyup`).
+ */
+export default function DataGridHeaderCellResizer<TRow>(props: Props<TRow>): import("react").JSX.Element;
+export {};

package/components/dataGrid/components/dataGridLoader.d.ts

@@ -0,0 +1,11 @@
+import { default as GridModel } from '../models/gridModel';
+interface Props<TRow> {
+    grid: GridModel<TRow>;
+}
+/**
+ * The indeterminate loading bar: a 40%-wide bar sliding off one edge to the other, over and over. The
+ * sweep is `rb-datagrid-loader`, registered with the engine's own keyframes, and the animation props
+ * live in the bar's component styles — this component draws three Boxes and nothing else.
+ */
+export default function DataGridLoader<TRow>(props: Props<TRow>): import("react").JSX.Element;
+export {};

package/components/dataGrid/components/dataGridPagination.d.ts

@@ -0,0 +1,6 @@
+import { default as GridModel } from '../models/gridModel';
+interface Props<TRow> {
+    grid: GridModel<TRow>;
+}
+export default function DataGridPagination<TRow>(props: Props<TRow>): import("react").JSX.Element | null;
+export {};

package/components/dataGrid/components/dataGridRow.d.ts

@@ -0,0 +1,8 @@
+import { default as RowModel } from '../models/rowModel';
+interface Props<TRow> {
+    row: RowModel<TRow>;
+    /** Position in the whole row list, not in the rendered window. */
+    index: number;
+}
+export default function DataGridRow<TRow>(props: Props<TRow>): import("react").JSX.Element;
+export {};

package/components/dataGrid/components/dataGridTopBar.d.ts

@@ -0,0 +1,6 @@
+import { default as GridModel } from '../models/gridModel';
+interface Props<TRow> {
+    grid: GridModel<TRow>;
+}
+export default function DataGridTopBar<TRow>(props: Props<TRow>): import("react").JSX.Element;
+export {};

package/components/dataGrid/components/dataGridTopBarContextMenu.d.ts

@@ -0,0 +1,6 @@
+import { default as GridModel } from '../models/gridModel';
+interface Props<TRow> {
+    grid: GridModel<TRow>;
+}
+export default function DataGridTopBarContextMenu<TRow>(props: Props<TRow>): import("react").JSX.Element;
+export {};