django-unfold 0.43.0__py3-none-any.whl → 0.45.0__py3-none-any.whl

unfold/templatetags/unfold.py

@@ -270,3 +270,107 @@ def preserve_changelist_filters(context: Context) -> Dict[str, Dict[str, str]]:
     }
 
     return {"params": preserved_params}
+
+
+@register.simple_tag(takes_context=True)
+def fieldset_rows_classes(context: Context) -> str:
+    classes = [
+        "aligned",
+    ]
+
+    if not context.get("stacked"):
+        classes.extend(
+            [
+                "border",
+                "border-base-200",
+                "mb-8",
+                "rounded",
+                "shadow-sm",
+                "dark:border-base-800",
+            ]
+        )
+
+    return " ".join(set(classes))
+
+
+@register.simple_tag(takes_context=True)
+def fieldset_row_classes(context: Context) -> str:
+    classes = [
+        "field-row",
+        "group/row",
+    ]
+
+    formset = context.get("inline_admin_formset", None)
+    adminform = context.get("adminform", None)
+    line = context.get("line")
+
+    # Hide the field in case of ordering field for sorting
+    for field in line:
+        if (
+            formset
+            and hasattr(field.field, "name")
+            and field.field.name == formset.opts.ordering_field
+            and formset.opts.hide_ordering_field
+        ):
+            classes.append("hidden")
+
+    # Compressed fields special styling
+    if adminform and adminform.model_admin.compressed_fields:
+        classes.extend(
+            [
+                "lg:border-b",
+                "lg:border-base-200",
+                "dark:lg:border-base-800",
+                "last:lg:border-b-0",
+            ]
+        )
+
+    if len(line.fields) > 1:
+        classes.extend(
+            [
+                "flex",
+                "flex-row",
+                "flex-wrap",
+            ]
+        )
+
+    if not line.has_visible_field:
+        classes.append("hidden")
+
+    return " ".join(set(classes))
+
+
+@register.simple_tag(takes_context=True)
+def fieldset_line_classes(context: Context) -> str:
+    classes = [
+        "field-line",
+        "flex",
+        "flex-col",
+        "flex-grow",
+        "group/line",
+        "p-3",
+    ]
+    field = context.get("field")
+    adminform = context.get("adminform")
+
+    if hasattr(field.field, "name") and field.field.name:
+        classes.append(f"field-{field.field.name}")
+
+    if hasattr(field, "errors") and field.errors():
+        classes.append("errors")
+
+    if adminform.model_admin.compressed_fields:
+        classes.extend(
+            [
+                "border-b",
+                "border-base-200",
+                "group-[.last]/row:border-b-0",
+                "lg:border-b-0",
+                "lg:border-l",
+                "lg:flex-row",
+                "dark:border-base-800",
+                "first:lg:border-l-0",
+            ]
+        )
+
+    return " ".join(set(classes))

unfold/templatetags/unfold_list.py

@@ -42,7 +42,7 @@ ROW_CLASSES = [
     "align-middle",
     "flex",
     "border-t",
-    "border-gray-200",
+    "border-base-200",
     "font-normal",
     "gap-4",
     "min-w-0",
@@ -55,13 +55,15 @@ ROW_CLASSES = [
     "before:content-[attr(data-label)]",
     "before:items-center",
     "before:font-semibold",
+    "before:text-font-important-light",
     "before:mr-auto",
     "first:border-t-0",
     "lg:before:hidden",
     "lg:first:border-t",
     "lg:py-3",
     "lg:table-cell",
-    "dark:border-gray-800",
+    "dark:border-base-800",
+    "dark:before:text-font-important-dark",
 ]
 
 CHECKBOX_CLASSES = [
@@ -77,11 +79,13 @@ CHECKBOX_CLASSES = [
     "before:content-[attr(data-label)]",
     "before:font-semibold",
     "before:mr-auto",
+    "before:text-font-important-light",
     "lg:before:hidden",
     "lg:border-t",
-    "lg:border-gray-200",
+    "lg:border-base-200",
     "lg:table-cell",
-    "dark:lg:border-gray-800",
+    "dark:lg:border-base-800",
+    "dark:before:text-font-important-dark",
 ]
 
 
@@ -369,6 +373,7 @@ def result_list(context: Dict[str, Any], cl: ChangeList) -> Dict[str, Any]:
         "num_sorted_fields": num_sorted_fields,
         "results": list(results(cl)),
         "actions_row": context.get("actions_row"),
+        "has_add_permission": cl.model_admin.has_add_permission(context["request"]),
     }
 
 

unfold/widgets.py

@@ -52,10 +52,12 @@ CHECKBOX_LABEL_CLASSES = [
 
 BASE_CLASSES = [
     "border",
+    "border-base-200",
     "bg-white",
     "font-medium",
     "min-w-20",
-    "rounded-md",
+    "placeholder-base-400",
+    "rounded",
     "shadow-sm",
     "text-font-default-light",
     "text-sm",
@@ -65,8 +67,8 @@ BASE_CLASSES = [
     "focus:outline-none",
     "group-[.errors]:border-red-600",
     "group-[.errors]:focus:ring-red-200",
-    "dark:bg-gray-900",
-    "dark:border-gray-700",
+    "dark:bg-base-900",
+    "dark:border-base-700",
     "dark:text-font-default-dark",
     "dark:focus:border-primary-600",
     "dark:focus:ring-primary-700",
@@ -88,7 +90,7 @@ DATETIME_CLASSES = [*BASE_INPUT_CLASSES, "min-w-52"]
 
 COLOR_CLASSES = [*BASE_CLASSES, "h-9.5", "px-2", "py-2", "w-32"]
 
-INPUT_CLASSES_READONLY = [*BASE_INPUT_CLASSES, "bg-gray-50"]
+INPUT_CLASSES_READONLY = [*BASE_INPUT_CLASSES, "bg-base-50"]
 
 TEXTAREA_CLASSES = [
     *BASE_INPUT_CLASSES,
@@ -123,20 +125,20 @@ PROSE_CLASSES = [
     "prose-sm",
     "prose-blockquote:border-l-4",
     "prose-blockquote:not-italic",
-    "prose-pre:bg-gray-50",
+    "prose-pre:bg-base-50",
     "prose-pre:rounded",
     "prose-headings:font-medium",
     "prose-a:text-primary-600",
     "prose-headings:font-medium",
-    "prose-headings:text-gray-700",
+    "prose-headings:text-base-700",
     "prose-ol:list-decimal",
     "prose-ul:list-disc",
-    "prose-strong:text-gray-700",
-    "dark:prose-pre:bg-gray-800",
-    "dark:prose-blockquote:border-gray-700",
-    "dark:prose-blockquote:text-gray-300",
-    "dark:prose-headings:text-gray-200",
-    "dark:prose-strong:text-gray-200",
+    "prose-strong:text-base-700",
+    "dark:prose-pre:bg-base-800",
+    "dark:prose-blockquote:border-base-700",
+    "dark:prose-blockquote:text-base-300",
+    "dark:prose-headings:text-base-200",
+    "dark:prose-strong:text-base-200",
 ]
 
 CHECKBOX_CLASSES = [
@@ -144,16 +146,16 @@ CHECKBOX_CLASSES = [
     "bg-white",
     "block",
     "border",
-    "border-gray-300",
+    "border-base-300",
     "cursor-pointer",
     "h-4",
     "relative",
-    "rounded",
+    "rounded-[4px]",
     "shadow-sm",
     "w-4",
-    "hover:border-gray-400",
-    "dark:bg-gray-700",
-    "dark:border-gray-500",
+    "hover:border-base-400",
+    "dark:bg-base-700",
+    "dark:border-base-500",
     "dark:after:checked:text-white",
     "focus:outline",
     "focus:outline-1",
@@ -173,7 +175,7 @@ CHECKBOX_CLASSES = [
     "after:text-white",
     "after:transition-all",
     "after:w-4",
-    "after:dark:text-gray-700",
+    "after:dark:text-base-700",
     "checked:bg-primary-600",
     "checked:border-primary-600",
     "checked:transition-all",
@@ -185,21 +187,21 @@ RADIO_CLASSES = [
     "bg-white",
     "block",
     "border",
-    "border-gray-300",
+    "border-base-300",
     "cursor-pointer",
     "h-4",
     "relative",
     "rounded-full",
     "w-4",
-    "dark:bg-gray-700",
-    "dark:border-gray-500",
-    "hover:border-gray-400",
+    "dark:bg-base-700",
+    "dark:border-base-500",
+    "hover:border-base-400",
     "focus:outline",
     "focus:outline-1",
     "focus:outline-offset-2",
     "focus:outline-primary-500",
     "after:absolute",
-    "after:bg-white",
+    "after:bg-transparent",
     "after:content-['']",
     "after:flex",
     "after:h-2",
@@ -215,18 +217,19 @@ RADIO_CLASSES = [
     "after:-translate-y-1/2",
     "after:text-sm",
     "after:w-2",
-    "after:dark:text-gray-700",
+    "after:dark:text-base-700",
     "after:dark:bg-transparent",
     "checked:bg-primary-600",
     "checked:border-primary-600",
     "checked:transition-all",
     "checked:after:bg-white",
-    "checked:after:dark:bg-gray-200",
+    "checked:after:dark:bg-base-900",
+    "checked:hover:border-base-900/20",
 ]
 
 SWITCH_CLASSES = [
     "appearance-none",
-    "bg-gray-300",
+    "bg-base-300",
     "cursor-pointer",
     "h-5",
     "relative",
@@ -246,7 +249,7 @@ SWITCH_CLASSES = [
     "after:w-3",
     "checked:bg-green-500",
     "checked:after:left-4",
-    "dark:bg-gray-600",
+    "dark:bg-base-600",
     "dark:checked:bg-green-700",
 ]
 
@@ -519,7 +522,7 @@ class UnfoldAdminRadioSelectWidget(AdminRadioSelect):
             radio_style = VERTICAL
 
         self.radio_style = radio_style
-        self.attrs = {"class": " ".join(RADIO_CLASSES)}
+        self.attrs["class"] = " ".join([*RADIO_CLASSES, self.attrs.get("class", "")])
 
     def get_context(self, *args, **kwargs) -> Dict[str, Any]:
         context = super().get_context(*args, **kwargs)

unfold/templates/unfold/change_list_filter.html

@@ -1,57 +0,0 @@
-{% load i18n admin_list unfold %}
-
-<div id="changelist-filter" class="backdrop-blur-sm bg-opacity-80 bg-gray-900 flex inset-0 z-50 fixed {% if not cl.model_admin.list_filter_sheet %}2xl:bg-transparent 2xl:relative 2xl:!block 2xl:z-10{% endif %}" x-show="filterOpen">
-    <label for="show-filters" id="changelist-filter-close" class="flex-grow {% if not cl.model_admin.list_filter_sheet %}2xl:hidden{% endif %}" x-on:click="filterOpen = false"></label>
-
-    <div class="bg-white flex m-4 overflow-hidden rounded shadow-sm w-80 dark:bg-gray-800 {% if not cl.model_admin.list_filter_sheet %} 2xl:border 2xl:sticky 2xl:top-4 2xl:dark:border-gray-800 2xl:bg-transparent 2xl:dark:!bg-transparent 2xl:m-0{% endif %}">
-        <div class="flex-grow h-full overflow-auto relative">
-            <h3 class="border-b flex font-semibold mb-4 px-4 py-4 text-font-important-light text-sm dark:text-font-important-dark dark:border-gray-800">
-                {% trans "Filter" %}
-
-                {% if cl.is_facets_optional %}
-                    <span id="changelist-filter-extra-actions" class="font-normal ml-3 text-primary-600 text-sm dark:text-primary-500">
-                        {% if cl.is_facets_optional %}
-                            {% if cl.add_facets %}
-                                <a href="{{ cl.remove_facet_link }}" class="hidelink">
-                                    {% trans "Hide counts" %}
-                                </a>
-                            {% else %}
-                                <a href="{{ cl.add_facet_link }}" class="viewlink">
-                                    {% trans "Show counts" %}
-                                </a>
-                            {% endif %}
-                        {% endif %}
-                    </span>
-                {% endif %}
-
-                {% if cl.has_active_filters %}
-                    <a href="{{ cl.clear_all_filters_qs }}" class="font-normal ml-3 text-sm text-red-600 dark:text-red-500">
-                        {% trans "Clear all filters" %}
-                    </a>
-                {% endif %}
-
-                <a class="cursor-pointer material-symbols-outlined md-18 ml-auto pl-4 text-gray-400 transition-colors hover:text-gray-500 dark:text-gray-500 dark:hover:text-gray-400 {% if not cl.model_admin.list_filter_sheet %}2xl:hidden{% endif %}" x-on:click="filterOpen = false">
-                    close
-                </a>
-            </h3>
-
-            <div class="px-4{% if cl.model_admin.list_filter_submit %} {% endif %}">
-                {% if cl.model_admin.list_filter_submit %}
-                    <form id="filter-form" method="get">
-                        {% preserve_filters %}
-                {% endif %}
-
-                {% for spec in cl.filter_specs %}
-                    {% admin_list_filter cl spec %}
-                {% endfor %}
-
-                {% if cl.model_admin.list_filter_submit %}
-                    <button type="submit" class="bg-primary-600 block border border-transparent font-medium mb-4 mt-8 px-3 py-2 rounded-md self-end text-sm text-white w-full">
-                        {% trans "Apply Filters" %}
-                    </button>
-                    </form>
-                {% endif %}
-            </div>
-        </div>
-    </div>
-</div>