django-unfold 0.66.0__tar.gz → 0.68.0__tar.gz

{django_unfold-0.66.0 → django_unfold-0.68.0}/PKG-INFO

@@ -1,11 +1,11 @@
 Metadata-Version: 2.4
 Name: django-unfold
-Version: 0.66.0
+Version: 0.68.0
 Summary: Modern Django admin theme for seamless interface development
 License: MIT
 License-File: LICENSE.md
 Keywords: django,admin,tailwind,theme
-Requires-Python: >=3.9
+Requires-Python: >=3.10,<4.0
 Classifier: Environment :: Web Environment
 Classifier: Framework :: Django
 Classifier: Intended Audience :: Developers
@@ -13,7 +13,6 @@ Classifier: License :: OSI Approved :: MIT License
 Classifier: Operating System :: OS Independent
 Classifier: Programming Language :: Python
 Classifier: Programming Language :: Python :: 3
-Classifier: Programming Language :: Python :: 3.9
 Classifier: Programming Language :: Python :: 3.10
 Classifier: Programming Language :: Python :: 3.11
 Classifier: Programming Language :: Python :: 3.12
@@ -24,7 +23,7 @@ Project-URL: Homepage, https://unfoldadmin.com
 Project-URL: Repository, https://github.com/unfoldadmin/django-unfold
 Description-Content-Type: text/markdown
 
-![screenshot](https://github.com/user-attachments/assets/87aaad04-f454-42aa-b9ac-e14d41f189ac)
+[![screenshot](https://github.com/user-attachments/assets/8c2dc5c1-480b-49ad-bd2e-57369ca4e306)](https://unfoldadmin.com)
 
 ## Unfold - Django Admin Theme
 
@@ -59,13 +58,16 @@ If you need assistance with integrating or customizing Unfold, support packages
 
 Unfold Studio lets you visually customize your Django admin without writing code — update colors, logos, sidebar, and interface styles to match your brand in minutes. Give your admin a polished, professional look that feels truly yours. Available at [unfoldadmin.com/studio](https://unfoldadmin.com/studio).
 
+[![dashboards](https://github.com/user-attachments/assets/7c3124ab-2f59-4254-9222-8a57970f51a6)](https://unfoldadmin.com/studio)
+
+
 ## Fresh Features & Enhancements
 
+- **Command**: Offers a command palette for quick searching across all models or custom-injected data
 - **django-constance**: Official support with a completely new design and UX improvements
 - **Paginated inlines:** Break down large record sets into pages within inlines for better admin performance
 - **Conditional fields:** Show or hide fields dynamically based on the values of other fields in the form
 - **Infinite paginator:** Efficiently handle large datasets with seamless pagination that reduces server load
-- **Checkbox & radio filters:** Enhanced filter options with checkbox and radio interfaces for intuitive filtering
 
 ## Core Features & Capabilities
 
@@ -84,6 +86,7 @@ Unfold Studio lets you visually customize your Django admin without writing code
 - **Model tabs:** Allow defining custom tab navigation for models
 - **Fieldset tabs:** Merge multiple fieldsets into tabs in the change form
 - **Sortable inlines:** Allow sorting inlines by dragging and dropping
+- **Command**: Offers a command palette for quick searching across all models or custom-injected data
 - **Environment label:** Distinguish between environments by displaying a label
 - **Nonrelated inlines:** Display nonrelated models as inlines in the change form
 - **Paginated inlines:** Break down large record sets into pages within inlines for better admin performance

{django_unfold-0.66.0 → django_unfold-0.68.0}/README.md

@@ -1,4 +1,4 @@
-![screenshot](https://github.com/user-attachments/assets/87aaad04-f454-42aa-b9ac-e14d41f189ac)
+[![screenshot](https://github.com/user-attachments/assets/8c2dc5c1-480b-49ad-bd2e-57369ca4e306)](https://unfoldadmin.com)
 
 ## Unfold - Django Admin Theme
 
@@ -33,13 +33,16 @@ If you need assistance with integrating or customizing Unfold, support packages
 
 Unfold Studio lets you visually customize your Django admin without writing code — update colors, logos, sidebar, and interface styles to match your brand in minutes. Give your admin a polished, professional look that feels truly yours. Available at [unfoldadmin.com/studio](https://unfoldadmin.com/studio).
 
+[![dashboards](https://github.com/user-attachments/assets/7c3124ab-2f59-4254-9222-8a57970f51a6)](https://unfoldadmin.com/studio)
+
+
 ## Fresh Features & Enhancements
 
+- **Command**: Offers a command palette for quick searching across all models or custom-injected data
 - **django-constance**: Official support with a completely new design and UX improvements
 - **Paginated inlines:** Break down large record sets into pages within inlines for better admin performance
 - **Conditional fields:** Show or hide fields dynamically based on the values of other fields in the form
 - **Infinite paginator:** Efficiently handle large datasets with seamless pagination that reduces server load
-- **Checkbox & radio filters:** Enhanced filter options with checkbox and radio interfaces for intuitive filtering
 
 ## Core Features & Capabilities
 
@@ -58,6 +61,7 @@ Unfold Studio lets you visually customize your Django admin without writing code
 - **Model tabs:** Allow defining custom tab navigation for models
 - **Fieldset tabs:** Merge multiple fieldsets into tabs in the change form
 - **Sortable inlines:** Allow sorting inlines by dragging and dropping
+- **Command**: Offers a command palette for quick searching across all models or custom-injected data
 - **Environment label:** Distinguish between environments by displaying a label
 - **Nonrelated inlines:** Display nonrelated models as inlines in the change form
 - **Paginated inlines:** Break down large record sets into pages within inlines for better admin performance

{django_unfold-0.66.0 → django_unfold-0.68.0}/pyproject.toml

@@ -1,6 +1,6 @@
 [tool.poetry]
 name = "django-unfold"
-version = "0.66.0"
+version = "0.68.0"
 description = "Modern Django admin theme for seamless interface development"
 license = "MIT"
 readme = "README.md"
@@ -11,11 +11,11 @@ packages = [{ include = "unfold", from = "src" }]
 keywords = ["django", "admin", "tailwind", "theme"]
 classifiers = [
     "Programming Language :: Python",
-    "Programming Language :: Python :: 3.9",
     "Programming Language :: Python :: 3.10",
     "Programming Language :: Python :: 3.11",
     "Programming Language :: Python :: 3.12",
     "Programming Language :: Python :: 3.13",
+    "Programming Language :: Python :: 3.14",
     "Operating System :: OS Independent",
     "Environment :: Web Environment",
     "Intended Audience :: Developers",
@@ -23,22 +23,23 @@ classifiers = [
 ]
 
 [tool.poetry.dependencies]
-python = ">=3.9"
+python = ">=3.10,<4.0"
 django = ">=4.2"
 
 [tool.poetry.group.test.dependencies]
-pytest = "^8.3"
+pytest = "^8.4"
 pytest-django = "^4.11"
-pytest-factoryboy = "^2.7.0"
-tox = "^4.26"
+pytest-factoryboy = "^2.8"
+tox = "^4.30"
 django-money = "^3.5"
 
 [tool.poetry.group.dev.dependencies]
-python-semantic-release = "^9.21"
+python-semantic-release = "^10.4"
 
 [tool.ruff]
 fix = true
 line-length = 88
+target-version = "py310"
 
 [tool.ruff.lint]
 select = [
@@ -59,20 +60,17 @@ ignore = [
 [tool.semantic_release]
 tag_format = "{version}"
 major_on_zero = false
+allow_zero_version = true
 version_toml = ["pyproject.toml:tool.poetry.version"]
 
 [tool.semantic_release.changelog]
-template_dir = ".github/templates"
+mode = "init"
 exclude_commit_patterns = [
     "chore: version bump",
-    "chore(deps)",
-    "chore(deps-dev)",
+    '''chore(?:\(deps\))?: .+''',
+    '''chore(?:\(deps-dev\))?: .+'''
 ]
 
-[tool.semantic_release.changelog.environment]
-trim_blocks = true
-lstrip_blocks = true
-
 [tool.semantic_release.publish]
 upload_to_vcs_release = false
 
@@ -90,7 +88,7 @@ legacy_tox_ini = """
     [tox]
     isolated_build = true
     envlist =
-        python{39,310,311,312,313}-django{42,50,51,52}
+        python{310,311,312,313,314}-django{42,50,51,52}
 
     [testenv]
     skip_install = true

{django_unfold-0.66.0 → django_unfold-0.68.0}/src/unfold/admin.py

@@ -1,5 +1,5 @@
 from functools import update_wrapper
-from typing import Any, Optional
+from typing import Any
 
 from django import forms
 from django.contrib.admin import ModelAdmin as BaseModelAdmin
@@ -7,6 +7,8 @@ from django.contrib.admin import StackedInline as BaseStackedInline
 from django.contrib.admin import TabularInline as BaseTabularInline
 from django.contrib.admin import display, helpers
 from django.contrib.admin.options import InlineModelAdmin
+from django.contrib.admin.views import main
+from django.contrib.admin.views.main import IGNORED_PARAMS
 from django.contrib.contenttypes.admin import (
     GenericStackedInline as BaseGenericStackedInline,
 )
@@ -23,6 +25,7 @@ from django.utils.translation import gettext_lazy as _
 from django.views import View
 
 from unfold.checks import UnfoldModelAdminChecks
+from unfold.datasets import BaseDataset
 from unfold.forms import (
     ActionForm,
     PaginationGenericInlineFormSet,
@@ -47,6 +50,8 @@ class ModelAdmin(BaseModelAdminMixin, ActionModelAdminMixin, BaseModelAdmin):
     action_form = ActionForm
     custom_urls = ()
     add_fieldsets = ()
+    ordering_field = None
+    hide_ordering_field = False
     list_horizontal_scrollbar_top = False
     list_filter_submit = False
     list_filter_sheet = True
@@ -58,6 +63,7 @@ class ModelAdmin(BaseModelAdminMixin, ActionModelAdminMixin, BaseModelAdmin):
     change_form_after_template = None
     change_form_outer_before_template = None
     change_form_outer_after_template = None
+    change_form_datasets = ()
     compressed_fields = False
     readonly_preprocess_fields = {}
     warn_unsaved_form = False
@@ -72,7 +78,7 @@ class ModelAdmin(BaseModelAdminMixin, ActionModelAdminMixin, BaseModelAdmin):
 
         for filter in self.get_list_filter(self.request):
             if (
-                isinstance(filter, (tuple, list))
+                isinstance(filter, tuple | list)
                 and hasattr(filter[1], "form_class")
                 and hasattr(filter[1].form_class, "Media")
             ):
@@ -83,12 +89,61 @@ class ModelAdmin(BaseModelAdminMixin, ActionModelAdminMixin, BaseModelAdmin):
         return media
 
     def changelist_view(
-        self, request: HttpRequest, extra_context: Optional[dict[str, str]] = None
+        self, request: HttpRequest, extra_context: dict[str, str] | None = None
     ) -> TemplateResponse:
         self.request = request
+
+        if self.ordering_field and self.ordering_field not in self.list_editable:
+            list_editable = list(getattr(self, "list_editable", []))
+            list_editable.append(self.ordering_field)
+            self.list_editable = list_editable
+
         return super().changelist_view(request, extra_context)
 
-    def get_fieldsets(self, request: HttpRequest, obj=None) -> FieldsetsType:
+    def changeform_view(
+        self,
+        request: HttpRequest,
+        object_id: str | None = None,
+        form_url: str = "",
+        extra_context: dict[str, Any] | None = None,
+    ) -> TemplateResponse:
+        self.request = request
+        extra_context = extra_context or {}
+        datasets = self.get_changeform_datasets(request)
+
+        # Monkeypatch IGNORED_PARAMS to add dataset page and search arguments into ignored params
+        ignored_params = []
+        for dataset in datasets:
+            ignored_params.append(f"{dataset.model._meta.model_name}-q")
+            ignored_params.append(f"{dataset.model._meta.model_name}-p")
+
+        main.IGNORED_PARAMS = (*IGNORED_PARAMS, *ignored_params)
+
+        rendered_datasets = []
+        for dataset in datasets:
+            rendered_datasets.append(
+                dataset(
+                    request=request,
+                    extra_context={
+                        "object": object_id,
+                    },
+                )
+            )
+
+        extra_context["datasets"] = rendered_datasets
+        return super().changeform_view(request, object_id, form_url, extra_context)
+
+    def get_list_display(self, request: HttpRequest) -> list[str]:
+        list_display = super().get_list_display(request)
+
+        if self.ordering_field and self.ordering_field not in list_display:
+            list_display.append(self.ordering_field)
+
+        return list_display
+
+    def get_fieldsets(
+        self, request: HttpRequest, obj: Model | None = None
+    ) -> FieldsetsType:
         if not obj and self.add_fieldsets:
             return self.add_fieldsets
         return super().get_fieldsets(request, obj)
@@ -119,7 +174,7 @@ class ModelAdmin(BaseModelAdminMixin, ActionModelAdminMixin, BaseModelAdmin):
 
         actions_list_urls = [
             path(
-                action.path,
+                f"{action.path.removesuffix('/')}/",
                 wrap(action.method),
                 name=action.action_name,
             )
@@ -128,7 +183,7 @@ class ModelAdmin(BaseModelAdminMixin, ActionModelAdminMixin, BaseModelAdmin):
 
         action_detail_urls = [
             path(
-                f"<path:object_id>/{action.path}",
+                f"<path:object_id>/{action.path.removesuffix('/')}/",
                 wrap(action.method),
                 name=action.action_name,
             )
@@ -137,7 +192,7 @@ class ModelAdmin(BaseModelAdminMixin, ActionModelAdminMixin, BaseModelAdmin):
 
         action_row_urls = [
             path(
-                f"<path:object_id>/{action.path}",
+                f"<path:object_id>/{action.path.removesuffix('/')}/",
                 wrap(action.method),
                 name=action.action_name,
             )
@@ -152,7 +207,7 @@ class ModelAdmin(BaseModelAdminMixin, ActionModelAdminMixin, BaseModelAdmin):
             + urls
         )
 
-    def _path_from_custom_url(self, custom_url) -> URLPattern:
+    def _path_from_custom_url(self, custom_url: tuple[str, str, View]) -> URLPattern:
         return path(
             custom_url[0],
             self.admin_site.admin_view(custom_url[2]),
@@ -161,13 +216,15 @@ class ModelAdmin(BaseModelAdminMixin, ActionModelAdminMixin, BaseModelAdmin):
         )
 
     def get_action_choices(
-        self, request: HttpRequest, default_choices=BLANK_CHOICE_DASH
-    ):
+        self,
+        request: HttpRequest,
+        default_choices: list[tuple[str, str]] = BLANK_CHOICE_DASH,
+    ) -> list[tuple[str, str]]:
         default_choices = [("", _("Select action"))]
         return super().get_action_choices(request, default_choices)
 
     @display(description=mark_safe(checkbox.render("action_toggle_all", 1)))
-    def action_checkbox(self, obj: Model):
+    def action_checkbox(self, obj: Model) -> str:
         return checkbox.render(helpers.ACTION_CHECKBOX_NAME, str(obj.pk))
 
     def response_change(self, request: HttpRequest, obj: Model) -> HttpResponse:
@@ -177,14 +234,14 @@ class ModelAdmin(BaseModelAdminMixin, ActionModelAdminMixin, BaseModelAdmin):
         return res
 
     def response_add(
-        self, request: HttpRequest, obj: Model, post_url_continue: Optional[str] = None
+        self, request: HttpRequest, obj: Model, post_url_continue: str | None = None
     ) -> HttpResponse:
         res = super().response_add(request, obj, post_url_continue)
         if "next" in request.GET:
             return redirect(request.GET["next"])
         return res
 
-    def get_changelist(self, request, **kwargs):
+    def get_changelist(self, request: HttpRequest, **kwargs: Any) -> ChangeList:
         return ChangeList
 
     def get_formset_kwargs(
@@ -198,6 +255,9 @@ class ModelAdmin(BaseModelAdminMixin, ActionModelAdminMixin, BaseModelAdmin):
 
         return formset_kwargs
 
+    def get_changeform_datasets(self, request: HttpRequest) -> list[type[BaseDataset]]:
+        return self.change_form_datasets
+
 
 class BaseInlineMixin:
     formfield_overrides = FORMFIELD_OVERRIDES_INLINE

{django_unfold-0.66.0 → django_unfold-0.68.0}/src/unfold/components.py

@@ -1,4 +1,4 @@
-from typing import Any, Optional
+from typing import Any
 
 from django.http import HttpRequest
 
@@ -21,7 +21,7 @@ class ComponentRegistry:
         cls._registry[class_name] = component_cls
 
     @classmethod
-    def get_class(cls, class_name: str) -> Optional[type]:
+    def get_class(cls, class_name: str) -> type | None:
         return cls._registry.get(class_name)
 
     @classmethod

{django_unfold-0.66.0 → django_unfold-0.68.0}/src/unfold/contrib/filters/admin/choice_filters.py

@@ -4,10 +4,11 @@ from typing import Any
 from django.contrib import admin
 from django.contrib.admin.views.main import ChangeList
 from django.core.validators import EMPTY_VALUES
-from django.db.models import QuerySet
+from django.db.models import Model, QuerySet
 from django.http import HttpRequest
 from django.utils.translation import gettext_lazy as _
 
+from unfold.admin import ModelAdmin
 from unfold.contrib.filters.admin.mixins import (
     ChoicesMixin,
     MultiValueMixin,
@@ -56,6 +57,17 @@ class CheckboxFilter(RadioFilter):
     form_class = CheckboxForm
     all_option = None
 
+    # TODO: remove once django 4.x is not supported
+    def __init__(
+        self,
+        request: HttpRequest,
+        params: dict[str, Any],
+        model: type[Model],
+        model_admin: ModelAdmin,
+    ) -> None:
+        self.request = request
+        super().__init__(request, params, model, model_admin)
+
     def value(self) -> list[Any]:
         return self.request.GET.getlist(self.parameter_name)
 

{django_unfold-0.66.0 → django_unfold-0.68.0}/src/unfold/contrib/filters/admin/mixins.py

@@ -1,5 +1,5 @@
 from collections.abc import Generator
-from typing import Any, Optional
+from typing import Any
 
 from django.contrib.admin.views.main import ChangeList
 from django.core.validators import EMPTY_VALUES
@@ -18,7 +18,7 @@ from unfold.contrib.filters.forms import (
 
 
 class ValueMixin:
-    def value(self) -> Optional[str]:
+    def value(self) -> str | None:
         return (
             self.lookup_val[0]
             if self.lookup_val not in EMPTY_VALUES
@@ -29,7 +29,7 @@ class ValueMixin:
 
 
 class MultiValueMixin:
-    def value(self) -> Optional[list[str]]:
+    def value(self) -> list[str] | None:
         return (
             self.lookup_val
             if self.lookup_val not in EMPTY_VALUES

{django_unfold-0.66.0 → django_unfold-0.68.0}/src/unfold/contrib/filters/admin/numeric_filters.py

@@ -1,4 +1,4 @@
-from typing import Any, Optional
+from typing import Any
 
 from django.contrib import admin
 from django.contrib.admin.options import ModelAdmin
@@ -35,7 +35,7 @@ class SingleNumericFilter(admin.FieldListFilter):
     ) -> None:
         super().__init__(field, request, params, model, model_admin, field_path)
 
-        if not isinstance(field, (DecimalField, IntegerField, FloatField, AutoField)):
+        if not isinstance(field, DecimalField | IntegerField | FloatField | AutoField):
             raise TypeError(
                 f"Class {type(self.field)} is not supported for {self.__class__.__name__}."
             )
@@ -54,7 +54,7 @@ class SingleNumericFilter(admin.FieldListFilter):
 
     def queryset(
         self, request: HttpRequest, queryset: QuerySet[Any]
-    ) -> Optional[QuerySet]:
+    ) -> QuerySet | None:
         if self.value():
             try:
                 return queryset.filter(**{self.parameter_name: self.value()})
@@ -64,7 +64,7 @@ class SingleNumericFilter(admin.FieldListFilter):
     def value(self) -> Any:
         return self.used_parameters.get(self.parameter_name, None)
 
-    def expected_parameters(self) -> list[Optional[str]]:
+    def expected_parameters(self) -> list[str | None]:
         return [self.parameter_name]
 
     def choices(self, changelist: ChangeList) -> tuple[dict[str, Any], ...]:
@@ -111,7 +111,7 @@ class RangeNumericFilter(RangeNumericMixin, admin.FieldListFilter):
         field_path: str,
     ) -> None:
         super().__init__(field, request, params, model, model_admin, field_path)
-        if not isinstance(field, (DecimalField, IntegerField, FloatField, AutoField)):
+        if not isinstance(field, DecimalField | IntegerField | FloatField | AutoField):
             raise TypeError(
                 f"Class {type(self.field)} is not supported for {self.__class__.__name__}."
             )
@@ -156,7 +156,7 @@ class SliderNumericFilter(RangeNumericFilter):
         else:
             max_value = None
 
-        if isinstance(self.field, (FloatField, DecimalField)):
+        if isinstance(self.field, FloatField | DecimalField):
             decimals = self.MAX_DECIMALS
             step = self.STEP if self.STEP else self._get_min_step(self.MAX_DECIMALS)
         else:
@@ -179,6 +179,8 @@ class SliderNumericFilter(RangeNumericFilter):
                 ),
                 "form": self.form_class(
                     name=self.parameter_name,
+                    min=min_value,
+                    max=max_value,
                     data={
                         self.parameter_name + "_from": self.used_parameters.get(
                             self.parameter_name + "_from", min_value

{django_unfold-0.66.0 → django_unfold-0.68.0}/src/unfold/contrib/filters/forms.py

@@ -59,7 +59,11 @@ class AutocompleteDropdownForm(forms.Form):
             label=label,
             required=False,
             queryset=field.remote_field.model.objects,
-            widget=self.widget(field, model_admin.admin_site),
+            widget=self.widget(
+                field,
+                model_admin.admin_site,
+                attrs={"class": "unfold-filter-autocomplete"},
+            ),
         )
 
     class Media:
@@ -175,22 +179,39 @@ class SingleNumericForm(forms.Form):
 
 
 class RangeNumericForm(forms.Form):
-    def __init__(self, name: str, *args, **kwargs) -> None:
+    def __init__(
+        self, name: str, min: float = None, max: float = None, *args, **kwargs
+    ) -> None:
         self.name = name
         super().__init__(*args, **kwargs)
 
+        min_max = {}
+
+        if min:
+            min_max["min"] = min
+        if max:
+            min_max["max"] = max
+
         self.fields[self.name + "_from"] = forms.FloatField(
             label="",
             required=False,
             widget=forms.NumberInput(
-                attrs={"placeholder": _("From"), "class": " ".join(INPUT_CLASSES)}
+                attrs={
+                    "placeholder": _("From"),
+                    "class": " ".join(INPUT_CLASSES),
+                    **min_max,
+                }
             ),
         )
         self.fields[self.name + "_to"] = forms.FloatField(
             label="",
             required=False,
             widget=forms.NumberInput(
-                attrs={"placeholder": _("To"), "class": " ".join(INPUT_CLASSES)}
+                attrs={
+                    "placeholder": _("To"),
+                    "class": " ".join(INPUT_CLASSES),
+                    **min_max,
+                }
             ),
         )
 

django_unfold-0.68.0/src/unfold/contrib/filters/static/unfold/filters/js/admin-numeric-filter.js

@@ -0,0 +1,69 @@
+document.addEventListener("DOMContentLoaded", function () {
+  Array.from(
+    document.getElementsByClassName("admin-numeric-filter-slider")
+  ).forEach(function (slider) {
+    if (Array.from(slider.classList).includes("noUi-target")) {
+      return;
+    }
+
+    const fromInput = slider
+      .closest(".admin-numeric-filter-wrapper")
+      .querySelectorAll(".admin-numeric-filter-wrapper-group input")[0];
+
+    const toInput = slider
+      .closest(".admin-numeric-filter-wrapper")
+      .querySelectorAll(".admin-numeric-filter-wrapper-group input")[1];
+
+    noUiSlider.create(slider, {
+      start: [parseFloat(fromInput.value), parseFloat(toInput.value)],
+      step: parseFloat(slider.getAttribute("data-step")),
+      connect: true,
+      format: wNumb({
+        decimals: parseFloat(slider.getAttribute("data-decimals")),
+      }),
+      range: {
+        min: parseFloat(slider.getAttribute("data-min")),
+        max: parseFloat(slider.getAttribute("data-max")),
+      },
+    });
+
+    /*************************************************************
+     * Update slider when input values change
+     *************************************************************/
+    fromInput.addEventListener("keyup", function () {
+      clearTimeout(this._sliderUpdateTimeout);
+      this._sliderUpdateTimeout = setTimeout(() => {
+        slider.noUiSlider.set([
+          parseFloat(this.value),
+          parseFloat(toInput.value),
+        ]);
+      }, 500);
+    });
+
+    toInput.addEventListener("keyup", function () {
+      clearTimeout(this._sliderUpdateTimeout);
+      this._sliderUpdateTimeout = setTimeout(() => {
+        slider.noUiSlider.set([
+          parseFloat(fromInput.value),
+          parseFloat(this.value),
+        ]);
+      }, 500);
+    });
+
+    /*************************************************************
+     * Updated inputs when slider is moved
+     *************************************************************/
+    slider.noUiSlider.on("update", function (values, handle) {
+      const parent = this.target.closest(".admin-numeric-filter-wrapper");
+      const from = parent.querySelectorAll(
+        ".admin-numeric-filter-wrapper-group input"
+      )[0];
+      const to = parent.querySelectorAll(
+        ".admin-numeric-filter-wrapper-group input"
+      )[1];
+
+      from.value = values[0];
+      to.value = values[1];
+    });
+  });
+});

{django_unfold-0.66.0 → django_unfold-0.68.0}/src/unfold/contrib/filters/templates/unfold/filters/filters_numeric_slider.html

@@ -8,22 +8,13 @@
         </h3>
 
         {% if choice.min is not None and choice.max is not None and choice.step %}
-            <div class="admin-numeric-filter-slider-tooltips">
-                <span class="admin-numeric-filter-slider-tooltip-from border border-base-200 cursor-not-allowed flex grow flex-row items-center mr-auto rounded-default shadow-xs px-3 py-2 w-full dark:bg-base-900 dark:border-base-700 dark:text-font-default-dark">
-                    {{ choice.value_from }}
-                </span>
 
-                <span class="admin-numeric-filter-slider-tooltip-to border border-base-200 cursor-not-allowed flex grow flex-row items-center rounded-default shadow-xs px-3 py-2 w-full dark:bg-base-900 dark:border-base-700 dark:text-font-default-dark">
-                    {{ choice.value_to }}
-                </span>
+            <div class="admin-numeric-filter-wrapper-group flex flex-row gap-4 mb-4">
+                {{ choice.form.as_p }}
             </div>
 
             <div class="admin-numeric-filter-slider" data-min="{{ choice.min|unlocalize }}" data-max="{{ choice.max|unlocalize }}" data-decimals="{{ choice.decimals }}" data-step="{{ choice.step|unlocalize }}">
             </div>
-
-            <div class="admin-numeric-filter-wrapper-group hidden">
-                {{ choice.form.as_p }}
-            </div>
         {% else %}
             <div class="admin-numeric-filter-slider-error dark:text-font-default-dark">
                 <p class="border border-base-300 border-dashed leading-[36px] h-[38px] rounded-default text-center dark:border-base-700">