← Components

Filter (Legacy)

The c88 Phase 1 extraction from app.qpoint.io, kept for reference and still used live as fallback machinery (Filter's Config modal and embed mode) — superseded visually by the Filter group above.

FilterOldThe Phase 1 orchestrating pill-row filter bar — label + Add trigger, existing filters as FilterOldItem pills with inline-edit-on-click, an inline add row, a FilterOldTimeframe pill, and a "Manage" link opening the FilterOldManage modal. Also drove onlyTime mode (timeframe picker alone) and embed mode (delegates entirely to FilterOldEmbed). Superseded by Filter's c88 Phase 2 redesign.
FilterOldDatasetViewSelectorIdentical to FilterDatasetViewSelector — kept here for reference since the whole Phase 1 namespace moved to old/ together.
FilterOldEmbedNo-chrome variant of the filter list/edit UI — same add/edit rows as FilterOldManage (key input, operator select, value input, suggestion dropdowns) without the modal wrapper, header, or footer buttons; edits apply immediately rather than needing Apply/Cancel. Still used live as Filter's embed=true fallback (not yet redesigned).
FilterOldInlineEditA pill-shaped key/operator/value editor — three borderless inputs in a row (key, operator, value), each with its own suggestion dropdown; operator input locks when a key has exactly one valid operator. Tab/Enter advance key -> operator -> value; blur or Escape completes or cancels.
FilterOldItemA single filter pill in display mode — key, operator (as symbol for eq/neq, label otherwise), value, and a delete (x) button. Tag filters with no value read as "tag exists" instead of a blank value.
FilterOldManageThe full filter-management surface, shown in a UxModal — every filter as a FilterOldManageItem row with click-to-edit, an add-rule row, a non-deletable timeframe row (FilterOldTimeframe), and Delete All / Cancel / Apply. Keeps a local draft (localFilters) and only emits on Apply; Cancel discards. Still used live as Filter's Config-button modal content (not yet redesigned).
FilterOldManageItemA single filter row inside FilterOldManage/FilterOldEmbed's list — key badge, operator badge, value badge (or "tag exists"), and a hover-revealed Delete action.
FilterOldTimeframeA pill-shaped "When = <label>" dropdown for picking a timeframe — click to open, click outside or select to close. Purely presentational; the consumer owns where the value actually lives (route query, store, etc). Still used live inside FilterOldManage's timeframe row (Filter's Config modal).
FilterOld
FilterOldDatasetViewSelector
FilterOldEmbed
FilterOldInlineEdit
FilterOldItem
FilterOldManage
FilterOldManageItem
FilterOldTimeframe

Qpoint Brand Style Guide