@genspectrum/dashboard-components 0.14.2 → 0.15.0

package/dist/util.d.ts

@@ -78,7 +78,7 @@ export declare class DateRangeOptionChangedEvent extends CustomEvent<DateRangeSe
 }
 
 /**
- * Presets for the `gs-date-range-selector` component that can be used as `dateRangeOptions`.
+ * Presets for the `gs-date-range-filter` component that can be used as `dateRangeOptions`.
  */
 export declare const dateRangeOptionPresets: {
     last2Weeks: {
@@ -111,7 +111,7 @@ export declare const dateRangeOptionPresets: {
 };
 
 /**
- * A date range option that can be used in the `gs-date-range-selector` component.
+ * A date range option that can be used in the `gs-date-range-filter` component.
  */
 declare const dateRangeOptionSchema: default_2.ZodObject<{
     /** The label of the date range option that will be shown to the user */
@@ -792,7 +792,7 @@ export declare type TemporalGranularity = default_2.infer<typeof temporalGranula
 
 declare const temporalGranularitySchema: default_2.ZodUnion<[default_2.ZodLiteral<"day">, default_2.ZodLiteral<"week">, default_2.ZodLiteral<"month">, default_2.ZodLiteral<"year">]>;
 
-export declare class TextInputChangedEvent extends CustomEvent<LapisTextFilter> {
+export declare class TextFilterChangedEvent extends CustomEvent<LapisTextFilter> {
     constructor(detail: LapisTextFilter);
 }
 
@@ -848,7 +848,7 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-mutations-component': MutationsComponent;
+        'gs-wastewater-mutations-over-time': WastewaterMutationsOverTimeComponent;
     }
 }
 
@@ -856,7 +856,7 @@ declare global {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'gs-mutations-component': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-wastewater-mutations-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
         }
     }
 }
@@ -880,7 +880,7 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-prevalence-over-time': PrevalenceOverTimeComponent;
+        'gs-mutations-component': MutationsComponent;
     }
 }
 
@@ -888,7 +888,7 @@ declare global {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'gs-prevalence-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-mutations-component': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
         }
     }
 }
@@ -896,7 +896,7 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-relative-growth-advantage': RelativeGrowthAdvantageComponent;
+        'gs-prevalence-over-time': PrevalenceOverTimeComponent;
     }
 }
 
@@ -904,7 +904,7 @@ declare global {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'gs-relative-growth-advantage': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-prevalence-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
         }
     }
 }
@@ -912,7 +912,7 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-number-sequences-over-time': NumberSequencesOverTimeComponent;
+        'gs-relative-growth-advantage': RelativeGrowthAdvantageComponent;
     }
 }
 
@@ -920,7 +920,7 @@ declare global {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'gs-number-sequences-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-relative-growth-advantage': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
         }
     }
 }
@@ -928,7 +928,7 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-aggregate': AggregateComponent;
+        'gs-number-sequences-over-time': NumberSequencesOverTimeComponent;
     }
 }
 
@@ -936,7 +936,7 @@ declare global {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'gs-aggregate': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-number-sequences-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
         }
     }
 }
@@ -944,7 +944,7 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-mutations-over-time': MutationsOverTimeComponent;
+        'gs-aggregate': AggregateComponent;
     }
 }
 
@@ -952,7 +952,7 @@ declare global {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'gs-mutations-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-aggregate': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
         }
     }
 }
@@ -960,7 +960,7 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-sequences-by-location': SequencesByLocationComponent;
+        'gs-mutations-over-time': MutationsOverTimeComponent;
     }
 }
 
@@ -968,7 +968,7 @@ declare global {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'gs-sequences-by-location': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-mutations-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
         }
     }
 }
@@ -976,7 +976,7 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-statistics': StatisticsComponent;
+        'gs-sequences-by-location': SequencesByLocationComponent;
     }
 }
 
@@ -984,7 +984,7 @@ declare global {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'gs-statistics': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-sequences-by-location': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
         }
     }
 }
@@ -992,7 +992,7 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-wastewater-mutations-over-time': WastewaterMutationsOverTimeComponent;
+        'gs-statistics': StatisticsComponent;
     }
 }
 
@@ -1000,7 +1000,7 @@ declare global {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'gs-wastewater-mutations-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-statistics': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
         }
     }
 }
@@ -1008,7 +1008,7 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-date-range-selector': DateRangeSelectorComponent;
+        'gs-date-range-filter': DateRangeFilterComponent;
     }
     interface HTMLElementEventMap {
         'gs-date-range-filter-changed': CustomEvent<Record<string, string>>;
@@ -1020,7 +1020,7 @@ declare global {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'gs-date-range-selector': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-date-range-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
         }
     }
 }
@@ -1028,10 +1028,10 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-text-input': TextInputComponent;
+        'gs-location-filter': LocationFilterComponent;
     }
     interface HTMLElementEventMap {
-        'gs-text-input-changed': TextInputChangedEvent;
+        'gs-location-changed': LocationChangedEvent;
     }
 }
 
@@ -1039,7 +1039,7 @@ declare global {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'gs-text-input': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-location-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
         }
     }
 }
@@ -1047,10 +1047,10 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-location-filter': LocationFilterComponent;
+        'gs-text-filter': TextFilterComponent;
     }
     interface HTMLElementEventMap {
-        'gs-location-changed': LocationChangedEvent;
+        'gs-text-filter-changed': TextFilterChangedEvent;
     }
 }
 
@@ -1058,7 +1058,7 @@ declare global {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'gs-location-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-text-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
         }
     }
 }

package/dist/util.js

@@ -1,9 +1,9 @@
-import { D, a, L, T, d, v } from "./LineageFilterChangedEvent-C9dXOxt6.js";
+import { D, a, L, T, d, v } from "./LineageFilterChangedEvent-COWV-Y0k.js";
 export {
   D as DateRangeOptionChangedEvent,
   a as LineageFilterChangedEvent,
   L as LocationChangedEvent,
-  T as TextInputChangedEvent,
+  T as TextFilterChangedEvent,
   d as dateRangeOptionPresets,
   v as views
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@genspectrum/dashboard-components",
-    "version": "0.14.2",
+    "version": "0.15.0",
     "description": "GenSpectrum web components for building dashboards",
     "type": "module",
     "license": "AGPL-3.0-only",

package/src/preact/{dateRangeSelector/date-range-selector.stories.tsx → dateRangeFilter/date-range-filter.stories.tsx}

@@ -4,7 +4,7 @@ import type { StepFunction } from '@storybook/types';
 import dayjs from 'dayjs/esm';
 import { useEffect, useRef, useState } from 'preact/hooks';
 
-import { DateRangeSelector, type DateRangeSelectorProps } from './date-range-selector';
+import { DateRangeFilter, type DateRangeFilterProps } from './date-range-filter';
 import { previewHandles } from '../../../.storybook/preview';
 import { LAPIS_URL } from '../../constants';
 import { LapisUrlContextProvider } from '../LapisUrlContext';
@@ -19,9 +19,9 @@ const customDateRange = {
     dateTo: '2021-12-31',
 };
 
-const meta: Meta<DateRangeSelectorProps> = {
-    title: 'Input/DateRangeSelector',
-    component: DateRangeSelector,
+const meta: Meta<DateRangeFilterProps> = {
+    title: 'Input/DateRangeFilter',
+    component: DateRangeFilter,
     parameters: {
         actions: {
             handles: ['gs-date-range-filter-changed', 'gs-date-range-option-changed', ...previewHandles],
@@ -61,15 +61,15 @@ const meta: Meta<DateRangeSelectorProps> = {
 
 export default meta;
 
-const Primary: StoryObj<DateRangeSelectorProps> = {
+const Primary: StoryObj<DateRangeFilterProps> = {
     render: (args) => (
         <LapisUrlContextProvider value={LAPIS_URL}>
-            <DateRangeSelector {...args} />
+            <DateRangeFilter {...args} />
         </LapisUrlContextProvider>
     ),
 };
 
-export const SetCorrectInitialValues: StoryObj<DateRangeSelectorProps> = {
+export const SetCorrectInitialValues: StoryObj<DateRangeFilterProps> = {
     ...Primary,
     args: {
         ...Primary.args,
@@ -88,7 +88,7 @@ export const SetCorrectInitialValues: StoryObj<DateRangeSelectorProps> = {
 
 const initialDateFrom = '2000-01-01';
 
-export const SetCorrectInitialDateFrom: StoryObj<DateRangeSelectorProps> = {
+export const SetCorrectInitialDateFrom: StoryObj<DateRangeFilterProps> = {
     ...Primary,
     args: {
         ...Primary.args,
@@ -107,7 +107,7 @@ export const SetCorrectInitialDateFrom: StoryObj<DateRangeSelectorProps> = {
 
 const initialDateTo = '2000-01-01';
 
-export const SetCorrectInitialDateTo: StoryObj<DateRangeSelectorProps> = {
+export const SetCorrectInitialDateTo: StoryObj<DateRangeFilterProps> = {
     ...Primary,
     args: {
         ...Primary.args,
@@ -124,7 +124,7 @@ export const SetCorrectInitialDateTo: StoryObj<DateRangeSelectorProps> = {
     },
 };
 
-export const ChangingDateSetsOptionToCustom: StoryObj<DateRangeSelectorProps> = {
+export const ChangingDateSetsOptionToCustom: StoryObj<DateRangeFilterProps> = {
     ...Primary,
     args: {
         ...Primary.args,
@@ -167,7 +167,7 @@ export const ChangingDateSetsOptionToCustom: StoryObj<DateRangeSelectorProps> =
     },
 };
 
-export const ChangingTheValueProgrammatically: StoryObj<DateRangeSelectorProps> = {
+export const ChangingTheValueProgrammatically: StoryObj<DateRangeFilterProps> = {
     ...Primary,
     render: (args) => {
         const StatefulWrapper = () => {
@@ -183,7 +183,7 @@ export const ChangingTheValueProgrammatically: StoryObj<DateRangeSelectorProps>
             return (
                 <div ref={ref}>
                     <LapisUrlContextProvider value={LAPIS_URL}>
-                        <DateRangeSelector {...args} value={value} />
+                        <DateRangeFilter {...args} value={value} />
                     </LapisUrlContextProvider>
                     <button className='btn' onClick={() => setValue(customDateRange.label)}>
                         Set to Custom
@@ -230,7 +230,7 @@ export const ChangingTheValueProgrammatically: StoryObj<DateRangeSelectorProps>
     },
 };
 
-export const ChangingDateOption: StoryObj<DateRangeSelectorProps> = {
+export const ChangingDateOption: StoryObj<DateRangeFilterProps> = {
     ...Primary,
     play: async ({ canvasElement, step }) => {
         const { canvas, filterChangedListenerMock, optionChangedListenerMock } = await prepare(canvasElement, step);
@@ -263,7 +263,7 @@ export const ChangingDateOption: StoryObj<DateRangeSelectorProps> = {
     },
 };
 
-export const HandlesInvalidInitialDateFrom: StoryObj<DateRangeSelectorProps> = {
+export const HandlesInvalidInitialDateFrom: StoryObj<DateRangeFilterProps> = {
     ...Primary,
     args: {
         ...Primary.args,
@@ -278,7 +278,7 @@ export const HandlesInvalidInitialDateFrom: StoryObj<DateRangeSelectorProps> = {
     },
 };
 
-export const WithNoDateColumn: StoryObj<DateRangeSelectorProps> = {
+export const WithNoDateColumn: StoryObj<DateRangeFilterProps> = {
     ...Primary,
     args: {
         ...Primary.args,

package/src/preact/{dateRangeSelector/date-range-selector.tsx → dateRangeFilter/date-range-filter.tsx}

@@ -18,39 +18,39 @@ import type { ScaleType } from '../shared/charts/getYAxisScale';
 
 const customOption = 'Custom';
 
-const dateRangeSelectorInnerPropsSchema = z.object({
+const dateRangeFilterInnerPropsSchema = z.object({
     dateRangeOptions: z.array(dateRangeOptionSchema),
     earliestDate: z.string().date(),
     value: dateRangeValueSchema.optional(),
     lapisDateField: z.string().min(1),
 });
 
-const dateRangeSelectorPropsSchema = dateRangeSelectorInnerPropsSchema.extend({
+const dateRangeFilterPropsSchema = dateRangeFilterInnerPropsSchema.extend({
     width: z.string(),
 });
 
-export type DateRangeSelectorProps = z.infer<typeof dateRangeSelectorPropsSchema>;
-export type DateRangeSelectorInnerProps = z.infer<typeof dateRangeSelectorInnerPropsSchema>;
+export type DateRangeFilterProps = z.infer<typeof dateRangeFilterPropsSchema>;
+export type DateRangeFilterInnerProps = z.infer<typeof dateRangeFilterInnerPropsSchema>;
 
-export const DateRangeSelector = (props: DateRangeSelectorProps) => {
+export const DateRangeFilter = (props: DateRangeFilterProps) => {
     const { width, ...innerProps } = props;
     const size = { width, height: '3rem' };
 
     return (
-        <ErrorBoundary size={size} layout='horizontal' componentProps={props} schema={dateRangeSelectorPropsSchema}>
+        <ErrorBoundary size={size} layout='horizontal' componentProps={props} schema={dateRangeFilterPropsSchema}>
             <div style={{ width }}>
-                <DateRangeSelectorInner {...innerProps} />
+                <DateRangeFilterInner {...innerProps} />
             </div>
         </ErrorBoundary>
     );
 };
 
-export const DateRangeSelectorInner = ({
+export const DateRangeFilterInner = ({
     dateRangeOptions,
     earliestDate = '1900-01-01',
     value,
     lapisDateField,
-}: DateRangeSelectorInnerProps) => {
+}: DateRangeFilterInnerProps) => {
     const initialValues = useMemo(
         () => computeInitialValues(value, earliestDate, dateRangeOptions),
         [value, earliestDate, dateRangeOptions],

package/src/preact/{dateRangeSelector → dateRangeFilter}/dateRangeOption.ts

@@ -3,7 +3,7 @@ import z from 'zod';
 import { toYYYYMMDD } from './dateConversion';
 
 /**
- * A date range option that can be used in the `gs-date-range-selector` component.
+ * A date range option that can be used in the `gs-date-range-filter` component.
  */
 export const dateRangeOptionSchema = z.object({
     /** The label of the date range option that will be shown to the user */
@@ -65,7 +65,7 @@ const lastYear = new Date(today);
 lastYear.setFullYear(today.getFullYear() - 1);
 
 /**
- * Presets for the `gs-date-range-selector` component that can be used as `dateRangeOptions`.
+ * Presets for the `gs-date-range-filter` component that can be used as `dateRangeOptions`.
  */
 export const dateRangeOptionPresets = {
     last2Weeks: {

package/src/preact/{textInput/TextInputChangedEvent.ts → textFilter/TextFilterChangedEvent.ts}

@@ -1,8 +1,8 @@
 type LapisTextFilter = Record<string, string | undefined>;
 
-export class TextInputChangedEvent extends CustomEvent<LapisTextFilter> {
+export class TextFilterChangedEvent extends CustomEvent<LapisTextFilter> {
     constructor(detail: LapisTextFilter) {
-        super('gs-text-input-changed', {
+        super('gs-text-filter-changed', {
             detail,
             bubbles: true,
             composed: true,

package/src/preact/{textInput/text-input.stories.tsx → textFilter/text-filter.stories.tsx}

@@ -2,18 +2,18 @@ import { type Meta, type StoryObj } from '@storybook/preact';
 import { expect, fireEvent, fn, waitFor, within } from '@storybook/test';
 
 import data from './__mockData__/aggregated_hosts.json';
-import { TextInput, type TextInputProps } from './text-input';
+import { TextFilter, type TextFilterProps } from './text-filter';
 import { previewHandles } from '../../../.storybook/preview';
 import { AGGREGATED_ENDPOINT, LAPIS_URL } from '../../constants';
 import { LapisUrlContextProvider } from '../LapisUrlContext';
 import { expectInvalidAttributesErrorMessage } from '../shared/stories/expectErrorMessage';
 
-const meta: Meta<TextInputProps> = {
-    title: 'Input/TextInput',
-    component: TextInput,
+const meta: Meta<TextFilterProps> = {
+    title: 'Input/TextFilter',
+    component: TextFilter,
     parameters: {
         actions: {
-            handles: ['gs-text-input-changed', ...previewHandles],
+            handles: ['gs-text-filter-changed', ...previewHandles],
         },
         fetchMock: {
             mocks: [
@@ -65,10 +65,10 @@ const meta: Meta<TextInputProps> = {
 
 export default meta;
 
-export const Default: StoryObj<TextInputProps> = {
+export const Default: StoryObj<TextFilterProps> = {
     render: (args) => (
         <LapisUrlContextProvider value={LAPIS_URL}>
-            <TextInput {...args} />
+            <TextFilter {...args} />
         </LapisUrlContextProvider>
     ),
     args: {
@@ -82,7 +82,7 @@ export const Default: StoryObj<TextInputProps> = {
     },
 };
 
-export const RemoveInitialValue: StoryObj<TextInputProps> = {
+export const RemoveInitialValue: StoryObj<TextFilterProps> = {
     ...Default,
     args: {
         ...Default.args,
@@ -93,7 +93,7 @@ export const RemoveInitialValue: StoryObj<TextInputProps> = {
 
         const changedListenerMock = fn();
         await step('Setup event listener mock', () => {
-            canvasElement.addEventListener('gs-text-input-changed', changedListenerMock);
+            canvasElement.addEventListener('gs-text-filter-changed', changedListenerMock);
         });
 
         await waitFor(async () => {
@@ -115,7 +115,7 @@ export const RemoveInitialValue: StoryObj<TextInputProps> = {
     },
 };
 
-export const WithNoLapisField: StoryObj<TextInputProps> = {
+export const WithNoLapisField: StoryObj<TextFilterProps> = {
     ...Default,
     args: {
         ...Default.args,

package/src/preact/{textInput/text-input.tsx → textFilter/text-filter.tsx}

@@ -2,7 +2,7 @@ import { type FunctionComponent } from 'preact';
 import z from 'zod';
 
 import { useLapisUrl } from '../LapisUrlContext';
-import { TextInputChangedEvent } from './TextInputChangedEvent';
+import { TextFilterChangedEvent } from './TextFilterChangedEvent';
 import { fetchStringAutocompleteList } from './fetchStringAutocompleteList';
 import { lapisFilterSchema } from '../../types';
 import { DownshiftCombobox } from '../components/downshift-combobox';
@@ -17,29 +17,29 @@ const textSelectorPropsSchema = z.object({
     placeholderText: z.string().optional(),
     value: z.string().optional(),
 });
-const textInputInnerPropsSchema = textSelectorPropsSchema.extend({ lapisFilter: lapisFilterSchema });
-const textInputPropsSchema = textInputInnerPropsSchema.extend({
+const textFilterInnerPropsSchema = textSelectorPropsSchema.extend({ lapisFilter: lapisFilterSchema });
+const textFilterPropsSchema = textFilterInnerPropsSchema.extend({
     width: z.string(),
 });
 
-export type TextInputInnerProps = z.infer<typeof textInputInnerPropsSchema>;
-export type TextInputProps = z.infer<typeof textInputPropsSchema>;
+export type TextFilterInnerProps = z.infer<typeof textFilterInnerPropsSchema>;
+export type TextFilterProps = z.infer<typeof textFilterPropsSchema>;
 type TextSelectorProps = z.infer<typeof textSelectorPropsSchema>;
 
-export const TextInput: FunctionComponent<TextInputProps> = (props) => {
+export const TextFilter: FunctionComponent<TextFilterProps> = (props) => {
     const { width, ...innerProps } = props;
     const size = { width, height: '3rem' };
 
     return (
-        <ErrorBoundary size={size} layout='horizontal' componentProps={props} schema={textInputPropsSchema}>
+        <ErrorBoundary size={size} layout='horizontal' componentProps={props} schema={textFilterPropsSchema}>
             <ResizeContainer size={size}>
-                <TextInputInner {...innerProps} />
+                <TextFilterInner {...innerProps} />
             </ResizeContainer>
         </ErrorBoundary>
     );
 };
 
-const TextInputInner: FunctionComponent<TextInputInnerProps> = ({
+const TextFilterInner: FunctionComponent<TextFilterInnerProps> = ({
     value,
     lapisField,
     placeholderText,
@@ -88,7 +88,7 @@ const TextSelector = ({
             value={initialSelectedItem}
             filterItemsByInputValue={filterByInputValue}
             createEvent={(item: SelectItem | null) =>
-                new TextInputChangedEvent({ [lapisField]: item?.value ?? undefined })
+                new TextFilterChangedEvent({ [lapisField]: item?.value ?? undefined })
             }
             itemToString={(item: SelectItem | undefined | null) => item?.value ?? ''}
             placeholderText={placeholderText}

package/src/utilEntrypoint.ts

@@ -3,7 +3,7 @@ export {
     type DateRangeSelectOption,
     dateRangeOptionPresets,
     DateRangeOptionChangedEvent,
-} from './preact/dateRangeSelector/dateRangeOption';
+} from './preact/dateRangeFilter/dateRangeOption';
 
 export {
     type NamedLapisFilter,
@@ -35,4 +35,4 @@ export type { AxisMax, YAxisMaxConfig } from './preact/shared/charts/getYAxisMax
 
 export { LocationChangedEvent } from './preact/locationFilter/LocationChangedEvent';
 export { LineageFilterChangedEvent } from './preact/lineageFilter/LineageFilterChangedEvent';
-export { TextInputChangedEvent } from './preact/textInput/TextInputChangedEvent';
+export { TextFilterChangedEvent } from './preact/textFilter/TextFilterChangedEvent';