@toptal/picasso-table 3.0.25 → 3.0.26-alpha-1757603192867.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/package.json +16 -15
- package/dist-package/src/Table/Table.d.ts +0 -14
- package/dist-package/src/Table/Table.d.ts.map +0 -1
- package/dist-package/src/Table/Table.js +0 -28
- package/dist-package/src/Table/Table.js.map +0 -1
- package/dist-package/src/Table/TableContext.d.ts +0 -8
- package/dist-package/src/Table/TableContext.d.ts.map +0 -1
- package/dist-package/src/Table/TableContext.js +0 -7
- package/dist-package/src/Table/TableContext.js.map +0 -1
- package/dist-package/src/Table/TableSectionContext.d.ts +0 -8
- package/dist-package/src/Table/TableSectionContext.d.ts.map +0 -1
- package/dist-package/src/Table/TableSectionContext.js +0 -9
- package/dist-package/src/Table/TableSectionContext.js.map +0 -1
- package/dist-package/src/Table/index.d.ts +0 -8
- package/dist-package/src/Table/index.d.ts.map +0 -1
- package/dist-package/src/Table/index.js +0 -4
- package/dist-package/src/Table/index.js.map +0 -1
- package/dist-package/src/TableBody/TableBody.d.ts +0 -10
- package/dist-package/src/TableBody/TableBody.d.ts.map +0 -1
- package/dist-package/src/TableBody/TableBody.js +0 -35
- package/dist-package/src/TableBody/TableBody.js.map +0 -1
- package/dist-package/src/TableBody/index.d.ts +0 -5
- package/dist-package/src/TableBody/index.d.ts.map +0 -1
- package/dist-package/src/TableBody/index.js +0 -2
- package/dist-package/src/TableBody/index.js.map +0 -1
- package/dist-package/src/TableCell/TableCell.d.ts +0 -16
- package/dist-package/src/TableCell/TableCell.d.ts.map +0 -1
- package/dist-package/src/TableCell/TableCell.js +0 -61
- package/dist-package/src/TableCell/TableCell.js.map +0 -1
- package/dist-package/src/TableCell/index.d.ts +0 -5
- package/dist-package/src/TableCell/index.d.ts.map +0 -1
- package/dist-package/src/TableCell/index.js +0 -2
- package/dist-package/src/TableCell/index.js.map +0 -1
- package/dist-package/src/TableCompound/index.d.ts +0 -11
- package/dist-package/src/TableCompound/index.d.ts.map +0 -1
- package/dist-package/src/TableCompound/index.js +0 -18
- package/dist-package/src/TableCompound/index.js.map +0 -1
- package/dist-package/src/TableExpandableRow/TableExpandableRow.d.ts +0 -18
- package/dist-package/src/TableExpandableRow/TableExpandableRow.d.ts.map +0 -1
- package/dist-package/src/TableExpandableRow/TableExpandableRow.js +0 -40
- package/dist-package/src/TableExpandableRow/TableExpandableRow.js.map +0 -1
- package/dist-package/src/TableExpandableRow/index.d.ts +0 -5
- package/dist-package/src/TableExpandableRow/index.d.ts.map +0 -1
- package/dist-package/src/TableExpandableRow/index.js +0 -2
- package/dist-package/src/TableExpandableRow/index.js.map +0 -1
- package/dist-package/src/TableFooter/TableFooter.d.ts +0 -10
- package/dist-package/src/TableFooter/TableFooter.d.ts.map +0 -1
- package/dist-package/src/TableFooter/TableFooter.js +0 -22
- package/dist-package/src/TableFooter/TableFooter.js.map +0 -1
- package/dist-package/src/TableFooter/index.d.ts +0 -5
- package/dist-package/src/TableFooter/index.d.ts.map +0 -1
- package/dist-package/src/TableFooter/index.js +0 -2
- package/dist-package/src/TableFooter/index.js.map +0 -1
- package/dist-package/src/TableHead/TableHead.d.ts +0 -10
- package/dist-package/src/TableHead/TableHead.d.ts.map +0 -1
- package/dist-package/src/TableHead/TableHead.js +0 -22
- package/dist-package/src/TableHead/TableHead.js.map +0 -1
- package/dist-package/src/TableHead/index.d.ts +0 -5
- package/dist-package/src/TableHead/index.d.ts.map +0 -1
- package/dist-package/src/TableHead/index.js +0 -2
- package/dist-package/src/TableHead/index.js.map +0 -1
- package/dist-package/src/TableRow/TableRow.d.ts +0 -18
- package/dist-package/src/TableRow/TableRow.d.ts.map +0 -1
- package/dist-package/src/TableRow/TableRow.js +0 -28
- package/dist-package/src/TableRow/TableRow.js.map +0 -1
- package/dist-package/src/TableRow/index.d.ts +0 -5
- package/dist-package/src/TableRow/index.d.ts.map +0 -1
- package/dist-package/src/TableRow/index.js +0 -2
- package/dist-package/src/TableRow/index.js.map +0 -1
- package/dist-package/src/TableSectionHead/TableSectionHead.d.ts +0 -9
- package/dist-package/src/TableSectionHead/TableSectionHead.d.ts.map +0 -1
- package/dist-package/src/TableSectionHead/TableSectionHead.js +0 -22
- package/dist-package/src/TableSectionHead/TableSectionHead.js.map +0 -1
- package/dist-package/src/TableSectionHead/index.d.ts +0 -2
- package/dist-package/src/TableSectionHead/index.d.ts.map +0 -1
- package/dist-package/src/TableSectionHead/index.js +0 -2
- package/dist-package/src/TableSectionHead/index.js.map +0 -1
- package/dist-package/src/TableSortableCell/TableSortableCell.d.ts +0 -17
- package/dist-package/src/TableSortableCell/TableSortableCell.d.ts.map +0 -1
- package/dist-package/src/TableSortableCell/TableSortableCell.js +0 -26
- package/dist-package/src/TableSortableCell/TableSortableCell.js.map +0 -1
- package/dist-package/src/TableSortableCell/index.d.ts +0 -5
- package/dist-package/src/TableSortableCell/index.d.ts.map +0 -1
- package/dist-package/src/TableSortableCell/index.js +0 -2
- package/dist-package/src/TableSortableCell/index.js.map +0 -1
- package/dist-package/src/index.d.ts +0 -10
- package/dist-package/src/index.d.ts.map +0 -1
- package/dist-package/src/index.js +0 -10
- package/dist-package/src/index.js.map +0 -1
package/package.json
CHANGED
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@toptal/picasso-table",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.26-alpha-1757603192867.0",
|
|
4
4
|
"description": "Toptal UI components library - Table",
|
|
5
5
|
"publishConfig": {
|
|
6
|
-
"access": "public"
|
|
6
|
+
"access": "public",
|
|
7
|
+
"provenance": true
|
|
7
8
|
},
|
|
8
9
|
"main": "./dist-package/src/index.js",
|
|
9
10
|
"module": "./dist-package/src/index.js",
|
|
10
11
|
"scripts": {
|
|
11
12
|
"build:package": "tsc -b tsconfig.json",
|
|
12
|
-
"prepublishOnly": "
|
|
13
|
+
"prepublishOnly": "echo 0"
|
|
13
14
|
},
|
|
14
15
|
"repository": {
|
|
15
16
|
"type": "git",
|
|
@@ -22,12 +23,12 @@
|
|
|
22
23
|
},
|
|
23
24
|
"homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
|
|
24
25
|
"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.12.
|
|
30
|
-
"@toptal/picasso-utils": "3.1.0",
|
|
26
|
+
"@toptal/picasso-collapse": "3.0.4-alpha-1757603192867.0",
|
|
27
|
+
"@toptal/picasso-shared": "15.0.1-alpha-1757603192867.0",
|
|
28
|
+
"@toptal/picasso-typography": "4.0.5-alpha-1757603192867.0",
|
|
29
|
+
"@toptal/picasso-button": "4.0.24-alpha-1757603192867.0",
|
|
30
|
+
"@toptal/picasso-icons": "1.12.2-alpha-1757603192867.0",
|
|
31
|
+
"@toptal/picasso-utils": "3.1.1-alpha-1757603192867.0",
|
|
31
32
|
"ap-style-title-case": "^1.1.2"
|
|
32
33
|
},
|
|
33
34
|
"sideEffects": [
|
|
@@ -35,15 +36,15 @@
|
|
|
35
36
|
"**/styles.js"
|
|
36
37
|
],
|
|
37
38
|
"peerDependencies": {
|
|
38
|
-
"@toptal/picasso-provider": "
|
|
39
|
-
"@toptal/picasso-tailwind-merge": "
|
|
39
|
+
"@toptal/picasso-provider": "5.0.2-alpha-1757603192867.0",
|
|
40
|
+
"@toptal/picasso-tailwind-merge": "2.0.4-alpha-1757603192867.0",
|
|
40
41
|
"react": ">=16.12.0 < 19.0.0",
|
|
41
|
-
"@toptal/picasso-tailwind": "
|
|
42
|
+
"@toptal/picasso-tailwind": "3.0.1-alpha-1757603192867.0"
|
|
42
43
|
},
|
|
43
44
|
"devDependencies": {
|
|
44
|
-
"@toptal/picasso-provider": "5.0.
|
|
45
|
-
"@toptal/picasso-tailwind-merge": "2.0.
|
|
46
|
-
"@toptal/picasso-test-utils": "1.1.
|
|
45
|
+
"@toptal/picasso-provider": "5.0.2-alpha-1757603192867.0",
|
|
46
|
+
"@toptal/picasso-tailwind-merge": "2.0.4-alpha-1757603192867.0",
|
|
47
|
+
"@toptal/picasso-test-utils": "1.1.2-alpha-1757603192867.0",
|
|
47
48
|
"styled-components": "^6.1.1"
|
|
48
49
|
},
|
|
49
50
|
"exports": {
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import type { ReactNode, TableHTMLAttributes } from 'react';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import type { BaseProps } from '@toptal/picasso-shared';
|
|
4
|
-
export interface Props extends BaseProps, TableHTMLAttributes<HTMLTableElement> {
|
|
5
|
-
/** Children components (`Table.Head`, `Table.Body`, `Table.Footer`) */
|
|
6
|
-
children: ReactNode;
|
|
7
|
-
/** Inner spacing */
|
|
8
|
-
spacing?: 'compact' | 'narrow' | 'regular';
|
|
9
|
-
/** Appearance variant */
|
|
10
|
-
variant?: 'clear' | 'bordered' | 'striped';
|
|
11
|
-
}
|
|
12
|
-
export declare const Table: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLTableElement>>;
|
|
13
|
-
export default Table;
|
|
14
|
-
//# sourceMappingURL=Table.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
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,gFA8BhB,CAAA;AASF,eAAe,KAAK,CAAA"}
|
|
@@ -1,28 +0,0 @@
|
|
|
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
|
-
};
|
|
12
|
-
import React, { forwardRef, useMemo } from 'react';
|
|
13
|
-
import { twMerge } from '@toptal/picasso-tailwind-merge';
|
|
14
|
-
import TableContext from './TableContext';
|
|
15
|
-
// eslint-disable-next-line react/display-name
|
|
16
|
-
export const Table = forwardRef(function Table(props, ref) {
|
|
17
|
-
const { className, style, children, spacing = 'regular', variant = 'bordered' } = props, rest = __rest(props, ["className", "style", "children", "spacing", "variant"]);
|
|
18
|
-
const tableConfig = useMemo(() => ({ spacing, variant }), [spacing, variant]);
|
|
19
|
-
return (React.createElement(TableContext.Provider, { value: tableConfig },
|
|
20
|
-
React.createElement("table", Object.assign({}, rest, { ref: ref, className: twMerge('w-full border-collapse border-spacing-0', className), style: style }), children)));
|
|
21
|
-
});
|
|
22
|
-
Table.defaultProps = {
|
|
23
|
-
spacing: 'regular',
|
|
24
|
-
variant: 'bordered',
|
|
25
|
-
};
|
|
26
|
-
Table.displayName = 'Table';
|
|
27
|
-
export default Table;
|
|
28
|
-
//# sourceMappingURL=Table.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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,KAAK,EACL,GAAG;IAEH,MAAM,EACJ,SAAS,EACT,KAAK,EACL,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,OAAO,GAAG,UAAU,KAElB,KAAK,EADJ,IAAI,UACL,KAAK,EAPH,wDAOL,CAAQ,CAAA;IAET,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,YAAY,GAAG;IACnB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,UAAU;CACpB,CAAA;AAED,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA;AAE3B,eAAe,KAAK,CAAA"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export interface TableConfig {
|
|
3
|
-
spacing: 'compact' | 'narrow' | 'regular';
|
|
4
|
-
variant: 'clear' | 'bordered' | 'striped';
|
|
5
|
-
}
|
|
6
|
-
declare const TableContext: import("react").Context<TableConfig>;
|
|
7
|
-
export default TableContext;
|
|
8
|
-
//# sourceMappingURL=TableContext.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TableContext.d.ts","sourceRoot":"","sources":["../../../src/Table/TableContext.ts"],"names":[],"mappings":";AAEA,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAA;IACzC,OAAO,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAAA;CAC1C;AAED,QAAA,MAAM,YAAY,sCAGhB,CAAA;AAEF,eAAe,YAAY,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TableContext.js","sourceRoot":"","sources":["../../../src/Table/TableContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAOrC,MAAM,YAAY,GAAG,aAAa,CAAc;IAC9C,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,UAAU;CACpB,CAAC,CAAA;AAEF,eAAe,YAAY,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TableSectionContext.d.ts","sourceRoot":"","sources":["../../../src/Table/TableSectionContext.ts"],"names":[],"mappings":";AAEA,oBAAY,YAAY;IACtB,IAAI,IAAA;IACJ,IAAI,IAAA;IACJ,MAAM,IAAA;CACP;AAED,eAAO,MAAM,mBAAmB,mDAE/B,CAAA"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { createContext } from 'react';
|
|
2
|
-
export var TableSection;
|
|
3
|
-
(function (TableSection) {
|
|
4
|
-
TableSection[TableSection["HEAD"] = 0] = "HEAD";
|
|
5
|
-
TableSection[TableSection["BODY"] = 1] = "BODY";
|
|
6
|
-
TableSection[TableSection["FOOTER"] = 2] = "FOOTER";
|
|
7
|
-
})(TableSection || (TableSection = {}));
|
|
8
|
-
export const TableSectionContext = createContext(undefined);
|
|
9
|
-
//# sourceMappingURL=TableSectionContext.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TableSectionContext.js","sourceRoot":"","sources":["../../../src/Table/TableSectionContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,MAAM,CAAN,IAAY,YAIX;AAJD,WAAY,YAAY;IACtB,+CAAI,CAAA;IACJ,+CAAI,CAAA;IACJ,mDAAM,CAAA;AACR,CAAC,EAJW,YAAY,KAAZ,YAAY,QAIvB;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAC9C,SAAS,CACV,CAAA"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { OmitInternalProps } from '@toptal/picasso-shared';
|
|
2
|
-
import type { Props } from './Table';
|
|
3
|
-
export { TableSectionContext, TableSection } from './TableSectionContext';
|
|
4
|
-
export { default as TableContext } from './TableContext';
|
|
5
|
-
export type { TableConfig } from './TableContext';
|
|
6
|
-
export { default as Table } from './Table';
|
|
7
|
-
export declare type TableProps = OmitInternalProps<Props>;
|
|
8
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Table/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAE/D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AACpC,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACzE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAEjD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,oBAAY,UAAU,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Table/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACzE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAGxD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { ReactNode, HTMLAttributes } from 'react';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import type { BaseProps } from '@toptal/picasso-shared';
|
|
4
|
-
export interface Props extends BaseProps, HTMLAttributes<HTMLTableSectionElement> {
|
|
5
|
-
/** The content of the component, normally `Table.Row` */
|
|
6
|
-
children: ReactNode;
|
|
7
|
-
}
|
|
8
|
-
export declare const TableBody: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLTableSectionElement>>;
|
|
9
|
-
export default TableBody;
|
|
10
|
-
//# sourceMappingURL=TableBody.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TableBody.d.ts","sourceRoot":"","sources":["../../../src/TableBody/TableBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAiC,MAAM,OAAO,CAAA;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAIvD,MAAM,WAAW,KACf,SAAQ,SAAS,EACf,cAAc,CAAC,uBAAuB,CAAC;IACzC,yDAAyD;IACzD,QAAQ,EAAE,SAAS,CAAA;CACpB;AAmBD,eAAO,MAAM,SAAS,uFAarB,CAAA;AAID,eAAe,SAAS,CAAA"}
|
|
@@ -1,35 +0,0 @@
|
|
|
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
|
-
};
|
|
12
|
-
import React, { forwardRef, useContext } from 'react';
|
|
13
|
-
import { TableSectionContext, TableSection, TableContext } from '../Table';
|
|
14
|
-
const stripeRows = (children) => {
|
|
15
|
-
let stripeIndex = -1;
|
|
16
|
-
return React.Children.map(children, child => {
|
|
17
|
-
if (!React.isValidElement(child)) {
|
|
18
|
-
return child;
|
|
19
|
-
}
|
|
20
|
-
stripeIndex++;
|
|
21
|
-
if (stripeIndex % 2 !== 0) {
|
|
22
|
-
return React.cloneElement(child, { stripeEven: true });
|
|
23
|
-
}
|
|
24
|
-
return child;
|
|
25
|
-
});
|
|
26
|
-
};
|
|
27
|
-
export const TableBody = forwardRef(function TableBody(props, ref) {
|
|
28
|
-
const { className, style, children } = props, rest = __rest(props, ["className", "style", "children"]);
|
|
29
|
-
const { variant } = useContext(TableContext);
|
|
30
|
-
return (React.createElement(TableSectionContext.Provider, { value: TableSection.BODY },
|
|
31
|
-
React.createElement("tbody", Object.assign({}, rest, { ref: ref, className: className, style: style }), variant === 'striped' ? stripeRows(children) : children)));
|
|
32
|
-
});
|
|
33
|
-
TableBody.displayName = 'TableBody';
|
|
34
|
-
export default TableBody;
|
|
35
|
-
//# sourceMappingURL=TableBody.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TableBody.js","sourceRoot":"","sources":["../../../src/TableBody/TableBody.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGrD,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAS1E,MAAM,UAAU,GAAG,CAAC,QAAyB,EAAE,EAAE;IAC/C,IAAI,WAAW,GAAG,CAAC,CAAC,CAAA;IAEpB,OAAO,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE;QAC1C,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;YAChC,OAAO,KAAK,CAAA;SACb;QAED,WAAW,EAAE,CAAA;QACb,IAAI,WAAW,GAAG,CAAC,KAAK,CAAC,EAAE;YACzB,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,EAAQ,CAAC,CAAA;SAC7D;QAED,OAAO,KAAK,CAAA;IACd,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CACjC,SAAS,SAAS,CAAC,KAAK,EAAE,GAAG;IAC3B,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA/C,kCAAuC,CAAQ,CAAA;IACrD,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC,CAAA;IAE5C,OAAO,CACL,oBAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,CAAC,IAAI;QACpD,+CAAW,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,KAC1D,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAClD,CACqB,CAChC,CAAA;AACH,CAAC,CACF,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,eAAe,SAAS,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TableBody/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAE/D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAExC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,oBAAY,cAAc,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TableBody/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import type { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import type { BaseProps, TextLabelProps } from '@toptal/picasso-shared';
|
|
4
|
-
declare type AlignType = 'inherit' | 'left' | 'center' | 'right' | 'justify';
|
|
5
|
-
export interface Props extends BaseProps, TextLabelProps, HTMLAttributes<HTMLTableCellElement> {
|
|
6
|
-
/** Set the text-align on the table cell content */
|
|
7
|
-
align?: AlignType;
|
|
8
|
-
/** Indicates for how many columns the cell extends */
|
|
9
|
-
colSpan?: number;
|
|
10
|
-
/** Indicates for how many rows the cell extends */
|
|
11
|
-
rowSpan?: number;
|
|
12
|
-
adornment?: ReactNode;
|
|
13
|
-
}
|
|
14
|
-
export declare const TableCell: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLTableCellElement>>;
|
|
15
|
-
export default TableCell;
|
|
16
|
-
//# sourceMappingURL=TableCell.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
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,oFA+DrB,CAAA;AAQD,eAAe,SAAS,CAAA"}
|
|
@@ -1,61 +0,0 @@
|
|
|
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
|
-
};
|
|
12
|
-
import React, { forwardRef, useContext } from 'react';
|
|
13
|
-
import { useTitleCase } from '@toptal/picasso-shared';
|
|
14
|
-
import { Typography } from '@toptal/picasso-typography';
|
|
15
|
-
import { twMerge } from '@toptal/picasso-tailwind-merge';
|
|
16
|
-
import { TableContext, TableSectionContext, TableSection } from '../Table';
|
|
17
|
-
const getTypographySettings = (tableSection) => {
|
|
18
|
-
switch (tableSection) {
|
|
19
|
-
case TableSection.HEAD:
|
|
20
|
-
return {
|
|
21
|
-
color: 'dark-grey',
|
|
22
|
-
size: 'xsmall',
|
|
23
|
-
weight: 'semibold',
|
|
24
|
-
};
|
|
25
|
-
case TableSection.FOOTER:
|
|
26
|
-
return {
|
|
27
|
-
color: 'black',
|
|
28
|
-
size: 'small',
|
|
29
|
-
weight: 'semibold',
|
|
30
|
-
};
|
|
31
|
-
default:
|
|
32
|
-
return {
|
|
33
|
-
color: 'dark-grey',
|
|
34
|
-
size: 'small',
|
|
35
|
-
weight: 'inherit',
|
|
36
|
-
};
|
|
37
|
-
}
|
|
38
|
-
};
|
|
39
|
-
export const TableCell = forwardRef(function TableCell(props, ref) {
|
|
40
|
-
const { align, className, style, children, colSpan, rowSpan, titleCase: propsTitleCase, adornment } = props, rest = __rest(props, ["align", "className", "style", "children", "colSpan", "rowSpan", "titleCase", "adornment"]);
|
|
41
|
-
const { spacing } = useContext(TableContext);
|
|
42
|
-
const tableSection = useContext(TableSectionContext);
|
|
43
|
-
const isHead = tableSection === TableSection.HEAD;
|
|
44
|
-
const titleCase = useTitleCase(propsTitleCase);
|
|
45
|
-
const tooltipWithChildren = (React.createElement(Typography, Object.assign({ align: align, as: 'div', titleCase: isHead && titleCase }, getTypographySettings(tableSection)), children));
|
|
46
|
-
const Component = isHead ? 'th' : 'td';
|
|
47
|
-
const spacingClasses = {
|
|
48
|
-
narrow: '',
|
|
49
|
-
regular: 'px-4',
|
|
50
|
-
compact: 'h-6 py-[1px]',
|
|
51
|
-
};
|
|
52
|
-
return (React.createElement(Component, Object.assign({}, rest, { ref: ref, className: twMerge('h-10 px-2 py-2 border-none', spacingClasses[spacing], isHead && 'text-left', className), style: style, colSpan: colSpan, rowSpan: rowSpan }), adornment ? (React.createElement("div", { className: 'flex items-center' },
|
|
53
|
-
tooltipWithChildren,
|
|
54
|
-
adornment)) : (tooltipWithChildren)));
|
|
55
|
-
});
|
|
56
|
-
TableCell.defaultProps = {
|
|
57
|
-
align: 'inherit',
|
|
58
|
-
};
|
|
59
|
-
TableCell.displayName = 'TableCell';
|
|
60
|
-
export default TableCell;
|
|
61
|
-
//# sourceMappingURL=TableCell.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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,KAAK,EAAE,GAAG;IAC3B,MAAM,EACJ,KAAK,EACL,SAAS,EACT,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EACP,SAAS,EAAE,cAAc,EACzB,SAAS,KAEP,KAAK,EADJ,IAAI,UACL,KAAK,EAVH,2FAUL,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,YAAY,GAAG;IACvB,KAAK,EAAE,SAAS;CACjB,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,eAAe,SAAS,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TableCell/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAE/D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAExC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,oBAAY,cAAc,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TableCell/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const TableCompound: import("react").ForwardRefExoticComponent<import("../Table/Table").Props & import("react").RefAttributes<HTMLTableElement>> & {
|
|
3
|
-
Cell: import("react").ForwardRefExoticComponent<import("../TableCell/TableCell").Props & import("react").RefAttributes<HTMLTableCellElement>>;
|
|
4
|
-
Body: import("react").ForwardRefExoticComponent<import("../TableBody/TableBody").Props & import("react").RefAttributes<HTMLTableSectionElement>>;
|
|
5
|
-
Head: import("react").ForwardRefExoticComponent<import("../TableHead/TableHead").Props & import("react").RefAttributes<HTMLTableSectionElement>>;
|
|
6
|
-
SectionHead: import("react").FunctionComponent<import("../TableSectionHead/TableSectionHead").Props>;
|
|
7
|
-
Row: import("react").ForwardRefExoticComponent<import("../TableRow/TableRow").Props & import("react").RefAttributes<HTMLTableRowElement>>;
|
|
8
|
-
ExpandableRow: import("react").ForwardRefExoticComponent<import("../TableExpandableRow/TableExpandableRow").Props & import("react").RefAttributes<HTMLTableRowElement>>;
|
|
9
|
-
Footer: import("react").ForwardRefExoticComponent<import("../TableFooter/TableFooter").Props & import("react").RefAttributes<HTMLTableSectionElement>>;
|
|
10
|
-
};
|
|
11
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TableCompound/index.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,aAAa;;;;;;;;CAQxB,CAAA"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { Table } from '../Table';
|
|
2
|
-
import { TableCell } from '../TableCell';
|
|
3
|
-
import { TableBody } from '../TableBody';
|
|
4
|
-
import { TableRow } from '../TableRow';
|
|
5
|
-
import { TableHead } from '../TableHead';
|
|
6
|
-
import { TableSectionHead } from '../TableSectionHead';
|
|
7
|
-
import { TableFooter } from '../TableFooter';
|
|
8
|
-
import { TableExpandableRow } from '../TableExpandableRow';
|
|
9
|
-
export const TableCompound = Object.assign(Table, {
|
|
10
|
-
Cell: TableCell,
|
|
11
|
-
Body: TableBody,
|
|
12
|
-
Head: TableHead,
|
|
13
|
-
SectionHead: TableSectionHead,
|
|
14
|
-
Row: TableRow,
|
|
15
|
-
ExpandableRow: TableExpandableRow,
|
|
16
|
-
Footer: TableFooter,
|
|
17
|
-
});
|
|
18
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TableCompound/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE1D,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE;IAChD,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,WAAW,EAAE,gBAAgB;IAC7B,GAAG,EAAE,QAAQ;IACb,aAAa,EAAE,kBAAkB;IACjC,MAAM,EAAE,WAAW;CACpB,CAAC,CAAA"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import type { ReactNode, HTMLAttributes } from 'react';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { type BaseProps } from '@toptal/picasso-shared';
|
|
4
|
-
export interface Props extends BaseProps, HTMLAttributes<HTMLTableRowElement> {
|
|
5
|
-
/** Should be valid `<tr>` children such as `Table.Cell`. */
|
|
6
|
-
children: ReactNode;
|
|
7
|
-
/** Collapsible content of `TableExpandableRow` */
|
|
8
|
-
content: ReactNode;
|
|
9
|
-
/** Whether the row is in collapsed or expanded state */
|
|
10
|
-
expanded?: boolean;
|
|
11
|
-
/** Set a stripe even background for the row */
|
|
12
|
-
stripeEven?: boolean;
|
|
13
|
-
/** Makes the row appear without transition when it is expanded the very first time */
|
|
14
|
-
defaultExpanded?: boolean;
|
|
15
|
-
}
|
|
16
|
-
export declare const TableExpandableRow: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLTableRowElement>>;
|
|
17
|
-
export default TableExpandableRow;
|
|
18
|
-
//# sourceMappingURL=TableExpandableRow.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
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,mFAuD9B,CAAA;AASD,eAAe,kBAAkB,CAAA"}
|
|
@@ -1,40 +0,0 @@
|
|
|
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
|
-
};
|
|
12
|
-
import React, { forwardRef, useRef, useEffect } from 'react';
|
|
13
|
-
import { Collapse } from '@toptal/picasso-collapse';
|
|
14
|
-
import { twJoin } from '@toptal/picasso-tailwind-merge';
|
|
15
|
-
import { TableRow } from '../TableRow';
|
|
16
|
-
import { TableCell } from '../TableCell';
|
|
17
|
-
const MAX_COL_SPAN = 100;
|
|
18
|
-
export const TableExpandableRow = forwardRef(function TableExpandableRow(props, ref) {
|
|
19
|
-
const { children, content, expanded, defaultExpanded, stripeEven, className, style } = props, rest = __rest(props, ["children", "content", "expanded", "defaultExpanded", "stripeEven", "className", "style"]);
|
|
20
|
-
const wasExpandedOnce = useRef(false);
|
|
21
|
-
const shouldTransition = !defaultExpanded || wasExpandedOnce.current;
|
|
22
|
-
useEffect(() => {
|
|
23
|
-
if (!wasExpandedOnce.current && expanded) {
|
|
24
|
-
wasExpandedOnce.current = true;
|
|
25
|
-
}
|
|
26
|
-
}, [expanded]);
|
|
27
|
-
const row = (React.createElement(TableRow, Object.assign({}, rest, { ref: ref, className: className, style: style, stripeEven: stripeEven }), children));
|
|
28
|
-
return (React.createElement(React.Fragment, null,
|
|
29
|
-
row,
|
|
30
|
-
expanded && (React.createElement(TableRow, { className: twJoin(className, stripeEven && 'bg-gray-200 bg-opacity-[32]'), style: style },
|
|
31
|
-
React.createElement(TableCell, { className: 'p-0 last:pr-0', colSpan: MAX_COL_SPAN },
|
|
32
|
-
React.createElement(Collapse, { appear: shouldTransition, in: true }, content))))));
|
|
33
|
-
});
|
|
34
|
-
TableExpandableRow.defaultProps = {
|
|
35
|
-
expanded: false,
|
|
36
|
-
stripeEven: false,
|
|
37
|
-
};
|
|
38
|
-
TableExpandableRow.displayName = 'TableExpandableRow';
|
|
39
|
-
export default TableExpandableRow;
|
|
40
|
-
//# sourceMappingURL=TableExpandableRow.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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,CAAC,KAAK,EAAE,GAAG;IACpC,MAAM,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,eAAe,EACf,UAAU,EACV,SAAS,EACT,KAAK,KAEH,KAAK,EADJ,IAAI,UACL,KAAK,EATH,0FASL,CAAQ,CAAA;IAET,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,YAAY,GAAG;IAChC,QAAQ,EAAE,KAAK;IACf,UAAU,EAAE,KAAK;CAClB,CAAA;AAED,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAA;AAErD,eAAe,kBAAkB,CAAA"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import type { OmitInternalProps } from '@toptal/picasso-shared';
|
|
2
|
-
import type { Props } from './TableExpandableRow';
|
|
3
|
-
export { default as TableExpandableRow } from './TableExpandableRow';
|
|
4
|
-
export declare type TableExpandableRowProps = OmitInternalProps<Props>;
|
|
5
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TableExpandableRow/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAE/D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAEjD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACpE,oBAAY,uBAAuB,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TableExpandableRow/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAA"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { ReactNode, HTMLAttributes } from 'react';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import type { BaseProps } from '@toptal/picasso-shared';
|
|
4
|
-
export interface Props extends BaseProps, HTMLAttributes<HTMLTableSectionElement> {
|
|
5
|
-
/** Zero or more Table.Row elements. */
|
|
6
|
-
children: ReactNode;
|
|
7
|
-
}
|
|
8
|
-
export declare const TableFooter: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLTableSectionElement>>;
|
|
9
|
-
export default TableFooter;
|
|
10
|
-
//# sourceMappingURL=TableFooter.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TableFooter.d.ts","sourceRoot":"","sources":["../../../src/TableFooter/TableFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAKvD,MAAM,WAAW,KACf,SAAQ,SAAS,EACf,cAAc,CAAC,uBAAuB,CAAC;IACzC,uCAAuC;IACvC,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,eAAO,MAAM,WAAW,uFAoBvB,CAAA;AAID,eAAe,WAAW,CAAA"}
|
|
@@ -1,22 +0,0 @@
|
|
|
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
|
-
};
|
|
12
|
-
import React, { forwardRef } from 'react';
|
|
13
|
-
import { twMerge } from '@toptal/picasso-tailwind-merge';
|
|
14
|
-
import { TableSection, TableSectionContext } from '../Table';
|
|
15
|
-
export const TableFooter = forwardRef(function TableFooter(props, ref) {
|
|
16
|
-
const { className, style, children } = props, rest = __rest(props, ["className", "style", "children"]);
|
|
17
|
-
return (React.createElement(TableSectionContext.Provider, { value: TableSection.FOOTER },
|
|
18
|
-
React.createElement("tfoot", Object.assign({}, rest, { ref: ref, className: twMerge('border-0 border-solid border-t border-gray-200', className), style: style }), children)));
|
|
19
|
-
});
|
|
20
|
-
TableFooter.displayName = 'TableFooter';
|
|
21
|
-
export default TableFooter;
|
|
22
|
-
//# sourceMappingURL=TableFooter.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TableFooter.js","sourceRoot":"","sources":["../../../src/TableFooter/TableFooter.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;AAS5D,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,SAAS,WAAW,CAAC,KAAK,EAAE,GAAG;IAC7B,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA/C,kCAAuC,CAAQ,CAAA;IAErD,OAAO,CACL,oBAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,CAAC,MAAM;QACtD,+CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,CAChB,gDAAgD,EAChD,SAAS,CACV,EACD,KAAK,EAAE,KAAK,KAEX,QAAQ,CACH,CACqB,CAChC,CAAA;AACH,CAAC,CACF,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,eAAe,WAAW,CAAA"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import type { OmitInternalProps } from '@toptal/picasso-shared';
|
|
2
|
-
import type { Props } from './TableFooter';
|
|
3
|
-
export { default as TableFooter } from './TableFooter';
|
|
4
|
-
export declare type TableFooterProps = OmitInternalProps<Props>;
|
|
5
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TableFooter/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAE/D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAE1C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,oBAAY,gBAAgB,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TableFooter/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { ReactNode, HTMLAttributes } from 'react';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import type { BaseProps } from '@toptal/picasso-shared';
|
|
4
|
-
export interface Props extends BaseProps, HTMLAttributes<HTMLTableSectionElement> {
|
|
5
|
-
/** The content of the component, normally `Table.Row` */
|
|
6
|
-
children: ReactNode;
|
|
7
|
-
}
|
|
8
|
-
export declare const TableHead: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLTableSectionElement>>;
|
|
9
|
-
export default TableHead;
|
|
10
|
-
//# sourceMappingURL=TableHead.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TableHead.d.ts","sourceRoot":"","sources":["../../../src/TableHead/TableHead.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAKvD,MAAM,WAAW,KACf,SAAQ,SAAS,EACf,cAAc,CAAC,uBAAuB,CAAC;IACzC,yDAAyD;IACzD,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,eAAO,MAAM,SAAS,uFAoBrB,CAAA;AAID,eAAe,SAAS,CAAA"}
|
|
@@ -1,22 +0,0 @@
|
|
|
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
|
-
};
|
|
12
|
-
import React, { forwardRef } from 'react';
|
|
13
|
-
import { twMerge } from '@toptal/picasso-tailwind-merge';
|
|
14
|
-
import { TableSectionContext, TableSection } from '../Table';
|
|
15
|
-
export const TableHead = forwardRef(function TableHead(props, ref) {
|
|
16
|
-
const { className, style, children } = props, rest = __rest(props, ["className", "style", "children"]);
|
|
17
|
-
return (React.createElement(TableSectionContext.Provider, { value: TableSection.HEAD },
|
|
18
|
-
React.createElement("thead", Object.assign({}, rest, { ref: ref, className: twMerge('border-0 border-solid border-b border-gray-200', className), style: style }), children)));
|
|
19
|
-
});
|
|
20
|
-
TableHead.displayName = 'TableHead';
|
|
21
|
-
export default TableHead;
|
|
22
|
-
//# sourceMappingURL=TableHead.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TableHead.js","sourceRoot":"","sources":["../../../src/TableHead/TableHead.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAExD,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAS5D,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CACjC,SAAS,SAAS,CAAC,KAAK,EAAE,GAAG;IAC3B,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA/C,kCAAuC,CAAQ,CAAA;IAErD,OAAO,CACL,oBAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,CAAC,IAAI;QACpD,+CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,CAChB,gDAAgD,EAChD,SAAS,CACV,EACD,KAAK,EAAE,KAAK,KAEX,QAAQ,CACH,CACqB,CAChC,CAAA;AACH,CAAC,CACF,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,eAAe,SAAS,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TableHead/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAE/D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAExC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,oBAAY,cAAc,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TableHead/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import type { ReactNode, MouseEvent, HTMLAttributes } from 'react';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import type { BaseProps } from '@toptal/picasso-shared';
|
|
4
|
-
export interface Props extends BaseProps, HTMLAttributes<HTMLTableRowElement> {
|
|
5
|
-
/** Should be valid `<tr>` children such as `Table.Cell`. */
|
|
6
|
-
children: ReactNode;
|
|
7
|
-
/** If true, the table row will shade on hover */
|
|
8
|
-
hover?: boolean;
|
|
9
|
-
/** If true, the table row will have the selected shading */
|
|
10
|
-
selected?: boolean;
|
|
11
|
-
/** Callback invoked when user clicks on table row */
|
|
12
|
-
onClick?: (event: MouseEvent<HTMLTableRowElement>) => void;
|
|
13
|
-
/** Set a stripe even background for the row */
|
|
14
|
-
stripeEven?: boolean;
|
|
15
|
-
}
|
|
16
|
-
export declare const TableRow: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLTableRowElement>>;
|
|
17
|
-
export default TableRow;
|
|
18
|
-
//# sourceMappingURL=TableRow.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
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,mFAkCpB,CAAA;AAUD,eAAe,QAAQ,CAAA"}
|
|
@@ -1,28 +0,0 @@
|
|
|
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
|
-
};
|
|
12
|
-
import React, { forwardRef, useContext } from 'react';
|
|
13
|
-
import { twMerge } from '@toptal/picasso-tailwind-merge';
|
|
14
|
-
import { TableContext } from '../Table';
|
|
15
|
-
export const TableRow = forwardRef(function TableRow(props, ref) {
|
|
16
|
-
const { className, style, children, hover, selected, stripeEven, onClick } = props, rest = __rest(props, ["className", "style", "children", "hover", "selected", "stripeEven", "onClick"]);
|
|
17
|
-
const { variant } = useContext(TableContext);
|
|
18
|
-
const isBordered = variant === 'bordered' || variant === 'striped';
|
|
19
|
-
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
|
-
TableRow.defaultProps = {
|
|
22
|
-
hover: false,
|
|
23
|
-
selected: false,
|
|
24
|
-
stripeEven: false,
|
|
25
|
-
};
|
|
26
|
-
TableRow.displayName = 'TableRow';
|
|
27
|
-
export default TableRow;
|
|
28
|
-
//# sourceMappingURL=TableRow.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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,CAAC,KAAK,EAAE,GAAG;IAC1B,MAAM,EACJ,SAAS,EACT,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,UAAU,EACV,OAAO,KAEL,KAAK,EADJ,IAAI,UACL,KAAK,EATH,gFASL,CAAQ,CAAA;IAET,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,YAAY,GAAG;IACtB,KAAK,EAAE,KAAK;IACZ,QAAQ,EAAE,KAAK;IACf,UAAU,EAAE,KAAK;CAClB,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,eAAe,QAAQ,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TableRow/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAE/D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAEvC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,oBAAY,aAAa,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TableRow/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { ReactElement, HTMLAttributes, FunctionComponent } from 'react';
|
|
2
|
-
import type { BaseProps } from '@toptal/picasso-shared';
|
|
3
|
-
export interface Props extends BaseProps, HTMLAttributes<HTMLTableSectionElement> {
|
|
4
|
-
colSpan?: number;
|
|
5
|
-
icon?: ReactElement;
|
|
6
|
-
}
|
|
7
|
-
export declare const TableSectionHead: FunctionComponent<Props>;
|
|
8
|
-
export default TableSectionHead;
|
|
9
|
-
//# sourceMappingURL=TableSectionHead.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
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;AAQF,eAAe,gBAAgB,CAAA"}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import React, { forwardRef } from 'react';
|
|
2
|
-
import { twMerge } from '@toptal/picasso-tailwind-merge';
|
|
3
|
-
import { TableSection, TableSectionContext } from '../Table';
|
|
4
|
-
import { TableCell } from '../TableCell';
|
|
5
|
-
import { TableRow } from '../TableRow';
|
|
6
|
-
import { TableBody } from '../TableBody';
|
|
7
|
-
const MAX_COL_SPAN = 100;
|
|
8
|
-
export const TableSectionHead = forwardRef(function TableSectionHead(props, ref) {
|
|
9
|
-
const { colSpan, icon, children, style, className } = props;
|
|
10
|
-
return (React.createElement(TableBody, { ref: ref },
|
|
11
|
-
React.createElement(TableRow, { className: twMerge('min-h-10 border-y border-solid border-gray-200', className), style: style },
|
|
12
|
-
React.createElement(TableSectionContext.Provider, { value: TableSection.HEAD },
|
|
13
|
-
React.createElement(TableCell, { colSpan: colSpan },
|
|
14
|
-
icon && (React.createElement("span", { className: 'inline-block align-middle mr-3 -mt-[1px]' }, icon)),
|
|
15
|
-
children)))));
|
|
16
|
-
});
|
|
17
|
-
TableSectionHead.defaultProps = {
|
|
18
|
-
colSpan: MAX_COL_SPAN,
|
|
19
|
-
};
|
|
20
|
-
TableSectionHead.displayName = 'TableSectionHead';
|
|
21
|
-
export default TableSectionHead;
|
|
22
|
-
//# sourceMappingURL=TableSectionHead.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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,KAAK,EAAE,GAAG;IACpC,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,CAAA;IAE3D,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,YAAY,GAAG;IAC9B,OAAO,EAAE,YAAY;CACtB,CAAA;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAEjD,eAAe,gBAAgB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TableSectionHead/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TableSectionHead/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAA"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import type { TableCellProps } from '../TableCell';
|
|
3
|
-
export declare type Props = {
|
|
4
|
-
/** Set the direction of sorting to get the appropriate icon */
|
|
5
|
-
sortDirection: 'asc' | 'desc';
|
|
6
|
-
/** Callback called when sort button is clicked */
|
|
7
|
-
onSortClick: () => void;
|
|
8
|
-
} & Exclude<TableCellProps, 'adornment'>;
|
|
9
|
-
export declare const TableSortableCell: {
|
|
10
|
-
({ sortDirection, onSortClick, ...rest }: Props): JSX.Element;
|
|
11
|
-
defaultProps: {
|
|
12
|
-
align: string;
|
|
13
|
-
};
|
|
14
|
-
displayName: string;
|
|
15
|
-
};
|
|
16
|
-
export default TableSortableCell;
|
|
17
|
-
//# sourceMappingURL=TableSortableCell.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
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;8CAK3B,KAAK;;;;;CAiBP,CAAA;AAQD,eAAe,iBAAiB,CAAA"}
|
|
@@ -1,26 +0,0 @@
|
|
|
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
|
-
};
|
|
12
|
-
import React from 'react';
|
|
13
|
-
import { ButtonCircular } from '@toptal/picasso-button';
|
|
14
|
-
import { ArrowLongUp16, ArrowLongDown16 } from '@toptal/picasso-icons';
|
|
15
|
-
import { TableCell } from '../TableCell';
|
|
16
|
-
export const TableSortableCell = (_a) => {
|
|
17
|
-
var { sortDirection, onSortClick } = _a, rest = __rest(_a, ["sortDirection", "onSortClick"]);
|
|
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',
|
|
23
|
-
};
|
|
24
|
-
TableSortableCell.displayName = 'TableSortableCell';
|
|
25
|
-
export default TableSortableCell;
|
|
26
|
-
//# sourceMappingURL=TableSortableCell.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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,OAGL,EADH,IAAI,cAJyB,gCAKjC,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,IAEA,IAAI,EACR,CACH,CAAA;AACH,CAAC,CAAA;AAED,iBAAiB,CAAC,YAAY,GAAG;IAC/B,KAAK,EAAE,SAAS;CACjB,CAAA;AAED,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAEnD,eAAe,iBAAiB,CAAA"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import type { OmitInternalProps } from '@toptal/picasso-shared';
|
|
2
|
-
import type { Props } from './TableSortableCell';
|
|
3
|
-
export { default as TableSortableCell } from './TableSortableCell';
|
|
4
|
-
export declare type TableSortableCellProps = OmitInternalProps<Props>;
|
|
5
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TableSortableCell/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAE/D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAEhD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAClE,oBAAY,sBAAsB,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TableSortableCell/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAA"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
export * from './Table';
|
|
2
|
-
export * from './TableBody';
|
|
3
|
-
export * from './TableCell';
|
|
4
|
-
export * from './TableSortableCell';
|
|
5
|
-
export * from './TableCompound';
|
|
6
|
-
export * from './TableExpandableRow';
|
|
7
|
-
export * from './TableFooter';
|
|
8
|
-
export * from './TableHead';
|
|
9
|
-
export * from './TableRow';
|
|
10
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,qBAAqB,CAAA;AACnC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA;AACpC,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
export * from './Table';
|
|
2
|
-
export * from './TableBody';
|
|
3
|
-
export * from './TableCell';
|
|
4
|
-
export * from './TableSortableCell';
|
|
5
|
-
export * from './TableCompound';
|
|
6
|
-
export * from './TableExpandableRow';
|
|
7
|
-
export * from './TableFooter';
|
|
8
|
-
export * from './TableHead';
|
|
9
|
-
export * from './TableRow';
|
|
10
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,qBAAqB,CAAA;AACnC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA;AACpC,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA"}
|