@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.
Files changed (89) hide show
  1. package/package.json +16 -15
  2. package/dist-package/src/Table/Table.d.ts +0 -14
  3. package/dist-package/src/Table/Table.d.ts.map +0 -1
  4. package/dist-package/src/Table/Table.js +0 -28
  5. package/dist-package/src/Table/Table.js.map +0 -1
  6. package/dist-package/src/Table/TableContext.d.ts +0 -8
  7. package/dist-package/src/Table/TableContext.d.ts.map +0 -1
  8. package/dist-package/src/Table/TableContext.js +0 -7
  9. package/dist-package/src/Table/TableContext.js.map +0 -1
  10. package/dist-package/src/Table/TableSectionContext.d.ts +0 -8
  11. package/dist-package/src/Table/TableSectionContext.d.ts.map +0 -1
  12. package/dist-package/src/Table/TableSectionContext.js +0 -9
  13. package/dist-package/src/Table/TableSectionContext.js.map +0 -1
  14. package/dist-package/src/Table/index.d.ts +0 -8
  15. package/dist-package/src/Table/index.d.ts.map +0 -1
  16. package/dist-package/src/Table/index.js +0 -4
  17. package/dist-package/src/Table/index.js.map +0 -1
  18. package/dist-package/src/TableBody/TableBody.d.ts +0 -10
  19. package/dist-package/src/TableBody/TableBody.d.ts.map +0 -1
  20. package/dist-package/src/TableBody/TableBody.js +0 -35
  21. package/dist-package/src/TableBody/TableBody.js.map +0 -1
  22. package/dist-package/src/TableBody/index.d.ts +0 -5
  23. package/dist-package/src/TableBody/index.d.ts.map +0 -1
  24. package/dist-package/src/TableBody/index.js +0 -2
  25. package/dist-package/src/TableBody/index.js.map +0 -1
  26. package/dist-package/src/TableCell/TableCell.d.ts +0 -16
  27. package/dist-package/src/TableCell/TableCell.d.ts.map +0 -1
  28. package/dist-package/src/TableCell/TableCell.js +0 -61
  29. package/dist-package/src/TableCell/TableCell.js.map +0 -1
  30. package/dist-package/src/TableCell/index.d.ts +0 -5
  31. package/dist-package/src/TableCell/index.d.ts.map +0 -1
  32. package/dist-package/src/TableCell/index.js +0 -2
  33. package/dist-package/src/TableCell/index.js.map +0 -1
  34. package/dist-package/src/TableCompound/index.d.ts +0 -11
  35. package/dist-package/src/TableCompound/index.d.ts.map +0 -1
  36. package/dist-package/src/TableCompound/index.js +0 -18
  37. package/dist-package/src/TableCompound/index.js.map +0 -1
  38. package/dist-package/src/TableExpandableRow/TableExpandableRow.d.ts +0 -18
  39. package/dist-package/src/TableExpandableRow/TableExpandableRow.d.ts.map +0 -1
  40. package/dist-package/src/TableExpandableRow/TableExpandableRow.js +0 -40
  41. package/dist-package/src/TableExpandableRow/TableExpandableRow.js.map +0 -1
  42. package/dist-package/src/TableExpandableRow/index.d.ts +0 -5
  43. package/dist-package/src/TableExpandableRow/index.d.ts.map +0 -1
  44. package/dist-package/src/TableExpandableRow/index.js +0 -2
  45. package/dist-package/src/TableExpandableRow/index.js.map +0 -1
  46. package/dist-package/src/TableFooter/TableFooter.d.ts +0 -10
  47. package/dist-package/src/TableFooter/TableFooter.d.ts.map +0 -1
  48. package/dist-package/src/TableFooter/TableFooter.js +0 -22
  49. package/dist-package/src/TableFooter/TableFooter.js.map +0 -1
  50. package/dist-package/src/TableFooter/index.d.ts +0 -5
  51. package/dist-package/src/TableFooter/index.d.ts.map +0 -1
  52. package/dist-package/src/TableFooter/index.js +0 -2
  53. package/dist-package/src/TableFooter/index.js.map +0 -1
  54. package/dist-package/src/TableHead/TableHead.d.ts +0 -10
  55. package/dist-package/src/TableHead/TableHead.d.ts.map +0 -1
  56. package/dist-package/src/TableHead/TableHead.js +0 -22
  57. package/dist-package/src/TableHead/TableHead.js.map +0 -1
  58. package/dist-package/src/TableHead/index.d.ts +0 -5
  59. package/dist-package/src/TableHead/index.d.ts.map +0 -1
  60. package/dist-package/src/TableHead/index.js +0 -2
  61. package/dist-package/src/TableHead/index.js.map +0 -1
  62. package/dist-package/src/TableRow/TableRow.d.ts +0 -18
  63. package/dist-package/src/TableRow/TableRow.d.ts.map +0 -1
  64. package/dist-package/src/TableRow/TableRow.js +0 -28
  65. package/dist-package/src/TableRow/TableRow.js.map +0 -1
  66. package/dist-package/src/TableRow/index.d.ts +0 -5
  67. package/dist-package/src/TableRow/index.d.ts.map +0 -1
  68. package/dist-package/src/TableRow/index.js +0 -2
  69. package/dist-package/src/TableRow/index.js.map +0 -1
  70. package/dist-package/src/TableSectionHead/TableSectionHead.d.ts +0 -9
  71. package/dist-package/src/TableSectionHead/TableSectionHead.d.ts.map +0 -1
  72. package/dist-package/src/TableSectionHead/TableSectionHead.js +0 -22
  73. package/dist-package/src/TableSectionHead/TableSectionHead.js.map +0 -1
  74. package/dist-package/src/TableSectionHead/index.d.ts +0 -2
  75. package/dist-package/src/TableSectionHead/index.d.ts.map +0 -1
  76. package/dist-package/src/TableSectionHead/index.js +0 -2
  77. package/dist-package/src/TableSectionHead/index.js.map +0 -1
  78. package/dist-package/src/TableSortableCell/TableSortableCell.d.ts +0 -17
  79. package/dist-package/src/TableSortableCell/TableSortableCell.d.ts.map +0 -1
  80. package/dist-package/src/TableSortableCell/TableSortableCell.js +0 -26
  81. package/dist-package/src/TableSortableCell/TableSortableCell.js.map +0 -1
  82. package/dist-package/src/TableSortableCell/index.d.ts +0 -5
  83. package/dist-package/src/TableSortableCell/index.d.ts.map +0 -1
  84. package/dist-package/src/TableSortableCell/index.js +0 -2
  85. package/dist-package/src/TableSortableCell/index.js.map +0 -1
  86. package/dist-package/src/index.d.ts +0 -10
  87. package/dist-package/src/index.d.ts.map +0 -1
  88. package/dist-package/src/index.js +0 -10
  89. 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.25",
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": "yarn build:package"
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.3",
26
- "@toptal/picasso-shared": "15.0.0",
27
- "@toptal/picasso-typography": "4.0.4",
28
- "@toptal/picasso-button": "4.0.23",
29
- "@toptal/picasso-icons": "1.12.1",
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": "^2.0.0",
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": ">=2.5.0"
42
+ "@toptal/picasso-tailwind": "3.0.1-alpha-1757603192867.0"
42
43
  },
43
44
  "devDependencies": {
44
- "@toptal/picasso-provider": "5.0.1",
45
- "@toptal/picasso-tailwind-merge": "2.0.3",
46
- "@toptal/picasso-test-utils": "1.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,7 +0,0 @@
1
- import { createContext } from 'react';
2
- const TableContext = createContext({
3
- spacing: 'regular',
4
- variant: 'bordered',
5
- });
6
- export default TableContext;
7
- //# sourceMappingURL=TableContext.js.map
@@ -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,8 +0,0 @@
1
- /// <reference types="react" />
2
- export declare enum TableSection {
3
- HEAD = 0,
4
- BODY = 1,
5
- FOOTER = 2
6
- }
7
- export declare const TableSectionContext: import("react").Context<TableSection | undefined>;
8
- //# sourceMappingURL=TableSectionContext.d.ts.map
@@ -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,4 +0,0 @@
1
- export { TableSectionContext, TableSection } from './TableSectionContext';
2
- export { default as TableContext } from './TableContext';
3
- export { default as Table } from './Table';
4
- //# sourceMappingURL=index.js.map
@@ -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,5 +0,0 @@
1
- import type { OmitInternalProps } from '@toptal/picasso-shared';
2
- import type { Props } from './TableBody';
3
- export { default as TableBody } from './TableBody';
4
- export declare type TableBodyProps = OmitInternalProps<Props>;
5
- //# sourceMappingURL=index.d.ts.map
@@ -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,2 +0,0 @@
1
- export { default as TableBody } from './TableBody';
2
- //# sourceMappingURL=index.js.map
@@ -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,5 +0,0 @@
1
- import type { OmitInternalProps } from '@toptal/picasso-shared';
2
- import type { Props } from './TableCell';
3
- export { default as TableCell } from './TableCell';
4
- export declare type TableCellProps = OmitInternalProps<Props>;
5
- //# sourceMappingURL=index.d.ts.map
@@ -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,2 +0,0 @@
1
- export { default as TableCell } from './TableCell';
2
- //# sourceMappingURL=index.js.map
@@ -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,2 +0,0 @@
1
- export { default as TableExpandableRow } from './TableExpandableRow';
2
- //# sourceMappingURL=index.js.map
@@ -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,2 +0,0 @@
1
- export { default as TableFooter } from './TableFooter';
2
- //# sourceMappingURL=index.js.map
@@ -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,5 +0,0 @@
1
- import type { OmitInternalProps } from '@toptal/picasso-shared';
2
- import type { Props } from './TableHead';
3
- export { default as TableHead } from './TableHead';
4
- export declare type TableHeadProps = OmitInternalProps<Props>;
5
- //# sourceMappingURL=index.d.ts.map
@@ -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,2 +0,0 @@
1
- export { default as TableHead } from './TableHead';
2
- //# sourceMappingURL=index.js.map
@@ -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,5 +0,0 @@
1
- import type { OmitInternalProps } from '@toptal/picasso-shared';
2
- import type { Props } from './TableRow';
3
- export { default as TableRow } from './TableRow';
4
- export declare type TableRowProps = OmitInternalProps<Props>;
5
- //# sourceMappingURL=index.d.ts.map
@@ -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,2 +0,0 @@
1
- export { default as TableRow } from './TableRow';
2
- //# sourceMappingURL=index.js.map
@@ -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,2 +0,0 @@
1
- export { default as TableSectionHead } from './TableSectionHead';
2
- //# sourceMappingURL=index.d.ts.map
@@ -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,2 +0,0 @@
1
- export { default as TableSectionHead } from './TableSectionHead';
2
- //# sourceMappingURL=index.js.map
@@ -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,2 +0,0 @@
1
- export { default as TableSortableCell } from './TableSortableCell';
2
- //# sourceMappingURL=index.js.map
@@ -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"}