react-science 5.0.0 → 6.0.1

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 (68) hide show
  1. package/lib/components/color-picker/gradient-select/GradientSelect.d.ts.map +1 -1
  2. package/lib/components/color-picker/gradient-select/GradientSelect.js +11 -38
  3. package/lib/components/color-picker/gradient-select/GradientSelect.js.map +1 -1
  4. package/lib/components/color-picker/react-color/helpers/color.d.ts.map +1 -1
  5. package/lib/components/color-picker/react-color/helpers/color.js +8 -3
  6. package/lib/components/color-picker/react-color/helpers/color.js.map +1 -1
  7. package/lib/components/logger/FifoLoggerDialog.d.ts.map +1 -1
  8. package/lib/components/logger/FifoLoggerDialog.js +3 -8
  9. package/lib/components/logger/FifoLoggerDialog.js.map +1 -1
  10. package/lib/components/table/table_body.d.ts +2 -4
  11. package/lib/components/table/table_body.d.ts.map +1 -1
  12. package/lib/components/table/table_body.js +11 -3
  13. package/lib/components/table/table_body.js.map +1 -1
  14. package/lib/components/table/table_header.d.ts.map +1 -1
  15. package/lib/components/table/table_header.js +1 -2
  16. package/lib/components/table/table_header.js.map +1 -1
  17. package/lib/components/table/table_root.d.ts +2 -2
  18. package/lib/components/table/table_root.d.ts.map +1 -1
  19. package/lib/components/table/table_root.js +2 -2
  20. package/lib/components/table/table_root.js.map +1 -1
  21. package/lib/components/table/table_utils.d.ts +6 -2
  22. package/lib/components/table/table_utils.d.ts.map +1 -1
  23. package/lib/components/table/table_utils.js.map +1 -1
  24. package/lib/components/toolbar/Toolbar.js +1 -1
  25. package/lib/components/toolbar/Toolbar.js.map +1 -1
  26. package/lib-esm/components/color-picker/gradient-select/GradientSelect.d.ts.map +1 -1
  27. package/lib-esm/components/color-picker/gradient-select/GradientSelect.js +11 -38
  28. package/lib-esm/components/color-picker/gradient-select/GradientSelect.js.map +1 -1
  29. package/lib-esm/components/color-picker/react-color/helpers/color.d.ts.map +1 -1
  30. package/lib-esm/components/color-picker/react-color/helpers/color.js +8 -3
  31. package/lib-esm/components/color-picker/react-color/helpers/color.js.map +1 -1
  32. package/lib-esm/components/logger/FifoLoggerDialog.d.ts.map +1 -1
  33. package/lib-esm/components/logger/FifoLoggerDialog.js +4 -9
  34. package/lib-esm/components/logger/FifoLoggerDialog.js.map +1 -1
  35. package/lib-esm/components/table/table_body.d.ts +2 -4
  36. package/lib-esm/components/table/table_body.d.ts.map +1 -1
  37. package/lib-esm/components/table/table_body.js +11 -3
  38. package/lib-esm/components/table/table_body.js.map +1 -1
  39. package/lib-esm/components/table/table_header.d.ts.map +1 -1
  40. package/lib-esm/components/table/table_header.js +1 -2
  41. package/lib-esm/components/table/table_header.js.map +1 -1
  42. package/lib-esm/components/table/table_root.d.ts +2 -2
  43. package/lib-esm/components/table/table_root.d.ts.map +1 -1
  44. package/lib-esm/components/table/table_root.js +2 -2
  45. package/lib-esm/components/table/table_root.js.map +1 -1
  46. package/lib-esm/components/table/table_utils.d.ts +6 -2
  47. package/lib-esm/components/table/table_utils.d.ts.map +1 -1
  48. package/lib-esm/components/table/table_utils.js.map +1 -1
  49. package/lib-esm/components/toolbar/Toolbar.js +1 -1
  50. package/lib-esm/components/toolbar/Toolbar.js.map +1 -1
  51. package/package.json +2 -2
  52. package/src/components/color-picker/gradient-select/GradientSelect.tsx +44 -71
  53. package/src/components/color-picker/react-color/helpers/color.js +10 -3
  54. package/src/components/logger/FifoLoggerDialog.tsx +10 -14
  55. package/src/components/table/table_body.tsx +21 -15
  56. package/src/components/table/table_header.tsx +2 -3
  57. package/src/components/table/table_root.tsx +4 -7
  58. package/src/components/table/table_utils.ts +8 -5
  59. package/src/components/toolbar/Toolbar.tsx +1 -0
  60. package/lib/components/table/table_row.d.ts +0 -8
  61. package/lib/components/table/table_row.d.ts.map +0 -1
  62. package/lib/components/table/table_row.js +0 -9
  63. package/lib/components/table/table_row.js.map +0 -1
  64. package/lib-esm/components/table/table_row.d.ts +0 -8
  65. package/lib-esm/components/table/table_row.d.ts.map +0 -1
  66. package/lib-esm/components/table/table_row.js +0 -6
  67. package/lib-esm/components/table/table_row.js.map +0 -1
  68. package/src/components/table/table_row.tsx +0 -14
@@ -1 +1 @@
1
- {"version":3,"file":"table_body.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAE3D,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,cAAc,CAAC,mBAAmB,CAAC,EACnC,UAAU,CACX,CAAC;AAEF,UAAU,cAAc,CAAC,KAAK,SAAS,OAAO;IAC5C,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;IACxB,aAAa,CAAC,EAAE,qBAAqB,CAAC,KAAK,CAAC,CAAC;CAC9C;AAED,wBAAgB,SAAS,CAAC,KAAK,SAAS,OAAO,EAAE,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,2CAa5E"}
1
+ {"version":3,"file":"table_body.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAI1D,OAAO,KAAK,EACV,kBAAkB,EAEnB,MAAM,eAAe,CAAC;AAEvB,UAAU,cAAc,CAAC,KAAK,SAAS,OAAO;IAC5C,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;IACxB,WAAW,EAAE,kBAAkB,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;CACpD;AAED,wBAAgB,SAAS,CAAC,KAAK,SAAS,OAAO,EAAE,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,2CAgB5E"}
@@ -1,8 +1,16 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
- import { TableRow } from './table_row';
2
+ import { Fragment } from 'react';
3
3
  import { TableRowCell } from './table_row_cell';
4
4
  export function TableBody(props) {
5
- const { rows, getRowTrProps } = props;
6
- return (_jsx("tbody", { children: rows.map((row) => (_jsx(TableRow, { trProps: getRowTrProps?.(row), children: row.getVisibleCells().map((cell) => (_jsx(TableRowCell, { cell: cell }, cell.id))) }, row.id))) }));
5
+ const { rows, renderRowTr = defaultRenderRowTr } = props;
6
+ return (_jsx("tbody", { children: rows.map((row) => (_jsx(Fragment, { children: renderRowTr({
7
+ row,
8
+ children: row
9
+ .getVisibleCells()
10
+ .map((cell) => _jsx(TableRowCell, { cell: cell }, cell.id)),
11
+ }) }, row.id))) }));
12
+ }
13
+ function defaultRenderRowTr(props) {
14
+ return _jsx("tr", { children: props.children });
7
15
  }
8
16
  //# sourceMappingURL=table_body.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"table_body.js","sourceRoot":"","sources":["../../../src/components/table/table_body.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAahD,MAAM,UAAU,SAAS,CAAwB,KAA4B;IAC3E,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IACtC,OAAO,CACL,0BACG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACjB,KAAC,QAAQ,IAAc,OAAO,EAAE,aAAa,EAAE,CAAC,GAAG,CAAC,YACjD,GAAG,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnC,KAAC,YAAY,IAAe,IAAI,EAAE,IAAI,IAAnB,IAAI,CAAC,EAAE,CAAgB,CAC3C,CAAC,IAHW,GAAG,CAAC,EAAE,CAIV,CACZ,CAAC,GACI,CACT,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"table_body.js","sourceRoot":"","sources":["../../../src/components/table/table_body.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAWhD,MAAM,UAAU,SAAS,CAAwB,KAA4B;IAC3E,MAAM,EAAE,IAAI,EAAE,WAAW,GAAG,kBAAkB,EAAE,GAAG,KAAK,CAAC;IACzD,OAAO,CACL,0BACG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACjB,KAAC,QAAQ,cACN,WAAW,CAAC;gBACX,GAAG;gBACH,QAAQ,EAAE,GAAG;qBACV,eAAe,EAAE;qBACjB,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,YAAY,IAAe,IAAI,EAAE,IAAI,IAAnB,IAAI,CAAC,EAAE,CAAgB,CAAC;aAC7D,CAAC,IANW,GAAG,CAAC,EAAE,CAOV,CACZ,CAAC,GACI,CACT,CAAC;AACJ,CAAC;AAED,SAAS,kBAAkB,CACzB,KAAqC;IAErC,OAAO,uBAAK,KAAK,CAAC,QAAQ,GAAM,CAAC;AACnC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"table_header.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAa7D,UAAU,gBAAgB,CAAC,KAAK,SAAS,OAAO;IAC9C,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IACvC,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,wBAAgB,WAAW,CAAC,KAAK,SAAS,OAAO,EAC/C,KAAK,EAAE,gBAAgB,CAAC,KAAK,CAAC,2CAY/B"}
1
+ {"version":3,"file":"table_header.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAY7D,UAAU,gBAAgB,CAAC,KAAK,SAAS,OAAO;IAC9C,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IACvC,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,wBAAgB,WAAW,CAAC,KAAK,SAAS,OAAO,EAC/C,KAAK,EAAE,gBAAgB,CAAC,KAAK,CAAC,2CAY/B"}
@@ -1,6 +1,5 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { TableHeaderCell } from './table_header_cell';
3
- import { TableRow } from './table_row';
4
3
  const headerStyle = {
5
4
  position: 'sticky',
6
5
  top: 0,
@@ -9,6 +8,6 @@ const headerStyle = {
9
8
  };
10
9
  export function TableHeader(props) {
11
10
  const { headers, sticky } = props;
12
- return (_jsx("thead", { style: sticky ? headerStyle : undefined, children: _jsx(TableRow, { children: headers.map((header) => (_jsx(TableHeaderCell, { header: header }, header.id))) }) }));
11
+ return (_jsx("thead", { style: sticky ? headerStyle : undefined, children: _jsx("tr", { children: headers.map((header) => (_jsx(TableHeaderCell, { header: header }, header.id))) }) }));
13
12
  }
14
13
  //# sourceMappingURL=table_header.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"table_header.js","sourceRoot":"","sources":["../../../src/components/table/table_header.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,MAAM,WAAW,GAAkB;IACjC,QAAQ,EAAE,QAAQ;IAClB,GAAG,EAAE,CAAC;IACN,MAAM,EAAE,EAAE;IACV,eAAe,EAAE,OAAO;CACzB,CAAC;AAOF,MAAM,UAAU,WAAW,CACzB,KAA8B;IAE9B,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAClC,OAAO,CACL,gBAAO,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,YAC5C,KAAC,QAAQ,cACN,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,KAAC,eAAe,IAAiB,MAAM,EAAE,MAAM,IAAzB,MAAM,CAAC,EAAE,CAAoB,CACpD,CAAC,GACO,GACL,CACT,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"table_header.js","sourceRoot":"","sources":["../../../src/components/table/table_header.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,WAAW,GAAkB;IACjC,QAAQ,EAAE,QAAQ;IAClB,GAAG,EAAE,CAAC;IACN,MAAM,EAAE,EAAE;IACV,eAAe,EAAE,OAAO;CACzB,CAAC;AAOF,MAAM,UAAU,WAAW,CACzB,KAA8B;IAE9B,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAClC,OAAO,CACL,gBAAO,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,YAC5C,uBACG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,KAAC,eAAe,IAAiB,MAAM,EAAE,MAAM,IAAzB,MAAM,CAAC,EAAE,CAAoB,CACpD,CAAC,GACC,GACC,CACT,CAAC;AACJ,CAAC"}
@@ -1,7 +1,7 @@
1
1
  /** @jsxImportSource @emotion/react */
2
2
  import { type RowData, type TableOptions } from '@tanstack/react-table';
3
3
  import { TableHTMLAttributes } from 'react';
4
- import type { TableColumnDef, TableRowTrPropsGetter } from './table_utils';
4
+ import type { TableColumnDef, TableRowTrRenderer } from './table_utils';
5
5
  export interface TableProps<TData extends RowData> {
6
6
  data: TData[];
7
7
  columns: Array<TableColumnDef<TData, any>>;
@@ -12,7 +12,7 @@ export interface TableProps<TData extends RowData> {
12
12
  stickyHeader?: boolean;
13
13
  reactTable?: Omit<TableOptions<TData>, 'data' | 'columns' | 'getCoreRowModel' | 'getSortedRowModel'>;
14
14
  tableProps?: Omit<TableHTMLAttributes<HTMLTableElement>, 'children'>;
15
- getRowTrProps?: TableRowTrPropsGetter<TData>;
15
+ renderRowTr?: TableRowTrRenderer<TData>;
16
16
  }
17
17
  export declare function Table<TData extends RowData>(props: TableProps<TData>): import("@emotion/react/jsx-runtime").JSX.Element;
18
18
  //# sourceMappingURL=table_root.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"table_root.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_root.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AAGtC,OAAO,EAGL,KAAK,OAAO,EACZ,KAAK,YAAY,EAElB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAI5C,OAAO,KAAK,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAG3E,MAAM,WAAW,UAAU,CAAC,KAAK,SAAS,OAAO;IAC/C,IAAI,EAAE,KAAK,EAAE,CAAC;IAEd,OAAO,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC;IAE3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,UAAU,CAAC,EAAE,IAAI,CACf,YAAY,CAAC,KAAK,CAAC,EACnB,MAAM,GAAG,SAAS,GAAG,iBAAiB,GAAG,mBAAmB,CAC7D,CAAC;IACF,UAAU,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC;IACrE,aAAa,CAAC,EAAE,qBAAqB,CAAC,KAAK,CAAC,CAAC;CAC9C;AAED,wBAAgB,KAAK,CAAC,KAAK,SAAS,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,oDAwCpE"}
1
+ {"version":3,"file":"table_root.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_root.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AAGtC,OAAO,EAGL,KAAK,OAAO,EACZ,KAAK,YAAY,EAElB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAI5C,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAGxE,MAAM,WAAW,UAAU,CAAC,KAAK,SAAS,OAAO;IAC/C,IAAI,EAAE,KAAK,EAAE,CAAC;IAEd,OAAO,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC;IAE3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,UAAU,CAAC,EAAE,IAAI,CACf,YAAY,CAAC,KAAK,CAAC,EACnB,MAAM,GAAG,SAAS,GAAG,iBAAiB,GAAG,mBAAmB,CAC7D,CAAC;IACF,UAAU,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC;IACrE,WAAW,CAAC,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAC;CACzC;AAED,wBAAgB,KAAK,CAAC,KAAK,SAAS,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,oDAqCpE"}
@@ -6,7 +6,7 @@ import { TableBody } from './table_body';
6
6
  import { TableHeader } from './table_header';
7
7
  import { useTableColumns } from './use_table_columns';
8
8
  export function Table(props) {
9
- const { data, columns, bordered = false, compact = false, interactive = false, striped = false, stickyHeader = false, reactTable, tableProps, getRowTrProps, } = props;
9
+ const { data, columns, bordered = false, compact = false, interactive = false, striped = false, stickyHeader = false, reactTable, tableProps, renderRowTr, } = props;
10
10
  const columnDefs = useTableColumns(columns);
11
11
  const table = useReactTable({
12
12
  ...reactTable,
@@ -15,6 +15,6 @@ export function Table(props) {
15
15
  getCoreRowModel: getCoreRowModel(),
16
16
  getSortedRowModel: getSortedRowModel(),
17
17
  });
18
- return (_jsxs(HTMLTable, { bordered: bordered, compact: compact, interactive: interactive, striped: striped, ...tableProps, children: [_jsx(TableHeader, { sticky: stickyHeader, headers: table.getFlatHeaders() }), _jsx(TableBody, { rows: table.getRowModel().rows, getRowTrProps: getRowTrProps })] }));
18
+ return (_jsxs(HTMLTable, { bordered: bordered, compact: compact, interactive: interactive, striped: striped, ...tableProps, children: [_jsx(TableHeader, { sticky: stickyHeader, headers: table.getFlatHeaders() }), _jsx(TableBody, { rows: table.getRowModel().rows, renderRowTr: renderRowTr })] }));
19
19
  }
20
20
  //# sourceMappingURL=table_root.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"table_root.js","sourceRoot":"","sources":["../../../src/components/table/table_root.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AAEtC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EACL,eAAe,EACf,iBAAiB,EAGjB,aAAa,GACd,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAqBtD,MAAM,UAAU,KAAK,CAAwB,KAAwB;IACnE,MAAM,EACJ,IAAI,EACJ,OAAO,EAEP,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,WAAW,GAAG,KAAK,EACnB,OAAO,GAAG,KAAK,EACf,YAAY,GAAG,KAAK,EAEpB,UAAU,EACV,UAAU,EACV,aAAa,GACd,GAAG,KAAK,CAAC;IAEV,MAAM,UAAU,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;IAC5C,MAAM,KAAK,GAAG,aAAa,CAAQ;QACjC,GAAG,UAAU;QACb,IAAI;QACJ,OAAO,EAAE,UAAU;QACnB,eAAe,EAAE,eAAe,EAAE;QAClC,iBAAiB,EAAE,iBAAiB,EAAE;KACvC,CAAC,CAAC;IAEH,OAAO,CACL,MAAC,SAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,KACZ,UAAU,aAEd,KAAC,WAAW,IAAC,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,KAAK,CAAC,cAAc,EAAE,GAAI,EACtE,KAAC,SAAS,IACR,IAAI,EAAE,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,EAC9B,aAAa,EAAE,aAAa,GAC5B,IACQ,CACb,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"table_root.js","sourceRoot":"","sources":["../../../src/components/table/table_root.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AAEtC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EACL,eAAe,EACf,iBAAiB,EAGjB,aAAa,GACd,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAqBtD,MAAM,UAAU,KAAK,CAAwB,KAAwB;IACnE,MAAM,EACJ,IAAI,EACJ,OAAO,EAEP,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,WAAW,GAAG,KAAK,EACnB,OAAO,GAAG,KAAK,EACf,YAAY,GAAG,KAAK,EAEpB,UAAU,EACV,UAAU,EACV,WAAW,GACZ,GAAG,KAAK,CAAC;IAEV,MAAM,UAAU,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;IAC5C,MAAM,KAAK,GAAG,aAAa,CAAQ;QACjC,GAAG,UAAU;QACb,IAAI;QACJ,OAAO,EAAE,UAAU;QACnB,eAAe,EAAE,eAAe,EAAE;QAClC,iBAAiB,EAAE,iBAAiB,EAAE;KACvC,CAAC,CAAC;IAEH,OAAO,CACL,MAAC,SAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,KACZ,UAAU,aAEd,KAAC,WAAW,IAAC,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,KAAK,CAAC,cAAc,EAAE,GAAI,EACtE,KAAC,SAAS,IAAC,IAAI,EAAE,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,WAAW,GAAI,IAC7D,CACb,CAAC;AACJ,CAAC"}
@@ -1,6 +1,10 @@
1
1
  import { type ColumnDef, type Row, type RowData } from '@tanstack/react-table';
2
- import type { TrProps } from './table_row';
2
+ import type { ReactNode } from 'react';
3
3
  export type TableColumnDef<TData extends RowData, TValue = unknown> = ColumnDef<TData, TValue>;
4
4
  export declare function createTableColumnHelper<TData extends RowData>(): import("@tanstack/react-table").ColumnHelper<TData>;
5
- export type TableRowTrPropsGetter<TData extends RowData> = (row: Row<TData>) => TrProps;
5
+ export interface TableRowTrRendererProps<TData extends RowData> {
6
+ row: Row<TData>;
7
+ children: ReactNode;
8
+ }
9
+ export type TableRowTrRenderer<TData extends RowData> = (props: TableRowTrRendererProps<TData>) => ReactNode;
6
10
  //# sourceMappingURL=table_utils.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"table_utils.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_utils.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EAEd,KAAK,GAAG,EACR,KAAK,OAAO,EACb,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,MAAM,cAAc,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM,GAAG,OAAO,IAAI,SAAS,CAC7E,KAAK,EACL,MAAM,CACP,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,KAAK,SAAS,OAAO,yDAE5D;AAED,MAAM,MAAM,qBAAqB,CAAC,KAAK,SAAS,OAAO,IAAI,CACzD,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,KACZ,OAAO,CAAC"}
1
+ {"version":3,"file":"table_utils.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_utils.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EAEd,KAAK,GAAG,EACR,KAAK,OAAO,EACb,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,cAAc,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM,GAAG,OAAO,IAAI,SAAS,CAC7E,KAAK,EACL,MAAM,CACP,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,KAAK,SAAS,OAAO,yDAE5D;AAED,MAAM,WAAW,uBAAuB,CAAC,KAAK,SAAS,OAAO;IAC5D,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC;CACrB;AACD,MAAM,MAAM,kBAAkB,CAAC,KAAK,SAAS,OAAO,IAAI,CACtD,KAAK,EAAE,uBAAuB,CAAC,KAAK,CAAC,KAClC,SAAS,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"table_utils.js","sourceRoot":"","sources":["../../../src/components/table/table_utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,kBAAkB,GAGnB,MAAM,uBAAuB,CAAC;AAS/B,MAAM,UAAU,uBAAuB;IACrC,OAAO,kBAAkB,EAAS,CAAC;AACrC,CAAC"}
1
+ {"version":3,"file":"table_utils.js","sourceRoot":"","sources":["../../../src/components/table/table_utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,kBAAkB,GAGnB,MAAM,uBAAuB,CAAC;AAQ/B,MAAM,UAAU,uBAAuB;IACrC,OAAO,kBAAkB,EAAS,CAAC;AACrC,CAAC"}
@@ -94,7 +94,7 @@ Toolbar.Item = function ToolbarItem(props) {
94
94
  Toolbar.PopoverItem = function ToolbarPopoverItem(props) {
95
95
  const { itemProps, ...other } = props;
96
96
  const { disabled, vertical, popoverInteractionKind } = useToolbarContext();
97
- return (_jsx(Popover, { minimal: true, disabled: disabled, placement: vertical ? 'right-start' : 'bottom-start', interactionKind: popoverInteractionKind, hoverCloseDelay: 0, css: css `
97
+ return (_jsx(Popover, { minimal: true, disabled: disabled, placement: vertical ? 'right-start' : 'bottom-start', interactionKind: popoverInteractionKind, hasBackdrop: true, hoverCloseDelay: 0, css: css `
98
98
  .${Classes.ICON} {
99
99
  color: ${Colors.DARK_GRAY3};
100
100
  }
@@ -1 +1 @@
1
- {"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../src/components/toolbar/Toolbar.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../src/components/toolbar/Toolbar.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-science",
3
- "version": "5.0.0",
3
+ "version": "6.0.1",
4
4
  "description": "React components to build scientific applications UI",
5
5
  "exports": {
6
6
  "./app": {
@@ -92,7 +92,7 @@
92
92
  "react-dropzone": "^14.2.3",
93
93
  "react-icons": "^5.2.1",
94
94
  "react-inspector": "^6.0.2",
95
- "react-plot": "^1.4.2",
95
+ "react-plot": "^2.0.0",
96
96
  "react-popper": "^2.3.0",
97
97
  "spc-parser": "^1.0.0",
98
98
  "tinycolor2": "^1.6.0",
@@ -1,7 +1,8 @@
1
1
  /** @jsxImportSource @emotion/react */
2
2
  import { css } from '@emotion/react';
3
3
  import styled from '@emotion/styled';
4
- import * as Select from '@radix-ui/react-select';
4
+ import { Button, MenuItem } from '@blueprintjs/core';
5
+ import { ItemRenderer, Select } from '@blueprintjs/select';
5
6
  import * as scaleChromatic from 'd3-scale-chromatic';
6
7
  import { FaChevronDown } from 'react-icons/fa';
7
8
 
@@ -53,86 +54,58 @@ export interface GradientSelectProps {
53
54
  value: GradientScaleName;
54
55
  onChange: (value: GradientScaleName) => void;
55
56
  }
56
-
57
+ const renderItem: ItemRenderer<GradientScaleName> = (
58
+ option,
59
+ { handleClick, handleFocus, modifiers },
60
+ ) => {
61
+ if (!modifiers.matchesPredicate) {
62
+ return null;
63
+ }
64
+ return (
65
+ <MenuItem
66
+ active={modifiers.active}
67
+ key={option}
68
+ onClick={handleClick}
69
+ onFocus={handleFocus}
70
+ roleStructure="listoption"
71
+ text={
72
+ <div>
73
+ {option}
74
+ <GradientSelectOption>
75
+ <div style={{ height: 15 }}>
76
+ <FixedGradientPreview gradient={option} />
77
+ </div>
78
+ </GradientSelectOption>
79
+ </div>
80
+ }
81
+ />
82
+ );
83
+ };
57
84
  export function GradientSelect(props: GradientSelectProps) {
58
85
  const { value, onChange } = props;
59
86
  return (
60
87
  <GradientSelectListbox>
61
- <Select.Root value={value} onValueChange={onChange}>
62
- <Select.Trigger
88
+ <Select
89
+ popoverProps={{ matchTargetWidth: true }}
90
+ activeItem={value}
91
+ onItemSelect={onChange}
92
+ items={scaleOptions}
93
+ itemRenderer={renderItem}
94
+ filterable={false}
95
+ fill
96
+ >
97
+ <Button
63
98
  css={css`
64
99
  width: 100%;
65
100
  height: 30px;
66
101
  padding: 4px;
102
+ display: block;
67
103
  `}
68
104
  >
69
- <Select.Value>
70
- <FixedGradientPreview gradient={value} />
71
- <GradientSelectChevron />
72
- </Select.Value>
73
- </Select.Trigger>
74
- <Select.Portal>
75
- <Select.Content
76
- position="popper"
77
- sideOffset={10}
78
- css={css`
79
- background-color: white;
80
- width: var(--radix-select-trigger-width);
81
- border: 1px solid darkgray;
82
- border-radius: 0.25rem;
83
- padding: 4px;
84
- `}
85
- >
86
- <Select.Viewport>
87
- {scaleOptions.map((option) => (
88
- <Select.Item
89
- key={option}
90
- value={option}
91
- css={css`
92
- outline: none;
93
- padding: 8px 0 8px 0;
94
- cursor: pointer;
95
- margin-left: 20px;
96
- &[data-state='checked'] {
97
- font-weight: bold;
98
- }
99
- &[data-state='unchecked'] {
100
- opacity: 1;
101
- }
102
-
103
- &:not([data-highlighted]) span {
104
- margin-left: 12px;
105
- }
106
- &[data-highlighted] {
107
- span {
108
- margin-left: 4px;
109
- }
110
- ::before {
111
- content: '';
112
- display: inline-block;
113
- width: 8px;
114
- height: 8px;
115
- border-radius: 1px;
116
- filter: brightness(60%);
117
- background-color: dimgray;
118
- }
119
- }
120
- `}
121
- >
122
- <Select.ItemText>
123
- {option}
124
- <GradientSelectOption>
125
- <div style={{ height: 15 }}>
126
- <FixedGradientPreview gradient={option} />
127
- </div>
128
- </GradientSelectOption>
129
- </Select.ItemText>
130
- </Select.Item>
131
- ))}
132
- </Select.Viewport>
133
- </Select.Content>
134
- </Select.Portal>
135
- </Select.Root>
105
+ <FixedGradientPreview gradient={value} />
106
+ <GradientSelectChevron />
107
+ </Button>
108
+ </Select>
136
109
  </GradientSelectListbox>
137
110
  );
138
111
  }
@@ -27,16 +27,23 @@ function toState(data, oldHue) {
27
27
  const hsl = color.toHsl();
28
28
  const hsv = color.toHsv();
29
29
  const rgb = color.toRgb();
30
- const hex = color.toHex();
30
+
31
+ let hex;
32
+
33
+ if (rgb.a < 1) {
34
+ hex = color.toHex8();
35
+ } else {
36
+ hex = color.toHex();
37
+ }
38
+
31
39
  if (hsl.s === 0) {
32
40
  hsl.h = oldHue || 0;
33
41
  hsv.h = oldHue || 0;
34
42
  }
35
- const transparent = hex === '000000' && rgb.a === 0;
36
43
 
37
44
  return {
38
45
  hsl,
39
- hex: transparent ? 'transparent' : `#${hex}`,
46
+ hex: `#${hex}`,
40
47
  rgb,
41
48
  hsv,
42
49
  oldHue: data.h || oldHue || hsl.h,
@@ -7,11 +7,7 @@ import type { LogEntry } from 'fifo-logger';
7
7
  import { CSSProperties, useMemo } from 'react';
8
8
 
9
9
  import { Button } from '../button';
10
- import {
11
- createTableColumnHelper,
12
- Table,
13
- type TableRowTrPropsGetter,
14
- } from '../table';
10
+ import { createTableColumnHelper, Table } from '../table';
15
11
 
16
12
  import { useFifoLogger } from './useFifoLogger';
17
13
 
@@ -79,14 +75,6 @@ function useColumns(unseen: number) {
79
75
  );
80
76
  }
81
77
 
82
- const getRowTrProps: TableRowTrPropsGetter<LogEntry> = (row) => {
83
- return {
84
- style: {
85
- backgroundColor: rowBackgroundColor[row.original.levelLabel],
86
- },
87
- };
88
- };
89
-
90
78
  export function FifoLoggerDialog(props: FifoLoggerDialogProps) {
91
79
  const logger = useFifoLogger();
92
80
 
@@ -113,7 +101,15 @@ export function FifoLoggerDialog(props: FifoLoggerDialogProps) {
113
101
  compact
114
102
  bordered
115
103
  tableProps={{ style: { width: '100%' } }}
116
- getRowTrProps={getRowTrProps}
104
+ renderRowTr={({ row, children }) => (
105
+ <tr
106
+ style={{
107
+ backgroundColor: rowBackgroundColor[row.original.levelLabel],
108
+ }}
109
+ >
110
+ {children}
111
+ </tr>
112
+ )}
117
113
  />
118
114
  </DialogBody>
119
115
  <DialogFooter
@@ -1,31 +1,37 @@
1
1
  import type { Row, RowData } from '@tanstack/react-table';
2
- import type { HTMLAttributes } from 'react';
2
+ import { Fragment } from 'react';
3
3
 
4
- import { TableRow } from './table_row';
5
4
  import { TableRowCell } from './table_row_cell';
6
- import type { TableRowTrPropsGetter } from './table_utils';
7
-
8
- export type TrPropsGetter = Omit<
9
- HTMLAttributes<HTMLTableRowElement>,
10
- 'children'
11
- >;
5
+ import type {
6
+ TableRowTrRenderer,
7
+ TableRowTrRendererProps,
8
+ } from './table_utils';
12
9
 
13
10
  interface TableBodyProps<TData extends RowData> {
14
11
  rows: Array<Row<TData>>;
15
- getRowTrProps?: TableRowTrPropsGetter<TData>;
12
+ renderRowTr: TableRowTrRenderer<TData> | undefined;
16
13
  }
17
14
 
18
15
  export function TableBody<TData extends RowData>(props: TableBodyProps<TData>) {
19
- const { rows, getRowTrProps } = props;
16
+ const { rows, renderRowTr = defaultRenderRowTr } = props;
20
17
  return (
21
18
  <tbody>
22
19
  {rows.map((row) => (
23
- <TableRow key={row.id} trProps={getRowTrProps?.(row)}>
24
- {row.getVisibleCells().map((cell) => (
25
- <TableRowCell key={cell.id} cell={cell} />
26
- ))}
27
- </TableRow>
20
+ <Fragment key={row.id}>
21
+ {renderRowTr({
22
+ row,
23
+ children: row
24
+ .getVisibleCells()
25
+ .map((cell) => <TableRowCell key={cell.id} cell={cell} />),
26
+ })}
27
+ </Fragment>
28
28
  ))}
29
29
  </tbody>
30
30
  );
31
31
  }
32
+
33
+ function defaultRenderRowTr<TData extends RowData>(
34
+ props: TableRowTrRendererProps<TData>,
35
+ ) {
36
+ return <tr>{props.children}</tr>;
37
+ }
@@ -2,7 +2,6 @@ import type { Header, RowData } from '@tanstack/react-table';
2
2
  import { CSSProperties } from 'react';
3
3
 
4
4
  import { TableHeaderCell } from './table_header_cell';
5
- import { TableRow } from './table_row';
6
5
 
7
6
  const headerStyle: CSSProperties = {
8
7
  position: 'sticky',
@@ -22,11 +21,11 @@ export function TableHeader<TData extends RowData>(
22
21
  const { headers, sticky } = props;
23
22
  return (
24
23
  <thead style={sticky ? headerStyle : undefined}>
25
- <TableRow>
24
+ <tr>
26
25
  {headers.map((header) => (
27
26
  <TableHeaderCell key={header.id} header={header} />
28
27
  ))}
29
- </TableRow>
28
+ </tr>
30
29
  </thead>
31
30
  );
32
31
  }
@@ -12,7 +12,7 @@ import { TableHTMLAttributes } from 'react';
12
12
 
13
13
  import { TableBody } from './table_body';
14
14
  import { TableHeader } from './table_header';
15
- import type { TableColumnDef, TableRowTrPropsGetter } from './table_utils';
15
+ import type { TableColumnDef, TableRowTrRenderer } from './table_utils';
16
16
  import { useTableColumns } from './use_table_columns';
17
17
 
18
18
  export interface TableProps<TData extends RowData> {
@@ -31,7 +31,7 @@ export interface TableProps<TData extends RowData> {
31
31
  'data' | 'columns' | 'getCoreRowModel' | 'getSortedRowModel'
32
32
  >;
33
33
  tableProps?: Omit<TableHTMLAttributes<HTMLTableElement>, 'children'>;
34
- getRowTrProps?: TableRowTrPropsGetter<TData>;
34
+ renderRowTr?: TableRowTrRenderer<TData>;
35
35
  }
36
36
 
37
37
  export function Table<TData extends RowData>(props: TableProps<TData>) {
@@ -47,7 +47,7 @@ export function Table<TData extends RowData>(props: TableProps<TData>) {
47
47
 
48
48
  reactTable,
49
49
  tableProps,
50
- getRowTrProps,
50
+ renderRowTr,
51
51
  } = props;
52
52
 
53
53
  const columnDefs = useTableColumns(columns);
@@ -68,10 +68,7 @@ export function Table<TData extends RowData>(props: TableProps<TData>) {
68
68
  {...tableProps}
69
69
  >
70
70
  <TableHeader sticky={stickyHeader} headers={table.getFlatHeaders()} />
71
- <TableBody
72
- rows={table.getRowModel().rows}
73
- getRowTrProps={getRowTrProps}
74
- />
71
+ <TableBody rows={table.getRowModel().rows} renderRowTr={renderRowTr} />
75
72
  </HTMLTable>
76
73
  );
77
74
  }
@@ -4,8 +4,7 @@ import {
4
4
  type Row,
5
5
  type RowData,
6
6
  } from '@tanstack/react-table';
7
-
8
- import type { TrProps } from './table_row';
7
+ import type { ReactNode } from 'react';
9
8
 
10
9
  export type TableColumnDef<TData extends RowData, TValue = unknown> = ColumnDef<
11
10
  TData,
@@ -16,6 +15,10 @@ export function createTableColumnHelper<TData extends RowData>() {
16
15
  return createColumnHelper<TData>();
17
16
  }
18
17
 
19
- export type TableRowTrPropsGetter<TData extends RowData> = (
20
- row: Row<TData>,
21
- ) => TrProps;
18
+ export interface TableRowTrRendererProps<TData extends RowData> {
19
+ row: Row<TData>;
20
+ children: ReactNode;
21
+ }
22
+ export type TableRowTrRenderer<TData extends RowData> = (
23
+ props: TableRowTrRendererProps<TData>,
24
+ ) => ReactNode;
@@ -247,6 +247,7 @@ Toolbar.PopoverItem = function ToolbarPopoverItem(
247
247
  disabled={disabled}
248
248
  placement={vertical ? 'right-start' : 'bottom-start'}
249
249
  interactionKind={popoverInteractionKind}
250
+ hasBackdrop
250
251
  hoverCloseDelay={0}
251
252
  css={css`
252
253
  .${Classes.ICON} {
@@ -1,8 +0,0 @@
1
- import type { HTMLAttributes, ReactNode } from 'react';
2
- export type TrProps = Omit<HTMLAttributes<HTMLTableRowElement>, 'children'>;
3
- export interface TableRowProps {
4
- children: ReactNode;
5
- trProps?: TrProps;
6
- }
7
- export declare function TableRow(props: TableRowProps): import("react/jsx-runtime").JSX.Element;
8
- //# sourceMappingURL=table_row.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"table_row.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,OAAO,GAAG,IAAI,CAAC,cAAc,CAAC,mBAAmB,CAAC,EAAE,UAAU,CAAC,CAAC;AAE5E,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAI5C"}
@@ -1,9 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.TableRow = TableRow;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- function TableRow(props) {
6
- const { children, trProps } = props;
7
- return (0, jsx_runtime_1.jsx)("tr", { ...trProps, children: children });
8
- }
9
- //# sourceMappingURL=table_row.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"table_row.js","sourceRoot":"","sources":["../../../src/components/table/table_row.tsx"],"names":[],"mappings":";;AASA,4BAIC;;AAJD,SAAgB,QAAQ,CAAC,KAAoB;IAC3C,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEpC,OAAO,kCAAQ,OAAO,YAAG,QAAQ,GAAM,CAAC;AAC1C,CAAC"}
@@ -1,8 +0,0 @@
1
- import type { HTMLAttributes, ReactNode } from 'react';
2
- export type TrProps = Omit<HTMLAttributes<HTMLTableRowElement>, 'children'>;
3
- export interface TableRowProps {
4
- children: ReactNode;
5
- trProps?: TrProps;
6
- }
7
- export declare function TableRow(props: TableRowProps): import("react/jsx-runtime").JSX.Element;
8
- //# sourceMappingURL=table_row.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"table_row.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,OAAO,GAAG,IAAI,CAAC,cAAc,CAAC,mBAAmB,CAAC,EAAE,UAAU,CAAC,CAAC;AAE5E,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAI5C"}
@@ -1,6 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- export function TableRow(props) {
3
- const { children, trProps } = props;
4
- return _jsx("tr", { ...trProps, children: children });
5
- }
6
- //# sourceMappingURL=table_row.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"table_row.js","sourceRoot":"","sources":["../../../src/components/table/table_row.tsx"],"names":[],"mappings":";AASA,MAAM,UAAU,QAAQ,CAAC,KAAoB;IAC3C,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEpC,OAAO,gBAAQ,OAAO,YAAG,QAAQ,GAAM,CAAC;AAC1C,CAAC"}
@@ -1,14 +0,0 @@
1
- import type { HTMLAttributes, ReactNode } from 'react';
2
-
3
- export type TrProps = Omit<HTMLAttributes<HTMLTableRowElement>, 'children'>;
4
-
5
- export interface TableRowProps {
6
- children: ReactNode;
7
- trProps?: TrProps;
8
- }
9
-
10
- export function TableRow(props: TableRowProps) {
11
- const { children, trProps } = props;
12
-
13
- return <tr {...trProps}>{children}</tr>;
14
- }