@coldsmirk/ledger-mantine 0.3.1 → 0.4.0

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 
 import { n as defaultLabels, t as DataTableLabels } from "./labels-ChBqD1II.cjs";
-import { BoxProps, ComboboxData, ElementProps, Factory, MantineBreakpoint, MantineColor, MantineRadius, MantineSpacing, PopoverProps, StylesApiProps, TableTdProps, TableThProps, TableTrProps, TextInputProps } from "@mantine/core";
+import { BoxProps, ComboboxData, ElementProps, Factory, MantineBreakpoint, MantineColor, MantineRadius, MantineSize, MantineSpacing, PopoverProps, StylesApiProps, TableTdProps, TableThProps, TableTrProps, TextInputProps } from "@mantine/core";
 import { Cell as Cell$1, CellData, Column as Column$1, ColumnDef as ColumnDef$1, ColumnFiltersState, ColumnFiltersState as ColumnFiltersState$1, ColumnOrderState, ColumnOrderState as ColumnOrderState$1, ColumnPinningState, ColumnPinningState as ColumnPinningState$1, ColumnSizingState, ColumnSizingState as ColumnSizingState$1, ColumnVisibilityState, ColumnVisibilityState as ColumnVisibilityState$1, ExpandedState, ExpandedState as ExpandedState$1, FilterFn, FilterFnOption, GroupingState, GroupingState as GroupingState$1, Header as Header$1, HeaderGroup as HeaderGroup$1, PaginationState, PaginationState as PaginationState$1, ReactTable, Row as Row$1, RowData, RowData as RowData$1, RowPinningState, RowPinningState as RowPinningState$1, RowSelectionState, RowSelectionState as RowSelectionState$1, SortingState, SortingState as SortingState$1, TableFeatures, TableOptions, flexRender } from "@tanstack/react-table";
 import { CSSProperties, ComponentProps, ComponentType, JSX, KeyboardEvent, MouseEvent, ReactElement, ReactNode, Ref } from "react";
 //#region src/icons.d.ts
@@ -331,6 +331,11 @@ interface DataTableEditContext<TData extends RowData$1, TValue> {
    * editor is one of many identical controls in the grid, told apart by the column it edits.
    */
   label: string;
+  /**
+   * The Mantine size the cell's controls are drawn at — the table's `size` a step down
+   * (docs/styling.md#size) — so an editor fits the row it opens in.
+   */
+  size: MantineSize;
 }
 interface DataTableInstantEditContext<TData extends RowData$1, TValue> {
   row: Row<TData>;
@@ -357,6 +362,10 @@ interface DataTableInstantEditContext<TData extends RowData$1, TValue> {
    * Localized accessible name for the control (`labels.editColumn` over the column title).
    */
   label: string;
+  /**
+   * The Mantine size the cell's controls are drawn at (docs/styling.md#size).
+   */
+  size: MantineSize;
 }
 interface DataTableEditCommit<TData extends RowData$1> {
   row: Row<TData>;
@@ -935,6 +944,11 @@ interface DataTablePaginationProps<TData extends RowData$1> {
   table: TableInstance<TData>;
   pageSizeOptions?: number[];
   labels?: Partial<DataTableLabels>;
+  /**
+   * The size of the table the bar stands under (docs/styling.md#size); `sm`, the table's own
+   * default, unless said.
+   */
+  size?: MantineSize;
   className?: string;
   style?: CSSProperties;
 }
@@ -972,7 +986,7 @@ declare function DataTableSelectionBar<TData extends RowData$1>(props: DataTable
 //#region src/data-table.d.ts
 type DataTableStylesNames = "root" | "main" | "header" | "scroller" | "footer" | "table" | "thead" | "tbody" | "tfoot" | "headerRow" | "headerCell" | "headerLabel" | "headerActions" | "sortIndicator" | "resizer" | "filterPopover" | "row" | "cell" | "selectionCell" | "expanderCell" | "detailPanel" | "cellEditor" | "instantCell" | "instantSpinner" | "rowDragCell" | "rowDragOverlay" | "footerRow" | "footerCell" | "empty" | "loaderRow" | "loaderRowContent" | "paginationBar";
 interface DataTableCssVariables {
-  root: "--ledger-striped-color" | "--ledger-hover-color" | "--ledger-border-color" | "--ledger-radius";
+  root: "--ledger-striped-color" | "--ledger-hover-color" | "--ledger-border-color" | "--ledger-radius" | "--ledger-font-size";
 }
 interface DataTableBaseProps<TData extends RowData$1> extends BoxProps, StylesApiProps<DataTableFactory>, ElementProps<"div"> {
   /**
@@ -999,6 +1013,12 @@ interface DataTableBaseProps<TData extends RowData$1> extends BoxProps, StylesAp
    * vocabulary: `Paper.radius`).
    */
   radius?: MantineRadius;
+  /**
+   * The table's size (docs/styling.md#size): the type, the cell padding, a row's height and
+   * the size of every control drawn in a cell, as one Mantine size — `sm` by default, which is
+   * Mantine's own `Table`. The two spacing props override the size's padding when set.
+   */
+  size?: MantineSize;
   verticalSpacing?: MantineSpacing;
   horizontalSpacing?: MantineSpacing;
   tabularNums?: boolean;

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 
 import { n as defaultLabels, t as DataTableLabels } from "./labels-ChBqD1II.js";
-import { BoxProps, ComboboxData, ElementProps, Factory, MantineBreakpoint, MantineColor, MantineRadius, MantineSpacing, PopoverProps, StylesApiProps, TableTdProps, TableThProps, TableTrProps, TextInputProps } from "@mantine/core";
+import { BoxProps, ComboboxData, ElementProps, Factory, MantineBreakpoint, MantineColor, MantineRadius, MantineSize, MantineSpacing, PopoverProps, StylesApiProps, TableTdProps, TableThProps, TableTrProps, TextInputProps } from "@mantine/core";
 import { CSSProperties, ComponentProps, ComponentType, JSX, KeyboardEvent, MouseEvent, ReactElement, ReactNode, Ref } from "react";
 import { Cell as Cell$1, CellData, Column as Column$1, ColumnDef as ColumnDef$1, ColumnFiltersState, ColumnFiltersState as ColumnFiltersState$1, ColumnOrderState, ColumnOrderState as ColumnOrderState$1, ColumnPinningState, ColumnPinningState as ColumnPinningState$1, ColumnSizingState, ColumnSizingState as ColumnSizingState$1, ColumnVisibilityState, ColumnVisibilityState as ColumnVisibilityState$1, ExpandedState, ExpandedState as ExpandedState$1, FilterFn, FilterFnOption, GroupingState, GroupingState as GroupingState$1, Header as Header$1, HeaderGroup as HeaderGroup$1, PaginationState, PaginationState as PaginationState$1, ReactTable, Row as Row$1, RowData, RowData as RowData$1, RowPinningState, RowPinningState as RowPinningState$1, RowSelectionState, RowSelectionState as RowSelectionState$1, SortingState, SortingState as SortingState$1, TableFeatures, TableOptions, flexRender } from "@tanstack/react-table";
 //#region src/icons.d.ts
@@ -331,6 +331,11 @@ interface DataTableEditContext<TData extends RowData$1, TValue> {
    * editor is one of many identical controls in the grid, told apart by the column it edits.
    */
   label: string;
+  /**
+   * The Mantine size the cell's controls are drawn at — the table's `size` a step down
+   * (docs/styling.md#size) — so an editor fits the row it opens in.
+   */
+  size: MantineSize;
 }
 interface DataTableInstantEditContext<TData extends RowData$1, TValue> {
   row: Row<TData>;
@@ -357,6 +362,10 @@ interface DataTableInstantEditContext<TData extends RowData$1, TValue> {
    * Localized accessible name for the control (`labels.editColumn` over the column title).
    */
   label: string;
+  /**
+   * The Mantine size the cell's controls are drawn at (docs/styling.md#size).
+   */
+  size: MantineSize;
 }
 interface DataTableEditCommit<TData extends RowData$1> {
   row: Row<TData>;
@@ -935,6 +944,11 @@ interface DataTablePaginationProps<TData extends RowData$1> {
   table: TableInstance<TData>;
   pageSizeOptions?: number[];
   labels?: Partial<DataTableLabels>;
+  /**
+   * The size of the table the bar stands under (docs/styling.md#size); `sm`, the table's own
+   * default, unless said.
+   */
+  size?: MantineSize;
   className?: string;
   style?: CSSProperties;
 }
@@ -972,7 +986,7 @@ declare function DataTableSelectionBar<TData extends RowData$1>(props: DataTable
 //#region src/data-table.d.ts
 type DataTableStylesNames = "root" | "main" | "header" | "scroller" | "footer" | "table" | "thead" | "tbody" | "tfoot" | "headerRow" | "headerCell" | "headerLabel" | "headerActions" | "sortIndicator" | "resizer" | "filterPopover" | "row" | "cell" | "selectionCell" | "expanderCell" | "detailPanel" | "cellEditor" | "instantCell" | "instantSpinner" | "rowDragCell" | "rowDragOverlay" | "footerRow" | "footerCell" | "empty" | "loaderRow" | "loaderRowContent" | "paginationBar";
 interface DataTableCssVariables {
-  root: "--ledger-striped-color" | "--ledger-hover-color" | "--ledger-border-color" | "--ledger-radius";
+  root: "--ledger-striped-color" | "--ledger-hover-color" | "--ledger-border-color" | "--ledger-radius" | "--ledger-font-size";
 }
 interface DataTableBaseProps<TData extends RowData$1> extends BoxProps, StylesApiProps<DataTableFactory>, ElementProps<"div"> {
   /**
@@ -999,6 +1013,12 @@ interface DataTableBaseProps<TData extends RowData$1> extends BoxProps, StylesAp
    * vocabulary: `Paper.radius`).
    */
   radius?: MantineRadius;
+  /**
+   * The table's size (docs/styling.md#size): the type, the cell padding, a row's height and
+   * the size of every control drawn in a cell, as one Mantine size — `sm` by default, which is
+   * Mantine's own `Table`. The two spacing props override the size's padding when set.
+   */
+  size?: MantineSize;
   verticalSpacing?: MantineSpacing;
   horizontalSpacing?: MantineSpacing;
   tabularNums?: boolean;