react-science 4.1.3 → 6.0.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 (217) hide show
  1. package/lib/app/about/AboutDialogToolbarButton.d.ts +2 -2
  2. package/lib/app/about/AboutDialogToolbarButton.d.ts.map +1 -1
  3. package/lib/app/kinds/ir/IrPeaksPanel.d.ts.map +1 -1
  4. package/lib/app/kinds/ir/IrPeaksPanel.js +7 -18
  5. package/lib/app/kinds/ir/IrPeaksPanel.js.map +1 -1
  6. package/lib/app/panels/SignalProcessingPanel.d.ts.map +1 -1
  7. package/lib/app/panels/SignalProcessingPanel.js +52 -27
  8. package/lib/app/panels/SignalProcessingPanel.js.map +1 -1
  9. package/lib/app/panels/measurements/MeasurementsTable.d.ts.map +1 -1
  10. package/lib/app/panels/measurements/MeasurementsTable.js +6 -6
  11. package/lib/app/panels/measurements/MeasurementsTable.js.map +1 -1
  12. package/lib/app/panels/measurements/measurementPanelContext.d.ts +2 -1
  13. package/lib/app/panels/measurements/measurementPanelContext.d.ts.map +1 -1
  14. package/lib/app/panels/measurements/measurementPanelContext.js.map +1 -1
  15. package/lib/components/color-picker/gradient-select/GradientSelect.d.ts.map +1 -1
  16. package/lib/components/color-picker/gradient-select/GradientSelect.js +11 -38
  17. package/lib/components/color-picker/gradient-select/GradientSelect.js.map +1 -1
  18. package/lib/components/color-picker/react-color/common/Swatch.d.ts +2 -2
  19. package/lib/components/color-picker/react-color/common/interaction.d.ts +2 -2
  20. package/lib/components/dialog/ConfirmDialog.js +3 -3
  21. package/lib/components/dialog/ConfirmDialog.js.map +1 -1
  22. package/lib/components/info-panel/InfoPanel.d.ts.map +1 -1
  23. package/lib/components/info-panel/InfoPanel.js +24 -19
  24. package/lib/components/info-panel/InfoPanel.js.map +1 -1
  25. package/lib/components/logger/FifoLoggerDialog.d.ts.map +1 -1
  26. package/lib/components/logger/FifoLoggerDialog.js +32 -9
  27. package/lib/components/logger/FifoLoggerDialog.js.map +1 -1
  28. package/lib/components/root-layout/css-reset/customPreflight.d.ts.map +1 -1
  29. package/lib/components/table/default_table_cell.d.ts +3 -0
  30. package/lib/components/table/default_table_cell.d.ts.map +1 -0
  31. package/lib/components/table/default_table_cell.js +46 -0
  32. package/lib/components/table/default_table_cell.js.map +1 -0
  33. package/lib/components/table/index.d.ts +2 -1
  34. package/lib/components/table/index.d.ts.map +1 -1
  35. package/lib/components/table/index.js +2 -1
  36. package/lib/components/table/index.js.map +1 -1
  37. package/lib/components/table/table_body.d.ts +9 -0
  38. package/lib/components/table/table_body.d.ts.map +1 -0
  39. package/lib/components/table/table_body.js +19 -0
  40. package/lib/components/table/table_body.js.map +1 -0
  41. package/lib/components/table/table_header.d.ts +8 -0
  42. package/lib/components/table/table_header.d.ts.map +1 -0
  43. package/lib/components/table/table_header.js +16 -0
  44. package/lib/components/table/table_header.js.map +1 -0
  45. package/lib/components/table/table_header_cell.d.ts +7 -0
  46. package/lib/components/table/table_header_cell.d.ts.map +1 -0
  47. package/lib/components/table/table_header_cell.js +22 -0
  48. package/lib/components/table/table_header_cell.js.map +1 -0
  49. package/lib/components/table/table_root.d.ts +18 -0
  50. package/lib/components/table/table_root.d.ts.map +1 -0
  51. package/lib/components/table/table_root.js +23 -0
  52. package/lib/components/table/table_root.js.map +1 -0
  53. package/lib/components/table/table_row_cell.d.ts +7 -0
  54. package/lib/components/table/table_row_cell.d.ts.map +1 -0
  55. package/lib/components/table/table_row_cell.js +10 -0
  56. package/lib/components/table/table_row_cell.js.map +1 -0
  57. package/lib/components/table/table_utils.d.ts +10 -0
  58. package/lib/components/table/table_utils.d.ts.map +1 -0
  59. package/lib/components/table/table_utils.js +8 -0
  60. package/lib/components/table/table_utils.js.map +1 -0
  61. package/lib/components/table/use_table_columns.d.ts +4 -0
  62. package/lib/components/table/use_table_columns.d.ts.map +1 -0
  63. package/lib/components/table/use_table_columns.js +17 -0
  64. package/lib/components/table/use_table_columns.js.map +1 -0
  65. package/lib/components/toolbar/PanelPreferencesToolbar.d.ts +2 -1
  66. package/lib/components/toolbar/PanelPreferencesToolbar.d.ts.map +1 -1
  67. package/lib/components/toolbar/PanelPreferencesToolbar.js.map +1 -1
  68. package/lib/components/toolbar/Toolbar.d.ts +2 -2
  69. package/lib/components/toolbar/Toolbar.d.ts.map +1 -1
  70. package/lib/components/toolbar/Toolbar.js +2 -2
  71. package/lib/components/toolbar/Toolbar.js.map +1 -1
  72. package/lib/components/value-renderers/index.d.ts +0 -1
  73. package/lib/components/value-renderers/index.d.ts.map +1 -1
  74. package/lib/components/value-renderers/index.js +1 -3
  75. package/lib/components/value-renderers/index.js.map +1 -1
  76. package/lib-esm/app/about/AboutDialogToolbarButton.d.ts +2 -2
  77. package/lib-esm/app/about/AboutDialogToolbarButton.d.ts.map +1 -1
  78. package/lib-esm/app/kinds/ir/IrPeaksPanel.d.ts.map +1 -1
  79. package/lib-esm/app/kinds/ir/IrPeaksPanel.js +9 -20
  80. package/lib-esm/app/kinds/ir/IrPeaksPanel.js.map +1 -1
  81. package/lib-esm/app/panels/SignalProcessingPanel.d.ts.map +1 -1
  82. package/lib-esm/app/panels/SignalProcessingPanel.js +54 -29
  83. package/lib-esm/app/panels/SignalProcessingPanel.js.map +1 -1
  84. package/lib-esm/app/panels/measurements/MeasurementsTable.d.ts.map +1 -1
  85. package/lib-esm/app/panels/measurements/MeasurementsTable.js +7 -7
  86. package/lib-esm/app/panels/measurements/MeasurementsTable.js.map +1 -1
  87. package/lib-esm/app/panels/measurements/measurementPanelContext.d.ts +2 -1
  88. package/lib-esm/app/panels/measurements/measurementPanelContext.d.ts.map +1 -1
  89. package/lib-esm/app/panels/measurements/measurementPanelContext.js.map +1 -1
  90. package/lib-esm/components/color-picker/gradient-select/GradientSelect.d.ts.map +1 -1
  91. package/lib-esm/components/color-picker/gradient-select/GradientSelect.js +11 -38
  92. package/lib-esm/components/color-picker/gradient-select/GradientSelect.js.map +1 -1
  93. package/lib-esm/components/color-picker/react-color/common/Swatch.d.ts +2 -2
  94. package/lib-esm/components/color-picker/react-color/common/interaction.d.ts +2 -2
  95. package/lib-esm/components/dialog/ConfirmDialog.js +1 -1
  96. package/lib-esm/components/dialog/ConfirmDialog.js.map +1 -1
  97. package/lib-esm/components/info-panel/InfoPanel.d.ts.map +1 -1
  98. package/lib-esm/components/info-panel/InfoPanel.js +19 -14
  99. package/lib-esm/components/info-panel/InfoPanel.js.map +1 -1
  100. package/lib-esm/components/logger/FifoLoggerDialog.d.ts.map +1 -1
  101. package/lib-esm/components/logger/FifoLoggerDialog.js +31 -8
  102. package/lib-esm/components/logger/FifoLoggerDialog.js.map +1 -1
  103. package/lib-esm/components/root-layout/css-reset/customPreflight.d.ts.map +1 -1
  104. package/lib-esm/components/table/default_table_cell.d.ts +3 -0
  105. package/lib-esm/components/table/default_table_cell.d.ts.map +1 -0
  106. package/lib-esm/components/table/default_table_cell.js +20 -0
  107. package/lib-esm/components/table/default_table_cell.js.map +1 -0
  108. package/lib-esm/components/table/index.d.ts +2 -1
  109. package/lib-esm/components/table/index.d.ts.map +1 -1
  110. package/lib-esm/components/table/index.js +2 -1
  111. package/lib-esm/components/table/index.js.map +1 -1
  112. package/lib-esm/components/table/table_body.d.ts +9 -0
  113. package/lib-esm/components/table/table_body.d.ts.map +1 -0
  114. package/lib-esm/components/table/table_body.js +16 -0
  115. package/lib-esm/components/table/table_body.js.map +1 -0
  116. package/lib-esm/components/table/table_header.d.ts +8 -0
  117. package/lib-esm/components/table/table_header.d.ts.map +1 -0
  118. package/lib-esm/components/table/table_header.js +13 -0
  119. package/lib-esm/components/table/table_header.js.map +1 -0
  120. package/lib-esm/components/table/table_header_cell.d.ts +7 -0
  121. package/lib-esm/components/table/table_header_cell.d.ts.map +1 -0
  122. package/lib-esm/components/table/table_header_cell.js +19 -0
  123. package/lib-esm/components/table/table_header_cell.js.map +1 -0
  124. package/lib-esm/components/table/table_root.d.ts +18 -0
  125. package/lib-esm/components/table/table_root.d.ts.map +1 -0
  126. package/lib-esm/components/table/table_root.js +20 -0
  127. package/lib-esm/components/table/table_root.js.map +1 -0
  128. package/lib-esm/components/table/table_row_cell.d.ts +7 -0
  129. package/lib-esm/components/table/table_row_cell.d.ts.map +1 -0
  130. package/lib-esm/components/table/table_row_cell.js +7 -0
  131. package/lib-esm/components/table/table_row_cell.js.map +1 -0
  132. package/lib-esm/components/table/table_utils.d.ts +10 -0
  133. package/lib-esm/components/table/table_utils.d.ts.map +1 -0
  134. package/lib-esm/components/table/table_utils.js +5 -0
  135. package/lib-esm/components/table/table_utils.js.map +1 -0
  136. package/lib-esm/components/table/use_table_columns.d.ts +4 -0
  137. package/lib-esm/components/table/use_table_columns.d.ts.map +1 -0
  138. package/lib-esm/components/table/use_table_columns.js +14 -0
  139. package/lib-esm/components/table/use_table_columns.js.map +1 -0
  140. package/lib-esm/components/toolbar/PanelPreferencesToolbar.d.ts +2 -1
  141. package/lib-esm/components/toolbar/PanelPreferencesToolbar.d.ts.map +1 -1
  142. package/lib-esm/components/toolbar/PanelPreferencesToolbar.js.map +1 -1
  143. package/lib-esm/components/toolbar/Toolbar.d.ts +2 -2
  144. package/lib-esm/components/toolbar/Toolbar.d.ts.map +1 -1
  145. package/lib-esm/components/toolbar/Toolbar.js +2 -2
  146. package/lib-esm/components/toolbar/Toolbar.js.map +1 -1
  147. package/lib-esm/components/value-renderers/index.d.ts +0 -1
  148. package/lib-esm/components/value-renderers/index.d.ts.map +1 -1
  149. package/lib-esm/components/value-renderers/index.js +0 -1
  150. package/lib-esm/components/value-renderers/index.js.map +1 -1
  151. package/package.json +31 -31
  152. package/src/app/about/AboutDialogToolbarButton.tsx +2 -2
  153. package/src/app/kinds/ir/IrPeaksPanel.tsx +15 -51
  154. package/src/app/panels/SignalProcessingPanel.tsx +99 -82
  155. package/src/app/panels/measurements/MeasurementsTable.tsx +19 -21
  156. package/src/app/panels/measurements/measurementPanelContext.tsx +2 -2
  157. package/src/components/color-picker/gradient-select/GradientSelect.tsx +44 -71
  158. package/src/components/dialog/ConfirmDialog.tsx +1 -1
  159. package/src/components/info-panel/InfoPanel.tsx +33 -34
  160. package/src/components/logger/FifoLoggerDialog.tsx +53 -35
  161. package/src/components/table/default_table_cell.tsx +20 -0
  162. package/src/components/table/index.ts +2 -1
  163. package/src/components/table/table_body.tsx +37 -0
  164. package/src/components/table/table_header.tsx +31 -0
  165. package/src/components/table/table_header_cell.tsx +38 -0
  166. package/src/components/table/table_root.tsx +74 -0
  167. package/src/components/table/table_row_cell.tsx +17 -0
  168. package/src/components/table/table_utils.ts +24 -0
  169. package/src/components/table/use_table_columns.ts +19 -0
  170. package/src/components/toolbar/PanelPreferencesToolbar.tsx +2 -1
  171. package/src/components/toolbar/Toolbar.tsx +6 -7
  172. package/src/components/value-renderers/index.ts +0 -2
  173. package/lib/components/table/Table.d.ts +0 -17
  174. package/lib/components/table/Table.d.ts.map +0 -1
  175. package/lib/components/table/Table.js +0 -38
  176. package/lib/components/table/Table.js.map +0 -1
  177. package/lib/components/table/TableHeader.d.ts +0 -5
  178. package/lib/components/table/TableHeader.d.ts.map +0 -1
  179. package/lib/components/table/TableHeader.js +0 -16
  180. package/lib/components/table/TableHeader.js.map +0 -1
  181. package/lib/components/table/TableRow.d.ts +0 -5
  182. package/lib/components/table/TableRow.d.ts.map +0 -1
  183. package/lib/components/table/TableRow.js +0 -44
  184. package/lib/components/table/TableRow.js.map +0 -1
  185. package/lib/components/table/tableContext.d.ts +0 -7
  186. package/lib/components/table/tableContext.d.ts.map +0 -1
  187. package/lib/components/table/tableContext.js +0 -11
  188. package/lib/components/table/tableContext.js.map +0 -1
  189. package/lib/components/value-renderers/Header.d.ts +0 -7
  190. package/lib/components/value-renderers/Header.d.ts.map +0 -1
  191. package/lib/components/value-renderers/Header.js +0 -14
  192. package/lib/components/value-renderers/Header.js.map +0 -1
  193. package/lib-esm/components/table/Table.d.ts +0 -17
  194. package/lib-esm/components/table/Table.d.ts.map +0 -1
  195. package/lib-esm/components/table/Table.js +0 -35
  196. package/lib-esm/components/table/Table.js.map +0 -1
  197. package/lib-esm/components/table/TableHeader.d.ts +0 -5
  198. package/lib-esm/components/table/TableHeader.d.ts.map +0 -1
  199. package/lib-esm/components/table/TableHeader.js +0 -12
  200. package/lib-esm/components/table/TableHeader.js.map +0 -1
  201. package/lib-esm/components/table/TableRow.d.ts +0 -5
  202. package/lib-esm/components/table/TableRow.d.ts.map +0 -1
  203. package/lib-esm/components/table/TableRow.js +0 -40
  204. package/lib-esm/components/table/TableRow.js.map +0 -1
  205. package/lib-esm/components/table/tableContext.d.ts +0 -7
  206. package/lib-esm/components/table/tableContext.d.ts.map +0 -1
  207. package/lib-esm/components/table/tableContext.js +0 -7
  208. package/lib-esm/components/table/tableContext.js.map +0 -1
  209. package/lib-esm/components/value-renderers/Header.d.ts +0 -7
  210. package/lib-esm/components/value-renderers/Header.d.ts.map +0 -1
  211. package/lib-esm/components/value-renderers/Header.js +0 -11
  212. package/lib-esm/components/value-renderers/Header.js.map +0 -1
  213. package/src/components/table/Table.tsx +0 -70
  214. package/src/components/table/TableHeader.tsx +0 -24
  215. package/src/components/table/TableRow.tsx +0 -82
  216. package/src/components/table/tableContext.ts +0 -7
  217. package/src/components/value-renderers/Header.tsx +0 -18
@@ -1,5 +0,0 @@
1
- import { HTMLAttributes } from 'react';
2
- import type { TableProps } from './Table';
3
- export type TableRowProps = TableProps & HTMLAttributes<HTMLTableRowElement>;
4
- export declare const TableRow: ({ children, style, bordered, ...other }: TableRowProps) => import("react/jsx-runtime").JSX.Element;
5
- //# sourceMappingURL=TableRow.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../src/components/table/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,cAAc,EAIf,MAAM,OAAO,CAAC;AAYf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,cAAc,CAAC,mBAAmB,CAAC,CAAC;AAE7E,eAAO,MAAM,QAAQ,4CAKlB,aAAa,4CAUf,CAAC"}
@@ -1,44 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.TableRow = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const react_1 = require("react");
6
- const value_renderers_1 = require("../value-renderers");
7
- const tableContext_1 = require("./tableContext");
8
- const TableRow = ({ children, style = {}, bordered = false, ...other }) => {
9
- const { cells } = useRowChildren(children);
10
- return ((0, jsx_runtime_1.jsx)("tr", { style: { border: bordered ? '1px solid black' : '', ...style }, ...other, children: cells }));
11
- };
12
- exports.TableRow = TableRow;
13
- function useRowChildren(children) {
14
- const cells = [];
15
- const { color } = (0, tableContext_1.useTableContext)();
16
- for (const child of react_1.Children.toArray(children)) {
17
- if (typeof child === 'object' &&
18
- (0, react_1.isValidElement)(child) &&
19
- (child.type === value_renderers_1.Color ||
20
- child.type === value_renderers_1.Boolean ||
21
- child.type === value_renderers_1.Text ||
22
- child.type === value_renderers_1.Number ||
23
- child.type === value_renderers_1.Object ||
24
- child.type === value_renderers_1.Header ||
25
- child.type === value_renderers_1.Component)) {
26
- if (child.type === value_renderers_1.Header) {
27
- cells.push((0, jsx_runtime_1.jsx)("th", { style: { color }, children: child }, child.key));
28
- }
29
- else {
30
- cells.push((0, jsx_runtime_1.jsx)("td", { style: {
31
- color,
32
- position: 'relative',
33
- }, children: child }, child.key));
34
- }
35
- }
36
- else {
37
- // eslint-disable-next-line no-console
38
- console.error('Invalid Row child:', child);
39
- throw new Error('invalid Row child');
40
- }
41
- }
42
- return { cells };
43
- }
44
- //# sourceMappingURL=TableRow.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../src/components/table/TableRow.tsx"],"names":[],"mappings":";;;;AAAA,iCAMe;AAEf,wDAQ4B;AAG5B,iDAAiD;AAI1C,MAAM,QAAQ,GAAG,CAAC,EACvB,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,QAAQ,GAAG,KAAK,EAChB,GAAG,KAAK,EACM,EAAE,EAAE;IAClB,MAAM,EAAE,KAAK,EAAE,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;IAC3C,OAAO,CACL,+BACE,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,GAAG,KAAK,EAAE,KAC1D,KAAK,YAER,KAAK,GACH,CACN,CAAC;AACJ,CAAC,CAAC;AAfW,QAAA,QAAQ,YAenB;AAEF,SAAS,cAAc,CAAC,QAAmB;IACzC,MAAM,KAAK,GAAmB,EAAE,CAAC;IACjC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,8BAAe,GAAE,CAAC;IACpC,KAAK,MAAM,KAAK,IAAI,gBAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC/C,IACE,OAAO,KAAK,KAAK,QAAQ;YACzB,IAAA,sBAAc,EAAC,KAAK,CAAC;YACrB,CAAC,KAAK,CAAC,IAAI,KAAK,uBAAK;gBACnB,KAAK,CAAC,IAAI,KAAK,yBAAO;gBACtB,KAAK,CAAC,IAAI,KAAK,sBAAI;gBACnB,KAAK,CAAC,IAAI,KAAK,wBAAM;gBACrB,KAAK,CAAC,IAAI,KAAK,wBAAM;gBACrB,KAAK,CAAC,IAAI,KAAK,wBAAM;gBACrB,KAAK,CAAC,IAAI,KAAK,2BAAS,CAAC,EAC3B,CAAC;YACD,IAAI,KAAK,CAAC,IAAI,KAAK,wBAAM,EAAE,CAAC;gBAC1B,KAAK,CAAC,IAAI,CACR,+BAAoB,KAAK,EAAE,EAAE,KAAK,EAAE,YACjC,KAAK,IADC,KAAK,CAAC,GAAG,CAEb,CACN,CAAC;YACJ,CAAC;iBAAM,CAAC;gBACN,KAAK,CAAC,IAAI,CACR,+BAEE,KAAK,EAAE;wBACL,KAAK;wBACL,QAAQ,EAAE,UAAU;qBACrB,YAEA,KAAK,IAND,KAAK,CAAC,GAAG,CAOX,CACN,CAAC;YACJ,CAAC;QACH,CAAC;aAAM,CAAC;YACN,sCAAsC;YACtC,OAAO,CAAC,KAAK,CAAC,oBAAoB,EAAE,KAAK,CAAC,CAAC;YAC3C,MAAM,IAAI,KAAK,CAAC,mBAAmB,CAAC,CAAC;QACvC,CAAC;IACH,CAAC;IACD,OAAO,EAAE,KAAK,EAAE,CAAC;AACnB,CAAC"}
@@ -1,7 +0,0 @@
1
- export declare const TableContext: import("react").Context<{
2
- color: string;
3
- }>;
4
- export declare function useTableContext(): {
5
- color: string;
6
- };
7
- //# sourceMappingURL=tableContext.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tableContext.d.ts","sourceRoot":"","sources":["../../../src/components/table/tableContext.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;;EAA+B,CAAC;AACzD,wBAAgB,eAAe;;EAG9B"}
@@ -1,11 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.TableContext = void 0;
4
- exports.useTableContext = useTableContext;
5
- const react_1 = require("react");
6
- exports.TableContext = (0, react_1.createContext)({ color: '' });
7
- function useTableContext() {
8
- const context = (0, react_1.useContext)(exports.TableContext);
9
- return context;
10
- }
11
- //# sourceMappingURL=tableContext.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tableContext.js","sourceRoot":"","sources":["../../../src/components/table/tableContext.ts"],"names":[],"mappings":";;;AAGA,0CAGC;AAND,iCAAkD;AAErC,QAAA,YAAY,GAAG,IAAA,qBAAa,EAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;AACzD,SAAgB,eAAe;IAC7B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,oBAAY,CAAC,CAAC;IACzC,OAAO,OAAO,CAAC;AACjB,CAAC"}
@@ -1,7 +0,0 @@
1
- import { TitleProps } from './Title';
2
- interface HeaderProps extends TitleProps {
3
- sorted?: 'asc' | 'desc' | false;
4
- }
5
- export declare function Header({ sorted, ...other }: HeaderProps): import("react/jsx-runtime").JSX.Element;
6
- export {};
7
- //# sourceMappingURL=Header.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/value-renderers/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,UAAU,EAAE,MAAM,SAAS,CAAC;AAE5C,UAAU,WAAY,SAAQ,UAAU;IACtC,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK,CAAC;CACjC;AACD,wBAAgB,MAAM,CAAC,EAAE,MAAc,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAY/D"}
@@ -1,14 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Header = Header;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const Title_1 = require("./Title");
6
- function Header({ sorted = false, ...other }) {
7
- return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Title_1.Title, { ...other, children: "Header" }), sorted
8
- ? {
9
- asc: ' 🔼',
10
- desc: ' 🔽',
11
- }[sorted]
12
- : null] }));
13
- }
14
- //# sourceMappingURL=Header.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/value-renderers/Header.tsx"],"names":[],"mappings":";;AAKA,wBAYC;;AAjBD,mCAA4C;AAK5C,SAAgB,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,EAAE,GAAG,KAAK,EAAe;IAC9D,OAAO,CACL,4CACE,uBAAC,aAAK,OAAK,KAAK,uBAAgB,EAC/B,MAAM;gBACL,CAAC,CAAC;oBACE,GAAG,EAAE,KAAK;oBACV,IAAI,EAAE,KAAK;iBACZ,CAAC,MAAM,CAAC;gBACX,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}
@@ -1,17 +0,0 @@
1
- import { ReactNode } from 'react';
2
- export interface TableProps extends React.HTMLAttributes<HTMLTableElement> {
3
- children?: ReactNode;
4
- bordered?: boolean;
5
- compact?: boolean;
6
- interactive?: boolean;
7
- striped?: boolean;
8
- color?: string;
9
- }
10
- export declare function Table(props: TableProps): import("@emotion/react/jsx-runtime").JSX.Element;
11
- export declare namespace Table {
12
- var Row: ({ children, style, bordered, ...other }: import("./TableRow").TableRowProps) => import("react/jsx-runtime").JSX.Element;
13
- var Header: ({ children, bordered, style, sticky, }: TableProps & {
14
- sticky?: boolean;
15
- }) => import("react/jsx-runtime").JSX.Element;
16
- }
17
- //# sourceMappingURL=Table.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/table/Table.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,SAAS,EAEV,MAAM,OAAO,CAAC;AAsBf,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IACxE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,oDA2BtC;yBA3Be,KAAK;;;cA3Bc,CAAC"}
@@ -1,35 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
2
- /** @jsxImportSource @emotion/react */
3
- import { HTMLTable } from '@blueprintjs/core';
4
- import { Children, isValidElement, useMemo, } from 'react';
5
- import { TableHeader } from './TableHeader';
6
- import { TableRow } from './TableRow';
7
- import { TableContext } from './tableContext';
8
- function splitChildren(children) {
9
- const Rows = [];
10
- let Header = null;
11
- for (const child of Children.toArray(children)) {
12
- if (typeof child !== 'object' || !isValidElement(child)) {
13
- throw new Error('invalid Table child');
14
- }
15
- else if (child.type === TableRow) {
16
- Rows.push(child);
17
- }
18
- else if (child.type === TableHeader) {
19
- Header = child;
20
- }
21
- else {
22
- throw new Error('invalid Table child');
23
- }
24
- }
25
- return { Rows, Header };
26
- }
27
- export function Table(props) {
28
- const { bordered = false, compact = false, interactive = false, striped = false, color = '', children, ...tableProps } = props;
29
- const { Header, Rows } = splitChildren(children);
30
- const tableContextValue = useMemo(() => ({ color }), [color]);
31
- return (_jsx(TableContext.Provider, { value: tableContextValue, children: _jsxs(HTMLTable, { bordered: bordered, compact: compact, interactive: interactive, striped: striped, ...tableProps, children: [Header, _jsx("tbody", { children: Rows })] }) }));
32
- }
33
- Table.Row = TableRow;
34
- Table.Header = TableHeader;
35
- //# sourceMappingURL=Table.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/components/table/Table.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EACL,QAAQ,EACR,cAAc,EAGd,OAAO,GACR,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,SAAS,aAAa,CAAC,QAAmB;IACxC,MAAM,IAAI,GAAmB,EAAE,CAAC;IAChC,IAAI,MAAM,GAAwB,IAAI,CAAC;IACvC,KAAK,MAAM,KAAK,IAAI,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC/C,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;YACxD,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC;QACzC,CAAC;aAAM,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YACnC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;aAAM,IAAI,KAAK,CAAC,IAAI,KAAK,WAAW,EAAE,CAAC;YACtC,MAAM,GAAG,KAAK,CAAC;QACjB,CAAC;aAAM,CAAC;YACN,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC;QACzC,CAAC;IACH,CAAC;IACD,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AAC1B,CAAC;AAUD,MAAM,UAAU,KAAK,CAAC,KAAiB;IACrC,MAAM,EACJ,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,WAAW,GAAG,KAAK,EACnB,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,EAAE,EACV,QAAQ,EACR,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC;IAEjD,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAC9D,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,iBAAiB,YAC7C,MAAC,SAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,KACZ,UAAU,aAEb,MAAM,EACP,0BAAQ,IAAI,GAAS,IACX,GACU,CACzB,CAAC;AACJ,CAAC;AAED,KAAK,CAAC,GAAG,GAAG,QAAQ,CAAC;AACrB,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC"}
@@ -1,5 +0,0 @@
1
- import type { TableProps } from './Table';
2
- export declare const TableHeader: ({ children, bordered, style, sticky, }: TableProps & {
3
- sticky?: boolean;
4
- }) => import("react/jsx-runtime").JSX.Element;
5
- //# sourceMappingURL=TableHeader.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/table/TableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAU1C,eAAO,MAAM,WAAW,2CAKrB,UAAU,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,4CAQnC,CAAC"}
@@ -1,12 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { TableRow } from './TableRow';
3
- const headerStyle = {
4
- position: 'sticky',
5
- top: 0,
6
- zIndex: 10,
7
- backgroundColor: 'white',
8
- };
9
- export const TableHeader = ({ children, bordered, style, sticky, }) => {
10
- return (_jsx("thead", { style: sticky ? headerStyle : undefined, children: _jsx(TableRow, { bordered: bordered, style: style, children: children }) }));
11
- };
12
- //# sourceMappingURL=TableHeader.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TableHeader.js","sourceRoot":"","sources":["../../../src/components/table/TableHeader.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,WAAW,GAAwB;IACvC,QAAQ,EAAE,QAAQ;IAClB,GAAG,EAAE,CAAC;IACN,MAAM,EAAE,EAAE;IACV,eAAe,EAAE,OAAO;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,MAAM,GAC4B,EAAE,EAAE;IACtC,OAAO,CACL,gBAAO,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,YAC5C,KAAC,QAAQ,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,YACvC,QAAQ,GACA,GACL,CACT,CAAC;AACJ,CAAC,CAAC"}
@@ -1,5 +0,0 @@
1
- import { HTMLAttributes } from 'react';
2
- import type { TableProps } from './Table';
3
- export type TableRowProps = TableProps & HTMLAttributes<HTMLTableRowElement>;
4
- export declare const TableRow: ({ children, style, bordered, ...other }: TableRowProps) => import("react/jsx-runtime").JSX.Element;
5
- //# sourceMappingURL=TableRow.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../src/components/table/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,cAAc,EAIf,MAAM,OAAO,CAAC;AAYf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,cAAc,CAAC,mBAAmB,CAAC,CAAC;AAE7E,eAAO,MAAM,QAAQ,4CAKlB,aAAa,4CAUf,CAAC"}
@@ -1,40 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { Children, isValidElement, } from 'react';
3
- import { Boolean, Color, Component, Header, Number, Object, Text, } from '../value-renderers';
4
- import { useTableContext } from './tableContext';
5
- export const TableRow = ({ children, style = {}, bordered = false, ...other }) => {
6
- const { cells } = useRowChildren(children);
7
- return (_jsx("tr", { style: { border: bordered ? '1px solid black' : '', ...style }, ...other, children: cells }));
8
- };
9
- function useRowChildren(children) {
10
- const cells = [];
11
- const { color } = useTableContext();
12
- for (const child of Children.toArray(children)) {
13
- if (typeof child === 'object' &&
14
- isValidElement(child) &&
15
- (child.type === Color ||
16
- child.type === Boolean ||
17
- child.type === Text ||
18
- child.type === Number ||
19
- child.type === Object ||
20
- child.type === Header ||
21
- child.type === Component)) {
22
- if (child.type === Header) {
23
- cells.push(_jsx("th", { style: { color }, children: child }, child.key));
24
- }
25
- else {
26
- cells.push(_jsx("td", { style: {
27
- color,
28
- position: 'relative',
29
- }, children: child }, child.key));
30
- }
31
- }
32
- else {
33
- // eslint-disable-next-line no-console
34
- console.error('Invalid Row child:', child);
35
- throw new Error('invalid Row child');
36
- }
37
- }
38
- return { cells };
39
- }
40
- //# sourceMappingURL=TableRow.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../src/components/table/TableRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,QAAQ,EAER,cAAc,GAGf,MAAM,OAAO,CAAC;AAEf,OAAO,EACL,OAAO,EACP,KAAK,EACL,SAAS,EACT,MAAM,EACN,MAAM,EACN,MAAM,EACN,IAAI,GACL,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAIjD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,QAAQ,GAAG,KAAK,EAChB,GAAG,KAAK,EACM,EAAE,EAAE;IAClB,MAAM,EAAE,KAAK,EAAE,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;IAC3C,OAAO,CACL,aACE,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,GAAG,KAAK,EAAE,KAC1D,KAAK,YAER,KAAK,GACH,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,cAAc,CAAC,QAAmB;IACzC,MAAM,KAAK,GAAmB,EAAE,CAAC;IACjC,MAAM,EAAE,KAAK,EAAE,GAAG,eAAe,EAAE,CAAC;IACpC,KAAK,MAAM,KAAK,IAAI,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC/C,IACE,OAAO,KAAK,KAAK,QAAQ;YACzB,cAAc,CAAC,KAAK,CAAC;YACrB,CAAC,KAAK,CAAC,IAAI,KAAK,KAAK;gBACnB,KAAK,CAAC,IAAI,KAAK,OAAO;gBACtB,KAAK,CAAC,IAAI,KAAK,IAAI;gBACnB,KAAK,CAAC,IAAI,KAAK,MAAM;gBACrB,KAAK,CAAC,IAAI,KAAK,MAAM;gBACrB,KAAK,CAAC,IAAI,KAAK,MAAM;gBACrB,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,EAC3B,CAAC;YACD,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;gBAC1B,KAAK,CAAC,IAAI,CACR,aAAoB,KAAK,EAAE,EAAE,KAAK,EAAE,YACjC,KAAK,IADC,KAAK,CAAC,GAAG,CAEb,CACN,CAAC;YACJ,CAAC;iBAAM,CAAC;gBACN,KAAK,CAAC,IAAI,CACR,aAEE,KAAK,EAAE;wBACL,KAAK;wBACL,QAAQ,EAAE,UAAU;qBACrB,YAEA,KAAK,IAND,KAAK,CAAC,GAAG,CAOX,CACN,CAAC;YACJ,CAAC;QACH,CAAC;aAAM,CAAC;YACN,sCAAsC;YACtC,OAAO,CAAC,KAAK,CAAC,oBAAoB,EAAE,KAAK,CAAC,CAAC;YAC3C,MAAM,IAAI,KAAK,CAAC,mBAAmB,CAAC,CAAC;QACvC,CAAC;IACH,CAAC;IACD,OAAO,EAAE,KAAK,EAAE,CAAC;AACnB,CAAC"}
@@ -1,7 +0,0 @@
1
- export declare const TableContext: import("react").Context<{
2
- color: string;
3
- }>;
4
- export declare function useTableContext(): {
5
- color: string;
6
- };
7
- //# sourceMappingURL=tableContext.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tableContext.d.ts","sourceRoot":"","sources":["../../../src/components/table/tableContext.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;;EAA+B,CAAC;AACzD,wBAAgB,eAAe;;EAG9B"}
@@ -1,7 +0,0 @@
1
- import { createContext, useContext } from 'react';
2
- export const TableContext = createContext({ color: '' });
3
- export function useTableContext() {
4
- const context = useContext(TableContext);
5
- return context;
6
- }
7
- //# sourceMappingURL=tableContext.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tableContext.js","sourceRoot":"","sources":["../../../src/components/table/tableContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;AACzD,MAAM,UAAU,eAAe;IAC7B,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACzC,OAAO,OAAO,CAAC;AACjB,CAAC"}
@@ -1,7 +0,0 @@
1
- import { TitleProps } from './Title';
2
- interface HeaderProps extends TitleProps {
3
- sorted?: 'asc' | 'desc' | false;
4
- }
5
- export declare function Header({ sorted, ...other }: HeaderProps): import("react/jsx-runtime").JSX.Element;
6
- export {};
7
- //# sourceMappingURL=Header.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/value-renderers/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,UAAU,EAAE,MAAM,SAAS,CAAC;AAE5C,UAAU,WAAY,SAAQ,UAAU;IACtC,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK,CAAC;CACjC;AACD,wBAAgB,MAAM,CAAC,EAAE,MAAc,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAY/D"}
@@ -1,11 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Title } from './Title';
3
- export function Header({ sorted = false, ...other }) {
4
- return (_jsxs("div", { children: [_jsx(Title, { ...other, children: "Header" }), sorted
5
- ? {
6
- asc: ' 🔼',
7
- desc: ' 🔽',
8
- }[sorted]
9
- : null] }));
10
- }
11
- //# sourceMappingURL=Header.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/value-renderers/Header.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAc,MAAM,SAAS,CAAC;AAK5C,MAAM,UAAU,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,EAAE,GAAG,KAAK,EAAe;IAC9D,OAAO,CACL,0BACE,KAAC,KAAK,OAAK,KAAK,uBAAgB,EAC/B,MAAM;gBACL,CAAC,CAAC;oBACE,GAAG,EAAE,KAAK;oBACV,IAAI,EAAE,KAAK;iBACZ,CAAC,MAAM,CAAC;gBACX,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}
@@ -1,70 +0,0 @@
1
- /** @jsxImportSource @emotion/react */
2
- import { HTMLTable } from '@blueprintjs/core';
3
- import {
4
- Children,
5
- isValidElement,
6
- ReactElement,
7
- ReactNode,
8
- useMemo,
9
- } from 'react';
10
-
11
- import { TableHeader } from './TableHeader';
12
- import { TableRow } from './TableRow';
13
- import { TableContext } from './tableContext';
14
-
15
- function splitChildren(children: ReactNode) {
16
- const Rows: ReactElement[] = [];
17
- let Header: ReactElement | null = null;
18
- for (const child of Children.toArray(children)) {
19
- if (typeof child !== 'object' || !isValidElement(child)) {
20
- throw new Error('invalid Table child');
21
- } else if (child.type === TableRow) {
22
- Rows.push(child);
23
- } else if (child.type === TableHeader) {
24
- Header = child;
25
- } else {
26
- throw new Error('invalid Table child');
27
- }
28
- }
29
- return { Rows, Header };
30
- }
31
- export interface TableProps extends React.HTMLAttributes<HTMLTableElement> {
32
- children?: ReactNode;
33
- bordered?: boolean;
34
- compact?: boolean;
35
- interactive?: boolean;
36
- striped?: boolean;
37
- color?: string;
38
- }
39
-
40
- export function Table(props: TableProps) {
41
- const {
42
- bordered = false,
43
- compact = false,
44
- interactive = false,
45
- striped = false,
46
- color = '',
47
- children,
48
- ...tableProps
49
- } = props;
50
- const { Header, Rows } = splitChildren(children);
51
-
52
- const tableContextValue = useMemo(() => ({ color }), [color]);
53
- return (
54
- <TableContext.Provider value={tableContextValue}>
55
- <HTMLTable
56
- bordered={bordered}
57
- compact={compact}
58
- interactive={interactive}
59
- striped={striped}
60
- {...tableProps}
61
- >
62
- {Header}
63
- <tbody>{Rows}</tbody>
64
- </HTMLTable>
65
- </TableContext.Provider>
66
- );
67
- }
68
-
69
- Table.Row = TableRow;
70
- Table.Header = TableHeader;
@@ -1,24 +0,0 @@
1
- import type { TableProps } from './Table';
2
- import { TableRow } from './TableRow';
3
-
4
- const headerStyle: React.CSSProperties = {
5
- position: 'sticky',
6
- top: 0,
7
- zIndex: 10,
8
- backgroundColor: 'white',
9
- };
10
-
11
- export const TableHeader = ({
12
- children,
13
- bordered,
14
- style,
15
- sticky,
16
- }: TableProps & { sticky?: boolean }) => {
17
- return (
18
- <thead style={sticky ? headerStyle : undefined}>
19
- <TableRow bordered={bordered} style={style}>
20
- {children}
21
- </TableRow>
22
- </thead>
23
- );
24
- };
@@ -1,82 +0,0 @@
1
- import {
2
- Children,
3
- HTMLAttributes,
4
- isValidElement,
5
- ReactElement,
6
- ReactNode,
7
- } from 'react';
8
-
9
- import {
10
- Boolean,
11
- Color,
12
- Component,
13
- Header,
14
- Number,
15
- Object,
16
- Text,
17
- } from '../value-renderers';
18
-
19
- import type { TableProps } from './Table';
20
- import { useTableContext } from './tableContext';
21
-
22
- export type TableRowProps = TableProps & HTMLAttributes<HTMLTableRowElement>;
23
-
24
- export const TableRow = ({
25
- children,
26
- style = {},
27
- bordered = false,
28
- ...other
29
- }: TableRowProps) => {
30
- const { cells } = useRowChildren(children);
31
- return (
32
- <tr
33
- style={{ border: bordered ? '1px solid black' : '', ...style }}
34
- {...other}
35
- >
36
- {cells}
37
- </tr>
38
- );
39
- };
40
-
41
- function useRowChildren(children: ReactNode) {
42
- const cells: ReactElement[] = [];
43
- const { color } = useTableContext();
44
- for (const child of Children.toArray(children)) {
45
- if (
46
- typeof child === 'object' &&
47
- isValidElement(child) &&
48
- (child.type === Color ||
49
- child.type === Boolean ||
50
- child.type === Text ||
51
- child.type === Number ||
52
- child.type === Object ||
53
- child.type === Header ||
54
- child.type === Component)
55
- ) {
56
- if (child.type === Header) {
57
- cells.push(
58
- <th key={child.key} style={{ color }}>
59
- {child}
60
- </th>,
61
- );
62
- } else {
63
- cells.push(
64
- <td
65
- key={child.key}
66
- style={{
67
- color,
68
- position: 'relative',
69
- }}
70
- >
71
- {child}
72
- </td>,
73
- );
74
- }
75
- } else {
76
- // eslint-disable-next-line no-console
77
- console.error('Invalid Row child:', child);
78
- throw new Error('invalid Row child');
79
- }
80
- }
81
- return { cells };
82
- }
@@ -1,7 +0,0 @@
1
- import { createContext, useContext } from 'react';
2
-
3
- export const TableContext = createContext({ color: '' });
4
- export function useTableContext() {
5
- const context = useContext(TableContext);
6
- return context;
7
- }
@@ -1,18 +0,0 @@
1
- import { Title, TitleProps } from './Title';
2
-
3
- interface HeaderProps extends TitleProps {
4
- sorted?: 'asc' | 'desc' | false;
5
- }
6
- export function Header({ sorted = false, ...other }: HeaderProps) {
7
- return (
8
- <div>
9
- <Title {...other}>Header</Title>
10
- {sorted
11
- ? {
12
- asc: ' 🔼',
13
- desc: ' 🔽',
14
- }[sorted]
15
- : null}
16
- </div>
17
- );
18
- }