mensa 0.2.1 → 0.2.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7393ecb783abf8a65f707744bc94c3dda05fc62b3c607eba3c3700b1ce93fa28
-  data.tar.gz: ad6f2d96a68cac83adb19d9e9cb62f9dd0de72d830306a1420b6fbc14e2f71d9
+  metadata.gz: d7cb98df22a002a08d25141f67df7807ebf5f2eb102831db09614f7de86b8772
+  data.tar.gz: 301c827f9ed63c1acb745359202021723df9142e03ee190a75312b01f6642fe1
 SHA512:
-  metadata.gz: 4935b9ade5b6a239f40bf81a051c772e469f6abf5ee3d619949940bee52e9ccd54d5c1ab6cb9113dc837e6a196977a6c8cb7bdad72438f5519a9eb5d66a9c1a5
-  data.tar.gz: 5a2edf045417c7a48b1fb1ee07291221221b89857f6c94592f9dc8297d40db1fdbe39829f4d7b86cfc8b980d36d5df236cd402bf9c4cb0e18cc7c597bd108a21
+  metadata.gz: a0886a37e4ac9a8d75e083d0cbd3f5ff7475990d1d8dbff823f61bfcca19485834e58e108b203061442350e5ddef3ab4fec1b9c5550c05c9bea33c4457051998
+  data.tar.gz: 1452161b4a0b0f257c715171bb1bd1a129ffcb8cff2591d6cf0e67fee42bb01f67ef81cb36e98755f5537308c30f9dd840965016311439120e1ff4fc3b724090

data/.devcontainer/compose.yaml

@@ -1,7 +1,7 @@
 name: "mensa"
 
 services:
-  rails-app:
+  app:
     cpu_count: 2
     build:
       context: ..

data/.devcontainer/devcontainer.json

@@ -3,7 +3,7 @@
 {
   "name": "mensa",
   "dockerComposeFile": "compose.yaml",
-  "service": "rails-app",
+  "service": "app",
   "workspaceFolder": "/workspaces/mensa",
   // Features to add to the dev container. More info: https://containers.dev/features.
   "features": {

data/.gitignore

@@ -17,4 +17,6 @@ test/dummy/app/assets/stylesheets/application.tailwind.css
 config/tailwind.config.js
 app/assets/builds
 test/dummy/config/tailwind.config.js
+.envrc
 
+**/**/.DS_Store

data/Gemfile

@@ -7,8 +7,17 @@ gemspec
 
 gem "puma"
 gem "sprockets-rails"
-gem "satis", "~> 2", entdec: "satis", branch: "main"
+gem "satis", "~> 2"
 gem "pry"
 gem "capybara", "~> 3.40"
 gem "selenium-webdriver", "~> 4.17"
 gem "slim", "~> 5.2"
+gem "debug"
+gem "overmind", require: false
+
+group :development, :test do
+  gem "standard", require: false
+  gem "rubocop-rails", require: false
+  gem "ruby-lsp", require: false
+  gem "ruby-lsp-rails", require: false
+end

data/Gemfile.lock

@@ -1,23 +1,7 @@
-GIT
-  remote: git@github.com:entdec/satis.git
-  revision: 1ef5f70700a755f01ed49168929200b2aaec792d
-  branch: main
-  specs:
-    satis (2.2.1)
-      browser
-      diffy
-      importmap-rails
-      jsonb_accessor (~> 1.4)
-      rails (>= 6)
-      stimulus-rails
-      tailwindcss-rails
-      turbo-rails
-      view_component
-
 PATH
   remote: .
   specs:
-    mensa (0.2.0)
+    mensa (0.2.2)
       caxlsx_rails (~> 0)
       importmap-rails
       pagy (>= 43)
@@ -27,35 +11,34 @@ PATH
       tailwindcss-rails (~> 3.3)
       textacular (>= 5)
       turbo-rails
+      view_component (~> 3.11)
 
 GEM
   remote: https://rubygems.org/
   specs:
-    action_text-trix (2.1.15)
-      railties
-    actioncable (8.1.1)
-      actionpack (= 8.1.1)
-      activesupport (= 8.1.1)
+    actioncable (8.0.4)
+      actionpack (= 8.0.4)
+      activesupport (= 8.0.4)
       nio4r (~> 2.0)
       websocket-driver (>= 0.6.1)
       zeitwerk (~> 2.6)
-    actionmailbox (8.1.1)
-      actionpack (= 8.1.1)
-      activejob (= 8.1.1)
-      activerecord (= 8.1.1)
-      activestorage (= 8.1.1)
-      activesupport (= 8.1.1)
+    actionmailbox (8.0.4)
+      actionpack (= 8.0.4)
+      activejob (= 8.0.4)
+      activerecord (= 8.0.4)
+      activestorage (= 8.0.4)
+      activesupport (= 8.0.4)
       mail (>= 2.8.0)
-    actionmailer (8.1.1)
-      actionpack (= 8.1.1)
-      actionview (= 8.1.1)
-      activejob (= 8.1.1)
-      activesupport (= 8.1.1)
+    actionmailer (8.0.4)
+      actionpack (= 8.0.4)
+      actionview (= 8.0.4)
+      activejob (= 8.0.4)
+      activesupport (= 8.0.4)
       mail (>= 2.8.0)
       rails-dom-testing (~> 2.2)
-    actionpack (8.1.1)
-      actionview (= 8.1.1)
-      activesupport (= 8.1.1)
+    actionpack (8.0.4)
+      actionview (= 8.0.4)
+      activesupport (= 8.0.4)
       nokogiri (>= 1.8.5)
       rack (>= 2.2.4)
       rack-session (>= 1.0.1)
@@ -63,43 +46,42 @@ GEM
       rails-dom-testing (~> 2.2)
       rails-html-sanitizer (~> 1.6)
       useragent (~> 0.16)
-    actiontext (8.1.1)
-      action_text-trix (~> 2.1.15)
-      actionpack (= 8.1.1)
-      activerecord (= 8.1.1)
-      activestorage (= 8.1.1)
-      activesupport (= 8.1.1)
+    actiontext (8.0.4)
+      actionpack (= 8.0.4)
+      activerecord (= 8.0.4)
+      activestorage (= 8.0.4)
+      activesupport (= 8.0.4)
       globalid (>= 0.6.0)
       nokogiri (>= 1.8.5)
-    actionview (8.1.1)
-      activesupport (= 8.1.1)
+    actionview (8.0.4)
+      activesupport (= 8.0.4)
       builder (~> 3.1)
       erubi (~> 1.11)
       rails-dom-testing (~> 2.2)
       rails-html-sanitizer (~> 1.6)
-    activejob (8.1.1)
-      activesupport (= 8.1.1)
+    activejob (8.0.4)
+      activesupport (= 8.0.4)
       globalid (>= 0.3.6)
-    activemodel (8.1.1)
-      activesupport (= 8.1.1)
-    activerecord (8.1.1)
-      activemodel (= 8.1.1)
-      activesupport (= 8.1.1)
+    activemodel (8.0.4)
+      activesupport (= 8.0.4)
+    activerecord (8.0.4)
+      activemodel (= 8.0.4)
+      activesupport (= 8.0.4)
       timeout (>= 0.4.0)
-    activestorage (8.1.1)
-      actionpack (= 8.1.1)
-      activejob (= 8.1.1)
-      activerecord (= 8.1.1)
-      activesupport (= 8.1.1)
+    activestorage (8.0.4)
+      actionpack (= 8.0.4)
+      activejob (= 8.0.4)
+      activerecord (= 8.0.4)
+      activesupport (= 8.0.4)
       marcel (~> 1.0)
-    activesupport (8.1.1)
+    activesupport (8.0.4)
       base64
+      benchmark (>= 0.3)
       bigdecimal
       concurrent-ruby (~> 1.0, >= 1.3.1)
       connection_pool (>= 2.2.5)
       drb
       i18n (>= 1.6, < 2)
-      json
       logger (>= 1.4.2)
       minitest (>= 5.1)
       securerandom (>= 0.3)
@@ -107,7 +89,9 @@ GEM
       uri (>= 0.13.1)
     addressable (2.8.7)
       public_suffix (>= 2.0.2, < 7.0)
+    ast (2.4.3)
     base64 (0.3.0)
+    benchmark (0.5.0)
     bigdecimal (3.3.1)
     browser (6.2.0)
     builder (3.3.0)
@@ -133,6 +117,9 @@ GEM
     connection_pool (2.5.4)
     crass (1.0.6)
     date (3.5.0)
+    debug (1.11.0)
+      irb (~> 1.10)
+      reline (>= 0.3.8)
     diffy (3.4.4)
     drb (2.2.3)
     erb (5.1.3)
@@ -151,11 +138,13 @@ GEM
       pp (>= 0.6.0)
       rdoc (>= 4.0.0)
       reline (>= 0.4.2)
-    json (2.15.2)
+    json (2.16.0)
     jsonb_accessor (1.4)
       activerecord (>= 6.1)
       activesupport (>= 6.1)
       pg (>= 0.18.1)
+    language_server-protocol (3.17.0.5)
+    lint_roller (1.1.0)
     logger (1.7.0)
     loofah (2.24.1)
       crass (~> 1.0.2)
@@ -170,7 +159,7 @@ GEM
     matrix (0.4.3)
     method_source (1.1.0)
     mini_mime (1.1.5)
-    minitest (5.26.0)
+    minitest (5.26.1)
     net-imap (0.5.12)
       date
       net-protocol
@@ -197,9 +186,18 @@ GEM
       racc (~> 1.4)
     nokogiri (1.18.10-x86_64-linux-musl)
       racc (~> 1.4)
-    pagy (43.0.0)
+    overmind (2.5.1)
+    overmind (2.5.1-aarch64-linux)
+    overmind (2.5.1-arm-linux)
+    overmind (2.5.1-arm64-darwin)
+    overmind (2.5.1-x86_64-darwin)
+    pagy (43.0.2)
       json
       yaml
+    parallel (1.27.0)
+    parser (3.3.10.0)
+      ast (~> 2.4.1)
+      racc
     pg (1.6.2)
     pg (1.6.2-aarch64-linux)
     pg (1.6.2-aarch64-linux-musl)
@@ -210,6 +208,7 @@ GEM
     pp (0.6.3)
       prettyprint
     prettyprint (0.2.0)
+    prism (1.6.0)
     pry (0.15.2)
       coderay (~> 1.1)
       method_source (~> 1.0)
@@ -228,20 +227,20 @@ GEM
       rack (>= 1.3)
     rackup (2.2.1)
       rack (>= 3)
-    rails (8.1.1)
-      actioncable (= 8.1.1)
-      actionmailbox (= 8.1.1)
-      actionmailer (= 8.1.1)
-      actionpack (= 8.1.1)
-      actiontext (= 8.1.1)
-      actionview (= 8.1.1)
-      activejob (= 8.1.1)
-      activemodel (= 8.1.1)
-      activerecord (= 8.1.1)
-      activestorage (= 8.1.1)
-      activesupport (= 8.1.1)
+    rails (8.0.4)
+      actioncable (= 8.0.4)
+      actionmailbox (= 8.0.4)
+      actionmailer (= 8.0.4)
+      actionpack (= 8.0.4)
+      actiontext (= 8.0.4)
+      actionview (= 8.0.4)
+      activejob (= 8.0.4)
+      activemodel (= 8.0.4)
+      activerecord (= 8.0.4)
+      activestorage (= 8.0.4)
+      activesupport (= 8.0.4)
       bundler (>= 1.15.0)
-      railties (= 8.1.1)
+      railties (= 8.0.4)
     rails-dom-testing (2.3.0)
       activesupport (>= 5.0.0)
       minitest
@@ -249,25 +248,69 @@ GEM
     rails-html-sanitizer (1.6.2)
       loofah (~> 2.21)
       nokogiri (>= 1.15.7, != 1.16.7, != 1.16.6, != 1.16.5, != 1.16.4, != 1.16.3, != 1.16.2, != 1.16.1, != 1.16.0.rc1, != 1.16.0)
-    railties (8.1.1)
-      actionpack (= 8.1.1)
-      activesupport (= 8.1.1)
+    railties (8.0.4)
+      actionpack (= 8.0.4)
+      activesupport (= 8.0.4)
       irb (~> 1.13)
       rackup (>= 1.0.0)
       rake (>= 12.2)
       thor (~> 1.0, >= 1.2.2)
       tsort (>= 0.2)
       zeitwerk (~> 2.6)
+    rainbow (3.1.1)
     rake (13.3.1)
+    rbs (3.9.5)
+      logger
     rdoc (6.15.1)
       erb
       psych (>= 4.0.0)
       tsort
     regexp_parser (2.11.3)
-    reline (0.6.2)
+    reline (0.6.3)
       io-console (~> 0.5)
     rexml (3.4.4)
+    rubocop (1.80.2)
+      json (~> 2.3)
+      language_server-protocol (~> 3.17.0.2)
+      lint_roller (~> 1.1.0)
+      parallel (~> 1.10)
+      parser (>= 3.3.0.2)
+      rainbow (>= 2.2.2, < 4.0)
+      regexp_parser (>= 2.9.3, < 3.0)
+      rubocop-ast (>= 1.46.0, < 2.0)
+      ruby-progressbar (~> 1.7)
+      unicode-display_width (>= 2.4.0, < 4.0)
+    rubocop-ast (1.48.0)
+      parser (>= 3.3.7.2)
+      prism (~> 1.4)
+    rubocop-performance (1.25.0)
+      lint_roller (~> 1.1)
+      rubocop (>= 1.75.0, < 2.0)
+      rubocop-ast (>= 1.38.0, < 2.0)
+    rubocop-rails (2.33.4)
+      activesupport (>= 4.2.0)
+      lint_roller (~> 1.1)
+      rack (>= 1.1)
+      rubocop (>= 1.75.0, < 2.0)
+      rubocop-ast (>= 1.44.0, < 2.0)
+    ruby-lsp (0.26.2)
+      language_server-protocol (~> 3.17.0)
+      prism (>= 1.2, < 2.0)
+      rbs (>= 3, < 5)
+    ruby-lsp-rails (0.4.8)
+      ruby-lsp (>= 0.26.0, < 0.27.0)
+    ruby-progressbar (1.13.0)
     rubyzip (3.2.2)
+    satis (2.3.0)
+      browser
+      diffy
+      importmap-rails
+      jsonb_accessor (~> 1.4)
+      rails (>= 6)
+      stimulus-rails
+      tailwindcss-rails
+      turbo-rails
+      view_component
     securerandom (0.4.1)
     selenium-webdriver (4.38.0)
       base64 (~> 0.2)
@@ -286,6 +329,26 @@ GEM
       actionpack (>= 6.1)
       activesupport (>= 6.1)
       sprockets (>= 3.0.0)
+    sqlite3 (2.8.0-aarch64-linux-gnu)
+    sqlite3 (2.8.0-aarch64-linux-musl)
+    sqlite3 (2.8.0-arm-linux-gnu)
+    sqlite3 (2.8.0-arm-linux-musl)
+    sqlite3 (2.8.0-arm64-darwin)
+    sqlite3 (2.8.0-x86_64-darwin)
+    sqlite3 (2.8.0-x86_64-linux-gnu)
+    sqlite3 (2.8.0-x86_64-linux-musl)
+    standard (1.51.1)
+      language_server-protocol (~> 3.17.0.2)
+      lint_roller (~> 1.0)
+      rubocop (~> 1.80.2)
+      standard-custom (~> 1.0.0)
+      standard-performance (~> 1.8)
+    standard-custom (1.0.2)
+      lint_roller (~> 1.0)
+      rubocop (~> 1.50)
+    standard-performance (1.8.0)
+      lint_roller (~> 1.1)
+      rubocop-performance (~> 1.25.0)
     stimulus-rails (1.3.4)
       railties (>= 6.0.0)
     stringio (3.1.7)
@@ -309,11 +372,15 @@ GEM
       railties (>= 7.1.0)
     tzinfo (2.0.6)
       concurrent-ruby (~> 1.0)
+    unicode-display_width (3.2.0)
+      unicode-emoji (~> 4.1)
+    unicode-emoji (4.1.0)
     uri (1.1.1)
     useragent (0.16.11)
-    view_component (4.1.0)
-      activesupport (>= 7.1.0, < 8.2)
+    view_component (3.23.2)
+      activesupport (>= 5.2.0, < 8.1)
       concurrent-ruby (~> 1)
+      method_source (~> 1.0)
     websocket (1.2.11)
     websocket-driver (0.8.0)
       base64
@@ -338,13 +405,20 @@ PLATFORMS
 
 DEPENDENCIES
   capybara (~> 3.40)
+  debug
   mensa!
+  overmind
   pry
   puma
-  satis (~> 2)!
+  rubocop-rails
+  ruby-lsp
+  ruby-lsp-rails
+  satis (~> 2)
   selenium-webdriver (~> 4.17)
   slim (~> 5.2)
   sprockets-rails
+  sqlite3 (~> 2.8)
+  standard
 
 BUNDLED WITH
    2.6.2

data/Procfile

@@ -1,2 +1,2 @@
-web: bin/rails server
-css: bin/rails app:tailwind_watch
+web: bin/rails server -p 3000 -b 0.0.0.0
+css: cd test/dummy && bin/rails tailwindcss:watch

data/README.md

@@ -2,23 +2,33 @@
 
 Fast and awesome tables, with pagination, sorting, filtering and custom views.
 
-Wanted features:
+![table](./docs/table.png)
+![filters](./docs/filters.png)
+
+Features:
 
 - [x] very fast
 - [x] row-links
 - [x] sorting
 - [x] tables without headers (and without most of the above)
+- [x] filtering of multiple columns
+- [X] Hide filter icon in case there are no filters
+
+Still to do:
 - [ ] column sorting
-- [ ] filtering (of multiple columns, single is done)
+- [ ] editing of existing filters
 - [ ] view selection and exports per view
+- [ ] multiple selection of rows
+
+Optionally:
+
 - [ ] group by
 - [ ] sum/max/min
 - [ ] tables backed by arrays (of ActiveModel)
 
-Todo:
+Todo/Fixme:
 
-- [X] Hide filter icon in case there are no filters
-- [ ] Search only works on table columns
+- [ ] Search only works on table text columns
 
 ## Usage
 
@@ -37,7 +47,6 @@ class UserTable < ApplicationTable
       sortable true
       sanitize true
       internal false
-      method nil
       visible true
       filter do
         collection -> { }
@@ -51,6 +60,7 @@ class UserTable < ApplicationTable
 
     # You can add one or more actions to a row
     action :delete do
+      title "Delete row"
       link { |user| user_path(user) }
       icon "fa-regular fa-trash"
       link_attributes data: {"turbo-confirm": "Are you sure you want to delete the user?", "turbo-method": :delete}
@@ -63,6 +73,15 @@ class UserTable < ApplicationTable
     view_columns_sorting false # Disabled for now
     view_condensed false # Default false
     view_condensed_toggle true # Whether to show the toggle, default true
+
+    # Add system views
+    view :concept do
+      name "Concept"
+      filter :state do
+        operator :equals
+        value "concept"
+      end
+    end
   end
 end
 ```
@@ -74,10 +93,13 @@ You can show your tables on the page using the following:
   = sts.table :users
 ```
 
-#### Views
+#### Custom views
+
+Custom views are views not defined by the developer (SystemViews) but by the end-user by adding/removing filters.
+
+Initial support for custom-views is there, but pretty rudimentary:
 
-Initial support for views is there, but pretty rudimentary:
-`Mensa::TableView.create(table: "users", name: "Guests", data: {filters: {role: "guest"}})`
+`Mensa::TableView.create(table: "users", name: "Guests", data: {filters: {role: {value: "guest"}}})`
 
 ### Fast
 
@@ -91,6 +113,36 @@ column :age do
 end
 ```
 
+## Development
+
+### Coding
+
+- Checkout this repo
+- Setup your direnv, add the following to your `.envrc`:
+
+  ```
+  export BUNDLE_RUBYGEMS__PKG__GITHUB__COM=ghp_xxxxxxw
+  export RBENV_VERSION=$(cat .ruby-version)
+  ```
+- Run `direnv allow`
+- Open with Visual Studio Code (or with any other editor) and reopen in container.
+- Run `bin/overmind s`
+
+### Docs
+
+Using the following in your view will render Mensa::Table::Component
+```slim
+  = sts.table :users
+```
+
+The Mensa::Table::Component will render:
+- Mensa::Search::Component
+- Mensa::FilterList::Component
+- Mensa::Views::Component
+  - renders a views list
+  - Mensa::ControlBar::Component
+- turbo-frame with the actual table you see  (which is rendered by Mensa::View::Component)
+
 ## Installation
 
 Add this line to your application's Gemfile:

data/app/assets/stylesheets/mensa/application.css

@@ -1,7 +1,7 @@
 @import '../../../components/mensa/add_filter/component.css';
 @import '../../../components/mensa/cell/component.css';
 @import '../../../components/mensa/control_bar/component.css';
-@import '../../../components/mensa/filters/component.css';
+@import '../../../components/mensa/filter_list/component.css';
 @import '../../../components/mensa/header/component.css';
 @import '../../../components/mensa/row_action/component.css';
 @import '../../../components/mensa/search/component.css';

data/app/components/mensa/add_filter/component_controller.js

@@ -16,7 +16,7 @@ export default class AddFilterComponentController extends ApplicationController
     supportsViews: Boolean
   }
 
-  connect () {
+  connect() {
     super.connect()
 
     // this.filterValueEntered = debounce(this.filterValueEntered, 500).bind(this)
@@ -25,12 +25,12 @@ export default class AddFilterComponentController extends ApplicationController
   }
 
   // Called when you click add-filter
-  toggle (event) {
+  toggle(event) {
     this.filterListTarget.classList.toggle('hidden')
   }
 
   // Called when you selected a column
-  openValuePopover (event) {
+  openValuePopover(event) {
     let url = this.ourUrl
     url.pathname += `/filters/${this.selectedFilterColumn}`
     url.searchParams.append('target', this.valuePopoverTarget.id)
@@ -43,7 +43,7 @@ export default class AddFilterComponentController extends ApplicationController
   }
 
   // Called when you select a column from the "dropdown"
-  selectColumn (event) {
+  selectColumn(event) {
     this.filterListItemTargets.forEach((lt) => {
       let check = lt.querySelector('.check')
       check.classList.add('hidden')
@@ -60,22 +60,26 @@ export default class AddFilterComponentController extends ApplicationController
   }
 
   // Called when you entered/selected a filter value
-  filterValueEntered (event) {
+  filterValueEntered(event) {
     this.valuePopoverTarget.classList.add('hidden')
 
     let url = this.ourUrl
 
     let filters = url.searchParams.get('filters') || {}
+    this.mensaTableOutlet.mensaFilterOutlets.forEach((filterOutlet) => {
+      url.searchParams.append(`filters[${filterOutlet.columnNameValue}][value]`, filterOutlet.valueValue)
+      url.searchParams.append(`filters[${filterOutlet.columnNameValue}][operator]`, filterOutlet.operatorValue)
+    })
     // FIXME: Needs better way of getting value
-    url.searchParams.append(`filters[${this.selectedFilterColumn}]`, event.target.value)
+    url.searchParams.append(`filters[${this.selectedFilterColumn}][value]`, event.target.value)
 
     get(url, {
       responseKind: 'turbo-stream'
     }).then(() => {
       // FIXME: There should be a better way to do this, possibly using
-      // this.mensaTableOutlet.filtersTarget.addEventListener("turbo:after-stream-render", this.unhide.bind(this)) ?
+      // this.mensaTableOutlet.filterListTarget.addEventListener("turbo:after-stream-render", this.unhide.bind(this)) ?
       setTimeout(() => {
-        this.mensaTableOutlet.filtersTarget.classList.remove('hidden')
+        this.mensaTableOutlet.filterListTarget.classList.remove('hidden')
       }, 50)
     })
     event.preventDefault()

data/app/components/mensa/filter/component_controller.js

@@ -0,0 +1,12 @@
+import ApplicationController from 'mensa/controllers/application_controller'
+
+export default class FilterComponentController extends ApplicationController {
+  static values = {
+    columnName: String,
+    operator: String,
+    value: String,
+  };
+
+  connect() {
+  }
+}

data/app/components/mensa/{filters → filter_list}/component.html.slim

@@ -1,10 +1,10 @@
-.mensa-table__filters.hidden data-mensa-table-target="filters"
+.mensa-table__filters.hidden data-mensa-table-target="filterList"
   .block
     nav
       .flex.space-x-2.overflow-none.whitespace-nowrap.scroll-p-0[aria-label="Tabs"]
         / existing filters first
         - table.active_filters.each do |filter|
-          .relative
+          .relative data-controller="mensa-filter" data-mensa-filter-column-name-value=filter.column.name data-mensa-filter-value-value=filter.value data-mensa-filter-operator-value=filter.operator
             button.relative.w-full.cursor-default.rounded-md.bg-white.dark:bg-gray-800.py-1.5.pl-3.text-left.text-gray-900.dark:text-gray-400.shadow-sm.ring-1.ring-inset.ring-gray-300.dark:ring-gray-600.focus:outline-none.focus:ring-2.focus:ring-primary-600.sm:text-sm.sm:leading-6[type="button" aria-haspopup="listbox" aria-expanded="true" aria-labelledby="listbox-label"]
               span.block.truncate.pr-6
                 = filter