Update django-components

pyproject.toml

@@ -12,7 +12,7 @@ python = "^3.10"
 Django = "^5.0.1"
 django-htmx = "^1.17.2"
 WebTest = "^3.0.0"
-django-components = "0.34.1"
+django-components = "0.50"
 django-environ = "^0.11.2"
 whitenoise = "^6.6.0"
 redis = "^5.0.1"

src/components/bulk_update/table.py

@@ -19,7 +19,7 @@ class TableBulkUpdateComponent(component.Component):
                     </tr>
                 </thead>
                 <tbody id="tbody">
-                    {% component "tbody_bulk_update" contacts=contacts only %}
+                    {% component "tbody_bulk_update" contacts=contacts only %}{% endcomponent %}
                 </tbody>
             </table>
         </form>

src/components/cascading_selects/parent_select.py

@@ -18,7 +18,7 @@ class ParentSelectCascadingSelectsComponent(component.Component):
         <div class="mt-2">
             <label class="label">Model</label>
             <select id="models" name="model" class="input">
-                {% component "select_cascading_selects" brand=brands.0.id %}
+                {% component "select_cascading_selects" brand=brands.0.id %}{% endcomponent %}
             </select>
         </div>
     """

src/components/click_to_load/table.py

@@ -17,7 +17,7 @@ class TableClickToLoadComponent(component.Component):
                 </tr>
             </thead>
             <tbody id="tbody">
-                {% component "tbody_click_to_load" page_obj=page_obj only %}
+                {% component "tbody_click_to_load" page_obj=page_obj only %}{% endcomponent %}
             </tbody>
         </table>
     """

src/components/edit_row/table.py

@@ -18,7 +18,7 @@ class TableEditRowComponent(component.Component):
             </thead>
             <tbody id="tbody" hx-target="closest tr" hx-swap="outerHTML">
                 {% for contact in contacts %}
-                    {% component "row_edit_row" contact=contact only %}
+                    {% component "row_edit_row" contact=contact only %}{% endcomponent %}
                 {% endfor %}
             </tbody>
         </table>

src/components/infinite_scroll/table.py

@@ -18,7 +18,7 @@ class TableInfiniteScrollComponent(component.Component):
                 </tr>
             </thead>
             <tbody id="tbody">
-                {% component "tbody_infinite_scroll" page_obj=page_obj only %}
+                {% component "tbody_infinite_scroll" page_obj=page_obj only %}{% endcomponent %}
             </tbody>
         </table>
         <img id="busy-indicator"

src/components/progress_bar/status.py

@@ -14,7 +14,7 @@ class StatusProgressBarComponent(component.Component):
                     Complete
                 {% endif %}
             </h3>
-            {% component "bar_progress_bar" id=job.id done=done %}
+            {% component "bar_progress_bar" id=job.id done=done %}{% endcomponent %}{% endcomponent %}{% endcomponent %}{% endcomponent %}{% endcomponent %}
         </div>
         {% if done %}
             <button id="restart-btn" class="btn-primary" hx-post="{% url 'start_progress_bar' %}" classes="add show:600ms">

src/templates/active_search.html

@@ -1,10 +1,10 @@
 {# djlint:off #}
 {% include "_base.html" %}
 {% block content %}
-    {% component_block "component_tabs" %}
+    {% component "component_tabs" %}
         {% fill "component_code" %}
-            {% component "input_active_search" %}
+            {% component "input_active_search" %}{% endcomponent %}
         {% endfill %}
-    {% endcomponent_block "component_tabs" %}
+    {% endcomponent %}
 {% endblock content %}
 {# djlint:on #}

src/templates/bulk_update.html

@@ -1,10 +1,10 @@
 {# djlint:off #}
 {% include "_base.html" %}
 {% block content %}
-    {% component_block "component_tabs" %}
+    {% component "component_tabs" %}
         {% fill "component_code" %}
-            {% component "table_bulk_update" %}
+            {% component "table_bulk_update" %}{% endcomponent %}
         {% endfill %}
-    {% endcomponent_block "component_tabs" %}
+    {% endcomponent %}
 {% endblock content %}
 {# djlint:on #}

src/templates/cascading_selects.html

@@ -1,10 +1,10 @@
 {# djlint:off #}
 {% include "_base.html" %}
 {% block content %}
-    {% component_block "component_tabs" %}
+    {% component "component_tabs" %}
         {% fill "component_code" %}
-            {% component "parent_select_cascading_selects" %}
+            {% component "parent_select_cascading_selects" %}{% endcomponent %}
         {% endfill %}
-    {% endcomponent_block "component_tabs" %}
+    {% endcomponent %}
 {% endblock content %}
 {# djlint:on #}

src/templates/click_to_edit.html

@@ -1,10 +1,10 @@
 {# djlint:off #}
 {% include "_base.html" %}
 {% block content %}
-    {% component_block "component_tabs" %}
+    {% component "component_tabs" %}
         {% fill "component_code" %}
-            {% component "click_to_edit" id=first_available_id %}
+            {% component "click_to_edit" id=first_available_id %}{% endcomponent %}
         {% endfill %}
-    {% endcomponent_block "component_tabs" %}
+    {% endcomponent %}
 {% endblock content %}
 {# djlint:on #}

src/templates/click_to_load.html

@@ -1,10 +1,10 @@
 {# djlint:off #}
 {% include "_base.html" %}
 {% block content %}
-    {% component_block "component_tabs" %}
+    {% component "component_tabs" %}
         {% fill "component_code" %}
-            {% component "table_click_to_load" %}
+            {% component "table_click_to_load" %}{% endcomponent %}
         {% endfill %}
-    {% endcomponent_block "component_tabs" %}
+    {% endcomponent %}
 {% endblock content %}
 {# djlint:on #}

src/templates/delete_row.html

@@ -1,10 +1,10 @@
 {# djlint:off #}
 {% include "_base.html" %}
 {% block content %}
-    {% component_block "component_tabs" %}
+    {% component "component_tabs" %}
         {% fill "component_code" %}
-            {% component "delete_row" %}
+            {% component "delete_row" %}{% endcomponent %}
         {% endfill %}
-    {% endcomponent_block "component_tabs" %}
+    {% endcomponent %}
 {% endblock content %}
 {# djlint:on #}

src/templates/edit_row.html

@@ -1,10 +1,10 @@
 {# djlint:off #}
 {% include "_base.html" %}
 {% block content %}
-    {% component_block "component_tabs" %}
+    {% component "component_tabs" %}
         {% fill "component_code" %}
-            {% component "table_edit_row" %}
+            {% component "table_edit_row" %}{% endcomponent %}
         {% endfill %}
-    {% endcomponent_block "component_tabs" %}
+    {% endcomponent %}
 {% endblock content %}
 {# djlint:on #}

src/templates/infinite_scroll.html

@@ -1,10 +1,10 @@
 {# djlint:off #}
 {% include "_base.html" %}
 {% block content %}
-    {% component_block "component_tabs" %}
+    {% component "component_tabs" %}
         {% fill "component_code" %}
-            {% component "table_infinite_scroll" %}
+            {% component "table_infinite_scroll" %}{% endcomponent %}
         {% endfill %}
-    {% endcomponent_block "component_tabs" %}
+    {% endcomponent %}
 {% endblock content %}
 {# djlint:on #}

src/templates/inline_validation.html

@@ -1,10 +1,10 @@
 {# djlint:off #}
 {% include "_base.html" %}
 {% block content %}
-    {% component_block "component_tabs" %}
+    {% component "component_tabs" %}
         {% fill "component_code" %}
-            {% component "form_inline_validation" %}
+            {% component "form_inline_validation" %}{% endcomponent %}
         {% endfill %}
-    {% endcomponent_block "component_tabs" %}
+    {% endcomponent %}
 {% endblock content %}
 {# djlint:on #}

src/templates/progress_bar.html

@@ -1,10 +1,10 @@
 {# djlint:off #}
 {% include "_base.html" %}
 {% block content %}
-    {% component_block "component_tabs" %}
+    {% component "component_tabs" %}
         {% fill "component_code" %}
-            {% component "start_progress_bar" %}
+            {% component "start_progress_bar" %}{% endcomponent %}
         {% endfill %}
-    {% endcomponent_block "component_tabs" %}
+    {% endcomponent %}
 {% endblock content %}
 {# djlint:on #}