@nevuto/components 0.18.0 → 0.19.0
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/Table/TableCell.d.ts +15 -1
- package/dist/Table/TableCell.d.ts.map +1 -1
- package/dist/Table/TableScroll.d.ts +4 -3
- package/dist/Table/TableScroll.d.ts.map +1 -1
- package/dist/Table/index.d.ts +1 -1
- package/dist/Table/index.d.ts.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.js +2 -2
- package/dist/index.mjs +1665 -1657
- package/package.json +1 -1
|
@@ -3,6 +3,8 @@ import { SkeletonTone } from '../Skeleton/Skeleton';
|
|
|
3
3
|
export type TableCellVariant = 'base' | 'subtle' | 'header';
|
|
4
4
|
export type TableCellAlign = 'left' | 'center' | 'right';
|
|
5
5
|
export type TableCellSort = 'ascending' | 'descending' | 'none';
|
|
6
|
+
/** Table widths a cell hides below: sm 640px, md 800px, lg 1040px. */
|
|
7
|
+
export type TableCellHideBelow = 'sm' | 'md' | 'lg';
|
|
6
8
|
export interface TableCellProps {
|
|
7
9
|
variant?: TableCellVariant;
|
|
8
10
|
align?: TableCellAlign;
|
|
@@ -14,9 +16,21 @@ export interface TableCellProps {
|
|
|
14
16
|
skeletonWidth?: number | string;
|
|
15
17
|
/** Tone of the loading placeholder bar. Defaults to 'base'. */
|
|
16
18
|
skeletonTone?: SkeletonTone;
|
|
19
|
+
/**
|
|
20
|
+
* Hides the cell while the Table is narrower than this, so the columns that
|
|
21
|
+
* matter keep their room before the rows have to scroll sideways. Give the
|
|
22
|
+
* header cell and the row cells of a column the same value.
|
|
23
|
+
*/
|
|
24
|
+
hideBelow?: TableCellHideBelow;
|
|
25
|
+
/**
|
|
26
|
+
* Marks the row-actions column, such as the row menu: as narrow as its
|
|
27
|
+
* content, and kept alongside the first column when a phone cuts the
|
|
28
|
+
* table down to those two. Give the header cell the same.
|
|
29
|
+
*/
|
|
30
|
+
actions?: boolean;
|
|
17
31
|
children?: ReactNode;
|
|
18
32
|
className?: string;
|
|
19
33
|
style?: CSSProperties;
|
|
20
34
|
}
|
|
21
|
-
export declare function TableCell({ variant, align, flex, sort, loading, skeletonWidth, skeletonTone, children, className, style, }: TableCellProps): import("react").JSX.Element;
|
|
35
|
+
export declare function TableCell({ variant, align, flex, sort, loading, skeletonWidth, skeletonTone, hideBelow, actions, children, className, style, }: TableCellProps): import("react").JSX.Element;
|
|
22
36
|
//# sourceMappingURL=TableCell.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../src/Table/TableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAGlE,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAC3D,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;AAExD,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG,YAAY,GAAG,MAAM,CAAA;AAE/D,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAC1B,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,sFAAsF;IACtF,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,+DAA+D;IAC/D,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC/B,+DAA+D;IAC/D,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB;AAED,wBAAgB,SAAS,CAAC,EACxB,OAAgB,EAChB,KAAc,EACd,IAAI,EACJ,IAAI,EACJ,OAAe,EACf,aAAqB,EACrB,YAAqB,EACrB,QAAQ,EACR,SAAS,EACT,KAAK,GACN,EAAE,cAAc,+
|
|
1
|
+
{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../src/Table/TableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAGlE,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAC3D,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;AAExD,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG,YAAY,GAAG,MAAM,CAAA;AAE/D,sEAAsE;AACtE,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAEnD,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAC1B,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,sFAAsF;IACtF,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,+DAA+D;IAC/D,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC/B,+DAA+D;IAC/D,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B;;;;OAIG;IACH,SAAS,CAAC,EAAE,kBAAkB,CAAA;IAC9B;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB;AAED,wBAAgB,SAAS,CAAC,EACxB,OAAgB,EAChB,KAAc,EACd,IAAI,EACJ,IAAI,EACJ,OAAe,EACf,aAAqB,EACrB,YAAqB,EACrB,SAAS,EACT,OAAe,EACf,QAAQ,EACR,SAAS,EACT,KAAK,GACN,EAAE,cAAc,+BA0BhB"}
|
|
@@ -17,9 +17,10 @@ export interface TableScrollProps {
|
|
|
17
17
|
* Touch devices hide the scrollbar until a swipe is already underway, so the
|
|
18
18
|
* edge a row can still scroll toward gets a shadow to advertise it.
|
|
19
19
|
*
|
|
20
|
-
*
|
|
21
|
-
*
|
|
22
|
-
*
|
|
20
|
+
* A TableHeader among the children is lifted out of the scroller into a strip
|
|
21
|
+
* of its own that follows the rows' horizontal scroll. The scroller would
|
|
22
|
+
* otherwise own a sticky header and hold it inside itself; the strip is free
|
|
23
|
+
* to pin to the page at any width.
|
|
23
24
|
*/
|
|
24
25
|
export declare function TableScroll({ minWidth, children, className, style, }: TableScrollProps): import("react").JSX.Element;
|
|
25
26
|
//# sourceMappingURL=TableScroll.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableScroll.d.ts","sourceRoot":"","sources":["../../src/Table/TableScroll.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"TableScroll.d.ts","sourceRoot":"","sources":["../../src/Table/TableScroll.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,aAAa,EAClB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAA;AAKd,MAAM,WAAW,gBAAgB;IAC/B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAc,EACd,QAAQ,EACR,SAAS,EACT,KAAK,GACN,EAAE,gBAAgB,+BAwElB"}
|
package/dist/Table/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export { Table } from './Table';
|
|
2
2
|
export type { TableProps } from './Table';
|
|
3
3
|
export { TableCell } from './TableCell';
|
|
4
|
-
export type { TableCellProps, TableCellVariant, TableCellAlign, TableCellSort } from './TableCell';
|
|
4
|
+
export type { TableCellProps, TableCellVariant, TableCellAlign, TableCellSort, TableCellHideBelow } from './TableCell';
|
|
5
5
|
export { TableCellMedia } from './TableCellMedia';
|
|
6
6
|
export type { TableCellMediaProps } from './TableCellMedia';
|
|
7
7
|
export { TableScroll } from './TableScroll';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,cAAc,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAEtH,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AAE3D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAErD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE/C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAErD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAExE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAErD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA"}
|