canny-ui-react 6.3.2 → 6.3.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/DataTable/DataTable.d.ts +22 -0
- package/dist/components/PanelGroup/PanelGroup.d.ts +9 -0
- package/dist/index.cjs +33 -33
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +2634 -2626
- package/dist/index.js.map +1 -1
- package/package.json +13 -14
|
@@ -67,6 +67,28 @@ export interface DataTableProps<R = Record<string, unknown>> {
|
|
|
67
67
|
disableColumnResize?: boolean;
|
|
68
68
|
/** Row height. `'compact'` halves the vertical cell padding. */
|
|
69
69
|
density?: DataTableDensity;
|
|
70
|
+
/**
|
|
71
|
+
* Width of the `checkboxSelection` column, in px. Defaults to 44.
|
|
72
|
+
*
|
|
73
|
+
* Worth a prop rather than a CSS override because the value is also what
|
|
74
|
+
* flex columns are sized against under `tableLayout="fixed"` — narrowing the
|
|
75
|
+
* column from a stylesheet leaves the rest of the table computing against
|
|
76
|
+
* the old width.
|
|
77
|
+
*/
|
|
78
|
+
checkboxColumnWidth?: number;
|
|
79
|
+
/**
|
|
80
|
+
* Scroll the rows inside the grid, keeping the header row in place.
|
|
81
|
+
*
|
|
82
|
+
* `thead th` is already `position: sticky`, but that only engages when the
|
|
83
|
+
* scrollport is the grid's own scroll element; by default the grid is as tall
|
|
84
|
+
* as its rows and something further up the page scrolls, so the header
|
|
85
|
+
* scrolls away with them. This makes `.cny-dt-scroll` the scrollport.
|
|
86
|
+
*
|
|
87
|
+
* The grid does not give itself a height — bound it from the outside (a
|
|
88
|
+
* `height`/`maxHeight` in `sx`, or a flex parent), or there is nothing for
|
|
89
|
+
* the rows to scroll within.
|
|
90
|
+
*/
|
|
91
|
+
stickyHeader?: boolean;
|
|
70
92
|
/**
|
|
71
93
|
* Column sizing model. `'auto'` (default) lets the browser size columns to
|
|
72
94
|
* their content. `'fixed'` uses `table-layout: fixed` and a colgroup built
|
|
@@ -8,6 +8,15 @@ export interface PanelProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
8
8
|
minSize?: number;
|
|
9
9
|
/** Maximum size in percent. Default 90. */
|
|
10
10
|
maxSize?: number;
|
|
11
|
+
/**
|
|
12
|
+
* Style shorthand, as on Box: scalar values merge into inline style, a
|
|
13
|
+
* responsive value injects a scoped class.
|
|
14
|
+
*
|
|
15
|
+
* PanelGroup clones each panel with a style carrying its flex-basis, and
|
|
16
|
+
* withSx lets an explicit style win over sx — so sizing stays the group's
|
|
17
|
+
* to decide and a panel cannot pin its own width through sx.
|
|
18
|
+
*/
|
|
19
|
+
sx?: SxProp;
|
|
11
20
|
}
|
|
12
21
|
export declare const Panel: import("react").ForwardRefExoticComponent<PanelProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
13
22
|
interface HandleInternal {
|