@genspectrum/dashboard-components 0.5.7 → 0.6.1

package/dist/dashboard-components.js

@@ -1357,30 +1357,10 @@ const ErrorDisplay = ({ error }) => {
 const ResizeContainer = ({ children, size: size2 }) => {
   return /* @__PURE__ */ u$1("div", { style: size2, children });
 };
-const Headline = ({ heading, children }) => {
-  if (!heading) {
-    return /* @__PURE__ */ u$1(Fragment, { children });
-  }
-  return /* @__PURE__ */ u$1(ResizingHeadline, { heading, children });
-};
-const ResizingHeadline = ({ heading, children }) => {
-  const ref = A(null);
-  const [h1Height, setH1Height] = h("2rem");
-  y(() => {
-    if (ref.current) {
-      const h1Height2 = ref.current.getBoundingClientRect().height;
-      setH1Height(`${h1Height2}px`);
-    }
-  }, []);
-  return /* @__PURE__ */ u$1("div", { className: "h-full w-full", children: [
-    /* @__PURE__ */ u$1("h1", { ref, children: heading }),
-    /* @__PURE__ */ u$1("div", { style: { height: `calc(100% - ${h1Height})` }, children })
-  ] });
-};
-const ErrorBoundary = ({ size: size2, headline, children }) => {
+const ErrorBoundary = ({ size: size2, children }) => {
   const [internalError] = b2();
   if (internalError) {
-    return /* @__PURE__ */ u$1(ResizeContainer, { size: size2, children: /* @__PURE__ */ u$1(Headline, { heading: headline, children: /* @__PURE__ */ u$1(ErrorDisplay, { error: internalError }) }) });
+    return /* @__PURE__ */ u$1(ResizeContainer, { size: size2, children: /* @__PURE__ */ u$1(ErrorDisplay, { error: internalError }) });
   }
   return /* @__PURE__ */ u$1(Fragment, { children });
 };
@@ -1688,14 +1668,9 @@ function useQuery(fetchDataCallback, dependencies = []) {
   }, [JSON.stringify(dependencies)]);
   return { data, error, isLoading };
 }
-const MutationComparison = ({
-  width,
-  height,
-  headline = "Mutation comparison",
-  ...innerProps
-}) => {
+const MutationComparison = ({ width, height, ...innerProps }) => {
   const size2 = { height, width };
-  return /* @__PURE__ */ u$1(ErrorBoundary, { size: size2, headline, children: /* @__PURE__ */ u$1(ResizeContainer, { size: size2, children: /* @__PURE__ */ u$1(Headline, { heading: headline, children: /* @__PURE__ */ u$1(MutationComparisonInner, { ...innerProps }) }) }) });
+  return /* @__PURE__ */ u$1(ErrorBoundary, { size: size2, children: /* @__PURE__ */ u$1(ResizeContainer, { size: size2, children: /* @__PURE__ */ u$1(MutationComparisonInner, { ...innerProps }) }) });
 };
 const MutationComparisonInner = ({
   lapisFilters,
@@ -4448,10 +4423,6 @@ input.tab:checked + .tab-content,
   --tw-border-opacity: 1;
   border-color: rgb(239 68 68 / var(--tw-border-opacity));
 }
-.bg-base-200 {
-  --tw-bg-opacity: 1;
-  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
-}
 .bg-white {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@@ -4663,7 +4634,6 @@ let MutationComparisonComponent = class extends PreactLitAdapterWithGridJsStyles
     this.views = ["table"];
     this.width = "100%";
     this.height = "700px";
-    this.headline = "Mutation comparison";
     this.pageSize = false;
   }
   render() {
@@ -4675,7 +4645,6 @@ let MutationComparisonComponent = class extends PreactLitAdapterWithGridJsStyles
         views: this.views,
         width: this.width,
         height: this.height,
-        headline: this.headline,
         pageSize: this.pageSize
       }
     );
@@ -4696,9 +4665,6 @@ __decorateClass$9([
 __decorateClass$9([
   n2({ type: String })
 ], MutationComparisonComponent.prototype, "height", 2);
-__decorateClass$9([
-  n2({ type: String })
-], MutationComparisonComponent.prototype, "headline", 2);
 __decorateClass$9([
   n2({ type: Object })
 ], MutationComparisonComponent.prototype, "pageSize", 2);
@@ -4968,14 +4934,9 @@ function filterMutationsData(data, displayedSegments, displayedMutationTypes) {
     gridData: filteredSubstitutionsOrDeletions
   };
 }
-const Mutations = ({
-  width,
-  height,
-  headline = "Mutations",
-  ...innerProps
-}) => {
+const Mutations = ({ width, height, ...innerProps }) => {
   const size2 = { height, width };
-  return /* @__PURE__ */ u$1(ErrorBoundary, { size: size2, headline, children: /* @__PURE__ */ u$1(ResizeContainer, { size: size2, children: /* @__PURE__ */ u$1(Headline, { heading: headline, children: /* @__PURE__ */ u$1(MutationsInner, { ...innerProps }) }) }) });
+  return /* @__PURE__ */ u$1(ErrorBoundary, { size: size2, children: /* @__PURE__ */ u$1(ResizeContainer, { size: size2, children: /* @__PURE__ */ u$1(MutationsInner, { ...innerProps }) }) });
 };
 const MutationsInner = ({
   lapisFilter,
@@ -5127,7 +5088,6 @@ let MutationsComponent = class extends PreactLitAdapterWithGridJsStyles {
     this.views = ["table", "grid"];
     this.width = "100%";
     this.height = "700px";
-    this.headline = "Mutations";
     this.pageSize = false;
   }
   render() {
@@ -5139,7 +5099,6 @@ let MutationsComponent = class extends PreactLitAdapterWithGridJsStyles {
         views: this.views,
         width: this.width,
         height: this.height,
-        headline: this.headline,
         pageSize: this.pageSize
       }
     );
@@ -5160,9 +5119,6 @@ __decorateClass$8([
 __decorateClass$8([
   n2({ type: String })
 ], MutationsComponent.prototype, "height", 2);
-__decorateClass$8([
-  n2({ type: String })
-], MutationsComponent.prototype, "headline", 2);
 __decorateClass$8([
   n2({ type: Object })
 ], MutationsComponent.prototype, "pageSize", 2);
@@ -6761,14 +6717,9 @@ const ScalingSelector = ({
     }
   );
 };
-const PrevalenceOverTime = ({
-  width,
-  height,
-  headline = "Prevalence over time",
-  ...innerProps
-}) => {
+const PrevalenceOverTime = ({ width, height, ...innerProps }) => {
   const size2 = { height, width };
-  return /* @__PURE__ */ u$1(ErrorBoundary, { size: size2, headline, children: /* @__PURE__ */ u$1(ResizeContainer, { size: size2, children: /* @__PURE__ */ u$1(Headline, { heading: headline, children: /* @__PURE__ */ u$1(PrevalenceOverTimeInner, { ...innerProps }) }) }) });
+  return /* @__PURE__ */ u$1(ErrorBoundary, { size: size2, children: /* @__PURE__ */ u$1(ResizeContainer, { size: size2, children: /* @__PURE__ */ u$1(PrevalenceOverTimeInner, { ...innerProps }) }) });
 };
 const PrevalenceOverTimeInner = ({
   numeratorFilter,
@@ -6946,7 +6897,6 @@ let PrevalenceOverTimeComponent = class extends PreactLitAdapterWithGridJsStyles
     this.smoothingWindow = 0;
     this.views = ["bar", "line", "bubble", "table"];
     this.confidenceIntervalMethods = ["wilson"];
-    this.headline = "Prevalence over time";
     this.width = "100%";
     this.height = "700px";
     this.lapisDateField = "date";
@@ -6966,7 +6916,6 @@ let PrevalenceOverTimeComponent = class extends PreactLitAdapterWithGridJsStyles
         confidenceIntervalMethods: this.confidenceIntervalMethods,
         width: this.width,
         height: this.height,
-        headline: this.headline,
         lapisDateField: this.lapisDateField,
         pageSize: this.pageSize,
         yAxisMaxConfig: {
@@ -6995,9 +6944,6 @@ __decorateClass$7([
 __decorateClass$7([
   n2({ type: Array })
 ], PrevalenceOverTimeComponent.prototype, "confidenceIntervalMethods", 2);
-__decorateClass$7([
-  n2({ type: String })
-], PrevalenceOverTimeComponent.prototype, "headline", 2);
 __decorateClass$7([
   n2({ type: String })
 ], PrevalenceOverTimeComponent.prototype, "width", 2);
@@ -7231,11 +7177,10 @@ function toYearMonthDay(d2) {
 const RelativeGrowthAdvantage = ({
   width,
   height,
-  headline = "Relative growth advantage",
   ...innerProps
 }) => {
   const size2 = { height, width };
-  return /* @__PURE__ */ u$1(ErrorBoundary, { size: size2, headline, children: /* @__PURE__ */ u$1(ResizeContainer, { size: size2, children: /* @__PURE__ */ u$1(Headline, { heading: headline, children: /* @__PURE__ */ u$1(RelativeGrowthAdvantageInner, { ...innerProps }) }) }) });
+  return /* @__PURE__ */ u$1(ErrorBoundary, { size: size2, children: /* @__PURE__ */ u$1(ResizeContainer, { size: size2, children: /* @__PURE__ */ u$1(RelativeGrowthAdvantageInner, { ...innerProps }) }) });
 };
 const RelativeGrowthAdvantageInner = ({
   numeratorFilter,
@@ -7359,7 +7304,6 @@ let RelativeGrowthAdvantageComponent = class extends PreactLitAdapter {
     this.denominatorFilter = {};
     this.generationTime = 7;
     this.views = ["line"];
-    this.headline = "Relative growth advantage";
     this.width = "100%";
     this.height = "700px";
     this.lapisDateField = "date";
@@ -7376,7 +7320,6 @@ let RelativeGrowthAdvantageComponent = class extends PreactLitAdapter {
         views: this.views,
         width: this.width,
         height: this.height,
-        headline: this.headline,
         lapisDateField: this.lapisDateField,
         yAxisMaxConfig: {
           linear: this.yAxisMaxLinear,
@@ -7398,9 +7341,6 @@ __decorateClass$6([
 __decorateClass$6([
   n2({ type: Array })
 ], RelativeGrowthAdvantageComponent.prototype, "views", 2);
-__decorateClass$6([
-  n2({ type: String })
-], RelativeGrowthAdvantageComponent.prototype, "headline", 2);
 __decorateClass$6([
   n2({ type: String })
 ], RelativeGrowthAdvantageComponent.prototype, "width", 2);
@@ -7467,14 +7407,9 @@ const AggregateTable = ({ data, fields, pageSize }) => {
   ];
   return /* @__PURE__ */ u$1(Table, { data, columns: headers, pageSize });
 };
-const Aggregate = ({
-  width,
-  height,
-  headline = "Mutations",
-  ...innerProps
-}) => {
+const Aggregate = ({ width, height, ...innerProps }) => {
   const size2 = { height, width };
-  return /* @__PURE__ */ u$1(ErrorBoundary, { size: size2, headline, children: /* @__PURE__ */ u$1(ResizeContainer, { size: size2, children: /* @__PURE__ */ u$1(Headline, { heading: headline, children: /* @__PURE__ */ u$1(AggregateInner, { ...innerProps }) }) }) });
+  return /* @__PURE__ */ u$1(ErrorBoundary, { size: size2, children: /* @__PURE__ */ u$1(ResizeContainer, { size: size2, children: /* @__PURE__ */ u$1(AggregateInner, { ...innerProps }) }) });
 };
 const AggregateInner = ({
   fields,
@@ -7536,7 +7471,6 @@ let AggregateComponent = class extends PreactLitAdapterWithGridJsStyles {
     this.filter = {};
     this.width = "100%";
     this.height = "700px";
-    this.headline = "Aggregate";
     this.initialSortField = "count";
     this.initialSortDirection = "descending";
     this.pageSize = false;
@@ -7550,7 +7484,6 @@ let AggregateComponent = class extends PreactLitAdapterWithGridJsStyles {
         filter: this.filter,
         width: this.width,
         height: this.height,
-        headline: this.headline,
         initialSortField: this.initialSortField,
         initialSortDirection: this.initialSortDirection,
         pageSize: this.pageSize
@@ -7573,9 +7506,6 @@ __decorateClass$5([
 __decorateClass$5([
   n2({ type: String })
 ], AggregateComponent.prototype, "height", 2);
-__decorateClass$5([
-  n2({ type: String })
-], AggregateComponent.prototype, "headline", 2);
 __decorateClass$5([
   n2({ type: String })
 ], AggregateComponent.prototype, "initialSortField", 2);
@@ -7744,9 +7674,9 @@ async function queryNumberOfSequencesOverTime(lapis, lapisFilter, lapisDateField
   });
   return Promise.all(queries);
 }
-const NumberSequencesOverTime = ({ width, height, headline, ...innerProps }) => {
+const NumberSequencesOverTime = ({ width, height, ...innerProps }) => {
   const size2 = { height, width };
-  return /* @__PURE__ */ u$1(ErrorBoundary, { size: size2, headline, children: /* @__PURE__ */ u$1(ResizeContainer, { size: size2, children: /* @__PURE__ */ u$1(Headline, { heading: headline, children: /* @__PURE__ */ u$1(NumberSequencesOverTimeInner, { ...innerProps }) }) }) });
+  return /* @__PURE__ */ u$1(ErrorBoundary, { size: size2, children: /* @__PURE__ */ u$1(ResizeContainer, { size: size2, children: /* @__PURE__ */ u$1(NumberSequencesOverTimeInner, { ...innerProps }) }) });
 };
 const NumberSequencesOverTimeInner = ({
   lapisFilter,
@@ -7852,7 +7782,6 @@ let NumberSequencesOverTimeComponent = class extends PreactLitAdapterWithGridJsS
     this.lapisFilter = { displayName: "", lapisFilter: {} };
     this.lapisDateField = "date";
     this.views = ["bar", "line", "table"];
-    this.headline = "Number of sequences of time";
     this.width = "100%";
     this.height = "700px";
     this.granularity = "day";
@@ -7866,7 +7795,6 @@ let NumberSequencesOverTimeComponent = class extends PreactLitAdapterWithGridJsS
         lapisFilter: this.lapisFilter,
         lapisDateField: this.lapisDateField,
         views: this.views,
-        headline: this.headline,
         width: this.width,
         height: this.height,
         granularity: this.granularity,
@@ -7885,9 +7813,6 @@ __decorateClass$4([
 __decorateClass$4([
   n2({ type: Array })
 ], NumberSequencesOverTimeComponent.prototype, "views", 2);
-__decorateClass$4([
-  n2({ type: String })
-], NumberSequencesOverTimeComponent.prototype, "headline", 2);
 __decorateClass$4([
   n2({ type: String })
 ], NumberSequencesOverTimeComponent.prototype, "width", 2);
@@ -8393,11 +8318,7 @@ const TextInput = ({ width, ...innerProps }) => {
   const size2 = { width, height: "3rem" };
   return /* @__PURE__ */ u$1(ErrorBoundary, { size: size2, children: /* @__PURE__ */ u$1(ResizeContainer, { size: size2, children: /* @__PURE__ */ u$1(TextInputInner, { ...innerProps }) }) });
 };
-const TextInputInner = ({
-  lapisField,
-  placeholderText,
-  initialValue
-}) => {
+const TextInputInner = ({ lapisField, placeholderText, initialValue }) => {
   const lapis = x(LapisUrlContext);
   const inputRef = A(null);
   const { data, error, isLoading } = useQuery(() => fetchAutocompleteList(lapis, lapisField), [lapisField, lapis]);