@toptal/picasso-table 3.0.26 → 3.0.27-alpha-MP-669-remove-more-default-props-dea487bed.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-package/src/Table/Table.d.ts.map +1 -1
- package/dist-package/src/Table/Table.js +3 -6
- package/dist-package/src/Table/Table.js.map +1 -1
- package/dist-package/src/TableCell/TableCell.d.ts.map +1 -1
- package/dist-package/src/TableCell/TableCell.js +3 -5
- package/dist-package/src/TableCell/TableCell.js.map +1 -1
- package/dist-package/src/TableExpandableRow/TableExpandableRow.d.ts.map +1 -1
- package/dist-package/src/TableExpandableRow/TableExpandableRow.js +3 -6
- package/dist-package/src/TableExpandableRow/TableExpandableRow.js.map +1 -1
- package/dist-package/src/TableRow/TableRow.d.ts.map +1 -1
- package/dist-package/src/TableRow/TableRow.js +3 -7
- package/dist-package/src/TableRow/TableRow.js.map +1 -1
- package/dist-package/src/TableSectionHead/TableSectionHead.d.ts.map +1 -1
- package/dist-package/src/TableSectionHead/TableSectionHead.js +14 -5
- package/dist-package/src/TableSectionHead/TableSectionHead.js.map +1 -1
- package/dist-package/src/TableSortableCell/TableSortableCell.d.ts +1 -4
- package/dist-package/src/TableSortableCell/TableSortableCell.d.ts.map +1 -1
- package/dist-package/src/TableSortableCell/TableSortableCell.js +2 -5
- package/dist-package/src/TableSortableCell/TableSortableCell.js.map +1 -1
- package/package.json +13 -13
- package/src/Table/Table.tsx +2 -14
- package/src/TableCell/TableCell.tsx +1 -6
- package/src/TableExpandableRow/TableExpandableRow.tsx +6 -16
- package/src/TableRow/TableRow.tsx +5 -17
- package/src/TableSectionHead/TableSectionHead.tsx +2 -6
- package/src/TableSortableCell/TableSortableCell.tsx +2 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAA;AAC3D,OAAO,KAA8B,MAAM,OAAO,CAAA;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAKvD,MAAM,WAAW,KACf,SAAQ,SAAS,EACf,mBAAmB,CAAC,gBAAgB,CAAC;IACvC,uEAAuE;IACvE,QAAQ,EAAE,SAAS,CAAA;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAA;IAC1C,yBAAyB;IACzB,OAAO,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAAA;CAC3C;AAGD,eAAO,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAA;AAC3D,OAAO,KAA8B,MAAM,OAAO,CAAA;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAKvD,MAAM,WAAW,KACf,SAAQ,SAAS,EACf,mBAAmB,CAAC,gBAAgB,CAAC;IACvC,uEAAuE;IACvE,QAAQ,EAAE,SAAS,CAAA;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAA;IAC1C,yBAAyB;IACzB,OAAO,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAAA;CAC3C;AAGD,eAAO,MAAM,KAAK,gFAuBhB,CAAA;AAIF,eAAe,KAAK,CAAA"}
|
|
@@ -13,16 +13,13 @@ import React, { forwardRef, useMemo } from 'react';
|
|
|
13
13
|
import { twMerge } from '@toptal/picasso-tailwind-merge';
|
|
14
14
|
import TableContext from './TableContext';
|
|
15
15
|
// eslint-disable-next-line react/display-name
|
|
16
|
-
export const Table = forwardRef(function Table(
|
|
17
|
-
|
|
16
|
+
export const Table = forwardRef(function Table(_a, ref) {
|
|
17
|
+
var { spacing = 'regular', variant = 'bordered' } = _a, props = __rest(_a, ["spacing", "variant"]);
|
|
18
|
+
const { className, style, children } = props, rest = __rest(props, ["className", "style", "children"]);
|
|
18
19
|
const tableConfig = useMemo(() => ({ spacing, variant }), [spacing, variant]);
|
|
19
20
|
return (React.createElement(TableContext.Provider, { value: tableConfig },
|
|
20
21
|
React.createElement("table", Object.assign({}, rest, { ref: ref, className: twMerge('w-full border-collapse border-spacing-0', className), style: style }), children)));
|
|
21
22
|
});
|
|
22
|
-
Table.defaultProps = {
|
|
23
|
-
spacing: 'regular',
|
|
24
|
-
variant: 'bordered',
|
|
25
|
-
};
|
|
26
23
|
Table.displayName = 'Table';
|
|
27
24
|
export default Table;
|
|
28
25
|
//# sourceMappingURL=Table.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/Table/Table.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAExD,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAazC,8CAA8C;AAC9C,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAA0B,SAAS,KAAK,CACrE,
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/Table/Table.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAExD,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAazC,8CAA8C;AAC9C,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAA0B,SAAS,KAAK,CACrE,EAAuD,EACvD,GAAG;QADH,EAAE,OAAO,GAAG,SAAS,EAAE,OAAO,GAAG,UAAU,OAAY,EAAP,KAAK,cAArD,sBAAuD,CAAF;IAGrD,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA/C,kCAAuC,CAAQ,CAAA;IAErD,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAA;IAE7E,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW;QACvC,+CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,CAChB,yCAAyC,EACzC,SAAS,CACV,EACD,KAAK,EAAE,KAAK,KAEX,QAAQ,CACH,CACc,CACzB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA;AAE3B,eAAe,KAAK,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../src/TableCell/TableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAiC,MAAM,OAAO,CAAA;AACrD,OAAO,KAAK,EACV,SAAS,EAGT,cAAc,EACf,MAAM,wBAAwB,CAAA;AAO/B,aAAK,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;AAEpE,MAAM,WAAW,KACf,SAAQ,SAAS,EACf,cAAc,EACd,cAAc,CAAC,oBAAoB,CAAC;IACtC,mDAAmD;IACnD,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,sDAAsD;IACtD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB;AAgCD,eAAO,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../src/TableCell/TableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAiC,MAAM,OAAO,CAAA;AACrD,OAAO,KAAK,EACV,SAAS,EAGT,cAAc,EACf,MAAM,wBAAwB,CAAA;AAO/B,aAAK,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;AAEpE,MAAM,WAAW,KACf,SAAQ,SAAS,EACf,cAAc,EACd,cAAc,CAAC,oBAAoB,CAAC;IACtC,mDAAmD;IACnD,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,sDAAsD;IACtD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB;AAgCD,eAAO,MAAM,SAAS,oFA8DrB,CAAA;AAID,eAAe,SAAS,CAAA"}
|
|
@@ -36,8 +36,9 @@ const getTypographySettings = (tableSection) => {
|
|
|
36
36
|
};
|
|
37
37
|
}
|
|
38
38
|
};
|
|
39
|
-
export const TableCell = forwardRef(function TableCell(
|
|
40
|
-
|
|
39
|
+
export const TableCell = forwardRef(function TableCell(_a, ref) {
|
|
40
|
+
var { align = 'inherit' } = _a, props = __rest(_a, ["align"]);
|
|
41
|
+
const { className, style, children, colSpan, rowSpan, titleCase: propsTitleCase, adornment } = props, rest = __rest(props, ["className", "style", "children", "colSpan", "rowSpan", "titleCase", "adornment"]);
|
|
41
42
|
const { spacing } = useContext(TableContext);
|
|
42
43
|
const tableSection = useContext(TableSectionContext);
|
|
43
44
|
const isHead = tableSection === TableSection.HEAD;
|
|
@@ -53,9 +54,6 @@ export const TableCell = forwardRef(function TableCell(props, ref) {
|
|
|
53
54
|
tooltipWithChildren,
|
|
54
55
|
adornment)) : (tooltipWithChildren)));
|
|
55
56
|
});
|
|
56
|
-
TableCell.defaultProps = {
|
|
57
|
-
align: 'inherit',
|
|
58
|
-
};
|
|
59
57
|
TableCell.displayName = 'TableCell';
|
|
60
58
|
export default TableCell;
|
|
61
59
|
//# sourceMappingURL=TableCell.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableCell.js","sourceRoot":"","sources":["../../../src/TableCell/TableCell.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAOrD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAExD,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAsB1E,MAAM,qBAAqB,GAAG,CAC5B,YAAsC,EAClB,EAAE;IACtB,QAAQ,YAAY,EAAE;QACpB,KAAK,YAAY,CAAC,IAAI;YACpB,OAAO;gBACL,KAAK,EAAE,WAAW;gBAClB,IAAI,EAAE,QAAQ;gBACd,MAAM,EAAE,UAAU;aACnB,CAAA;QACH,KAAK,YAAY,CAAC,MAAM;YACtB,OAAO;gBACL,KAAK,EAAE,OAAO;gBACd,IAAI,EAAE,OAAO;gBACb,MAAM,EAAE,UAAU;aACnB,CAAA;QACH;YACE,OAAO;gBACL,KAAK,EAAE,WAAW;gBAClB,IAAI,EAAE,OAAO;gBACb,MAAM,EAAE,SAAS;aAClB,CAAA;KACJ;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CACjC,SAAS,SAAS,CAAC,
|
|
1
|
+
{"version":3,"file":"TableCell.js","sourceRoot":"","sources":["../../../src/TableCell/TableCell.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAOrD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAExD,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAsB1E,MAAM,qBAAqB,GAAG,CAC5B,YAAsC,EAClB,EAAE;IACtB,QAAQ,YAAY,EAAE;QACpB,KAAK,YAAY,CAAC,IAAI;YACpB,OAAO;gBACL,KAAK,EAAE,WAAW;gBAClB,IAAI,EAAE,QAAQ;gBACd,MAAM,EAAE,UAAU;aACnB,CAAA;QACH,KAAK,YAAY,CAAC,MAAM;YACtB,OAAO;gBACL,KAAK,EAAE,OAAO;gBACd,IAAI,EAAE,OAAO;gBACb,MAAM,EAAE,UAAU;aACnB,CAAA;QACH;YACE,OAAO;gBACL,KAAK,EAAE,WAAW;gBAClB,IAAI,EAAE,OAAO;gBACb,MAAM,EAAE,SAAS;aAClB,CAAA;KACJ;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CACjC,SAAS,SAAS,CAAC,EAA+B,EAAE,GAAG;QAApC,EAAE,KAAK,GAAG,SAAS,OAAY,EAAP,KAAK,cAA7B,SAA+B,CAAF;IAC9C,MAAM,EACJ,SAAS,EACT,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EACP,SAAS,EAAE,cAAc,EACzB,SAAS,KAEP,KAAK,EADJ,IAAI,UACL,KAAK,EATH,kFASL,CAAQ,CAAA;IAET,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC,CAAA;IAC5C,MAAM,YAAY,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAA;IACpD,MAAM,MAAM,GAAG,YAAY,KAAK,YAAY,CAAC,IAAI,CAAA;IACjD,MAAM,SAAS,GAAG,YAAY,CAAC,cAAc,CAAC,CAAA;IAE9C,MAAM,mBAAmB,GAAG,CAC1B,oBAAC,UAAU,kBACT,KAAK,EAAE,KAAK,EACZ,EAAE,EAAC,KAAK,EACR,SAAS,EAAE,MAAM,IAAI,SAAS,IAC1B,qBAAqB,CAAC,YAAY,CAAC,GAEtC,QAAQ,CACE,CACd,CAAA;IAED,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;IAEtC,MAAM,cAAc,GAAG;QACrB,MAAM,EAAE,EAAE;QACV,OAAO,EAAE,MAAM;QACf,OAAO,EAAE,cAAc;KACxB,CAAA;IAED,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,CAChB,4BAA4B,EAC5B,cAAc,CAAC,OAAO,CAAC,EACvB,MAAM,IAAI,WAAW,EACrB,SAAS,CACV,EACD,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,KAEf,SAAS,CAAC,CAAC,CAAC,CACX,6BAAK,SAAS,EAAC,mBAAmB;QAC/B,mBAAmB;QACnB,SAAS,CACN,CACP,CAAC,CAAC,CAAC,CACF,mBAAmB,CACpB,CACS,CACb,CAAA;AACH,CAAC,CACF,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,eAAe,SAAS,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableExpandableRow.d.ts","sourceRoot":"","sources":["../../../src/TableExpandableRow/TableExpandableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAwC,MAAM,OAAO,CAAA;AAE5D,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAQvD,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,cAAc,CAAC,mBAAmB,CAAC;IAC3E,4DAA4D;IAC5D,QAAQ,EAAE,SAAS,CAAA;IACnB,kDAAkD;IAClD,OAAO,EAAE,SAAS,CAAA;IAClB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sFAAsF;IACtF,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,eAAO,MAAM,kBAAkB,
|
|
1
|
+
{"version":3,"file":"TableExpandableRow.d.ts","sourceRoot":"","sources":["../../../src/TableExpandableRow/TableExpandableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAwC,MAAM,OAAO,CAAA;AAE5D,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAQvD,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,cAAc,CAAC,mBAAmB,CAAC;IAC3E,4DAA4D;IAC5D,QAAQ,EAAE,SAAS,CAAA;IACnB,kDAAkD;IAClD,OAAO,EAAE,SAAS,CAAA;IAClB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sFAAsF;IACtF,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,eAAO,MAAM,kBAAkB,mFAkD9B,CAAA;AAID,eAAe,kBAAkB,CAAA"}
|
|
@@ -15,8 +15,9 @@ import { twJoin } from '@toptal/picasso-tailwind-merge';
|
|
|
15
15
|
import { TableRow } from '../TableRow';
|
|
16
16
|
import { TableCell } from '../TableCell';
|
|
17
17
|
const MAX_COL_SPAN = 100;
|
|
18
|
-
export const TableExpandableRow = forwardRef(function TableExpandableRow(
|
|
19
|
-
|
|
18
|
+
export const TableExpandableRow = forwardRef(function TableExpandableRow(_a, ref) {
|
|
19
|
+
var { expanded = false, stripeEven = false } = _a, props = __rest(_a, ["expanded", "stripeEven"]);
|
|
20
|
+
const { children, content, defaultExpanded, className, style } = props, rest = __rest(props, ["children", "content", "defaultExpanded", "className", "style"]);
|
|
20
21
|
const wasExpandedOnce = useRef(false);
|
|
21
22
|
const shouldTransition = !defaultExpanded || wasExpandedOnce.current;
|
|
22
23
|
useEffect(() => {
|
|
@@ -31,10 +32,6 @@ export const TableExpandableRow = forwardRef(function TableExpandableRow(props,
|
|
|
31
32
|
React.createElement(TableCell, { className: 'p-0 last:pr-0', colSpan: MAX_COL_SPAN },
|
|
32
33
|
React.createElement(Collapse, { appear: shouldTransition, in: true }, content))))));
|
|
33
34
|
});
|
|
34
|
-
TableExpandableRow.defaultProps = {
|
|
35
|
-
expanded: false,
|
|
36
|
-
stripeEven: false,
|
|
37
|
-
};
|
|
38
35
|
TableExpandableRow.displayName = 'TableExpandableRow';
|
|
39
36
|
export default TableExpandableRow;
|
|
40
37
|
//# sourceMappingURL=TableExpandableRow.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableExpandableRow.js","sourceRoot":"","sources":["../../../src/TableExpandableRow/TableExpandableRow.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAEnD,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAA;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,MAAM,YAAY,GAAG,GAAG,CAAA;AAexB,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAC1C,SAAS,kBAAkB,
|
|
1
|
+
{"version":3,"file":"TableExpandableRow.js","sourceRoot":"","sources":["../../../src/TableExpandableRow/TableExpandableRow.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAEnD,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAA;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,MAAM,YAAY,GAAG,GAAG,CAAA;AAexB,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAC1C,SAAS,kBAAkB,CACzB,EAAkD,EAClD,GAAG;QADH,EAAE,QAAQ,GAAG,KAAK,EAAE,UAAU,GAAG,KAAK,OAAY,EAAP,KAAK,cAAhD,0BAAkD,CAAF;IAGhD,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,KAAK,KAC1D,KAAK,EAD0D,IAAI,UACnE,KAAK,EADD,gEAAiE,CAChE,CAAA;IAEP,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IACrC,MAAM,gBAAgB,GAAG,CAAC,eAAe,IAAI,eAAe,CAAC,OAAO,CAAA;IAEpE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,eAAe,CAAC,OAAO,IAAI,QAAQ,EAAE;YACxC,eAAe,CAAC,OAAO,GAAG,IAAI,CAAA;SAC/B;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,GAAG,GAAG,CACV,oBAAC,QAAQ,oBACH,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,KAErB,QAAQ,CACA,CACZ,CAAA;IAED,OAAO,CACL;QACG,GAAG;QACH,QAAQ,IAAI,CACX,oBAAC,QAAQ,IACP,SAAS,EAAE,MAAM,CACf,SAAS,EACT,UAAU,IAAI,6BAA6B,CAC5C,EACD,KAAK,EAAE,KAAK;YAEZ,oBAAC,SAAS,IAAC,SAAS,EAAC,eAAe,EAAC,OAAO,EAAE,YAAY;gBACxD,oBAAC,QAAQ,IAAC,MAAM,EAAE,gBAAgB,EAAE,EAAE,UACnC,OAAO,CACC,CACD,CACH,CACZ,CACA,CACJ,CAAA;AACH,CAAC,CACF,CAAA;AAED,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAA;AAErD,eAAe,kBAAkB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../src/TableRow/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAClE,OAAO,KAAiC,MAAM,OAAO,CAAA;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAKvD,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,cAAc,CAAC,mBAAmB,CAAC;IAC3E,4DAA4D;IAC5D,QAAQ,EAAE,SAAS,CAAA;IACnB,iDAAiD;IACjD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qDAAqD;IACrD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAA;IAC1D,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,eAAO,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../src/TableRow/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAClE,OAAO,KAAiC,MAAM,OAAO,CAAA;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAKvD,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,cAAc,CAAC,mBAAmB,CAAC;IAC3E,4DAA4D;IAC5D,QAAQ,EAAE,SAAS,CAAA;IACnB,iDAAiD;IACjD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qDAAqD;IACrD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAA;IAC1D,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,eAAO,MAAM,QAAQ,mFA4BpB,CAAA;AAID,eAAe,QAAQ,CAAA"}
|
|
@@ -12,17 +12,13 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
12
12
|
import React, { forwardRef, useContext } from 'react';
|
|
13
13
|
import { twMerge } from '@toptal/picasso-tailwind-merge';
|
|
14
14
|
import { TableContext } from '../Table';
|
|
15
|
-
export const TableRow = forwardRef(function TableRow(
|
|
16
|
-
|
|
15
|
+
export const TableRow = forwardRef(function TableRow(_a, ref) {
|
|
16
|
+
var { hover = false, selected = false, stripeEven = false } = _a, props = __rest(_a, ["hover", "selected", "stripeEven"]);
|
|
17
|
+
const { className, style, children, onClick } = props, rest = __rest(props, ["className", "style", "children", "onClick"]);
|
|
17
18
|
const { variant } = useContext(TableContext);
|
|
18
19
|
const isBordered = variant === 'bordered' || variant === 'striped';
|
|
19
20
|
return (React.createElement("tr", Object.assign({}, rest, { ref: ref, className: twMerge(isBordered && 'border-0 border-solid border-b border-gray-200', stripeEven && 'bg-gray-100', hover && 'hover:bg-blue-100 transition-colors', selected && 'bg-blue-100', className), style: style, onClick: onClick }), children));
|
|
20
21
|
});
|
|
21
|
-
TableRow.defaultProps = {
|
|
22
|
-
hover: false,
|
|
23
|
-
selected: false,
|
|
24
|
-
stripeEven: false,
|
|
25
|
-
};
|
|
26
22
|
TableRow.displayName = 'TableRow';
|
|
27
23
|
export default TableRow;
|
|
28
24
|
//# sourceMappingURL=TableRow.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../src/TableRow/TableRow.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAErD,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAExD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAevC,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,SAAS,QAAQ,
|
|
1
|
+
{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../src/TableRow/TableRow.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAErD,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAExD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAevC,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,SAAS,QAAQ,CACf,EAAwE,EACxE,GAAG;QADH,EAAE,KAAK,GAAG,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,UAAU,GAAG,KAAK,OAAmB,EAAd,KAAK,cAA/D,mCAAiE,CAAF;IAG/D,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAxD,6CAAgD,CAAQ,CAAA;IAE9D,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC,CAAA;IAC5C,MAAM,UAAU,GAAG,OAAO,KAAK,UAAU,IAAI,OAAO,KAAK,SAAS,CAAA;IAElE,OAAO,CACL,4CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,CAChB,UAAU,IAAI,gDAAgD,EAC9D,UAAU,IAAI,aAAa,EAC3B,KAAK,IAAI,qCAAqC,EAC9C,QAAQ,IAAI,aAAa,EACzB,SAAS,CACV,EACD,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,KAEf,QAAQ,CACN,CACN,CAAA;AACH,CAAC,CACF,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,eAAe,QAAQ,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableSectionHead.d.ts","sourceRoot":"","sources":["../../../src/TableSectionHead/TableSectionHead.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAE5E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAUvD,MAAM,WAAW,KACf,SAAQ,SAAS,EACf,cAAc,CAAC,uBAAuB,CAAC;IACzC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,YAAY,CAAA;CACpB;AAED,eAAO,MAAM,gBAAgB,EAAE,iBAAiB,CAAC,KAAK,CA4BpD,CAAA;
|
|
1
|
+
{"version":3,"file":"TableSectionHead.d.ts","sourceRoot":"","sources":["../../../src/TableSectionHead/TableSectionHead.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAE5E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAUvD,MAAM,WAAW,KACf,SAAQ,SAAS,EACf,cAAc,CAAC,uBAAuB,CAAC;IACzC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,YAAY,CAAA;CACpB;AAED,eAAO,MAAM,gBAAgB,EAAE,iBAAiB,CAAC,KAAK,CA4BpD,CAAA;AAIF,eAAe,gBAAgB,CAAA"}
|
|
@@ -1,3 +1,14 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
1
12
|
import React, { forwardRef } from 'react';
|
|
2
13
|
import { twMerge } from '@toptal/picasso-tailwind-merge';
|
|
3
14
|
import { TableSection, TableSectionContext } from '../Table';
|
|
@@ -5,8 +16,9 @@ import { TableCell } from '../TableCell';
|
|
|
5
16
|
import { TableRow } from '../TableRow';
|
|
6
17
|
import { TableBody } from '../TableBody';
|
|
7
18
|
const MAX_COL_SPAN = 100;
|
|
8
|
-
export const TableSectionHead = forwardRef(function TableSectionHead(
|
|
9
|
-
|
|
19
|
+
export const TableSectionHead = forwardRef(function TableSectionHead(_a, ref) {
|
|
20
|
+
var { colSpan = MAX_COL_SPAN } = _a, props = __rest(_a, ["colSpan"]);
|
|
21
|
+
const { icon, children, style, className } = props;
|
|
10
22
|
return (React.createElement(TableBody, { ref: ref },
|
|
11
23
|
React.createElement(TableRow, { className: twMerge('min-h-10 border-y border-solid border-gray-200', className), style: style },
|
|
12
24
|
React.createElement(TableSectionContext.Provider, { value: TableSection.HEAD },
|
|
@@ -14,9 +26,6 @@ export const TableSectionHead = forwardRef(function TableSectionHead(props, ref)
|
|
|
14
26
|
icon && (React.createElement("span", { className: 'inline-block align-middle mr-3 -mt-[1px]' }, icon)),
|
|
15
27
|
children)))));
|
|
16
28
|
});
|
|
17
|
-
TableSectionHead.defaultProps = {
|
|
18
|
-
colSpan: MAX_COL_SPAN,
|
|
19
|
-
};
|
|
20
29
|
TableSectionHead.displayName = 'TableSectionHead';
|
|
21
30
|
export default TableSectionHead;
|
|
22
31
|
//# sourceMappingURL=TableSectionHead.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableSectionHead.js","sourceRoot":"","sources":["../../../src/TableSectionHead/TableSectionHead.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAExD,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,MAAM,YAAY,GAAG,GAAG,CAAA;AASxB,MAAM,CAAC,MAAM,gBAAgB,GAA6B,UAAU,CAGlE,SAAS,gBAAgB,CAAC,
|
|
1
|
+
{"version":3,"file":"TableSectionHead.js","sourceRoot":"","sources":["../../../src/TableSectionHead/TableSectionHead.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAExD,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,MAAM,YAAY,GAAG,GAAG,CAAA;AASxB,MAAM,CAAC,MAAM,gBAAgB,GAA6B,UAAU,CAGlE,SAAS,gBAAgB,CAAC,EAAoC,EAAE,GAAG;QAAzC,EAAE,OAAO,GAAG,YAAY,OAAY,EAAP,KAAK,cAAlC,WAAoC,CAAF;IAC5D,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,CAAA;IAElD,OAAO,CACL,oBAAC,SAAS,IAAC,GAAG,EAAE,GAAG;QACjB,oBAAC,QAAQ,IACP,SAAS,EAAE,OAAO,CAChB,gDAAgD,EAChD,SAAS,CACV,EACD,KAAK,EAAE,KAAK;YAEZ,oBAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,CAAC,IAAI;gBACpD,oBAAC,SAAS,IAAC,OAAO,EAAE,OAAO;oBACxB,IAAI,IAAI,CACP,8BAAM,SAAS,EAAC,0CAA0C,IACvD,IAAI,CACA,CACR;oBACA,QAAQ,CACC,CACiB,CACtB,CACD,CACb,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAEjD,eAAe,gBAAgB,CAAA"}
|
|
@@ -7,10 +7,7 @@ export declare type Props = {
|
|
|
7
7
|
onSortClick: () => void;
|
|
8
8
|
} & Exclude<TableCellProps, 'adornment'>;
|
|
9
9
|
export declare const TableSortableCell: {
|
|
10
|
-
({ sortDirection, onSortClick, ...rest }: Props): JSX.Element;
|
|
11
|
-
defaultProps: {
|
|
12
|
-
align: string;
|
|
13
|
-
};
|
|
10
|
+
({ sortDirection, onSortClick, align, ...rest }: Props): JSX.Element;
|
|
14
11
|
displayName: string;
|
|
15
12
|
};
|
|
16
13
|
export default TableSortableCell;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableSortableCell.d.ts","sourceRoot":"","sources":["../../../src/TableSortableCell/TableSortableCell.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAGlD,oBAAY,KAAK,GAAG;IAClB,+DAA+D;IAC/D,aAAa,EAAE,KAAK,GAAG,MAAM,CAAA;IAC7B,kDAAkD;IAClD,WAAW,EAAE,MAAM,IAAI,CAAA;CACxB,GAAG,OAAO,CAAC,cAAc,EAAE,WAAW,CAAC,CAAA;AAExC,eAAO,MAAM,iBAAiB;
|
|
1
|
+
{"version":3,"file":"TableSortableCell.d.ts","sourceRoot":"","sources":["../../../src/TableSortableCell/TableSortableCell.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAGlD,oBAAY,KAAK,GAAG;IAClB,+DAA+D;IAC/D,aAAa,EAAE,KAAK,GAAG,MAAM,CAAA;IAC7B,kDAAkD;IAClD,WAAW,EAAE,MAAM,IAAI,CAAA;CACxB,GAAG,OAAO,CAAC,cAAc,EAAE,WAAW,CAAC,CAAA;AAExC,eAAO,MAAM,iBAAiB;qDAK3B,KAAK;;CAkBP,CAAA;AAID,eAAe,iBAAiB,CAAA"}
|
|
@@ -14,12 +14,9 @@ import { ButtonCircular } from '@toptal/picasso-button';
|
|
|
14
14
|
import { ArrowLongUp16, ArrowLongDown16 } from '@toptal/picasso-icons';
|
|
15
15
|
import { TableCell } from '../TableCell';
|
|
16
16
|
export const TableSortableCell = (_a) => {
|
|
17
|
-
var { sortDirection, onSortClick } = _a, rest = __rest(_a, ["sortDirection", "onSortClick"]);
|
|
17
|
+
var { sortDirection, onSortClick, align = 'inherit' } = _a, rest = __rest(_a, ["sortDirection", "onSortClick", "align"]);
|
|
18
18
|
const Icon = sortDirection === 'desc' ? ArrowLongDown16 : ArrowLongUp16;
|
|
19
|
-
return (React.createElement(TableCell, Object.assign({ className: 'group hover:bg-gray-100', adornment: React.createElement(ButtonCircular, { variant: 'flat', icon: React.createElement(Icon, null), onClick: onSortClick, className: 'ml-2 invisible group-hover:visible' }) }, rest)));
|
|
20
|
-
};
|
|
21
|
-
TableSortableCell.defaultProps = {
|
|
22
|
-
align: 'inherit',
|
|
19
|
+
return (React.createElement(TableCell, Object.assign({ className: 'group hover:bg-gray-100', adornment: React.createElement(ButtonCircular, { variant: 'flat', icon: React.createElement(Icon, null), onClick: onSortClick, className: 'ml-2 invisible group-hover:visible' }), align: align }, rest)));
|
|
23
20
|
};
|
|
24
21
|
TableSortableCell.displayName = 'TableSortableCell';
|
|
25
22
|
export default TableSortableCell;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableSortableCell.js","sourceRoot":"","sources":["../../../src/TableSortableCell/TableSortableCell.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAGtE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AASxC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAK1B,EAAE,EAAE;QALsB,EAChC,aAAa,EACb,WAAW,
|
|
1
|
+
{"version":3,"file":"TableSortableCell.js","sourceRoot":"","sources":["../../../src/TableSortableCell/TableSortableCell.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAGtE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AASxC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAK1B,EAAE,EAAE;QALsB,EAChC,aAAa,EACb,WAAW,EACX,KAAK,GAAG,SAAS,OAEX,EADH,IAAI,cAJyB,yCAKjC,CADQ;IAEP,MAAM,IAAI,GAAG,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,aAAa,CAAA;IAEvE,OAAO,CACL,oBAAC,SAAS,kBACR,SAAS,EAAC,yBAAyB,EACnC,SAAS,EACP,oBAAC,cAAc,IACb,OAAO,EAAC,MAAM,EACd,IAAI,EAAE,oBAAC,IAAI,OAAG,EACd,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,oCAAoC,GAC9C,EAEJ,KAAK,EAAE,KAAK,IACR,IAAI,EACR,CACH,CAAA;AACH,CAAC,CAAA;AAED,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAEnD,eAAe,iBAAiB,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@toptal/picasso-table",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.27-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
4
4
|
"description": "Toptal UI components library - Table",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -22,12 +22,12 @@
|
|
|
22
22
|
},
|
|
23
23
|
"homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"@toptal/picasso-collapse": "3.0.
|
|
26
|
-
"@toptal/picasso-shared": "15.0.0",
|
|
27
|
-
"@toptal/picasso-typography": "4.0.
|
|
28
|
-
"@toptal/picasso-button": "4.0.
|
|
29
|
-
"@toptal/picasso-icons": "1.13.0",
|
|
30
|
-
"@toptal/picasso-utils": "3.1.0",
|
|
25
|
+
"@toptal/picasso-collapse": "3.0.4-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
26
|
+
"@toptal/picasso-shared": "15.0.1-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
27
|
+
"@toptal/picasso-typography": "4.0.5-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
28
|
+
"@toptal/picasso-button": "4.0.25-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
29
|
+
"@toptal/picasso-icons": "1.13.1-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
30
|
+
"@toptal/picasso-utils": "3.1.1-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
31
31
|
"ap-style-title-case": "^1.1.2"
|
|
32
32
|
},
|
|
33
33
|
"sideEffects": [
|
|
@@ -35,15 +35,15 @@
|
|
|
35
35
|
"**/styles.js"
|
|
36
36
|
],
|
|
37
37
|
"peerDependencies": {
|
|
38
|
-
"@toptal/picasso-provider": "
|
|
39
|
-
"@toptal/picasso-tailwind-merge": "
|
|
38
|
+
"@toptal/picasso-provider": "5.0.2-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
39
|
+
"@toptal/picasso-tailwind-merge": "2.0.4-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
40
40
|
"react": ">=16.12.0 < 19.0.0",
|
|
41
|
-
"@toptal/picasso-tailwind": "
|
|
41
|
+
"@toptal/picasso-tailwind": "3.0.1-alpha-MP-669-remove-more-default-props-dea487bed.0"
|
|
42
42
|
},
|
|
43
43
|
"devDependencies": {
|
|
44
|
-
"@toptal/picasso-provider": "5.0.
|
|
45
|
-
"@toptal/picasso-tailwind-merge": "2.0.
|
|
46
|
-
"@toptal/picasso-test-utils": "1.1.
|
|
44
|
+
"@toptal/picasso-provider": "5.0.2-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
45
|
+
"@toptal/picasso-tailwind-merge": "2.0.4-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
46
|
+
"@toptal/picasso-test-utils": "1.1.2-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
47
47
|
"styled-components": "^6.1.1"
|
|
48
48
|
},
|
|
49
49
|
"exports": {
|
package/src/Table/Table.tsx
CHANGED
|
@@ -18,17 +18,10 @@ export interface Props
|
|
|
18
18
|
|
|
19
19
|
// eslint-disable-next-line react/display-name
|
|
20
20
|
export const Table = forwardRef<HTMLTableElement, Props>(function Table(
|
|
21
|
-
props,
|
|
21
|
+
{ spacing = 'regular', variant = 'bordered', ...props },
|
|
22
22
|
ref
|
|
23
23
|
) {
|
|
24
|
-
const {
|
|
25
|
-
className,
|
|
26
|
-
style,
|
|
27
|
-
children,
|
|
28
|
-
spacing = 'regular',
|
|
29
|
-
variant = 'bordered',
|
|
30
|
-
...rest
|
|
31
|
-
} = props
|
|
24
|
+
const { className, style, children, ...rest } = props
|
|
32
25
|
|
|
33
26
|
const tableConfig = useMemo(() => ({ spacing, variant }), [spacing, variant])
|
|
34
27
|
|
|
@@ -49,11 +42,6 @@ export const Table = forwardRef<HTMLTableElement, Props>(function Table(
|
|
|
49
42
|
)
|
|
50
43
|
})
|
|
51
44
|
|
|
52
|
-
Table.defaultProps = {
|
|
53
|
-
spacing: 'regular',
|
|
54
|
-
variant: 'bordered',
|
|
55
|
-
}
|
|
56
|
-
|
|
57
45
|
Table.displayName = 'Table'
|
|
58
46
|
|
|
59
47
|
export default Table
|
|
@@ -58,9 +58,8 @@ const getTypographySettings = (
|
|
|
58
58
|
}
|
|
59
59
|
|
|
60
60
|
export const TableCell = forwardRef<HTMLTableCellElement, Props>(
|
|
61
|
-
function TableCell(props, ref) {
|
|
61
|
+
function TableCell({ align = 'inherit', ...props }, ref) {
|
|
62
62
|
const {
|
|
63
|
-
align,
|
|
64
63
|
className,
|
|
65
64
|
style,
|
|
66
65
|
children,
|
|
@@ -122,10 +121,6 @@ export const TableCell = forwardRef<HTMLTableCellElement, Props>(
|
|
|
122
121
|
}
|
|
123
122
|
)
|
|
124
123
|
|
|
125
|
-
TableCell.defaultProps = {
|
|
126
|
-
align: 'inherit',
|
|
127
|
-
}
|
|
128
|
-
|
|
129
124
|
TableCell.displayName = 'TableCell'
|
|
130
125
|
|
|
131
126
|
export default TableCell
|
|
@@ -23,17 +23,12 @@ export interface Props extends BaseProps, HTMLAttributes<HTMLTableRowElement> {
|
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
export const TableExpandableRow = forwardRef<HTMLTableRowElement, Props>(
|
|
26
|
-
function TableExpandableRow(
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
stripeEven,
|
|
33
|
-
className,
|
|
34
|
-
style,
|
|
35
|
-
...rest
|
|
36
|
-
} = props
|
|
26
|
+
function TableExpandableRow(
|
|
27
|
+
{ expanded = false, stripeEven = false, ...props },
|
|
28
|
+
ref
|
|
29
|
+
) {
|
|
30
|
+
const { children, content, defaultExpanded, className, style, ...rest } =
|
|
31
|
+
props
|
|
37
32
|
|
|
38
33
|
const wasExpandedOnce = useRef(false)
|
|
39
34
|
const shouldTransition = !defaultExpanded || wasExpandedOnce.current
|
|
@@ -79,11 +74,6 @@ export const TableExpandableRow = forwardRef<HTMLTableRowElement, Props>(
|
|
|
79
74
|
}
|
|
80
75
|
)
|
|
81
76
|
|
|
82
|
-
TableExpandableRow.defaultProps = {
|
|
83
|
-
expanded: false,
|
|
84
|
-
stripeEven: false,
|
|
85
|
-
}
|
|
86
|
-
|
|
87
77
|
TableExpandableRow.displayName = 'TableExpandableRow'
|
|
88
78
|
|
|
89
79
|
export default TableExpandableRow
|
|
@@ -19,17 +19,11 @@ export interface Props extends BaseProps, HTMLAttributes<HTMLTableRowElement> {
|
|
|
19
19
|
}
|
|
20
20
|
|
|
21
21
|
export const TableRow = forwardRef<HTMLTableRowElement, Props>(
|
|
22
|
-
function TableRow(
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
hover,
|
|
28
|
-
selected,
|
|
29
|
-
stripeEven,
|
|
30
|
-
onClick,
|
|
31
|
-
...rest
|
|
32
|
-
} = props
|
|
22
|
+
function TableRow(
|
|
23
|
+
{ hover = false, selected = false, stripeEven = false, ...props }: Props,
|
|
24
|
+
ref
|
|
25
|
+
) {
|
|
26
|
+
const { className, style, children, onClick, ...rest } = props
|
|
33
27
|
|
|
34
28
|
const { variant } = useContext(TableContext)
|
|
35
29
|
const isBordered = variant === 'bordered' || variant === 'striped'
|
|
@@ -54,12 +48,6 @@ export const TableRow = forwardRef<HTMLTableRowElement, Props>(
|
|
|
54
48
|
}
|
|
55
49
|
)
|
|
56
50
|
|
|
57
|
-
TableRow.defaultProps = {
|
|
58
|
-
hover: false,
|
|
59
|
-
selected: false,
|
|
60
|
-
stripeEven: false,
|
|
61
|
-
}
|
|
62
|
-
|
|
63
51
|
TableRow.displayName = 'TableRow'
|
|
64
52
|
|
|
65
53
|
export default TableRow
|
|
@@ -20,8 +20,8 @@ export interface Props
|
|
|
20
20
|
export const TableSectionHead: FunctionComponent<Props> = forwardRef<
|
|
21
21
|
HTMLTableSectionElement,
|
|
22
22
|
Props
|
|
23
|
-
>(function TableSectionHead(props, ref) {
|
|
24
|
-
const {
|
|
23
|
+
>(function TableSectionHead({ colSpan = MAX_COL_SPAN, ...props }, ref) {
|
|
24
|
+
const { icon, children, style, className } = props
|
|
25
25
|
|
|
26
26
|
return (
|
|
27
27
|
<TableBody ref={ref}>
|
|
@@ -47,10 +47,6 @@ export const TableSectionHead: FunctionComponent<Props> = forwardRef<
|
|
|
47
47
|
)
|
|
48
48
|
})
|
|
49
49
|
|
|
50
|
-
TableSectionHead.defaultProps = {
|
|
51
|
-
colSpan: MAX_COL_SPAN,
|
|
52
|
-
}
|
|
53
|
-
|
|
54
50
|
TableSectionHead.displayName = 'TableSectionHead'
|
|
55
51
|
|
|
56
52
|
export default TableSectionHead
|
|
@@ -15,7 +15,7 @@ export type Props = {
|
|
|
15
15
|
export const TableSortableCell = ({
|
|
16
16
|
sortDirection,
|
|
17
17
|
onSortClick,
|
|
18
|
-
|
|
18
|
+
align = 'inherit',
|
|
19
19
|
...rest
|
|
20
20
|
}: Props) => {
|
|
21
21
|
const Icon = sortDirection === 'desc' ? ArrowLongDown16 : ArrowLongUp16
|
|
@@ -31,15 +31,12 @@ export const TableSortableCell = ({
|
|
|
31
31
|
className='ml-2 invisible group-hover:visible'
|
|
32
32
|
/>
|
|
33
33
|
}
|
|
34
|
+
align={align}
|
|
34
35
|
{...rest}
|
|
35
36
|
/>
|
|
36
37
|
)
|
|
37
38
|
}
|
|
38
39
|
|
|
39
|
-
TableSortableCell.defaultProps = {
|
|
40
|
-
align: 'inherit',
|
|
41
|
-
}
|
|
42
|
-
|
|
43
40
|
TableSortableCell.displayName = 'TableSortableCell'
|
|
44
41
|
|
|
45
42
|
export default TableSortableCell
|