@adminforth/quick-filters 3.0.0 → 4.0.0

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/build.log CHANGED
@@ -10,5 +10,5 @@ custom/UniversalSearchInput.vue
10
10
  custom/tsconfig.json
11
11
  custom/types.ts
12
12
 
13
- sent 5,435 bytes received 115 bytes 11,100.00 bytes/sec
14
- total size is 5,002 speedup is 0.90
13
+ sent 5,760 bytes received 115 bytes 11,750.00 bytes/sec
14
+ total size is 5,327 speedup is 0.91
@@ -1,5 +1,6 @@
1
1
  <template>
2
- <div class="flex flex-wrap items-center gap-2 gap-y-1">
2
+ <!-- a narrow list header gives the filters a full row and fills it, a wide one keeps them in its single row -->
3
+ <div class="grid w-full grid-cols-[repeat(auto-fit,minmax(min(15rem,100%),1fr))] gap-2 @4xl/header:flex @4xl/header:w-auto @4xl/header:flex-wrap @4xl/header:items-center">
3
4
  <template v-for="filter in meta.options" :key="filter.name" >
4
5
  <UniversalSearchInput
5
6
  v-if="filter.hasSearchInput"
@@ -1,6 +1,6 @@
1
1
  <template>
2
2
  <Select
3
- class="w-48"
3
+ class="w-full @4xl/header:w-48"
4
4
  classesForInput="af-filter-dropdown-button"
5
5
  :options="selectOptions"
6
6
  :placeholder="filter.name"
@@ -1,8 +1,8 @@
1
1
  <template>
2
- <div class="af-universal-search flex items-center gap-1">
2
+ <div class="af-universal-search flex w-full items-center gap-1 @4xl/header:w-auto">
3
3
  <slot name="prefix" />
4
4
  <!-- enter is handled on the wrapper so it fires once: Input spreads attrs on both its root and the input -->
5
- <div class="w-64" @keyup.enter="applyImmediate">
5
+ <div class="min-w-0 flex-1 @4xl/header:w-64 @4xl/header:flex-none" @keyup.enter="applyImmediate">
6
6
  <Input
7
7
  v-model="localValue"
8
8
  type="text"
@@ -1,5 +1,6 @@
1
1
  <template>
2
- <div class="flex flex-wrap items-center gap-2 gap-y-1">
2
+ <!-- a narrow list header gives the filters a full row and fills it, a wide one keeps them in its single row -->
3
+ <div class="grid w-full grid-cols-[repeat(auto-fit,minmax(min(15rem,100%),1fr))] gap-2 @4xl/header:flex @4xl/header:w-auto @4xl/header:flex-wrap @4xl/header:items-center">
3
4
  <template v-for="filter in meta.options" :key="filter.name" >
4
5
  <UniversalSearchInput
5
6
  v-if="filter.hasSearchInput"
@@ -1,6 +1,6 @@
1
1
  <template>
2
2
  <Select
3
- class="w-48"
3
+ class="w-full @4xl/header:w-48"
4
4
  classesForInput="af-filter-dropdown-button"
5
5
  :options="selectOptions"
6
6
  :placeholder="filter.name"
@@ -1,8 +1,8 @@
1
1
  <template>
2
- <div class="af-universal-search flex items-center gap-1">
2
+ <div class="af-universal-search flex w-full items-center gap-1 @4xl/header:w-auto">
3
3
  <slot name="prefix" />
4
4
  <!-- enter is handled on the wrapper so it fires once: Input spreads attrs on both its root and the input -->
5
- <div class="w-64" @keyup.enter="applyImmediate">
5
+ <div class="min-w-0 flex-1 @4xl/header:w-64 @4xl/header:flex-none" @keyup.enter="applyImmediate">
6
6
  <Input
7
7
  v-model="localValue"
8
8
  type="text"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@adminforth/quick-filters",
3
- "version": "3.0.0",
3
+ "version": "4.0.0",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "type": "module",
@@ -27,7 +27,7 @@
27
27
  "typescript": "^5.7.3"
28
28
  },
29
29
  "peerDependencies": {
30
- "adminforth": "^4.0.0"
30
+ "adminforth": "^4.2.0"
31
31
  },
32
32
  "release": {
33
33
  "plugins": [