react-science 4.0.0 → 4.1.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 (51) hide show
  1. package/lib/components/button/Button.d.ts +1 -1
  2. package/lib/components/button/Button.d.ts.map +1 -1
  3. package/lib/components/button/Button.js +3 -2
  4. package/lib/components/button/Button.js.map +1 -1
  5. package/lib/components/color-picker/gradient-select/GradientSelect.d.ts +1 -1
  6. package/lib/components/color-picker/gradient-select/GradientSelect.d.ts.map +1 -1
  7. package/lib/components/color-picker/gradient-select/GradientSelect.js +45 -23
  8. package/lib/components/color-picker/gradient-select/GradientSelect.js.map +1 -1
  9. package/lib/components/fullscreen/FullscreenContext.js +4 -4
  10. package/lib/components/fullscreen/FullscreenContext.js.map +1 -1
  11. package/lib/components/hooks/useSelect.d.ts +7 -5
  12. package/lib/components/hooks/useSelect.d.ts.map +1 -1
  13. package/lib/components/hooks/useSelect.js +3 -1
  14. package/lib/components/hooks/useSelect.js.map +1 -1
  15. package/lib/components/info-panel/InfoPanel.d.ts.map +1 -1
  16. package/lib/components/info-panel/InfoPanel.js +78 -20
  17. package/lib/components/info-panel/InfoPanel.js.map +1 -1
  18. package/lib/components/table/Table.d.ts +3 -1
  19. package/lib/components/table/TableHeader.d.ts +3 -1
  20. package/lib/components/table/TableHeader.d.ts.map +1 -1
  21. package/lib/components/table/TableHeader.js +8 -2
  22. package/lib/components/table/TableHeader.js.map +1 -1
  23. package/lib-esm/components/button/Button.d.ts +1 -1
  24. package/lib-esm/components/button/Button.d.ts.map +1 -1
  25. package/lib-esm/components/button/Button.js +3 -2
  26. package/lib-esm/components/button/Button.js.map +1 -1
  27. package/lib-esm/components/color-picker/gradient-select/GradientSelect.d.ts +1 -1
  28. package/lib-esm/components/color-picker/gradient-select/GradientSelect.d.ts.map +1 -1
  29. package/lib-esm/components/color-picker/gradient-select/GradientSelect.js +45 -23
  30. package/lib-esm/components/color-picker/gradient-select/GradientSelect.js.map +1 -1
  31. package/lib-esm/components/fullscreen/FullscreenContext.js +4 -4
  32. package/lib-esm/components/fullscreen/FullscreenContext.js.map +1 -1
  33. package/lib-esm/components/hooks/useSelect.d.ts +7 -5
  34. package/lib-esm/components/hooks/useSelect.d.ts.map +1 -1
  35. package/lib-esm/components/hooks/useSelect.js +3 -1
  36. package/lib-esm/components/hooks/useSelect.js.map +1 -1
  37. package/lib-esm/components/info-panel/InfoPanel.d.ts.map +1 -1
  38. package/lib-esm/components/info-panel/InfoPanel.js +52 -17
  39. package/lib-esm/components/info-panel/InfoPanel.js.map +1 -1
  40. package/lib-esm/components/table/Table.d.ts +3 -1
  41. package/lib-esm/components/table/TableHeader.d.ts +3 -1
  42. package/lib-esm/components/table/TableHeader.d.ts.map +1 -1
  43. package/lib-esm/components/table/TableHeader.js +8 -2
  44. package/lib-esm/components/table/TableHeader.js.map +1 -1
  45. package/package.json +42 -44
  46. package/src/components/button/Button.tsx +12 -5
  47. package/src/components/color-picker/gradient-select/GradientSelect.tsx +82 -46
  48. package/src/components/fullscreen/FullscreenContext.tsx +4 -4
  49. package/src/components/hooks/useSelect.tsx +13 -8
  50. package/src/components/info-panel/InfoPanel.tsx +88 -48
  51. package/src/components/table/TableHeader.tsx +14 -2
@@ -1,10 +1,9 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
1
+ import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
2
+ /** @jsxImportSource @emotion/react */
3
+ import { css } from '@emotion/react';
2
4
  import styled from '@emotion/styled';
3
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error
4
- // @ts-ignore This import fails when compiling to CJS.
5
- import { Listbox } from '@headlessui/react';
5
+ import * as Select from '@radix-ui/react-select';
6
6
  import * as scaleChromatic from 'd3-scale-chromatic';
7
- import { Fragment } from 'react';
8
7
  import { FaChevronDown } from 'react-icons/fa';
9
8
  import FixedGradientPreview from '../preview/FixedGradientPreview';
10
9
  export const fixedGradientScales = {
@@ -19,39 +18,62 @@ const GradientSelectListbox = styled.div `
19
18
  position: relative;
20
19
  width: 100%;
21
20
  border: 1px solid darkgray;
21
+ margin-top: 100px;
22
22
  border-radius: 0.25rem;
23
23
  `;
24
- const GradientSelectButton = styled.button `
25
- position: relative;
26
- width: 100%;
27
- height: 30px;
28
- padding: 3px;
29
- `;
30
24
  const GradientSelectChevron = styled(FaChevronDown) `
31
25
  position: absolute;
32
26
  height: 100%;
33
27
  top: 0;
34
28
  right: 0.5rem;
35
29
  `;
36
- const GradientSelectOptions = styled.ul `
37
- position: absolute;
38
- width: 100%;
39
- margin-top: 5px;
40
- border: 1px solid darkgray;
41
- border-radius: 0.25rem;
42
- padding-inline: 3px;
43
- padding-bottom: 5px;
44
- `;
45
30
  const GradientSelectOption = styled.li `
46
31
  display: flex;
47
32
  flex-direction: column;
48
33
  padding-top: 5px;
49
34
  cursor: pointer;
50
- ${(props) => !props.active && 'opacity: 0.8;'}
51
- ${(props) => props.active && 'font-weight: bold;'}
52
35
  `;
53
36
  export function GradientSelect(props) {
54
37
  const { value, onChange } = props;
55
- return (_jsx(Listbox, { value: value, onChange: onChange, children: _jsxs(GradientSelectListbox, { children: [_jsxs(Listbox.Button, { as: GradientSelectButton, children: [_jsx(FixedGradientPreview, { gradient: value }), _jsx(GradientSelectChevron, {})] }), _jsx(Listbox.Options, { as: GradientSelectOptions, children: scaleOptions.map((option) => (_jsx(Listbox.Option, { as: Fragment, value: option, children: ({ active }) => (_jsxs(GradientSelectOption, { active: active, children: [option, _jsx("div", { style: { height: 15 }, children: _jsx(FixedGradientPreview, { gradient: option }) })] })) }, option))) })] }) }));
38
+ return (_jsx(GradientSelectListbox, { children: _jsxs(Select.Root, { value: value, onValueChange: onChange, children: [_jsx(Select.Trigger, { css: css `
39
+ width: 100%;
40
+ height: 30px;
41
+ 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))) }) }) })] }) }));
56
78
  }
57
79
  //# 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,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,wGAAwG;AACxG,sDAAsD;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,KAAK,cAAc,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,oBAAoB,MAAM,iCAAiC,CAAC;AAEnE,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,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;AAIF,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,mBAAmB,CAAwB,CAAC;AAE7E,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAKvC,CAAC;AAEF,MAAM,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;CAKzC,CAAC;AAEF,MAAM,qBAAqB,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA;;;;;CAKlD,CAAC;AAEF,MAAM,qBAAqB,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;;;CAQtC,CAAC;AAEF,MAAM,oBAAoB,GAAG,MAAM,CAAC,EAAE,CAAqB;;;;;IAKvD,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,IAAI,eAAe;IAC3C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,IAAI,oBAAoB;CAClD,CAAC;AAOF,MAAM,UAAU,cAAc,CAAC,KAA0B;IACvD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAClC,OAAO,CACL,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,YACvC,MAAC,qBAAqB,eACpB,MAAC,OAAO,CAAC,MAAM,IAAC,EAAE,EAAE,oBAAoB,aACtC,KAAC,oBAAoB,IAAC,QAAQ,EAAE,KAAK,GAAI,EACzC,KAAC,qBAAqB,KAAG,IACV,EACjB,KAAC,OAAO,CAAC,OAAO,IAAC,EAAE,EAAE,qBAAqB,YACvC,YAAY,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC5B,KAAC,OAAO,CAAC,MAAM,IAAC,EAAE,EAAE,QAAQ,EAAe,KAAK,EAAE,MAAM,YACrD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CACf,MAAC,oBAAoB,IAAC,MAAM,EAAE,MAAM,aACjC,MAAM,EACP,cAAK,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,YACxB,KAAC,oBAAoB,IAAC,QAAQ,EAAE,MAAM,GAAI,GACtC,IACe,CACxB,IARgC,MAAM,CASxB,CAClB,CAAC,GACc,IACI,GAChB,CACX,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,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;AAEnE,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,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;AAIF,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"}
@@ -42,12 +42,12 @@ function FullscreenInner(props) {
42
42
  if (isFullScreen && ref.current) {
43
43
  if (ref.current.requestFullscreen) {
44
44
  ref.current.requestFullscreen().catch(() => {
45
- alert('Fullscreen is not supported');
45
+ window.alert('Fullscreen is not supported');
46
46
  });
47
47
  }
48
48
  else if (ref.current.webkitRequestFullscreen) {
49
49
  ref.current.webkitRequestFullscreen()?.catch(() => {
50
- alert('Fullscreen is not supported');
50
+ window.alert('Fullscreen is not supported');
51
51
  });
52
52
  }
53
53
  }
@@ -55,12 +55,12 @@ function FullscreenInner(props) {
55
55
  if (!isFullScreen && document.fullscreenElement) {
56
56
  if (document.exitFullscreen) {
57
57
  document.exitFullscreen().catch(() => {
58
- alert("Can't exit fullscreen");
58
+ window.alert("Can't exit fullscreen");
59
59
  });
60
60
  }
61
61
  else if (document.webkitExitFullscreen) {
62
62
  document.webkitExitFullscreen().catch(() => {
63
- alert("Can't exit fullscreen");
63
+ window.alert("Can't exit fullscreen");
64
64
  });
65
65
  }
66
66
  }
@@ -1 +1 @@
1
- {"version":3,"file":"FullscreenContext.js","sourceRoot":"","sources":["../../../src/components/fullscreen/FullscreenContext.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"FullscreenContext.js","sourceRoot":"","sources":["../../../src/components/fullscreen/FullscreenContext.tsx"],"names":[],"mappings":";AAAA,6BAA6B;AAC7B,OAAO,EACL,aAAa,EAEb,UAAU,EACV,SAAS,EACT,OAAO,EACP,UAAU,EACV,MAAM,GACP,MAAM,OAAO,CAAC;AAoBf,MAAM,qBAAqB,GAAG;IAC5B,YAAY,EAAE,KAAK;IACnB,MAAM,EAAE,GAAG,EAAE;QACX,QAAQ;IACV,CAAC;CACF,CAAC;AACF,MAAM,iBAAiB,GAAG,aAAa,CAAc,qBAAqB,CAAC,CAAC;AAE5E,MAAM,UAAU,aAAa;IAC3B,OAAO,UAAU,CAAC,iBAAiB,CAAC,CAAC;AACvC,CAAC;AACD,MAAM,UAAU,kBAAkB,CAAC,KAAsB;IACvD,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC,KAAc,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAE7E,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,EAChC,CAAC,YAAY,EAAE,MAAM,CAAC,CACvB,CAAC;IACF,OAAO,CACL,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACtC,KAAC,eAAe,OAAK,KAAK,GAAI,GACH,CAC9B,CAAC;AACJ,CAAC;AACD,SAAS,eAAe,CAAC,KAAsB;IAC7C,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3B,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAC;IACjD,MAAM,GAAG,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IACtC,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,kBAAkB;YACzB,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAwB,CAAC;YACjD,MAAM,KAAK,GAAG,OAAO,CACnB,QAAQ,CAAC,iBAAiB,IAAI,QAAQ,CAAC,uBAAuB,CAC/D,CAAC;YACF,IAAI,CAAC,KAAK,IAAI,YAAY;gBAAE,MAAM,EAAE,CAAC;QACvC,CAAC;QACD,MAAM,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC;QACxB,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,OAAO;QACT,CAAC;QACD,GAAG,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,kBAAkB,CAAC,CAAC;QAC7D,GAAG,CAAC,gBAAgB,CAAC,wBAAwB,EAAE,kBAAkB,CAAC,CAAC;QAEnE,OAAO,GAAG,EAAE;YACV,GAAG,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,kBAAkB,CAAC,CAAC;YAChE,GAAG,CAAC,mBAAmB,CAAC,wBAAwB,EAAE,kBAAkB,CAAC,CAAC;QACxE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC;IAC3B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;YAChC,IAAI,GAAG,CAAC,OAAO,CAAC,iBAAiB,EAAE,CAAC;gBAClC,GAAG,CAAC,OAAO,CAAC,iBAAiB,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE;oBACzC,MAAM,CAAC,KAAK,CAAC,6BAA6B,CAAC,CAAC;gBAC9C,CAAC,CAAC,CAAC;YACL,CAAC;iBAAM,IAAI,GAAG,CAAC,OAAO,CAAC,uBAAuB,EAAE,CAAC;gBAC/C,GAAG,CAAC,OAAO,CAAC,uBAAuB,EAAE,EAAE,KAAK,CAAC,GAAG,EAAE;oBAChD,MAAM,CAAC,KAAK,CAAC,6BAA6B,CAAC,CAAC;gBAC9C,CAAC,CAAC,CAAC;YACL,CAAC;QACH,CAAC;QACD,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAwB,CAAC;QACjD,IAAI,CAAC,YAAY,IAAI,QAAQ,CAAC,iBAAiB,EAAE,CAAC;YAChD,IAAI,QAAQ,CAAC,cAAc,EAAE,CAAC;gBAC5B,QAAQ,CAAC,cAAc,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE;oBACnC,MAAM,CAAC,KAAK,CAAC,uBAAuB,CAAC,CAAC;gBACxC,CAAC,CAAC,CAAC;YACL,CAAC;iBAAM,IAAI,QAAQ,CAAC,oBAAoB,EAAE,CAAC;gBACzC,QAAQ,CAAC,oBAAoB,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE;oBACzC,MAAM,CAAC,KAAK,CAAC,uBAAuB,CAAC,CAAC;gBACxC,CAAC,CAAC,CAAC;YACL,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IACnB,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;YACL,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,eAAe,EAAE,OAAO;SACzB,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}
@@ -1,15 +1,17 @@
1
- /// <reference types="react" />
2
1
  import { ItemRenderer } from '@blueprintjs/select';
2
+ import { ReactNode } from 'react';
3
3
  type FilterType<SourceType, Type> = Pick<SourceType, {
4
4
  [K in keyof SourceType]: SourceType[K] extends Type ? K : never;
5
5
  }[keyof SourceType]>;
6
- interface BaseOptions<T> {
7
- itemTextKey: keyof FilterType<T, string>;
6
+ interface ItemOptions<T> {
7
+ renderItem?: (item: T) => ReactNode;
8
8
  defaultSelectedItem?: T;
9
9
  }
10
- interface RenderOptions<T> {
10
+ interface BaseOptions<T> extends ItemOptions<T> {
11
+ itemTextKey: keyof FilterType<T, string>;
12
+ }
13
+ interface RenderOptions<T> extends ItemOptions<T> {
11
14
  getItemText: (item: T) => string;
12
- defaultSelectedItem?: T;
13
15
  }
14
16
  type SelectOptions<T> = BaseOptions<T> | RenderOptions<T>;
15
17
  export declare function useSelect<T>(options: SelectOptions<T>): {
@@ -1 +1 @@
1
- {"version":3,"file":"useSelect.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/useSelect.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGnD,KAAK,UAAU,CAAC,UAAU,EAAE,IAAI,IAAI,IAAI,CACtC,UAAU,EACV;KACG,CAAC,IAAI,MAAM,UAAU,GAAG,UAAU,CAAC,CAAC,CAAC,SAAS,IAAI,GAAG,CAAC,GAAG,KAAK;CAChE,CAAC,MAAM,UAAU,CAAC,CACpB,CAAC;AAEF,UAAU,WAAW,CAAC,CAAC;IACrB,WAAW,EAAE,MAAM,UAAU,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;IACzC,mBAAmB,CAAC,EAAE,CAAC,CAAC;CACzB;AAED,UAAU,aAAa,CAAC,CAAC;IACvB,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IACjC,mBAAmB,CAAC,EAAE,CAAC,CAAC;CACzB;AAED,KAAK,aAAa,CAAC,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;AAsB1D,wBAAgB,SAAS,CAAC,CAAC,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC;;;;;;yBAOjC,WAAW;;;;;;;2BAWA,MAAM,QAAQ,CAAC;+BAKX,MAAM,SAAS,CAAC,EAAE;EAiBrD"}
1
+ {"version":3,"file":"useSelect.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/useSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAE5C,KAAK,UAAU,CAAC,UAAU,EAAE,IAAI,IAAI,IAAI,CACtC,UAAU,EACV;KACG,CAAC,IAAI,MAAM,UAAU,GAAG,UAAU,CAAC,CAAC,CAAC,SAAS,IAAI,GAAG,CAAC,GAAG,KAAK;CAChE,CAAC,MAAM,UAAU,CAAC,CACpB,CAAC;AAEF,UAAU,WAAW,CAAC,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IACpC,mBAAmB,CAAC,EAAE,CAAC,CAAC;CACzB;AAED,UAAU,WAAW,CAAC,CAAC,CAAE,SAAQ,WAAW,CAAC,CAAC,CAAC;IAC7C,WAAW,EAAE,MAAM,UAAU,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;CAC1C;AAED,UAAU,aAAa,CAAC,CAAC,CAAE,SAAQ,WAAW,CAAC,CAAC,CAAC;IAC/C,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;CAClC;AAED,KAAK,aAAa,CAAC,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;AAsB1D,wBAAgB,SAAS,CAAC,CAAC,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC;;;;;;yBAOjC,WAAW;;;;;;;2BAWA,MAAM,QAAQ,CAAC;+BAKX,MAAM,SAAS,CAAC,EAAE;EAiBrD"}
@@ -60,7 +60,9 @@ function getItemRenderer(value, options) {
60
60
  const selectedLabel = getLabel(value, options);
61
61
  const render = (item, { handleClick, handleFocus, modifiers, index }) => {
62
62
  const label = getLabel(item, options);
63
- return (_jsx(MenuItem, { active: modifiers.active, disabled: modifiers.disabled, selected: selectedLabel === label, onClick: handleClick, onFocus: handleFocus, roleStructure: "listoption", text: label }, index));
63
+ const { renderItem } = options;
64
+ const { active, disabled } = modifiers;
65
+ return (_jsx(MenuItem, { active: active, disabled: disabled, selected: selectedLabel === label, onClick: handleClick, onFocus: handleFocus, roleStructure: "listoption", text: renderItem?.(item) || label }, index));
64
66
  };
65
67
  return render;
66
68
  }
@@ -1 +1 @@
1
- {"version":3,"file":"useSelect.js","sourceRoot":"","sources":["../../../src/components/hooks/useSelect.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"useSelect.js","sourceRoot":"","sources":["../../../src/components/hooks/useSelect.tsx"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"InfoPanel.d.ts","sourceRoot":"","sources":["../../../src/components/info-panel/InfoPanel.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAkC,MAAM,OAAO,CAAC;AAKtE,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,GAAG,CAAC,CAAC;CAChE;AAED,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B;AAuBD,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,oDA2I9C"}
1
+ {"version":3,"file":"InfoPanel.d.ts","sourceRoot":"","sources":["../../../src/components/info-panel/InfoPanel.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAkC,MAAM,OAAO,CAAC;AAKtE,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,GAAG,CAAC,CAAC;CAChE;AAED,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B;AAqDD,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,oDAqJ9C"}
@@ -1,24 +1,55 @@
1
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
1
+ import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
2
2
  /** @jsxImportSource @emotion/react */
3
3
  import { Icon, InputGroup } from '@blueprintjs/core';
4
4
  import { css } from '@emotion/react';
5
- import { Disclosure } from '@headlessui/react';
5
+ import * as Collapsible from '@radix-ui/react-collapsible';
6
6
  import { useCallback, useMemo, useState } from 'react';
7
7
  import { ValueRenderers } from '../index';
8
8
  import { Table } from '../table/Table';
9
9
  const style = {
10
+ content: css({
11
+ overflow: 'hidden',
12
+ "&[data-state='open']": {
13
+ animation: 'slideDown 300ms ease-out',
14
+ },
15
+ '&[data-state="closed"]': {
16
+ animation: 'slideUp 300ms ease-out',
17
+ },
18
+ '@keyframes slideDown': {
19
+ from: {
20
+ height: 0,
21
+ },
22
+ to: { height: 'var(--radix-collapsible-content-height)' },
23
+ },
24
+ '@keyframes slideUp': {
25
+ from: {
26
+ height: 'var(--radix-collapsible-content-height)',
27
+ },
28
+ to: { height: 0 },
29
+ },
30
+ }),
10
31
  container: css({
11
- padding: '5px',
32
+ padding: '5px 0 0 0',
33
+ height: '100%',
34
+ display: 'flex',
35
+ flexDirection: 'column',
12
36
  }),
13
- chevron: (open) => css({
14
- rotate: open ? '90deg' : '0deg',
37
+ chevron: css({
15
38
  transition: 'all 0.3s ease-in-out',
16
39
  }),
17
40
  button: css({
41
+ zIndex: 10,
42
+ position: 'sticky',
43
+ height: 30,
44
+ top: 0,
45
+ "&[data-state='open'] > span": {
46
+ rotate: '90deg',
47
+ },
48
+ cursor: 'pointer',
18
49
  borderBottom: '1px solid #f5f5f5',
50
+ backgroundColor: 'white',
19
51
  display: 'flex',
20
52
  alignItems: 'center',
21
- gap: 5,
22
53
  padding: '5px 2px',
23
54
  width: '100%',
24
55
  ':hover': {
@@ -70,10 +101,12 @@ export function InfoPanel(props) {
70
101
  }
71
102
  return { filteredData, total, count };
72
103
  }, [data, viewData]);
73
- return (_jsxs("div", { css: style.container, children: [_jsx("div", { style: titleStyle, children: title }), _jsxs("div", { tabIndex: 0, css: css({
74
- zIndex: 10,
104
+ return (_jsxs("div", { css: style.container, children: [_jsx("div", { style: {
105
+ padding: '0 5px',
106
+ ...titleStyle,
107
+ }, children: title }), _jsxs("div", { tabIndex: 0, css: css({
108
+ padding: '0 5px',
75
109
  marginTop: '5px',
76
- position: 'sticky',
77
110
  backgroundColor: 'white',
78
111
  top: '5px',
79
112
  display: 'flex',
@@ -82,22 +115,24 @@ export function InfoPanel(props) {
82
115
  width: '100%',
83
116
  }), children: [_jsx(InputGroup, { css: css({
84
117
  flexGrow: 1,
85
- }), placeholder: "search for a parameter ...", value: search, onChange: ({ target }) => {
118
+ }), placeholder: "Search for a parameter", value: search, onChange: ({ target }) => {
86
119
  if (target.value !== undefined) {
87
120
  setSearch(target.value);
88
121
  }
89
122
  }, style: inputStyle, leftIcon: "search", type: "search", fill: true }), "[", count, "/", total, "]"] }), _jsx("div", { style: {
123
+ position: 'relative',
90
124
  marginTop: '5px',
91
125
  display: 'flex',
92
126
  flexDirection: 'column',
93
- gap: '5px',
127
+ overflowY: 'auto',
128
+ flex: 1,
94
129
  }, children: filteredData.map(({ description, data }) => {
95
- return (_jsx(Disclosure, { defaultOpen: true, children: ({ open }) => (_jsxs(_Fragment, { children: [_jsxs(Disclosure.Button, { css: style.button, children: [_jsx(Icon, { icon: "chevron-right", css: style.chevron(open) }), description] }), _jsx(Disclosure.Panel, { children: _jsxs(Table, { striped: true, css: css({
96
- width: '100%',
97
- }), compact: true, children: [_jsxs(Table.Header, { children: [_jsx(ValueRenderers.Header, { value: "Parameter" }), _jsx(ValueRenderers.Header, { value: "Value" })] }), data.map(([key, value]) => (_jsxs(Table.Row, { style: {
98
- height: '10px',
99
- padding: '0 !imporant',
100
- }, children: [_jsx(ValueRenderers.Text, { value: key }), valueCell(value)] }, key)))] }) })] })) }, description));
130
+ return (_jsxs(Collapsible.Root, { className: "CollapsibleRoot", defaultOpen: true, children: [_jsx(Collapsible.Trigger, { asChild: true, css: style.button, children: _jsxs("div", { children: [_jsx(Icon, { icon: "chevron-right", css: style.chevron }), description] }) }), _jsx(Collapsible.Content, { css: style.content, children: _jsxs(Table, { striped: true, css: css({
131
+ width: '100%',
132
+ }), compact: true, children: [_jsxs(Table.Header, { children: [_jsx(ValueRenderers.Header, { value: "Parameter" }), _jsx(ValueRenderers.Header, { value: "Value" })] }), data.map(([key, value]) => (_jsxs(Table.Row, { style: {
133
+ height: '10px',
134
+ padding: '0 !imporant',
135
+ }, children: [_jsx(ValueRenderers.Text, { value: key }), valueCell(value)] }, key)))] }) })] }, description));
101
136
  }) })] }));
102
137
  }
103
138
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"InfoPanel.js","sourceRoot":"","sources":["../../../src/components/info-panel/InfoPanel.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"InfoPanel.js","sourceRoot":"","sources":["../../../src/components/info-panel/InfoPanel.tsx"],"names":[],"mappings":"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"}
@@ -10,6 +10,8 @@ export interface TableProps extends React.HTMLAttributes<HTMLTableElement> {
10
10
  export declare function Table(props: TableProps): import("@emotion/react/jsx-runtime").JSX.Element;
11
11
  export declare namespace Table {
12
12
  var Row: ({ children, style, bordered, ...other }: import("./TableRow").TableRowProps) => import("react/jsx-runtime").JSX.Element;
13
- var Header: ({ children, bordered, style }: TableProps) => import("react/jsx-runtime").JSX.Element;
13
+ var Header: ({ children, bordered, style, sticky, }: TableProps & {
14
+ sticky?: boolean | undefined;
15
+ }) => import("react/jsx-runtime").JSX.Element;
14
16
  }
15
17
  //# sourceMappingURL=Table.d.ts.map
@@ -1,3 +1,5 @@
1
1
  import type { TableProps } from './Table';
2
- export declare const TableHeader: ({ children, bordered, style }: TableProps) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const TableHeader: ({ children, bordered, style, sticky, }: TableProps & {
3
+ sticky?: boolean;
4
+ }) => import("react/jsx-runtime").JSX.Element;
3
5
  //# sourceMappingURL=TableHeader.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/table/TableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C,eAAO,MAAM,WAAW,kCAAmC,UAAU,4CAQpE,CAAC"}
1
+ {"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/table/TableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAU1C,eAAO,MAAM,WAAW,2CAKrB,UAAU,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,4CAQnC,CAAC"}
@@ -1,6 +1,12 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { TableRow } from './TableRow';
3
- export const TableHeader = ({ children, bordered, style }) => {
4
- return (_jsx("thead", { children: _jsx(TableRow, { bordered: bordered, style: style, children: children }) }));
3
+ const headerStyle = {
4
+ position: 'sticky',
5
+ top: 0,
6
+ zIndex: 10,
7
+ backgroundColor: 'white',
8
+ };
9
+ export const TableHeader = ({ children, bordered, style, sticky, }) => {
10
+ return (_jsx("thead", { style: sticky ? headerStyle : undefined, children: _jsx(TableRow, { bordered: bordered, style: style, children: children }) }));
5
11
  };
6
12
  //# sourceMappingURL=TableHeader.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TableHeader.js","sourceRoot":"","sources":["../../../src/components/table/TableHeader.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAc,EAAE,EAAE;IACvE,OAAO,CACL,0BACE,KAAC,QAAQ,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,YACvC,QAAQ,GACA,GACL,CACT,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"TableHeader.js","sourceRoot":"","sources":["../../../src/components/table/TableHeader.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,WAAW,GAAwB;IACvC,QAAQ,EAAE,QAAQ;IAClB,GAAG,EAAE,CAAC;IACN,MAAM,EAAE,EAAE;IACV,eAAe,EAAE,OAAO;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,MAAM,GAC4B,EAAE,EAAE;IACtC,OAAO,CACL,gBAAO,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,YAC5C,KAAC,QAAQ,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,YACvC,QAAQ,GACA,GACL,CACT,CAAC;AACJ,CAAC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-science",
3
- "version": "4.0.0",
3
+ "version": "4.1.1",
4
4
  "description": "React components to build scientific applications UI",
5
5
  "exports": {
6
6
  "./app": {
@@ -51,50 +51,47 @@
51
51
  "test-only": "vitest run --coverage "
52
52
  },
53
53
  "volta": {
54
- "node": "20.11.1"
54
+ "node": "20.14.0"
55
55
  },
56
56
  "overrides": {
57
- "react": "^18.2.0",
58
- "react-dom": "^18.2.0"
57
+ "react": "^18.3.1",
58
+ "react-dom": "^18.3.1"
59
59
  },
60
60
  "peerDependencies": {
61
- "@blueprintjs/core": "^5.3.2",
62
- "@blueprintjs/icons": "^5.1.7",
61
+ "@blueprintjs/core": "^5.10.3",
62
+ "@blueprintjs/icons": "^5.9.0",
63
63
  "fifo-logger": "^1.0.0",
64
64
  "react": ">=18.0.0",
65
65
  "react-dom": ">=18.0.0"
66
66
  },
67
67
  "dependencies": {
68
- "@blueprintjs/select": "^5.1.2",
68
+ "@blueprintjs/select": "^5.1.5",
69
69
  "@emotion/react": "^11.11.4",
70
- "@emotion/styled": "^11.11.0",
71
- "@headlessui/react": "^1.7.18",
70
+ "@emotion/styled": "^11.11.5",
72
71
  "@lukeed/uuid": "^2.0.1",
73
72
  "@popperjs/core": "^2.11.8",
74
- "@radix-ui/react-checkbox": "^1.0.4",
75
- "@radix-ui/react-radio-group": "^1.1.3",
76
- "@radix-ui/react-select": "^2.0.0",
77
- "@tanstack/react-query": "^5.28.4",
78
- "@tanstack/react-table": "^8.13.2",
73
+ "@radix-ui/react-collapsible": "^1.1.0",
74
+ "@radix-ui/react-radio-group": "^1.2.0",
75
+ "@radix-ui/react-select": "^2.1.0",
76
+ "@tanstack/react-query": "^5.45.1",
77
+ "@tanstack/react-table": "^8.17.3",
79
78
  "biologic-converter": "^0.6.0",
80
79
  "cheminfo-types": "^1.7.3",
81
80
  "d3-scale-chromatic": "^3.1.0",
82
81
  "filelist-utils": "^1.11.0",
83
- "immer": "^10.0.4",
82
+ "immer": "^10.1.1",
84
83
  "jcampconverter": "^9.6.4",
85
84
  "lodash": "^4.17.21",
86
85
  "ml-gsd": "^12.1.6",
87
86
  "ml-peak-shape-generator": "^4.1.2",
88
87
  "ml-signal-processing": "^1.0.4",
89
- "ml-spectra-processing": "^14.5.0",
88
+ "ml-spectra-processing": "^14.5.1",
90
89
  "ms-spectrum": "^3.5.2",
91
90
  "netcdfjs": "^3.0.0",
92
91
  "react-d3-utils": "^1.0.0",
93
92
  "react-dropzone": "^14.2.3",
94
- "react-error-boundary": "^4.0.13",
95
93
  "react-icons": "^5.2.1",
96
94
  "react-inspector": "^6.0.2",
97
- "react-kbs": "^2.1.1",
98
95
  "react-plot": "^1.4.2",
99
96
  "react-popper": "^2.3.0",
100
97
  "spc-parser": "^1.0.0",
@@ -103,42 +100,43 @@
103
100
  "wdf-parser": "^0.3.0"
104
101
  },
105
102
  "devDependencies": {
106
- "@babel/core": "^7.24.0",
107
- "@babel/eslint-parser": "^7.23.10",
108
- "@babel/preset-react": "^7.23.3",
109
- "@blueprintjs/core": "^5.10.0",
110
- "@blueprintjs/icons": "^5.8.0",
111
- "@playwright/experimental-ct-react": "^1.42.1",
112
- "@playwright/test": "^1.42.1",
113
- "@storybook/addon-essentials": "^8.0.0",
114
- "@storybook/addon-storysource": "^8.0.0",
115
- "@storybook/blocks": "^8.0.0",
116
- "@storybook/react": "^8.0.0",
117
- "@storybook/react-vite": "^8.0.0",
103
+ "@babel/core": "^7.24.7",
104
+ "@babel/preset-react": "^7.24.7",
105
+ "@blueprintjs/core": "^5.10.3",
106
+ "@blueprintjs/icons": "^5.9.0",
107
+ "@playwright/experimental-ct-react": "^1.44.1",
108
+ "@playwright/test": "^1.44.1",
109
+ "@storybook/addon-essentials": "^8.1.10",
110
+ "@storybook/addon-storysource": "^8.1.10",
111
+ "@storybook/blocks": "^8.1.10",
112
+ "@storybook/react": "^8.1.10",
113
+ "@storybook/react-vite": "^8.1.10",
118
114
  "@types/babel__core": "^7.20.5",
119
115
  "@types/d3-scale-chromatic": "^3.0.3",
120
- "@types/lodash": "^4.17.0",
121
- "@types/react": "^18.2.66",
122
- "@types/react-dom": "^18.2.22",
116
+ "@types/lodash": "^4.17.5",
117
+ "@types/react": "^18.3.3",
118
+ "@types/react-dom": "^18.3.0",
123
119
  "@types/react-inspector": "^4.0.6",
124
120
  "@types/tinycolor2": "^1.4.6",
125
- "@vitejs/plugin-react": "^4.2.1",
126
- "@vitest/coverage-v8": "^1.4.0",
121
+ "@vitejs/plugin-react": "^4.3.1",
122
+ "@vitest/coverage-v8": "^1.6.0",
127
123
  "cheminfo-font": "^1.13.0",
128
124
  "cross-env": "^7.0.3",
129
125
  "eslint": "^8.57.0",
130
- "eslint-config-zakodium": "^8.1.0",
126
+ "eslint-config-zakodium": "^9.0.1",
131
127
  "eslint-plugin-storybook": "^0.8.0",
132
128
  "fifo-logger": "^1.0.0",
133
- "prettier": "^3.2.5",
134
- "react": "^18.2.0",
135
- "react-dom": "^18.2.0",
129
+ "prettier": "^3.3.2",
130
+ "react": "^18.3.1",
131
+ "react-dom": "^18.3.1",
132
+ "react-error-boundary": "^4.0.13",
133
+ "react-kbs": "^2.1.1",
136
134
  "react-ocl": "^6.1.0",
137
- "rimraf": "^5.0.5",
138
- "storybook": "^8.0.0",
139
- "typescript": "^5.4.2",
140
- "vite": "^5.1.6",
141
- "vitest": "^1.4.0"
135
+ "rimraf": "^5.0.7",
136
+ "storybook": "^8.1.10",
137
+ "typescript": "^5.4.5",
138
+ "vite": "^5.3.1",
139
+ "vitest": "^1.6.0"
142
140
  },
143
141
  "repository": {
144
142
  "type": "git",
@@ -18,21 +18,28 @@ type BlueprintProps = {
18
18
  BlueprintAnchorButtonProps[key];
19
19
  };
20
20
  export type ButtonProps = BlueprintProps & {
21
- tooltipProps?: Omit<TooltipProps, 'children'>;
21
+ tooltipProps?: Partial<Omit<TooltipProps, 'children'>>;
22
22
  tag?: ReactNode;
23
23
  tagProps?: Omit<TagProps, 'children'>;
24
24
  };
25
25
 
26
26
  export function Button(props: ButtonProps) {
27
- const { tooltipProps, children, tag, tagProps, ...buttonProps } = props;
28
-
27
+ const { tooltipProps = {}, children, tag, tagProps, ...buttonProps } = props;
28
+ const {
29
+ fill,
30
+ content = '',
31
+ disabled = !tooltipProps.content,
32
+ ...otherToolTipProps
33
+ } = tooltipProps;
29
34
  const InnerButton = buttonProps.disabled
30
35
  ? BlueprintAnchorButton
31
36
  : BlueprintButton;
32
37
  return (
33
38
  <Tooltip
34
- fill={tooltipProps?.fill || buttonProps.fill}
35
- {...tooltipProps}
39
+ fill={fill || buttonProps.fill}
40
+ disabled={disabled}
41
+ content={content}
42
+ {...otherToolTipProps}
36
43
  renderTarget={({ isOpen, ...targetProps }) => (
37
44
  <div style={{ position: 'relative' }}>
38
45
  {tag && (