react-science 5.0.0 → 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 (56) 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/logger/FifoLoggerDialog.d.ts.map +1 -1
  5. package/lib/components/logger/FifoLoggerDialog.js +3 -8
  6. package/lib/components/logger/FifoLoggerDialog.js.map +1 -1
  7. package/lib/components/table/table_body.d.ts +2 -4
  8. package/lib/components/table/table_body.d.ts.map +1 -1
  9. package/lib/components/table/table_body.js +11 -3
  10. package/lib/components/table/table_body.js.map +1 -1
  11. package/lib/components/table/table_header.d.ts.map +1 -1
  12. package/lib/components/table/table_header.js +1 -2
  13. package/lib/components/table/table_header.js.map +1 -1
  14. package/lib/components/table/table_root.d.ts +2 -2
  15. package/lib/components/table/table_root.d.ts.map +1 -1
  16. package/lib/components/table/table_root.js +2 -2
  17. package/lib/components/table/table_root.js.map +1 -1
  18. package/lib/components/table/table_utils.d.ts +6 -2
  19. package/lib/components/table/table_utils.d.ts.map +1 -1
  20. package/lib/components/table/table_utils.js.map +1 -1
  21. package/lib-esm/components/color-picker/gradient-select/GradientSelect.d.ts.map +1 -1
  22. package/lib-esm/components/color-picker/gradient-select/GradientSelect.js +11 -38
  23. package/lib-esm/components/color-picker/gradient-select/GradientSelect.js.map +1 -1
  24. package/lib-esm/components/logger/FifoLoggerDialog.d.ts.map +1 -1
  25. package/lib-esm/components/logger/FifoLoggerDialog.js +4 -9
  26. package/lib-esm/components/logger/FifoLoggerDialog.js.map +1 -1
  27. package/lib-esm/components/table/table_body.d.ts +2 -4
  28. package/lib-esm/components/table/table_body.d.ts.map +1 -1
  29. package/lib-esm/components/table/table_body.js +11 -3
  30. package/lib-esm/components/table/table_body.js.map +1 -1
  31. package/lib-esm/components/table/table_header.d.ts.map +1 -1
  32. package/lib-esm/components/table/table_header.js +1 -2
  33. package/lib-esm/components/table/table_header.js.map +1 -1
  34. package/lib-esm/components/table/table_root.d.ts +2 -2
  35. package/lib-esm/components/table/table_root.d.ts.map +1 -1
  36. package/lib-esm/components/table/table_root.js +2 -2
  37. package/lib-esm/components/table/table_root.js.map +1 -1
  38. package/lib-esm/components/table/table_utils.d.ts +6 -2
  39. package/lib-esm/components/table/table_utils.d.ts.map +1 -1
  40. package/lib-esm/components/table/table_utils.js.map +1 -1
  41. package/package.json +2 -2
  42. package/src/components/color-picker/gradient-select/GradientSelect.tsx +44 -71
  43. package/src/components/logger/FifoLoggerDialog.tsx +10 -14
  44. package/src/components/table/table_body.tsx +21 -15
  45. package/src/components/table/table_header.tsx +2 -3
  46. package/src/components/table/table_root.tsx +4 -7
  47. package/src/components/table/table_utils.ts +8 -5
  48. package/lib/components/table/table_row.d.ts +0 -8
  49. package/lib/components/table/table_row.d.ts.map +0 -1
  50. package/lib/components/table/table_row.js +0 -9
  51. package/lib/components/table/table_row.js.map +0 -1
  52. package/lib-esm/components/table/table_row.d.ts +0 -8
  53. package/lib-esm/components/table/table_row.d.ts.map +0 -1
  54. package/lib-esm/components/table/table_row.js +0 -6
  55. package/lib-esm/components/table/table_row.js.map +0 -1
  56. package/src/components/table/table_row.tsx +0 -14
@@ -1 +1 @@
1
- {"version":3,"file":"GradientSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/color-picker/gradient-select/GradientSelect.tsx"],"names":[],"mappings":"AASA,MAAM,MAAM,iBAAiB,GACzB,OAAO,GACP,SAAS,GACT,SAAS,GACT,OAAO,GACP,QAAQ,CAAC;AAEb,eAAO,MAAM,mBAAmB,EAAE,MAAM,CACtC,iBAAiB,EACjB,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAOtB,CAAC;AA0BF,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC9C;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,oDAiFxD"}
1
+ {"version":3,"file":"GradientSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/color-picker/gradient-select/GradientSelect.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,iBAAiB,GACzB,OAAO,GACP,SAAS,GACT,SAAS,GACT,OAAO,GACP,QAAQ,CAAC;AAEb,eAAO,MAAM,mBAAmB,EAAE,MAAM,CACtC,iBAAiB,EACjB,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAOtB,CAAC;AA0BF,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC9C;AA4BD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,oDA2BxD"}
@@ -32,7 +32,8 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
32
32
  /** @jsxImportSource @emotion/react */
33
33
  const react_1 = require("@emotion/react");
34
34
  const styled_1 = __importDefault(require("@emotion/styled"));
35
- const Select = __importStar(require("@radix-ui/react-select"));
35
+ const core_1 = require("@blueprintjs/core");
36
+ const select_1 = require("@blueprintjs/select");
36
37
  const scaleChromatic = __importStar(require("d3-scale-chromatic"));
37
38
  const fa_1 = require("react-icons/fa");
38
39
  const FixedGradientPreview_1 = __importDefault(require("../preview/FixedGradientPreview"));
@@ -63,47 +64,19 @@ const GradientSelectOption = styled_1.default.li `
63
64
  padding-top: 5px;
64
65
  cursor: pointer;
65
66
  `;
67
+ const renderItem = (option, { handleClick, handleFocus, modifiers }) => {
68
+ if (!modifiers.matchesPredicate) {
69
+ return null;
70
+ }
71
+ return ((0, jsx_runtime_1.jsx)(core_1.MenuItem, { active: modifiers.active, onClick: handleClick, onFocus: handleFocus, roleStructure: "listoption", text: (0, jsx_runtime_1.jsxs)("div", { children: [option, (0, jsx_runtime_1.jsx)(GradientSelectOption, { children: (0, jsx_runtime_1.jsx)("div", { style: { height: 15 }, children: (0, jsx_runtime_1.jsx)(FixedGradientPreview_1.default, { gradient: option }) }) })] }) }, option));
72
+ };
66
73
  function GradientSelect(props) {
67
74
  const { value, onChange } = props;
68
- return ((0, jsx_runtime_1.jsx)(GradientSelectListbox, { children: (0, jsx_runtime_1.jsxs)(Select.Root, { value: value, onValueChange: onChange, children: [(0, jsx_runtime_1.jsx)(Select.Trigger, { css: (0, react_1.css) `
75
+ return ((0, jsx_runtime_1.jsx)(GradientSelectListbox, { children: (0, jsx_runtime_1.jsx)(select_1.Select, { popoverProps: { matchTargetWidth: true }, activeItem: value, onItemSelect: onChange, items: scaleOptions, itemRenderer: renderItem, filterable: false, fill: true, children: (0, jsx_runtime_1.jsxs)(core_1.Button, { css: (0, react_1.css) `
69
76
  width: 100%;
70
77
  height: 30px;
71
78
  padding: 4px;
72
- `, children: (0, jsx_runtime_1.jsxs)(Select.Value, { children: [(0, jsx_runtime_1.jsx)(FixedGradientPreview_1.default, { gradient: value }), (0, jsx_runtime_1.jsx)(GradientSelectChevron, {})] }) }), (0, jsx_runtime_1.jsx)(Select.Portal, { children: (0, jsx_runtime_1.jsx)(Select.Content, { position: "popper", sideOffset: 10, css: (0, react_1.css) `
73
- background-color: white;
74
- width: var(--radix-select-trigger-width);
75
- border: 1px solid darkgray;
76
- border-radius: 0.25rem;
77
- padding: 4px;
78
- `, children: (0, jsx_runtime_1.jsx)(Select.Viewport, { children: scaleOptions.map((option) => ((0, jsx_runtime_1.jsx)(Select.Item, { value: option, css: (0, react_1.css) `
79
- outline: none;
80
- padding: 8px 0 8px 0;
81
- cursor: pointer;
82
- margin-left: 20px;
83
- &[data-state='checked'] {
84
- font-weight: bold;
85
- }
86
- &[data-state='unchecked'] {
87
- opacity: 1;
88
- }
89
-
90
- &:not([data-highlighted]) span {
91
- margin-left: 12px;
92
- }
93
- &[data-highlighted] {
94
- span {
95
- margin-left: 4px;
96
- }
97
- ::before {
98
- content: '';
99
- display: inline-block;
100
- width: 8px;
101
- height: 8px;
102
- border-radius: 1px;
103
- filter: brightness(60%);
104
- background-color: dimgray;
105
- }
106
- }
107
- `, children: (0, jsx_runtime_1.jsxs)(Select.ItemText, { children: [option, (0, jsx_runtime_1.jsx)(GradientSelectOption, { children: (0, jsx_runtime_1.jsx)("div", { style: { height: 15 }, children: (0, jsx_runtime_1.jsx)(FixedGradientPreview_1.default, { gradient: option }) }) })] }) }, option))) }) }) })] }) }));
79
+ display: block;
80
+ `, children: [(0, jsx_runtime_1.jsx)(FixedGradientPreview_1.default, { gradient: value }), (0, jsx_runtime_1.jsx)(GradientSelectChevron, {})] }) }) }));
108
81
  }
109
82
  //# sourceMappingURL=GradientSelect.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"GradientSelect.js","sourceRoot":"","sources":["../../../../src/components/color-picker/gradient-select/GradientSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA,wCAiFC;;AAzID,sCAAsC;AACtC,0CAAqC;AACrC,6DAAqC;AACrC,+DAAiD;AACjD,mEAAqD;AACrD,uCAA+C;AAE/C,2FAAmE;AAStD,QAAA,mBAAmB,GAG5B;IACF,KAAK,EAAE,cAAc,CAAC,gBAAgB;IACtC,OAAO,EAAE,cAAc,CAAC,kBAAkB;IAC1C,OAAO,EAAE,cAAc,CAAC,kBAAkB;IAC1C,KAAK,EAAE,cAAc,CAAC,gBAAgB;IACtC,MAAM,EAAE,cAAc,CAAC,iBAAiB;CACzC,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,2BAAmB,CAAwB,CAAC;AAE7E,MAAM,qBAAqB,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;;;CAMvC,CAAC;AAEF,MAAM,qBAAqB,GAAG,IAAA,gBAAM,EAAC,kBAAa,CAAC,CAAA;;;;;CAKlD,CAAC;AAEF,MAAM,oBAAoB,GAAG,gBAAM,CAAC,EAAE,CAAA;;;;;CAKrC,CAAC;AAOF,SAAgB,cAAc,CAAC,KAA0B;IACvD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAClC,OAAO,CACL,uBAAC,qBAAqB,cACpB,wBAAC,MAAM,CAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,aAChD,uBAAC,MAAM,CAAC,OAAO,IACb,GAAG,EAAE,IAAA,WAAG,EAAA;;;;WAIP,YAED,wBAAC,MAAM,CAAC,KAAK,eACX,uBAAC,8BAAoB,IAAC,QAAQ,EAAE,KAAK,GAAI,EACzC,uBAAC,qBAAqB,KAAG,IACZ,GACA,EACjB,uBAAC,MAAM,CAAC,MAAM,cACZ,uBAAC,MAAM,CAAC,OAAO,IACb,QAAQ,EAAC,QAAQ,EACjB,UAAU,EAAE,EAAE,EACd,GAAG,EAAE,IAAA,WAAG,EAAA;;;;;;aAMP,YAED,uBAAC,MAAM,CAAC,QAAQ,cACb,YAAY,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC5B,uBAAC,MAAM,CAAC,IAAI,IAEV,KAAK,EAAE,MAAM,EACb,GAAG,EAAE,IAAA,WAAG,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBA6BP,YAED,wBAAC,MAAM,CAAC,QAAQ,eACb,MAAM,EACP,uBAAC,oBAAoB,cACnB,gCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,YACxB,uBAAC,8BAAoB,IAAC,QAAQ,EAAE,MAAM,GAAI,GACtC,GACe,IACP,IAxCb,MAAM,CAyCC,CACf,CAAC,GACc,GACH,GACH,IACJ,GACQ,CACzB,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"GradientSelect.js","sourceRoot":"","sources":["../../../../src/components/color-picker/gradient-select/GradientSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmFA,wCA2BC;;AA9GD,sCAAsC;AACtC,0CAAqC;AACrC,6DAAqC;AACrC,4CAAqD;AACrD,gDAA2D;AAC3D,mEAAqD;AACrD,uCAA+C;AAE/C,2FAAmE;AAStD,QAAA,mBAAmB,GAG5B;IACF,KAAK,EAAE,cAAc,CAAC,gBAAgB;IACtC,OAAO,EAAE,cAAc,CAAC,kBAAkB;IAC1C,OAAO,EAAE,cAAc,CAAC,kBAAkB;IAC1C,KAAK,EAAE,cAAc,CAAC,gBAAgB;IACtC,MAAM,EAAE,cAAc,CAAC,iBAAiB;CACzC,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,2BAAmB,CAAwB,CAAC;AAE7E,MAAM,qBAAqB,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;;;CAMvC,CAAC;AAEF,MAAM,qBAAqB,GAAG,IAAA,gBAAM,EAAC,kBAAa,CAAC,CAAA;;;;;CAKlD,CAAC;AAEF,MAAM,oBAAoB,GAAG,gBAAM,CAAC,EAAE,CAAA;;;;;CAKrC,CAAC;AAMF,MAAM,UAAU,GAAoC,CAClD,MAAM,EACN,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,EACvC,EAAE;IACF,IAAI,CAAC,SAAS,CAAC,gBAAgB,EAAE,CAAC;QAChC,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,CACL,uBAAC,eAAQ,IACP,MAAM,EAAE,SAAS,CAAC,MAAM,EAExB,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,EACpB,aAAa,EAAC,YAAY,EAC1B,IAAI,EACF,4CACG,MAAM,EACP,uBAAC,oBAAoB,cACnB,gCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,YACxB,uBAAC,8BAAoB,IAAC,QAAQ,EAAE,MAAM,GAAI,GACtC,GACe,IACnB,IAZH,MAAM,CAcX,CACH,CAAC;AACJ,CAAC,CAAC;AACF,SAAgB,cAAc,CAAC,KAA0B;IACvD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAClC,OAAO,CACL,uBAAC,qBAAqB,cACpB,uBAAC,eAAM,IACL,YAAY,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE,EACxC,UAAU,EAAE,KAAK,EACjB,YAAY,EAAE,QAAQ,EACtB,KAAK,EAAE,YAAY,EACnB,YAAY,EAAE,UAAU,EACxB,UAAU,EAAE,KAAK,EACjB,IAAI,kBAEJ,wBAAC,aAAM,IACL,GAAG,EAAE,IAAA,WAAG,EAAA;;;;;WAKP,aAED,uBAAC,8BAAoB,IAAC,QAAQ,EAAE,KAAK,GAAI,EACzC,uBAAC,qBAAqB,KAAG,IAClB,GACF,GACa,CACzB,CAAC;AACJ,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"FifoLoggerDialog.d.ts","sourceRoot":"","sources":["../../../src/components/logger/FifoLoggerDialog.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AAKtC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAkC5C,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;CAChB;AA6CD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,oDAkD5D"}
1
+ {"version":3,"file":"FifoLoggerDialog.d.ts","sourceRoot":"","sources":["../../../src/components/logger/FifoLoggerDialog.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AAKtC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AA8B5C,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;CAChB;AAqCD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,oDA0D5D"}
@@ -52,13 +52,6 @@ function useColumns(unseen) {
52
52
  }),
53
53
  ], [unseen]);
54
54
  }
55
- const getRowTrProps = (row) => {
56
- return {
57
- style: {
58
- backgroundColor: rowBackgroundColor[row.original.levelLabel],
59
- },
60
- };
61
- };
62
55
  function FifoLoggerDialog(props) {
63
56
  const logger = (0, useFifoLogger_1.useFifoLogger)();
64
57
  const columns = useColumns(props.unseen);
@@ -67,7 +60,9 @@ function FifoLoggerDialog(props) {
67
60
  min-height: 500px;
68
61
  max-height: 80vh;
69
62
  max-width: 1000px;
70
- `, children: [(0, jsx_runtime_1.jsx)(core_1.DialogBody, { children: (0, jsx_runtime_1.jsx)(table_1.Table, { data: props.logs, columns: columns, compact: true, bordered: true, tableProps: { style: { width: '100%' } }, getRowTrProps: getRowTrProps }) }), (0, jsx_runtime_1.jsx)(core_1.DialogFooter, { actions: (0, jsx_runtime_1.jsxs)(ActionsFooter, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { outlined: true, intent: "danger", icon: "trash", text: "Clear logs", onClick: () => logger.clear() }), (0, jsx_runtime_1.jsx)(button_1.Button, { outlined: true, intent: "none", text: "Close", onClick: props.onClose })] }) })] }));
63
+ `, children: [(0, jsx_runtime_1.jsx)(core_1.DialogBody, { children: (0, jsx_runtime_1.jsx)(table_1.Table, { data: props.logs, columns: columns, compact: true, bordered: true, tableProps: { style: { width: '100%' } }, renderRowTr: ({ row, children }) => ((0, jsx_runtime_1.jsx)("tr", { style: {
64
+ backgroundColor: rowBackgroundColor[row.original.levelLabel],
65
+ }, children: children })) }) }), (0, jsx_runtime_1.jsx)(core_1.DialogFooter, { actions: (0, jsx_runtime_1.jsxs)(ActionsFooter, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { outlined: true, intent: "danger", icon: "trash", text: "Clear logs", onClick: () => logger.clear() }), (0, jsx_runtime_1.jsx)(button_1.Button, { outlined: true, intent: "none", text: "Close", onClick: props.onClose })] }) })] }));
71
66
  }
72
67
  // "fatal" | "error" | "warn" | "info" | "debug" | "trace" | "silent"
73
68
  const rowBackgroundColor = {
@@ -1 +1 @@
1
- {"version":3,"file":"FifoLoggerDialog.js","sourceRoot":"","sources":["../../../src/components/logger/FifoLoggerDialog.tsx"],"names":[],"mappings":";;;;;AAyFA,4CAkDC;;AA3ID,sCAAsC;AAEtC,4CAAqE;AACrE,0CAAqC;AACrC,6DAAqC;AAErC,iCAA+C;AAE/C,sCAAmC;AACnC,oCAIkB;AAElB,mDAAgD;AAEhD,MAAM,aAAa,GAAG,gBAAM,CAAC,GAAG,CAAA;;;CAG/B,CAAC;AAMF,MAAM,YAAY,GAAG,gBAAM,CAAC,GAAG,CAAmB;;;;;;;;;wBAS1B,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS;;CAEnD,CAAC;AASF,MAAM,YAAY,GAAG,IAAA,+BAAuB,GAAY,CAAC;AACzD,SAAS,UAAU,CAAC,MAAc;IAChC,OAAO,IAAA,eAAO,EACZ,GAAG,EAAE,CAAC;QACJ,YAAY,CAAC,OAAO,CAAC;YACnB,MAAM,EAAE,GAAG;YACX,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;gBAChB,OAAO,CACL,uBAAC,YAAY,IACX,SAAS,EACP,GAAG,CAAC,KAAK,IAAI,MAAM;wBACjB,CAAC,CAAC,aAAa;wBACf,CAAC,CAAC,kBAAkB,CAAC,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC,YAGhD,MAAM,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,GACT,CAChB,CAAC;YACJ,CAAC;SACF,CAAC;QACF,YAAY,CAAC,QAAQ,CAAC,MAAM,EAAE;YAC5B,MAAM,EAAE,MAAM;YACd,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,kBAAkB,EAAE;SAClE,CAAC;QACF,YAAY,CAAC,QAAQ,CAAC,YAAY,EAAE;YAClC,MAAM,EAAE,OAAO;SAChB,CAAC;QACF,YAAY,CAAC,QAAQ,CAAC,SAAS,EAAE;YAC/B,MAAM,EAAE,SAAS;SAClB,CAAC;KACH,EACD,CAAC,MAAM,CAAC,CACT,CAAC;AACJ,CAAC;AAED,MAAM,aAAa,GAAoC,CAAC,GAAG,EAAE,EAAE;IAC7D,OAAO;QACL,KAAK,EAAE;YACL,eAAe,EAAE,kBAAkB,CAAC,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC;SAC7D;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,SAAgB,gBAAgB,CAAC,KAA4B;IAC3D,MAAM,MAAM,GAAG,IAAA,6BAAa,GAAE,CAAC;IAE/B,MAAM,OAAO,GAAG,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAEzC,OAAO,CACL,wBAAC,aAAM,IACL,wBAAwB,EAAE,KAAK,EAC/B,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,KAAK,EAAC,MAAM,EACZ,IAAI,EAAC,WAAW,EAChB,GAAG,EAAE,IAAA,WAAG,EAAA;;;;;OAKP,aAED,uBAAC,iBAAU,cACT,uBAAC,aAAK,IACJ,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,OAAO,EAAE,OAAO,EAChB,OAAO,QACP,QAAQ,QACR,UAAU,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EACxC,aAAa,EAAE,aAAa,GAC5B,GACS,EACb,uBAAC,mBAAY,IACX,OAAO,EACL,wBAAC,aAAa,eACZ,uBAAC,eAAM,IACL,QAAQ,QACR,MAAM,EAAC,QAAQ,EACf,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,YAAY,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,GAC7B,EACF,uBAAC,eAAM,IACL,QAAQ,QACR,MAAM,EAAC,MAAM,EACb,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,KAAK,CAAC,OAAO,GACtB,IACY,GAElB,IACK,CACV,CAAC;AACJ,CAAC;AAED,qEAAqE;AACrE,MAAM,kBAAkB,GAAqD;IAC3E,KAAK,EAAE,MAAM;IACb,KAAK,EAAE,MAAM;IACb,IAAI,EAAE,aAAa;IACnB,IAAI,EAAE,YAAY;IAClB,KAAK,EAAE,WAAW;IAClB,KAAK,EAAE,WAAW;IAClB,MAAM,EAAE,WAAW;CACpB,CAAC"}
1
+ {"version":3,"file":"FifoLoggerDialog.js","sourceRoot":"","sources":["../../../src/components/logger/FifoLoggerDialog.tsx"],"names":[],"mappings":"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"}
@@ -1,10 +1,8 @@
1
1
  import type { Row, RowData } from '@tanstack/react-table';
2
- import type { HTMLAttributes } from 'react';
3
- import type { TableRowTrPropsGetter } from './table_utils';
4
- export type TrPropsGetter = Omit<HTMLAttributes<HTMLTableRowElement>, 'children'>;
2
+ import type { TableRowTrRenderer } from './table_utils';
5
3
  interface TableBodyProps<TData extends RowData> {
6
4
  rows: Array<Row<TData>>;
7
- getRowTrProps?: TableRowTrPropsGetter<TData>;
5
+ renderRowTr: TableRowTrRenderer<TData> | undefined;
8
6
  }
9
7
  export declare function TableBody<TData extends RowData>(props: TableBodyProps<TData>): import("react/jsx-runtime").JSX.Element;
10
8
  export {};
@@ -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"}
@@ -2,10 +2,18 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.TableBody = TableBody;
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
- const table_row_1 = require("./table_row");
5
+ const react_1 = require("react");
6
6
  const table_row_cell_1 = require("./table_row_cell");
7
7
  function TableBody(props) {
8
- const { rows, getRowTrProps } = props;
9
- return ((0, jsx_runtime_1.jsx)("tbody", { children: rows.map((row) => ((0, jsx_runtime_1.jsx)(table_row_1.TableRow, { trProps: getRowTrProps?.(row), children: row.getVisibleCells().map((cell) => ((0, jsx_runtime_1.jsx)(table_row_cell_1.TableRowCell, { cell: cell }, cell.id))) }, row.id))) }));
8
+ const { rows, renderRowTr = defaultRenderRowTr } = props;
9
+ return ((0, jsx_runtime_1.jsx)("tbody", { children: rows.map((row) => ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: renderRowTr({
10
+ row,
11
+ children: row
12
+ .getVisibleCells()
13
+ .map((cell) => (0, jsx_runtime_1.jsx)(table_row_cell_1.TableRowCell, { cell: cell }, cell.id)),
14
+ }) }, row.id))) }));
15
+ }
16
+ function defaultRenderRowTr(props) {
17
+ return (0, jsx_runtime_1.jsx)("tr", { children: props.children });
10
18
  }
11
19
  //# sourceMappingURL=table_body.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"table_body.js","sourceRoot":"","sources":["../../../src/components/table/table_body.tsx"],"names":[],"mappings":";;AAiBA,8BAaC;;AA3BD,2CAAuC;AACvC,qDAAgD;AAahD,SAAgB,SAAS,CAAwB,KAA4B;IAC3E,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IACtC,OAAO,CACL,4CACG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACjB,uBAAC,oBAAQ,IAAc,OAAO,EAAE,aAAa,EAAE,CAAC,GAAG,CAAC,YACjD,GAAG,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnC,uBAAC,6BAAY,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,8BAgBC;;AA7BD,iCAAiC;AAEjC,qDAAgD;AAWhD,SAAgB,SAAS,CAAwB,KAA4B;IAC3E,MAAM,EAAE,IAAI,EAAE,WAAW,GAAG,kBAAkB,EAAE,GAAG,KAAK,CAAC;IACzD,OAAO,CACL,4CACG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACjB,uBAAC,gBAAQ,cACN,WAAW,CAAC;gBACX,GAAG;gBACH,QAAQ,EAAE,GAAG;qBACV,eAAe,EAAE;qBACjB,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,uBAAC,6BAAY,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,yCAAK,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"}
@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.TableHeader = TableHeader;
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const table_header_cell_1 = require("./table_header_cell");
6
- const table_row_1 = require("./table_row");
7
6
  const headerStyle = {
8
7
  position: 'sticky',
9
8
  top: 0,
@@ -12,6 +11,6 @@ const headerStyle = {
12
11
  };
13
12
  function TableHeader(props) {
14
13
  const { headers, sticky } = props;
15
- return ((0, jsx_runtime_1.jsx)("thead", { style: sticky ? headerStyle : undefined, children: (0, jsx_runtime_1.jsx)(table_row_1.TableRow, { children: headers.map((header) => ((0, jsx_runtime_1.jsx)(table_header_cell_1.TableHeaderCell, { header: header }, header.id))) }) }));
14
+ return ((0, jsx_runtime_1.jsx)("thead", { style: sticky ? headerStyle : undefined, children: (0, jsx_runtime_1.jsx)("tr", { children: headers.map((header) => ((0, jsx_runtime_1.jsx)(table_header_cell_1.TableHeaderCell, { header: header }, header.id))) }) }));
16
15
  }
17
16
  //# sourceMappingURL=table_header.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"table_header.js","sourceRoot":"","sources":["../../../src/components/table/table_header.tsx"],"names":[],"mappings":";;AAkBA,kCAaC;;AA5BD,2DAAsD;AACtD,2CAAuC;AAEvC,MAAM,WAAW,GAAkB;IACjC,QAAQ,EAAE,QAAQ;IAClB,GAAG,EAAE,CAAC;IACN,MAAM,EAAE,EAAE;IACV,eAAe,EAAE,OAAO;CACzB,CAAC;AAOF,SAAgB,WAAW,CACzB,KAA8B;IAE9B,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAClC,OAAO,CACL,kCAAO,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,YAC5C,uBAAC,oBAAQ,cACN,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,uBAAC,mCAAe,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":";;AAiBA,kCAaC;;AA3BD,2DAAsD;AAEtD,MAAM,WAAW,GAAkB;IACjC,QAAQ,EAAE,QAAQ;IAClB,GAAG,EAAE,CAAC;IACN,MAAM,EAAE,EAAE;IACV,eAAe,EAAE,OAAO;CACzB,CAAC;AAOF,SAAgB,WAAW,CACzB,KAA8B;IAE9B,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAClC,OAAO,CACL,kCAAO,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,YAC5C,yCACG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,uBAAC,mCAAe,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"}
@@ -9,7 +9,7 @@ const table_body_1 = require("./table_body");
9
9
  const table_header_1 = require("./table_header");
10
10
  const use_table_columns_1 = require("./use_table_columns");
11
11
  function Table(props) {
12
- const { data, columns, bordered = false, compact = false, interactive = false, striped = false, stickyHeader = false, reactTable, tableProps, getRowTrProps, } = props;
12
+ const { data, columns, bordered = false, compact = false, interactive = false, striped = false, stickyHeader = false, reactTable, tableProps, renderRowTr, } = props;
13
13
  const columnDefs = (0, use_table_columns_1.useTableColumns)(columns);
14
14
  const table = (0, react_table_1.useReactTable)({
15
15
  ...reactTable,
@@ -18,6 +18,6 @@ function Table(props) {
18
18
  getCoreRowModel: (0, react_table_1.getCoreRowModel)(),
19
19
  getSortedRowModel: (0, react_table_1.getSortedRowModel)(),
20
20
  });
21
- return ((0, jsx_runtime_1.jsxs)(core_1.HTMLTable, { bordered: bordered, compact: compact, interactive: interactive, striped: striped, ...tableProps, children: [(0, jsx_runtime_1.jsx)(table_header_1.TableHeader, { sticky: stickyHeader, headers: table.getFlatHeaders() }), (0, jsx_runtime_1.jsx)(table_body_1.TableBody, { rows: table.getRowModel().rows, getRowTrProps: getRowTrProps })] }));
21
+ return ((0, jsx_runtime_1.jsxs)(core_1.HTMLTable, { bordered: bordered, compact: compact, interactive: interactive, striped: striped, ...tableProps, children: [(0, jsx_runtime_1.jsx)(table_header_1.TableHeader, { sticky: stickyHeader, headers: table.getFlatHeaders() }), (0, jsx_runtime_1.jsx)(table_body_1.TableBody, { rows: table.getRowModel().rows, renderRowTr: renderRowTr })] }));
22
22
  }
23
23
  //# sourceMappingURL=table_root.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"table_root.js","sourceRoot":"","sources":["../../../src/components/table/table_root.tsx"],"names":[],"mappings":";;AAoCA,sBAwCC;;AA5ED,sCAAsC;AAEtC,4CAA8C;AAC9C,uDAM+B;AAG/B,6CAAyC;AACzC,iDAA6C;AAE7C,2DAAsD;AAqBtD,SAAgB,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,IAAA,mCAAe,EAAC,OAAO,CAAC,CAAC;IAC5C,MAAM,KAAK,GAAG,IAAA,2BAAa,EAAQ;QACjC,GAAG,UAAU;QACb,IAAI;QACJ,OAAO,EAAE,UAAU;QACnB,eAAe,EAAE,IAAA,6BAAe,GAAE;QAClC,iBAAiB,EAAE,IAAA,+BAAiB,GAAE;KACvC,CAAC,CAAC;IAEH,OAAO,CACL,wBAAC,gBAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,KACZ,UAAU,aAEd,uBAAC,0BAAW,IAAC,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,KAAK,CAAC,cAAc,EAAE,GAAI,EACtE,uBAAC,sBAAS,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":";;AAoCA,sBAqCC;;AAzED,sCAAsC;AAEtC,4CAA8C;AAC9C,uDAM+B;AAG/B,6CAAyC;AACzC,iDAA6C;AAE7C,2DAAsD;AAqBtD,SAAgB,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,IAAA,mCAAe,EAAC,OAAO,CAAC,CAAC;IAC5C,MAAM,KAAK,GAAG,IAAA,2BAAa,EAAQ;QACjC,GAAG,UAAU;QACb,IAAI;QACJ,OAAO,EAAE,UAAU;QACnB,eAAe,EAAE,IAAA,6BAAe,GAAE;QAClC,iBAAiB,EAAE,IAAA,+BAAiB,GAAE;KACvC,CAAC,CAAC;IAEH,OAAO,CACL,wBAAC,gBAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,KACZ,UAAU,aAEd,uBAAC,0BAAW,IAAC,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,KAAK,CAAC,cAAc,EAAE,GAAI,EACtE,uBAAC,sBAAS,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":";;AAcA,0DAEC;AAhBD,uDAK+B;AAS/B,SAAgB,uBAAuB;IACrC,OAAO,IAAA,gCAAkB,GAAS,CAAC;AACrC,CAAC"}
1
+ {"version":3,"file":"table_utils.js","sourceRoot":"","sources":["../../../src/components/table/table_utils.ts"],"names":[],"mappings":";;AAaA,0DAEC;AAfD,uDAK+B;AAQ/B,SAAgB,uBAAuB;IACrC,OAAO,IAAA,gCAAkB,GAAS,CAAC;AACrC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"GradientSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/color-picker/gradient-select/GradientSelect.tsx"],"names":[],"mappings":"AASA,MAAM,MAAM,iBAAiB,GACzB,OAAO,GACP,SAAS,GACT,SAAS,GACT,OAAO,GACP,QAAQ,CAAC;AAEb,eAAO,MAAM,mBAAmB,EAAE,MAAM,CACtC,iBAAiB,EACjB,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAOtB,CAAC;AA0BF,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC9C;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,oDAiFxD"}
1
+ {"version":3,"file":"GradientSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/color-picker/gradient-select/GradientSelect.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,iBAAiB,GACzB,OAAO,GACP,SAAS,GACT,SAAS,GACT,OAAO,GACP,QAAQ,CAAC;AAEb,eAAO,MAAM,mBAAmB,EAAE,MAAM,CACtC,iBAAiB,EACjB,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAOtB,CAAC;AA0BF,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC9C;AA4BD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,oDA2BxD"}
@@ -2,7 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
2
2
  /** @jsxImportSource @emotion/react */
3
3
  import { css } from '@emotion/react';
4
4
  import styled from '@emotion/styled';
5
- import * as Select from '@radix-ui/react-select';
5
+ import { Button, MenuItem } from '@blueprintjs/core';
6
+ import { Select } from '@blueprintjs/select';
6
7
  import * as scaleChromatic from 'd3-scale-chromatic';
7
8
  import { FaChevronDown } from 'react-icons/fa';
8
9
  import FixedGradientPreview from '../preview/FixedGradientPreview';
@@ -33,47 +34,19 @@ const GradientSelectOption = styled.li `
33
34
  padding-top: 5px;
34
35
  cursor: pointer;
35
36
  `;
37
+ const renderItem = (option, { handleClick, handleFocus, modifiers }) => {
38
+ if (!modifiers.matchesPredicate) {
39
+ return null;
40
+ }
41
+ return (_jsx(MenuItem, { active: modifiers.active, onClick: handleClick, onFocus: handleFocus, roleStructure: "listoption", text: _jsxs("div", { children: [option, _jsx(GradientSelectOption, { children: _jsx("div", { style: { height: 15 }, children: _jsx(FixedGradientPreview, { gradient: option }) }) })] }) }, option));
42
+ };
36
43
  export function GradientSelect(props) {
37
44
  const { value, onChange } = props;
38
- return (_jsx(GradientSelectListbox, { children: _jsxs(Select.Root, { value: value, onValueChange: onChange, children: [_jsx(Select.Trigger, { css: css `
45
+ return (_jsx(GradientSelectListbox, { children: _jsx(Select, { popoverProps: { matchTargetWidth: true }, activeItem: value, onItemSelect: onChange, items: scaleOptions, itemRenderer: renderItem, filterable: false, fill: true, children: _jsxs(Button, { css: css `
39
46
  width: 100%;
40
47
  height: 30px;
41
48
  padding: 4px;
42
- `, children: _jsxs(Select.Value, { children: [_jsx(FixedGradientPreview, { gradient: value }), _jsx(GradientSelectChevron, {})] }) }), _jsx(Select.Portal, { children: _jsx(Select.Content, { position: "popper", sideOffset: 10, css: css `
43
- background-color: white;
44
- width: var(--radix-select-trigger-width);
45
- border: 1px solid darkgray;
46
- border-radius: 0.25rem;
47
- padding: 4px;
48
- `, children: _jsx(Select.Viewport, { children: scaleOptions.map((option) => (_jsx(Select.Item, { value: option, css: css `
49
- outline: none;
50
- padding: 8px 0 8px 0;
51
- cursor: pointer;
52
- margin-left: 20px;
53
- &[data-state='checked'] {
54
- font-weight: bold;
55
- }
56
- &[data-state='unchecked'] {
57
- opacity: 1;
58
- }
59
-
60
- &:not([data-highlighted]) span {
61
- margin-left: 12px;
62
- }
63
- &[data-highlighted] {
64
- span {
65
- margin-left: 4px;
66
- }
67
- ::before {
68
- content: '';
69
- display: inline-block;
70
- width: 8px;
71
- height: 8px;
72
- border-radius: 1px;
73
- filter: brightness(60%);
74
- background-color: dimgray;
75
- }
76
- }
77
- `, children: _jsxs(Select.ItemText, { children: [option, _jsx(GradientSelectOption, { children: _jsx("div", { style: { height: 15 }, children: _jsx(FixedGradientPreview, { gradient: option }) }) })] }) }, option))) }) }) })] }) }));
49
+ display: block;
50
+ `, children: [_jsx(FixedGradientPreview, { gradient: value }), _jsx(GradientSelectChevron, {})] }) }) }));
78
51
  }
79
52
  //# sourceMappingURL=GradientSelect.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"GradientSelect.js","sourceRoot":"","sources":["../../../../src/components/color-picker/gradient-select/GradientSelect.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AACjD,OAAO,KAAK,cAAc,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,oBAAoB,MAAM,iCAAiC,CAAC;AASnE,MAAM,CAAC,MAAM,mBAAmB,GAG5B;IACF,KAAK,EAAE,cAAc,CAAC,gBAAgB;IACtC,OAAO,EAAE,cAAc,CAAC,kBAAkB;IAC1C,OAAO,EAAE,cAAc,CAAC,kBAAkB;IAC1C,KAAK,EAAE,cAAc,CAAC,gBAAgB;IACtC,MAAM,EAAE,cAAc,CAAC,iBAAiB;CACzC,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,mBAAmB,CAAwB,CAAC;AAE7E,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMvC,CAAC;AAEF,MAAM,qBAAqB,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA;;;;;CAKlD,CAAC;AAEF,MAAM,oBAAoB,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;CAKrC,CAAC;AAOF,MAAM,UAAU,cAAc,CAAC,KAA0B;IACvD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAClC,OAAO,CACL,KAAC,qBAAqB,cACpB,MAAC,MAAM,CAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,aAChD,KAAC,MAAM,CAAC,OAAO,IACb,GAAG,EAAE,GAAG,CAAA;;;;WAIP,YAED,MAAC,MAAM,CAAC,KAAK,eACX,KAAC,oBAAoB,IAAC,QAAQ,EAAE,KAAK,GAAI,EACzC,KAAC,qBAAqB,KAAG,IACZ,GACA,EACjB,KAAC,MAAM,CAAC,MAAM,cACZ,KAAC,MAAM,CAAC,OAAO,IACb,QAAQ,EAAC,QAAQ,EACjB,UAAU,EAAE,EAAE,EACd,GAAG,EAAE,GAAG,CAAA;;;;;;aAMP,YAED,KAAC,MAAM,CAAC,QAAQ,cACb,YAAY,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC5B,KAAC,MAAM,CAAC,IAAI,IAEV,KAAK,EAAE,MAAM,EACb,GAAG,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBA6BP,YAED,MAAC,MAAM,CAAC,QAAQ,eACb,MAAM,EACP,KAAC,oBAAoB,cACnB,cAAK,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,YACxB,KAAC,oBAAoB,IAAC,QAAQ,EAAE,MAAM,GAAI,GACtC,GACe,IACP,IAxCb,MAAM,CAyCC,CACf,CAAC,GACc,GACH,GACH,IACJ,GACQ,CACzB,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"GradientSelect.js","sourceRoot":"","sources":["../../../../src/components/color-picker/gradient-select/GradientSelect.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAgB,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,KAAK,cAAc,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,oBAAoB,MAAM,iCAAiC,CAAC;AASnE,MAAM,CAAC,MAAM,mBAAmB,GAG5B;IACF,KAAK,EAAE,cAAc,CAAC,gBAAgB;IACtC,OAAO,EAAE,cAAc,CAAC,kBAAkB;IAC1C,OAAO,EAAE,cAAc,CAAC,kBAAkB;IAC1C,KAAK,EAAE,cAAc,CAAC,gBAAgB;IACtC,MAAM,EAAE,cAAc,CAAC,iBAAiB;CACzC,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,mBAAmB,CAAwB,CAAC;AAE7E,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMvC,CAAC;AAEF,MAAM,qBAAqB,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA;;;;;CAKlD,CAAC;AAEF,MAAM,oBAAoB,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;CAKrC,CAAC;AAMF,MAAM,UAAU,GAAoC,CAClD,MAAM,EACN,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,EACvC,EAAE;IACF,IAAI,CAAC,SAAS,CAAC,gBAAgB,EAAE,CAAC;QAChC,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,CACL,KAAC,QAAQ,IACP,MAAM,EAAE,SAAS,CAAC,MAAM,EAExB,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,EACpB,aAAa,EAAC,YAAY,EAC1B,IAAI,EACF,0BACG,MAAM,EACP,KAAC,oBAAoB,cACnB,cAAK,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,YACxB,KAAC,oBAAoB,IAAC,QAAQ,EAAE,MAAM,GAAI,GACtC,GACe,IACnB,IAZH,MAAM,CAcX,CACH,CAAC;AACJ,CAAC,CAAC;AACF,MAAM,UAAU,cAAc,CAAC,KAA0B;IACvD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAClC,OAAO,CACL,KAAC,qBAAqB,cACpB,KAAC,MAAM,IACL,YAAY,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE,EACxC,UAAU,EAAE,KAAK,EACjB,YAAY,EAAE,QAAQ,EACtB,KAAK,EAAE,YAAY,EACnB,YAAY,EAAE,UAAU,EACxB,UAAU,EAAE,KAAK,EACjB,IAAI,kBAEJ,MAAC,MAAM,IACL,GAAG,EAAE,GAAG,CAAA;;;;;WAKP,aAED,KAAC,oBAAoB,IAAC,QAAQ,EAAE,KAAK,GAAI,EACzC,KAAC,qBAAqB,KAAG,IAClB,GACF,GACa,CACzB,CAAC;AACJ,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"FifoLoggerDialog.d.ts","sourceRoot":"","sources":["../../../src/components/logger/FifoLoggerDialog.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AAKtC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAkC5C,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;CAChB;AA6CD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,oDAkD5D"}
1
+ {"version":3,"file":"FifoLoggerDialog.d.ts","sourceRoot":"","sources":["../../../src/components/logger/FifoLoggerDialog.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AAKtC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AA8B5C,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;CAChB;AAqCD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,oDA0D5D"}
@@ -5,7 +5,7 @@ import { css } from '@emotion/react';
5
5
  import styled from '@emotion/styled';
6
6
  import { useMemo } from 'react';
7
7
  import { Button } from '../button';
8
- import { createTableColumnHelper, Table, } from '../table';
8
+ import { createTableColumnHelper, Table } from '../table';
9
9
  import { useFifoLogger } from './useFifoLogger';
10
10
  const ActionsFooter = styled.div `
11
11
  display: flex;
@@ -46,13 +46,6 @@ function useColumns(unseen) {
46
46
  }),
47
47
  ], [unseen]);
48
48
  }
49
- const getRowTrProps = (row) => {
50
- return {
51
- style: {
52
- backgroundColor: rowBackgroundColor[row.original.levelLabel],
53
- },
54
- };
55
- };
56
49
  export function FifoLoggerDialog(props) {
57
50
  const logger = useFifoLogger();
58
51
  const columns = useColumns(props.unseen);
@@ -61,7 +54,9 @@ export function FifoLoggerDialog(props) {
61
54
  min-height: 500px;
62
55
  max-height: 80vh;
63
56
  max-width: 1000px;
64
- `, children: [_jsx(DialogBody, { children: _jsx(Table, { data: props.logs, columns: columns, compact: true, bordered: true, tableProps: { style: { width: '100%' } }, getRowTrProps: getRowTrProps }) }), _jsx(DialogFooter, { actions: _jsxs(ActionsFooter, { children: [_jsx(Button, { outlined: true, intent: "danger", icon: "trash", text: "Clear logs", onClick: () => logger.clear() }), _jsx(Button, { outlined: true, intent: "none", text: "Close", onClick: props.onClose })] }) })] }));
57
+ `, children: [_jsx(DialogBody, { children: _jsx(Table, { data: props.logs, columns: columns, compact: true, bordered: true, tableProps: { style: { width: '100%' } }, renderRowTr: ({ row, children }) => (_jsx("tr", { style: {
58
+ backgroundColor: rowBackgroundColor[row.original.levelLabel],
59
+ }, children: children })) }) }), _jsx(DialogFooter, { actions: _jsxs(ActionsFooter, { children: [_jsx(Button, { outlined: true, intent: "danger", icon: "trash", text: "Clear logs", onClick: () => logger.clear() }), _jsx(Button, { outlined: true, intent: "none", text: "Close", onClick: props.onClose })] }) })] }));
65
60
  }
66
61
  // "fatal" | "error" | "warn" | "info" | "debug" | "trace" | "silent"
67
62
  const rowBackgroundColor = {
@@ -1 +1 @@
1
- {"version":3,"file":"FifoLoggerDialog.js","sourceRoot":"","sources":["../../../src/components/logger/FifoLoggerDialog.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"FifoLoggerDialog.js","sourceRoot":"","sources":["../../../src/components/logger/FifoLoggerDialog.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AAEtC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAiB,OAAO,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,uBAAuB,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAE1D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAG/B,CAAC;AAMF,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAmB;;;;;;;;;wBAS1B,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS;;CAEnD,CAAC;AASF,MAAM,YAAY,GAAG,uBAAuB,EAAY,CAAC;AACzD,SAAS,UAAU,CAAC,MAAc;IAChC,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC;QACJ,YAAY,CAAC,OAAO,CAAC;YACnB,MAAM,EAAE,GAAG;YACX,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;gBAChB,OAAO,CACL,KAAC,YAAY,IACX,SAAS,EACP,GAAG,CAAC,KAAK,IAAI,MAAM;wBACjB,CAAC,CAAC,aAAa;wBACf,CAAC,CAAC,kBAAkB,CAAC,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC,YAGhD,MAAM,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,GACT,CAChB,CAAC;YACJ,CAAC;SACF,CAAC;QACF,YAAY,CAAC,QAAQ,CAAC,MAAM,EAAE;YAC5B,MAAM,EAAE,MAAM;YACd,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,kBAAkB,EAAE;SAClE,CAAC;QACF,YAAY,CAAC,QAAQ,CAAC,YAAY,EAAE;YAClC,MAAM,EAAE,OAAO;SAChB,CAAC;QACF,YAAY,CAAC,QAAQ,CAAC,SAAS,EAAE;YAC/B,MAAM,EAAE,SAAS;SAClB,CAAC;KACH,EACD,CAAC,MAAM,CAAC,CACT,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,KAA4B;IAC3D,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,MAAM,OAAO,GAAG,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAEzC,OAAO,CACL,MAAC,MAAM,IACL,wBAAwB,EAAE,KAAK,EAC/B,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,KAAK,EAAC,MAAM,EACZ,IAAI,EAAC,WAAW,EAChB,GAAG,EAAE,GAAG,CAAA;;;;;OAKP,aAED,KAAC,UAAU,cACT,KAAC,KAAK,IACJ,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,OAAO,EAAE,OAAO,EAChB,OAAO,QACP,QAAQ,QACR,UAAU,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EACxC,WAAW,EAAE,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAClC,aACE,KAAK,EAAE;4BACL,eAAe,EAAE,kBAAkB,CAAC,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC;yBAC7D,YAEA,QAAQ,GACN,CACN,GACD,GACS,EACb,KAAC,YAAY,IACX,OAAO,EACL,MAAC,aAAa,eACZ,KAAC,MAAM,IACL,QAAQ,QACR,MAAM,EAAC,QAAQ,EACf,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,YAAY,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,GAC7B,EACF,KAAC,MAAM,IACL,QAAQ,QACR,MAAM,EAAC,MAAM,EACb,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,KAAK,CAAC,OAAO,GACtB,IACY,GAElB,IACK,CACV,CAAC;AACJ,CAAC;AAED,qEAAqE;AACrE,MAAM,kBAAkB,GAAqD;IAC3E,KAAK,EAAE,MAAM;IACb,KAAK,EAAE,MAAM;IACb,IAAI,EAAE,aAAa;IACnB,IAAI,EAAE,YAAY;IAClB,KAAK,EAAE,WAAW;IAClB,KAAK,EAAE,WAAW;IAClB,MAAM,EAAE,WAAW;CACpB,CAAC"}
@@ -1,10 +1,8 @@
1
1
  import type { Row, RowData } from '@tanstack/react-table';
2
- import type { HTMLAttributes } from 'react';
3
- import type { TableRowTrPropsGetter } from './table_utils';
4
- export type TrPropsGetter = Omit<HTMLAttributes<HTMLTableRowElement>, 'children'>;
2
+ import type { TableRowTrRenderer } from './table_utils';
5
3
  interface TableBodyProps<TData extends RowData> {
6
4
  rows: Array<Row<TData>>;
7
- getRowTrProps?: TableRowTrPropsGetter<TData>;
5
+ renderRowTr: TableRowTrRenderer<TData> | undefined;
8
6
  }
9
7
  export declare function TableBody<TData extends RowData>(props: TableBodyProps<TData>): import("react/jsx-runtime").JSX.Element;
10
8
  export {};
@@ -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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-science",
3
- "version": "5.0.0",
3
+ "version": "6.0.0",
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
  }
@@ -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;
@@ -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
- }