@genspectrum/dashboard-components 0.6.15 → 0.6.16
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.
- package/dist/dashboard-components.js +7 -7
- package/dist/dashboard-components.js.map +1 -1
- package/dist/genspectrum-components.d.ts +10 -10
- package/dist/style.css +0 -3
- package/package.json +1 -1
- package/src/preact/components/proportion-selector-dropdown.stories.tsx +13 -4
- package/src/preact/components/proportion-selector-dropdown.tsx +7 -4
- package/src/preact/mutationsOverTime/mutations-over-time.tsx +1 -0
- package/standalone-bundle/dashboard-components.js +6 -7
- package/standalone-bundle/dashboard-components.js.map +1 -1
|
@@ -1802,10 +1802,12 @@ const ProportionSelector = ({
|
|
|
1802
1802
|
const ProportionSelectorDropdown = ({
|
|
1803
1803
|
proportionInterval,
|
|
1804
1804
|
setMinProportion,
|
|
1805
|
-
setMaxProportion
|
|
1805
|
+
setMaxProportion,
|
|
1806
|
+
labelPrefix = "Proportion"
|
|
1806
1807
|
}) => {
|
|
1807
|
-
const
|
|
1808
|
-
|
|
1808
|
+
const percentLabel = `${(proportionInterval.min * 100).toFixed(1)}% - ${(proportionInterval.max * 100).toFixed(1)}%`;
|
|
1809
|
+
const width = "w-[calc(1.5 * var(--tw-space-x-reverse) + 1.5 * var(--tw-space-x))]";
|
|
1810
|
+
return /* @__PURE__ */ u$1("div", { className: width, children: /* @__PURE__ */ u$1(Dropdown, { buttonTitle: `${labelPrefix} ${percentLabel}`, placement: "bottom-start", children: /* @__PURE__ */ u$1(
|
|
1809
1811
|
ProportionSelector,
|
|
1810
1812
|
{
|
|
1811
1813
|
proportionInterval,
|
|
@@ -4718,9 +4720,6 @@ input.tab:checked + .tab-content,
|
|
|
4718
4720
|
.w-32 {
|
|
4719
4721
|
width: 8rem;
|
|
4720
4722
|
}
|
|
4721
|
-
.w-44 {
|
|
4722
|
-
width: 11rem;
|
|
4723
|
-
}
|
|
4724
4723
|
.w-64 {
|
|
4725
4724
|
width: 16rem;
|
|
4726
4725
|
}
|
|
@@ -9030,7 +9029,8 @@ const Toolbar = ({
|
|
|
9030
9029
|
{
|
|
9031
9030
|
proportionInterval,
|
|
9032
9031
|
setMinProportion: (min) => setProportionInterval((prev) => ({ ...prev, min })),
|
|
9033
|
-
setMaxProportion: (max) => setProportionInterval((prev) => ({ ...prev, max }))
|
|
9032
|
+
setMaxProportion: (max) => setProportionInterval((prev) => ({ ...prev, max })),
|
|
9033
|
+
labelPrefix: "Mean proportion"
|
|
9034
9034
|
}
|
|
9035
9035
|
),
|
|
9036
9036
|
/* @__PURE__ */ u$1(
|