django-unfold 0.40.0__tar.gz → 0.41.0__tar.gz

{django_unfold-0.40.0 → django_unfold-0.41.0}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.1
 Name: django-unfold
-Version: 0.40.0
+Version: 0.41.0
 Summary: Modern Django admin theme for seamless interface development
 Home-page: https://unfoldadmin.com
 License: MIT
@@ -18,6 +18,7 @@ Classifier: Programming Language :: Python :: 3.9
 Classifier: Programming Language :: Python :: 3.10
 Classifier: Programming Language :: Python :: 3.11
 Classifier: Programming Language :: Python :: 3.12
+Classifier: Programming Language :: Python :: 3.13
 Requires-Dist: django (>=3.2)
 Project-URL: Repository, https://github.com/unfoldadmin/django-unfold
 Description-Content-Type: text/markdown
@@ -37,6 +38,9 @@ Unfold is a theme for Django admin that incorporates common best practices for b
 - **Unfold:** Demo site is available at [unfoldadmin.com](https://unfoldadmin.com?utm_medium=github&utm_source=unfold).
 - **Formula:** Repository with demo implementation at [github.com/unfoldadmin/formula](https://github.com/unfoldadmin/formula?utm_medium=github&utm_source=unfold).
 - **Turbo:** Django & Next.js boilerplate implementing Unfold at [github.com/unfoldadmin/turbo](https://github.com/unfoldadmin/turbo?utm_medium=github&utm_source=unfold).
+- **Discord:** Join the Unfold community on [Discord](https://discord.gg/9sQj9MEbNz).
+
+
 
 ## Are you using Unfold and need help?
 
@@ -56,6 +60,7 @@ Have you decided to start using Unfold but don’t have time to make the switch
 - **Inline tabs:** Groups inlines into tab navigation in the change form.
 - **Model tabs:** Allows defining custom tab navigation for models.
 - **Fieldset tabs:** Merges multiple fieldsets into tabs in the change form.
+- **Sortable inlines:** Allows sorting inlines by dragging and dropping.
 - **Environment label**: Distinguishes between environments by displaying a label.
 - **Nonrelated inlines**: Displays nonrelated models as inlines in the change form.
 - **Favicons**: Built-in support for configuring various site favicons.

{django_unfold-0.40.0 → django_unfold-0.41.0}/README.md

@@ -13,6 +13,9 @@ Unfold is a theme for Django admin that incorporates common best practices for b
 - **Unfold:** Demo site is available at [unfoldadmin.com](https://unfoldadmin.com?utm_medium=github&utm_source=unfold).
 - **Formula:** Repository with demo implementation at [github.com/unfoldadmin/formula](https://github.com/unfoldadmin/formula?utm_medium=github&utm_source=unfold).
 - **Turbo:** Django & Next.js boilerplate implementing Unfold at [github.com/unfoldadmin/turbo](https://github.com/unfoldadmin/turbo?utm_medium=github&utm_source=unfold).
+- **Discord:** Join the Unfold community on [Discord](https://discord.gg/9sQj9MEbNz).
+
+
 
 ## Are you using Unfold and need help?
 
@@ -32,6 +35,7 @@ Have you decided to start using Unfold but don’t have time to make the switch
 - **Inline tabs:** Groups inlines into tab navigation in the change form.
 - **Model tabs:** Allows defining custom tab navigation for models.
 - **Fieldset tabs:** Merges multiple fieldsets into tabs in the change form.
+- **Sortable inlines:** Allows sorting inlines by dragging and dropping.
 - **Environment label**: Distinguishes between environments by displaying a label.
 - **Nonrelated inlines**: Displays nonrelated models as inlines in the change form.
 - **Favicons**: Built-in support for configuring various site favicons.

{django_unfold-0.40.0 → django_unfold-0.41.0}/pyproject.toml

@@ -1,6 +1,6 @@
 [tool.poetry]
 name = "django-unfold"
-version = "0.40.0"
+version = "0.41.0"
 description = "Modern Django admin theme for seamless interface development"
 license = "MIT"
 readme = "README.md"
@@ -16,6 +16,7 @@ classifiers = [
     "Programming Language :: Python :: 3.10",
     "Programming Language :: Python :: 3.11",
     "Programming Language :: Python :: 3.12",
+    "Programming Language :: Python :: 3.13",
     "Operating System :: OS Independent",
     "Environment :: Web Environment",
     "Intended Audience :: Developers",
@@ -89,7 +90,7 @@ legacy_tox_ini = """
     [tox]
     isolated_build = true
     envlist =
-        python{38,39,310,311,312}-django{32,41,42,50,51}
+        python{38,39,310,311,312,313}-django{32,41,42,50,51}
 
     [testenv]
     skip_install = true

{django_unfold-0.40.0 → django_unfold-0.41.0}/src/unfold/admin.py

@@ -233,6 +233,7 @@ class ModelAdmin(ModelAdminMixin, BaseModelAdmin):
     add_fieldsets = ()
     list_horizontal_scrollbar_top = False
     list_filter_submit = False
+    list_filter_sheet = True
     list_fullwidth = False
     list_disable_select_all = False
     list_before_template = None
@@ -560,8 +561,12 @@ class ModelAdmin(ModelAdminMixin, BaseModelAdmin):
 class TabularInline(ModelAdminMixin, BaseTabularInline):
     formfield_overrides = FORMFIELD_OVERRIDES_INLINE
     readonly_preprocess_fields = {}
+    ordering_field = None
+    hide_ordering_field = False
 
 
 class StackedInline(ModelAdminMixin, BaseStackedInline):
     formfield_overrides = FORMFIELD_OVERRIDES_INLINE
     readonly_preprocess_fields = {}
+    ordering_field = None
+    hide_ordering_field = False

{django_unfold-0.40.0 → django_unfold-0.41.0}/src/unfold/contrib/filters/forms.py

@@ -26,7 +26,7 @@ class DropdownForm(forms.Form):
     widget = UnfoldAdminSelectWidget(
         attrs={
             "data-theme": "admin-autocomplete",
-            "class": "admin-autocomplete",
+            "class": "unfold-admin-autocomplete admin-autocomplete",
         }
     )
     field = ChoiceField
@@ -38,7 +38,7 @@ class DropdownForm(forms.Form):
             self.widget = UnfoldAdminSelectMultipleWidget(
                 attrs={
                     "data-theme": "admin-autocomplete",
-                    "class": "admin-autocomplete",
+                    "class": "unfold-admin-autocomplete admin-autocomplete",
                 }
             )
             self.field = MultipleChoiceField

{django_unfold-0.40.0 → django_unfold-0.41.0}/src/unfold/contrib/forms/templates/unfold/forms/array.html

@@ -14,7 +14,7 @@
     {% endfor %}
 
     <template x-for="(item, index) in items" :key="item.key">
-        <div class="flex flex-row">
+        <div class="flex flex-row" x-init="if ($el.getElementsByTagName('input')[0].name.includes('__prefix__')) { $el.getElementsByTagName('input')[0].name = $el.parentElement.getElementsByTagName('input')[0].name }">
             {% with widget=template %}
                 {% include template.template_name %}
             {% endwith %}
@@ -26,7 +26,7 @@
     </template>
 
     <div class="flex flex-row">
-        <div x-on:click="items.push({ key: new Date().getTime()})" class="bg-primary-600 border border-transparent cursor-pointer font-medium inline-block px-3 py-2 rounded-md text-sm text-white w-full lg:w-auto">
+        <div x-on:click="items.push({ key: new Date().getTime()})" class="bg-primary-600 border border-transparent cursor-pointer font-medium inline-block px-3 py-2 rounded-md text-center text-sm text-white w-full lg:w-auto">
             {% trans "Add new item" %}
         </div>
     </div>

{django_unfold-0.40.0 → django_unfold-0.41.0}/src/unfold/contrib/guardian/templates/admin/guardian/model/obj_perms_manage.html

@@ -5,7 +5,7 @@
 {% block breadcrumbs %}{% if not is_popup %}
     <div class="px-4 lg:px-12">
         <div class="container mb-6 mx-auto -my-3 lg:mb-12">
-            <ul class="flex">
+            <ul class="flex flex-wrap">
                 {% url 'admin:index' as link %}
                 {% trans 'Home' as name %}
                 {% include 'unfold/helpers/breadcrumb_item.html' with link=link name=name %}

{django_unfold-0.40.0 → django_unfold-0.41.0}/src/unfold/contrib/guardian/templates/admin/guardian/model/obj_perms_manage_group.html

@@ -8,7 +8,7 @@
 {% block breadcrumbs %}{% if not is_popup %}
     <div class="px-4 lg:px-12">
         <div class="container mb-6 mx-auto -my-3 lg:mb-12">
-            <ul class="flex">
+            <ul class="flex flex-wrap">
                 {% url 'admin:index' as link %}
                 {% trans 'Home' as name %}
                 {% include 'unfold/helpers/breadcrumb_item.html' with link=link name=name %}

{django_unfold-0.40.0 → django_unfold-0.41.0}/src/unfold/contrib/guardian/templates/admin/guardian/model/obj_perms_manage_user.html

@@ -9,7 +9,7 @@
 {% block breadcrumbs %}{% if not is_popup %}
     <div class="px-4 lg:px-12">
         <div class="container mb-6 mx-auto -my-3 lg:mb-12">
-            <ul class="flex">
+            <ul class="flex flex-wrap">
                 {% url 'admin:index' as link %}
                 {% trans 'Home' as name %}
                 {% include 'unfold/helpers/breadcrumb_item.html' with link=link name=name %}

{django_unfold-0.40.0 → django_unfold-0.41.0}/src/unfold/contrib/import_export/templates/admin/import_export/export.html

@@ -12,7 +12,7 @@
 {% block breadcrumbs %}
     <div class="px-4 lg:px-12">
         <div class="container mb-6 mx-auto -my-3 lg:mb-12">
-            <ul class="flex">
+            <ul class="flex flex-wrap">
                 {% url 'admin:index' as link %}
                 {% trans 'Home' as name %}
                 {% include 'unfold/helpers/breadcrumb_item.html' with link=link name=name %}

{django_unfold-0.40.0 → django_unfold-0.41.0}/src/unfold/contrib/import_export/templates/admin/import_export/import.html

@@ -23,7 +23,7 @@
 {% block breadcrumbs %}
     <div class="px-4 lg:px-12">
         <div class="container mb-6 mx-auto -my-3 lg:mb-12">
-            <ul class="flex">
+            <ul class="flex flex-wrap">
                 {% url 'admin:index' as link %}
                 {% trans 'Home' as name %}
                 {% include 'unfold/helpers/breadcrumb_item.html' with link=link name=name %}

{django_unfold-0.40.0 → django_unfold-0.41.0}/src/unfold/contrib/simple_history/templates/simple_history/object_history_form.html

@@ -6,7 +6,7 @@
 {% block breadcrumbs %}
     <div class="px-4 lg:px-12">
         <div class="container mb-6 mx-auto -my-3 lg:mb-12">
-            <ul class="flex">
+            <ul class="flex flex-wrap">
                 {% url 'admin:index' as link %}
                 {% trans 'Home' as name %}
                 {% include 'unfold/helpers/breadcrumb_item.html' with link=link name=name %}

django_unfold-0.41.0/src/unfold/static/admin/js/inlines.js

@@ -0,0 +1,439 @@
+/*global DateTimeShortcuts, SelectFilter*/
+/**
+ * Django admin inlines
+ *
+ * Based on jQuery Formset 1.1
+ * @author Stanislaus Madueke (stan DOT madueke AT gmail DOT com)
+ * @requires jQuery 1.2.6 or later
+ *
+ * Copyright (c) 2009, Stanislaus Madueke
+ * All rights reserved.
+ *
+ * Spiced up with Code from Zain Memon's GSoC project 2009
+ * and modified for Django by Jannis Leidel, Travis Swicegood and Julien Phalip.
+ *
+ * Licensed under the New BSD License
+ * See: https://opensource.org/licenses/bsd-license.php
+ */
+"use strict";
+{
+  const $ = django.jQuery;
+  $.fn.formset = function (opts) {
+    const options = $.extend({}, $.fn.formset.defaults, opts);
+    const $this = $(this);
+    const $parent = $this.parent();
+    const updateElementIndex = function (el, prefix, ndx) {
+      const id_regex = new RegExp("(" + prefix + "-(\\d+|__prefix__))");
+      const replacement = prefix + "-" + ndx;
+      if ($(el).prop("for")) {
+        $(el).prop("for", $(el).prop("for").replace(id_regex, replacement));
+      }
+      if (el.id) {
+        el.id = el.id.replace(id_regex, replacement);
+      }
+      if (el.name) {
+        el.name = el.name.replace(id_regex, replacement);
+      }
+    };
+    const totalForms = $("#id_" + options.prefix + "-TOTAL_FORMS").prop(
+      "autocomplete",
+      "off"
+    );
+    let nextIndex = parseInt(totalForms.val(), 10);
+    const maxForms = $("#id_" + options.prefix + "-MAX_NUM_FORMS").prop(
+      "autocomplete",
+      "off"
+    );
+    const minForms = $("#id_" + options.prefix + "-MIN_NUM_FORMS").prop(
+      "autocomplete",
+      "off"
+    );
+    let addButton;
+
+    /**
+     * The "Add another MyModel" button below the inline forms.
+     */
+    const addInlineAddButton = function () {
+      if (addButton === null) {
+        if ($this.prop("tagName") === "TR") {
+          // If forms are laid out as table rows, insert the
+          // "add" button in a new table row:
+          const numCols = $this.eq(-1).children().length;
+          $parent.append(
+            '<tr class="' +
+              options.addCssClass +
+              '"><td colspan="' +
+              numCols +
+              '"><a href="#">' +
+              options.addText +
+              "</a></tr>"
+          );
+          addButton = $parent.find("tr:last a");
+        } else {
+          // Otherwise, insert it immediately after the last form:
+          $this
+            .filter(":last")
+            .after(
+              '<div class="' +
+                options.addCssClass +
+                '"><a href="#">' +
+                options.addText +
+                "</a></div>"
+            );
+          addButton = $this.filter(":last").next().find("a");
+        }
+      }
+      addButton.on("click", addInlineClickHandler);
+    };
+
+    const addInlineClickHandler = function (e) {
+      e.preventDefault();
+      const template = $("#" + options.prefix + "-empty");
+      const row = template.clone(true);
+      row
+        .removeClass(options.emptyCssClass)
+        .addClass(options.formCssClass)
+        .attr("id", options.prefix + "-" + nextIndex);
+      addInlineDeleteButton(row);
+      row.find("*").each(function () {
+        updateElementIndex(this, options.prefix, totalForms.val());
+      });
+      // Insert the new form when it has been fully edited.
+      row.insertBefore($(template));
+      // Update number of total forms.
+      $(totalForms).val(parseInt(totalForms.val(), 10) + 1);
+      nextIndex += 1;
+      // Hide the add button if there's a limit and it's been reached.
+      if (maxForms.val() !== "" && maxForms.val() - totalForms.val() <= 0) {
+        addButton.parent().hide();
+      }
+      // Show the remove buttons if there are more than min_num.
+      toggleDeleteButtonVisibility(row.closest(".inline-group"));
+
+      // Pass the new form to the post-add callback, if provided.
+      if (options.added) {
+        options.added(row);
+      }
+      row.get(0).dispatchEvent(
+        new CustomEvent("formset:added", {
+          bubbles: true,
+          detail: {
+            formsetName: options.prefix,
+          },
+        })
+      );
+    };
+
+    /**
+     * The "X" button that is part of every unsaved inline.
+     * (When saved, it is replaced with a "Delete" checkbox.)
+     */
+    const addInlineDeleteButton = function (row) {
+      if (row.is("tr")) {
+        // If the forms are laid out in table rows, insert
+        // the remove button into the last table cell:
+        row
+          .children(":last")
+          .append(
+            '<div><a class="' +
+              options.deleteCssClass +
+              '" href="#">' +
+              options.deleteText +
+              "</a></div>"
+          );
+      } else if (row.is("ul") || row.is("ol")) {
+        // If they're laid out as an ordered/unordered list,
+        // insert an <li> after the last list item:
+        row.append(
+          '<li><a class="' +
+            options.deleteCssClass +
+            '" href="#">' +
+            options.deleteText +
+            "</a></li>"
+        );
+      } else {
+        // Otherwise, just insert the remove button as the
+        // last child element of the form's container:
+        row
+          .children(":first")
+          .append(
+            '<span><a class="' +
+              options.deleteCssClass +
+              '" href="#">' +
+              options.deleteText +
+              "</a></span>"
+          );
+      }
+      // Add delete handler for each row.
+      row
+        .find("a." + options.deleteCssClass)
+        .on("click", inlineDeleteHandler.bind(this));
+    };
+
+    const inlineDeleteHandler = function (e1) {
+      e1.preventDefault();
+      const deleteButton = $(e1.target);
+      const row = deleteButton.closest("." + options.formCssClass);
+      const inlineGroup = row.closest(".inline-group");
+      // Remove the parent form containing this button,
+      // and also remove the relevant row with non-field errors:
+      const prevRow = row.prev();
+      if (prevRow.length && prevRow.hasClass("row-form-errors")) {
+        prevRow.remove();
+      }
+      row.remove();
+      nextIndex -= 1;
+      // Pass the deleted form to the post-delete callback, if provided.
+      if (options.removed) {
+        options.removed(row);
+      }
+      document.dispatchEvent(
+        new CustomEvent("formset:removed", {
+          detail: {
+            formsetName: options.prefix,
+          },
+        })
+      );
+      // Update the TOTAL_FORMS form count.
+      const forms = $("." + options.formCssClass);
+      $("#id_" + options.prefix + "-TOTAL_FORMS").val(forms.length);
+      // Show add button again once below maximum number.
+      if (maxForms.val() === "" || maxForms.val() - forms.length > 0) {
+        addButton.parent().show();
+      }
+      // Hide the remove buttons if at min_num.
+      toggleDeleteButtonVisibility(inlineGroup);
+      // Also, update names and ids for all remaining form controls so
+      // they remain in sequence:
+      let i, formCount;
+      const updateElementCallback = function () {
+        updateElementIndex(this, options.prefix, i);
+      };
+      for (i = 0, formCount = forms.length; i < formCount; i++) {
+        updateElementIndex($(forms).get(i), options.prefix, i);
+        $(forms.get(i)).find("*").each(updateElementCallback);
+      }
+    };
+
+    const toggleDeleteButtonVisibility = function (inlineGroup) {
+      if (minForms.val() !== "" && minForms.val() - totalForms.val() >= 0) {
+        inlineGroup.find(".inline-deletelink").hide();
+      } else {
+        inlineGroup.find(".inline-deletelink").show();
+      }
+    };
+
+    $this.each(function (i) {
+      $(this)
+        .not("." + options.emptyCssClass)
+        .addClass(options.formCssClass);
+    });
+
+    // Create the delete buttons for all unsaved inlines:
+    $this
+      .filter(
+        "." +
+          options.formCssClass +
+          ":not(.has_original):not(." +
+          options.emptyCssClass +
+          ")"
+      )
+      .each(function () {
+        addInlineDeleteButton($(this));
+      });
+    toggleDeleteButtonVisibility($this);
+
+    // Create the add button, initially hidden.
+    addButton = options.addButton;
+    addInlineAddButton();
+
+    // Show the add button if allowed to add more items.
+    // Note that max_num = None translates to a blank string.
+    const showAddButton =
+      maxForms.val() === "" || maxForms.val() - totalForms.val() > 0;
+    if ($this.length && showAddButton) {
+      addButton.parent().show();
+    } else {
+      addButton.parent().hide();
+    }
+
+    return this;
+  };
+
+  /* Setup plugin defaults */
+  $.fn.formset.defaults = {
+    prefix: "form", // The form prefix for your django formset
+    addText: "add another", // Text for the add link
+    deleteText: "remove", // Text for the delete link
+    addCssClass: "add-row", // CSS class applied to the add link
+    deleteCssClass: "delete-row", // CSS class applied to the delete link
+    emptyCssClass: "empty-row", // CSS class applied to the empty row
+    formCssClass: "dynamic-form", // CSS class applied to each form in a formset
+    added: null, // Function called each time a new form is added
+    removed: null, // Function called each time a form is deleted
+    addButton: null, // Existing add button to use
+  };
+
+  // Tabular inlines ---------------------------------------------------------
+  $.fn.tabularFormset = function (selector, options) {
+    const $rows = $(this);
+
+    const reinitDateTimeShortCuts = function () {
+      // Reinitialize the calendar and clock widgets by force
+      if (typeof DateTimeShortcuts !== "undefined") {
+        $(".datetimeshortcuts").remove();
+        DateTimeShortcuts.init();
+      }
+    };
+
+    const updateSelectFilter = function () {
+      // If any SelectFilter widgets are a part of the new form,
+      // instantiate a new SelectFilter instance for it.
+      if (typeof SelectFilter !== "undefined") {
+        $(".selectfilter").each(function (index, value) {
+          SelectFilter.init(value.id, this.dataset.fieldName, false);
+        });
+        $(".selectfilterstacked").each(function (index, value) {
+          SelectFilter.init(value.id, this.dataset.fieldName, true);
+        });
+      }
+    };
+
+    const initPrepopulatedFields = function (row) {
+      row.find(".prepopulated_field").each(function () {
+        const field = $(this),
+          input = field.find("input, select, textarea"),
+          dependency_list = input.data("dependency_list") || [],
+          dependencies = [];
+        $.each(dependency_list, function (i, field_name) {
+          dependencies.push(
+            "#" +
+              row
+                .find(".field-" + field_name)
+                .find("input, select, textarea")
+                .attr("id")
+          );
+        });
+        if (dependencies.length) {
+          input.prepopulate(dependencies, input.attr("maxlength"));
+        }
+      });
+    };
+
+    $rows.formset({
+      prefix: options.prefix,
+      addText: options.addText,
+      formCssClass: "dynamic-" + options.prefix,
+      deleteCssClass: "inline-deletelink",
+      deleteText: options.deleteText,
+      emptyCssClass: "empty-form",
+      added: function (row) {
+        initPrepopulatedFields(row);
+        reinitDateTimeShortCuts();
+        updateSelectFilter();
+      },
+      addButton: options.addButton,
+    });
+
+    return $rows;
+  };
+
+  // Stacked inlines ---------------------------------------------------------
+  $.fn.stackedFormset = function (selector, options) {
+    const $rows = $(this);
+    const updateInlineLabel = function (row) {
+      $(selector)
+        .find(".inline_label")
+        .each(function (i) {
+          const count = i + 1;
+          $(this).html(
+            $(this)
+              .html()
+              .replace(/(#\d+)/g, "#" + count)
+          );
+        });
+    };
+
+    const reinitDateTimeShortCuts = function () {
+      // Reinitialize the calendar and clock widgets by force, yuck.
+      if (typeof DateTimeShortcuts !== "undefined") {
+        $(".datetimeshortcuts").remove();
+        DateTimeShortcuts.init();
+      }
+    };
+
+    const updateSelectFilter = function () {
+      // If any SelectFilter widgets were added, instantiate a new instance.
+      if (typeof SelectFilter !== "undefined") {
+        $(".selectfilter").each(function (index, value) {
+          SelectFilter.init(value.id, this.dataset.fieldName, false);
+        });
+        $(".selectfilterstacked").each(function (index, value) {
+          SelectFilter.init(value.id, this.dataset.fieldName, true);
+        });
+      }
+    };
+
+    const initPrepopulatedFields = function (row) {
+      row.find(".prepopulated_field").each(function () {
+        const field = $(this),
+          input = field.find("input, select, textarea"),
+          dependency_list = input.data("dependency_list") || [],
+          dependencies = [];
+        $.each(dependency_list, function (i, field_name) {
+          // Dependency in a fieldset.
+          let field_element = row.find(".form-row .field-" + field_name);
+          // Dependency without a fieldset.
+          if (!field_element.length) {
+            field_element = row.find(".form-row.field-" + field_name);
+          }
+          dependencies.push(
+            "#" + field_element.find("input, select, textarea").attr("id")
+          );
+        });
+        if (dependencies.length) {
+          input.prepopulate(dependencies, input.attr("maxlength"));
+        }
+      });
+    };
+
+    $rows.formset({
+      prefix: options.prefix,
+      addText: options.addText,
+      formCssClass: "dynamic-" + options.prefix,
+      deleteCssClass: "inline-deletelink",
+      deleteText: options.deleteText,
+      emptyCssClass: "empty-form",
+      removed: updateInlineLabel,
+      added: function (row) {
+        initPrepopulatedFields(row);
+        reinitDateTimeShortCuts();
+        updateSelectFilter();
+        updateInlineLabel(row);
+      },
+      addButton: options.addButton,
+    });
+
+    return $rows;
+  };
+
+  $(document).ready(function () {
+    $(".js-inline-admin-formset").each(function () {
+      const data = $(this).data(),
+        inlineOptions = data.inlineFormset;
+      let selector;
+      switch (data.inlineType) {
+        case "stacked":
+          selector = inlineOptions.name + "-group .inline-related";
+          $(selector).stackedFormset(selector, inlineOptions.options);
+          break;
+        case "tabular":
+          selector =
+            inlineOptions.name +
+            "-group .tabular.inline-related tbody:last > tr.form-row";
+          $(selector).tabularFormset(selector, inlineOptions.options);
+          break;
+      }
+    });
+  });
+}