django-smartbase-admin 0.2.91__py3-none-any.whl → 0.2.92__py3-none-any.whl

django_smartbase_admin/static/sb_admin/src/js/tree_widget.js

@@ -0,0 +1,376 @@
+const loadValue = function ($inputEl, treeWidgetData, treeInstance) {
+    let value = $inputEl.val()
+    if (value !== undefined) {
+        treeInstance.selectAll(false)
+    }
+
+    let selectedKeys = [value]
+    if (treeWidgetData.filter === true) {
+        let selectedData = []
+        selectedKeys = []
+        try {
+            selectedData = JSON.parse(value)
+        } catch(e) {
+            selectedData = []
+        }
+        finally {
+            selectedData.forEach(function (item) {
+                selectedKeys.push(item.value)
+            })
+        }
+    } else if (treeWidgetData.multiselect === 2) {
+        try {
+            selectedKeys = JSON.parse(value)
+        } catch (e) {
+            selectedKeys = []
+        }
+    }
+    selectedKeys.forEach(function (key) {
+        let selectedNode = treeInstance.getNodeByKey(key)
+        if (selectedNode) {
+            selectedNode.getParentList().forEach(function (node) {
+                // Expand all parents of selected node
+                node.setExpanded(true)
+            })
+            selectedNode.setSelected(true)
+        }
+    })
+}
+
+
+'use strict'
+{
+    $(function () {
+        const initTree = function ($treeEl) {
+            if ($treeEl.hasClass('fancytree-container')) {
+                return
+            }
+            $treeEl.on('change', (e) => {
+                const changeTarget = e.target.dataset['changeTarget']
+                if(changeTarget) {
+                    const changeTargetEl = document.querySelector(changeTarget)
+                    if(changeTargetEl) {
+                        changeTargetEl.value = e.target.value
+                    }
+                }
+            })
+            let filterData = {}
+            const filterByTableData = (treeInstance) => {
+                if(!filterData["isFiltered"]) {
+                    treeInstance.filterNodes((node) => {
+                        node.setExpanded(false)
+                        return true
+                    },  { autoExpand: false })
+                    return
+                }
+
+                const tableData = {}
+                filterData['data'].forEach(item => tableData[item.path] = item)
+
+                treeInstance.filterNodes((node) => {
+                    if(tableData[node.key]) {
+                        return true
+                    }
+                },  { autoExpand: true })
+            }
+
+            const $treeDataEl = $('#' + $treeEl.data('tree-data-id'))
+            const $treeAdditionalColumnsDataEl = $('#' + $treeEl.data('tree-additional-columns-id'))
+            const $treeStringsDataEl = $('#' + $treeEl.data('tree-strings-id'))
+            let treeWidgetData = {}
+            let additionalColumns = []
+            let treeStrings = {loading: "Loading...", loadError: "Load error!", moreData: "More...", noData: "No data."}
+            try {
+                treeWidgetData = JSON.parse($treeDataEl.text()) || {}
+                additionalColumns = JSON.parse($treeAdditionalColumnsDataEl.text()) || []
+                treeStrings = JSON.parse($treeStringsDataEl.text())
+            } catch (e) {
+                console.error(e)
+            }
+            const $inputEl = $('#' + treeWidgetData.input_id)
+            const $searchEl = $('#' + treeWidgetData.input_id + '_search')
+            const $matchesEl = $('#' + treeWidgetData.input_id + '_matches')
+            const $label = $('#' + treeWidgetData.input_id + '_label')
+            const tableConfig = {
+                indentation: 32,
+                nodeColumnIdx: 0,
+            }
+            if (treeWidgetData.checkbox) {
+                tableConfig.checkboxColumnIdx = 0
+                tableConfig.nodeColumnIdx = 1
+            }
+            let extensions = ["table", "gridnav", "filter"]
+            if (treeWidgetData.reorder_url) {
+                extensions.push("dnd5")
+            }
+            $treeEl.fancytree({
+                source: {
+                    url: treeWidgetData.data_url,
+                },
+                extensions: extensions,
+                checkbox: treeWidgetData.checkbox,
+                selectMode: treeWidgetData.multiselect,
+                dnd5: {
+                    preventVoidMoves: true,
+                    preventRecursion: true,
+                    autoExpandMS: 400,
+                    dropMarkerParent: '.tree-list-view',
+                    dropMarkerOffsetX: -8,
+                    dropMarkerInsertOffsetX: 0,
+                    dragStart: function () {
+                        return true
+                    },
+                    dragEnter: function () {
+                        return true
+                    },
+                    dragDrop: function (node, data) {
+                        data.otherNode.moveTo(node, data.hitMode)
+                    },
+                },
+                filter: {
+                    autoApply: true,   // Re-apply last filter if lazy data is loaded
+                    autoExpand: true, // Expand all branches that contain matches while filtered
+                    counter: false,     // Show a badge with number of matching child nodes near parent icons
+                    fuzzy: true,      // Match single characters in order, e.g. 'fb' will match 'FooBar'
+                    hideExpandedCounter: true,  // Hide counter badge if parent is expanded
+                    hideExpanders: true,       // Hide expanders if all child nodes are hidden by filter
+                    highlight: true,   // Highlight matches by wrapping inside <mark> tags
+                    leavesOnly: false, // Match end nodes only
+                    nodata: true,      // Display a 'no data' status node if result is empty
+                    mode: "hide"       // Grayout unmatched nodes (pass "hide" to remove unmatched node instead)
+                },
+                table: tableConfig,
+                gridnav: {
+                    autofocusInput: false,
+                    handleCursorKeys: true,
+                },
+                strings: treeStrings,
+                postProcess: function (event, data) {
+                    setTimeout(function () {
+                        loadValue($inputEl, treeWidgetData, data.tree)
+                    }, 1)
+                },
+                select: function (event, data) {
+                    if($inputEl.length > 0) {
+                        let value = null
+                        if (treeWidgetData.filter) {
+                            value = data.tree.getSelectedNodes().map(function (node) {
+                                return {'value': node.key, 'label': node.title}
+                            })
+                            $inputEl.val(JSON.stringify(value))
+                        } else {
+                            value = data.tree.getSelectedNodes().map(function (node) {
+                                return node.key
+                            }).join(", ")
+                            if (treeWidgetData.multiselect === 2) {
+                                value = JSON.stringify(data.tree.getSelectedNodes().map(function (node) {
+                                    return node.key
+                                }))
+                            }
+                            let label = data.tree.getSelectedNodes().map(function (node) {
+                                return node.title
+                            }).join(", ")
+                            $label.text(label)
+                            $inputEl.val(value)
+                        }
+                        $inputEl[0].dispatchEvent(new CustomEvent('SBAutocompleteChange'))
+                        $inputEl[0].dispatchEvent(new Event('change', {bubbles: true}))
+                        return
+                    }
+
+                    if(treeWidgetData.filter_by_table_data && data.originalEvent) {
+                        const selectedKeys = data.tree.getSelectedNodes().map(function (node) {
+                            return node.data.id
+                        })
+                        document.body.dispatchEvent(new CustomEvent("treeRowSelected", {detail: {data: selectedKeys}}))
+                    }
+                },
+                enhanceTitle: function(event, data) {
+                    const reorderActive = treeWidgetData.reorder_url
+                    const nodeRendered = data.node.rendered
+                    const filteringActive = data.node.tree.enableFilter
+                    const detailUrlPresent = treeWidgetData.detail_url
+                    const validVisibleNode = data.node.span && data.node.span.classList.contains("fancytree-node") && !data.node.tr.classList.contains("fancytree-hide")
+                    if (detailUrlPresent && (!nodeRendered || filteringActive) && !reorderActive && validVisibleNode) {
+                        const title = data.node.span.querySelector('.fancytree-title')
+                        const titleLink = document.createElement('a')
+                        const url = treeWidgetData.detail_url.replace(-1, data.node.data.id)
+                        titleLink.innerHTML = title.innerHTML
+                        titleLink.classList.add('link')
+                        titleLink.href = url
+                        title.innerHTML = ''
+                        title.append(titleLink)
+                        title.addEventListener('mousedown', function (e) {
+                            e.preventDefault()
+                            e.stopPropagation()
+                        }, true)
+                    }
+                },
+                renderNode: function (event, data) {
+                    const reorderActive = treeWidgetData.reorder_url
+                    const nodeRendered = data.node.rendered
+                    const validVisibleNode = data.node.span && data.node.span.classList.contains("fancytree-node") && !data.node.tr.classList.contains("fancytree-hide")
+                    if (nodeRendered && !reorderActive) {
+                        return
+                    }
+                    let isLastSib = data.node && data.node.tr && data.node.tr.classList.contains('fancytree-lastsib')
+                    isLastSib = isLastSib === undefined ? false : isLastSib
+                    if (data.node.parent) {
+                        data.node.treeLevel = data.node.parent.treeLevel + 1
+                        data.node.treeAdditionalLevel = [{
+                            level: data.node.treeLevel,
+                            lastSib: isLastSib
+                        }, ...data.node.parent.treeAdditionalLevel]
+                    } else {
+                        data.node.treeLevel = 0
+                        data.node.treeAdditionalLevel = []
+                    }
+                    data.node.rendered = true
+                    if (validVisibleNode) {
+                        const expander = data.node.span.querySelector('.fancytree-expander')
+                        const level = data.node.treeLevel
+                        const additionalLevel = data.node.treeAdditionalLevel
+                        expander.innerHTML = ""
+                        expander.className = 'fancytree-expander'
+                        expander.classList.add('level-' + level)
+                        if (data.node.parent.expanded) {
+                            expander.classList.add('expanded-parent')
+                        }
+                        additionalLevel.forEach((item, i) => {
+                            if (i !== 0 && item.lastSib) {
+                                return
+                            }
+                            const expanderAdditional = document.createElement('span')
+                            expanderAdditional.classList.add('expander-additional')
+                            if (i === 0) {
+                                expanderAdditional.classList.add('expander-additional-last')
+                            }
+                            expanderAdditional.style.left = -(50 + 100 * i) + '%'
+                            expander.append(expanderAdditional)
+                        })
+                        const expanderBorder = document.createElement('span')
+                        expanderBorder.classList.add('expander-border')
+                        expander.append(expanderBorder)
+                        expander.append(document.createElement('div'))
+                    }
+                },
+                renderColumns: function (event, data) {
+                    const $tdList = $(data.node.tr).find(">td")
+                    additionalColumns.forEach(function (column, index) {
+                        let value = data.node.data[column.key]
+                        if (column.hide_zero && value === 0) {
+                            value = ""
+                        }
+                        $tdList.eq(1 + tableConfig.nodeColumnIdx + index).html(value)
+                    })
+                },
+                init: function (event, data) {
+                    if(treeWidgetData.filter_by_table_data) {
+                        filterByTableData(data.tree)
+                    }
+                }
+            })
+
+            const clearSearchInput = function () {
+                $searchEl.val("")
+                $matchesEl.text("")
+                treeInstance.visit(function (node) {
+                    node.rendered = false
+                })
+                treeInstance.clearFilter()
+            }
+
+            const treeInstance = $.ui.fancytree.getTree('#' + treeWidgetData.input_id + '_tree')
+            $inputEl.on('SBTableFilterFormLoad', () => {
+                loadValue($inputEl, treeWidgetData, treeInstance)
+            })
+            $inputEl.on('clear', () => {
+                treeInstance.getSelectedNodes().map(node => {
+                    node.setSelected(false)
+                })
+            })
+            $searchEl.on("keyup", function (e) {
+                let match = $(this).val()
+                let n = treeInstance.filterNodes(match)
+
+                if (e && e.which === $.ui.keyCode.ESCAPE || $.trim(match) === "") {
+                    clearSearchInput()
+                    return
+                }
+                $matchesEl.text("(" + n + " matches)")
+            }).trigger("focus")
+
+            $searchEl.on('search', function (e) {
+                // handle clear event of search input only if clicked on X
+                if (e.target.value) {
+                    return
+                }
+                clearSearchInput()
+            })
+
+            treeInstance.saveTreeOrder = function () {
+                const order = JSON.stringify(treeInstance.toDict())
+                fetch(treeWidgetData.reorder_url, {
+                    method: 'POST',
+                    headers: {
+                        "X-CSRFToken": window.csrf_token,
+                    },
+                    body: order
+                }).then(response => response.json())
+                    .then(res => {
+                        document.getElementById("notification-messages").innerHTML = res.messages
+                        window.htmx.process(document.getElementById("notification-messages"))
+                    })
+            }
+
+            if(treeWidgetData.filter_by_table_data) {
+                document.body.addEventListener('tableDataProcessed', (e) => {
+                    filterData = e.detail
+                    if(treeInstance.getRootNode().getChildren()[0]["statusNodeType"] === "loading") {
+                        return
+                    }
+                    filterByTableData(treeInstance)
+                })
+
+                document.body.addEventListener('treeDeselectAllRows', () => {
+                    treeInstance.selectAll(false)
+                })
+                document.body.addEventListener('treeSelectAllRows', () => {
+                    treeInstance.selectAll(true)
+                })
+            }
+        }
+
+        const initAllTrees = function () {
+            $('.js-tree-widget').each(function (index, element) {
+                const $treeEl = $(element)
+                if ($treeEl.hasClass('fancytree-container')) {
+                    return
+                }
+                const $dropdownMenu = $treeEl.closest('.dropdown-menu')
+                if ($dropdownMenu.length > 0) {
+                    const initTreeOnShow = function () {
+                        initTree($treeEl)
+                        $dropdownMenu.prev().off('show.bs.dropdown', initTreeOnShow)
+                    }
+                    $dropdownMenu.prev().on('show.bs.dropdown', initTreeOnShow)
+                    return
+                }
+                initTree($treeEl)
+            })
+        }
+        initAllTrees()
+
+        document.addEventListener('formset:added', () => {
+            initAllTrees()
+        })
+
+        const queryBuilderEl$ = $(".query-builder-advanced")
+        queryBuilderEl$.on("afterCreateRuleInput.queryBuilder", function () {
+            setTimeout(() => {
+                //next tick
+                initAllTrees()
+            }, 0)
+        })
+    })
+}

django_smartbase_admin/templates/sb_admin/actions/tree_list.html

@@ -0,0 +1,63 @@
+{% extends "sb_admin/actions/list.html" %}
+{% load static sb_admin_tags i18n %}
+
+{% block extrahead %}
+	{{ block.super }}
+    <style>
+        #table-columns-dropdown-wrapper {
+            display: none;
+        }
+    </style>
+{% endblock %}
+
+{% block tabulator_card %}
+    {% with enable_table_filter=request.reorder_active|yesno:',True' %}
+        {% if enable_table_filter %}
+            {{ block.super }}
+        {% else %}
+        <div class="overflow-hidden pb-8 relative tree-list-view">
+            {{ block.super }}
+        </div>
+        {% endif %}
+    {% endwith %}
+{% endblock %}
+
+{% block tabulator_custom_header %}
+    {% if not request.reorder_active %}
+        {% include content_context.tabulator_header_template_name %}
+    {% endif %}
+{% endblock %}
+{% block tabulator_body %}
+    {% with view_id|add:'_tree' as tree_id %}
+        <div class="overflow-auto w-full relative">
+            {% include "sb_admin/widgets/tree_base.html" with tree_main_column_name=list_title tree_reorder_url=content_context.tabulator_definition.treeReorderUrl tree_additional_columns=additional_columns tree_component_id=tree_id tree_data_url=tree_json_url tree_detail_url=content_context.tabulator_definition.tableDetailUrl hide_tree_search=True filter_by_table_data=enable_table_filter tree_show_checkbox=enable_table_filter tree_multiselect=enable_table_filter search_wrapper_classes="py-16 md:p-16" %}
+        </div>
+    {% endwith %}
+    {% if not request.reorder_active %}
+        <div class="hidden">
+            {{ block.super }}
+        </div>
+    {% endif %}
+{% endblock %}
+{% block tabulator_custom_footer %}
+{% endblock %}
+
+{% block actions %}
+    {% with view_id|add:'_tree' as tree_id %}
+        {% if request.request_data.action == 'action_enter_reorder' %}
+            <li class="max-sm:hidden">
+                <button onclick="$.ui.fancytree.getTree('#' + '{{ tree_id }}' + '_tree').saveTreeOrder()"
+                        class="btn btn-empty">
+                    {% trans 'Save Order' %}
+                </button>
+            </li>
+        {% endif %}
+    {% endwith %}
+    {{ block.super }}
+{% endblock %}
+
+{% block additional_js %}
+    {% if not request.reorder_active %}
+        {{ block.super }}
+    {% endif %}
+{% endblock %}

django_smartbase_admin/templates/sb_admin/components/columns.html

@@ -1,6 +1,6 @@
 {% load i18n %}
 
-<div class="inline-flex relative js-select-all-wrapper">
+<div id="table-columns-dropdown-wrapper" class="inline-flex relative js-select-all-wrapper">
     <button
             data-bs-toggle="dropdown"
             aria-expanded="false"

django_smartbase_admin/templates/sb_admin/filter_widgets/advanced_filters/tree_select_filter.html

@@ -0,0 +1,2 @@
+{% include 'sb_admin/filter_widgets/tree_select_filter.html' %}
+

django_smartbase_admin/templates/sb_admin/filter_widgets/tree_select_filter.html

@@ -0,0 +1,16 @@
+{% load sb_admin_tags %}
+
+<div class="dropdown-menu max-h-none w-248">
+    <div class="px-12 pt-8 border-b border-dark-200">
+        {% with tree_widget_id=filter_widget.view_id|add:"-"|add:filter_widget.input_id|add:"_tree" %}
+            <div class="relative -mx-12">
+                <input form="{{ filter_widget.view_id }}-filter-form" type="hidden"
+                       id="{{ filter_widget.input_id }}" name="{{ filter_widget.input_name }}"
+                       {% if not all_filters_visible %}disabled{% endif %}{% if filter_widget.get_default_value %} value="{{ filter_widget.get_default_value|get_json }}"{% endif %}>
+                {% include "sb_admin/widgets/tree_base.html" with tree_additional_columns=filter_widget.additional_columns tree_strings=filter_widget.tree_strings tree_filter=True tree_value=filter_widget.get_default_value tree_multiselect=filter_widget.multiselect tree_component_id=filter_widget.input_id tree_data_url=filter_widget.to_json.autocomplete_url tree_show_checkbox=True search_wrapper_classes="pb-8 px-12" table_wrapper_classes="max-h-432 overflow-auto custom-scrollbar" %}
+            </div>
+        {% endwith %}
+    </div>
+    {% include "sb_admin/filter_widgets/partials/clear.html" %}
+</div>
+

django_smartbase_admin/templates/sb_admin/sb_admin_base_no_sidebar.html

@@ -25,6 +25,10 @@
     {% block style_init %}{% endblock %}
 
     <script>window.csrf_token = "{{ csrf_token }}"</script>
+
+    {% block jquery %}
+    	<script src="{% static 'sb_admin/js/jquery-3.7.1.min.js' %}"></script>
+    {% endblock %}
     {% block js_init %}
         <script>
             {% if const %}
@@ -35,12 +39,10 @@
             }
         </script>
     {% endblock %}
-    {% if content_context.is_jquery_required %}
-        <script src="{% static 'sb_admin/js/jquery-3.7.1.min.js' %}"></script>
-    {% endif %}
-    {% block jquery %}
-    {% endblock %}
     {% block tree_widget_static %}
+        <script src="{% static 'sb_admin/fancytree/jquery.fancytree-all-deps.min.js' %}"></script>
+        <script src="{% static 'sb_admin/dist/tree_widget.js' %}"></script>
+        <link rel="stylesheet" href="{% static 'sb_admin/dist/tree_widget_style.css' %}">
     {% endblock %}
     {% block extrahead %}{% endblock %}
     <style>@media (min-width: 1200px){.xl\:\!block {display: block !important;}}</style>

django_smartbase_admin/templates/sb_admin/sb_admin_js_trans.html

@@ -8,4 +8,5 @@
     window.sb_admin_translation_strings["reorder"] = '{% trans "Reorder" %}';
     window.sb_admin_translation_strings["page"] = '{% blocktrans %}<strong>${from} - ${to}</strong> of <strong>${total}</strong><span class="max-xs:hidden"> items</span>{% endblocktrans %}'
     window.sb_admin_translation_strings["page_empty"] = '{% blocktrans %}<strong>0</strong> items{% endblocktrans %}'
+    window.sb_admin_translation_strings["selected"] = '{% blocktrans %}${value} selected{% endblocktrans %}'
 </script>

django_smartbase_admin/templates/sb_admin/widgets/filer_file.html

@@ -39,7 +39,7 @@
                     {% file_icon object %}
                 {% endif %}
             {% else %}
-                <img class="thumbnail_img hidden quiet" alt="{% trans 'no file selected' %}">
+                <img class="thumbnail_img hidden quiet" alt="{% trans 'No file selected' %}">
             {% endif %}
 
             <div>

django_smartbase_admin/templates/sb_admin/widgets/tree_base.html

@@ -0,0 +1,54 @@
+{% load static sb_admin_tags i18n %}
+
+{% if not hide_tree_search %}
+    <div class="border-b border-dark-200 {{ search_wrapper_classes }}">
+        <div class="js-tree-widget-search relative">
+            {% trans 'Search' as search_string %}
+            <input id="{{ tree_component_id }}_search" name="search" placeholder="{{ tree_filter_placeholder|default:search_string }}" autocomplete="off" class="input pl-36" type="search">
+            <div class="absolute pl-10 left-0 top-0 bottom-0 flex items-center gap-8 rounded-r">
+                <svg class="w-20 h-20">
+                    <use xlink:href="#Search"></use>
+                </svg>
+            </div>
+        </div>
+    </div>
+{% endif %}
+<div class="{{ table_wrapper_classes }}">
+    <table style="width: 100%;" id="{{ tree_component_id }}_tree" class="js-tree-widget fancytree-ext-table" data-tree-data-id="{{ tree_component_id }}_data" data-tree-additional-columns-id="{{ tree_component_id }}_additional_columns" data-tree-strings-id="{{ tree_component_id }}_tree_strings">
+        <thead>
+        <tr>
+            {% if tree_show_checkbox %}<th></th>{% endif %}
+            <th class="text-left">{{ tree_main_column_name }}<span id="{{ tree_component_id }}_matches" class="ml-4"></span></th>
+            {% for column in tree_additional_columns %}
+                <th>{{ column.title }}</th>
+            {% endfor %}
+        </tr>
+        </thead>
+        <tbody>
+        <tr>
+            {% if tree_show_checkbox %}<td class="alignCenter fancytree-checkbox-column"></td>{% endif %}
+            <td></td>
+            {% for column in tree_additional_columns %}
+                <td></td>
+            {% endfor %}
+        </tr>
+        </tbody>
+    </table>
+</div>
+
+<script id="{{ tree_component_id }}_data" type="application/json">
+    {
+        "filter": {% if tree_filter %}true{% else %}false{% endif %},
+        "input_id": "{{ tree_component_id }}",
+        "data_url": "{{ tree_data_url }}",
+        "checkbox": {% if tree_show_checkbox %}true{% else %}false{% endif %},
+        "multiselect": {% if tree_multiselect %}2{% else %}1{% endif %},
+        "detail_url":"{{ tree_detail_url }}",
+        "reorder_url":"{{ tree_reorder_url }}",
+        "filter_by_table_data": {% if filter_by_table_data %}true{% else %}false{% endif %}
+    }
+</script>
+<script id="{{ tree_component_id }}_additional_columns" type="application/json">{{ tree_additional_columns|get_json|safe }}</script>
+<script id="{{ tree_component_id }}_tree_strings" type="application/json">
+    {{ tree_strings|get_json|safe }}
+</script>

django_smartbase_admin/templates/sb_admin/widgets/tree_select.html

@@ -0,0 +1,24 @@
+{% load sb_admin_tags %}
+
+<div class="relative">
+    {% include 'sb_admin/widgets/includes/field_label.html' %}
+    <div id="{{ widget.attrs.id }}-wrapper" class="tree-widget-wrapper">
+        <input type="hidden" id="{{ widget.attrs.id }}" name="{{ widget.name }}"{% if widget.raw_value %} value="{{ widget.raw_value|get_json }}"{% endif %}>
+        <button
+                data-bs-toggle="dropdown"
+                aria-expanded="false"
+                data-bs-offset="[0, 8]"
+                class="btn px-10 font-normal w-full"
+        >
+            <span id="{{ widget.attrs.id }}_label">{% get_item widget.value_dict widget.raw_value widget.form_field.empty_label %}</span>
+            <svg class="ml-8">
+                <use xlink:href="#Down"></use>
+            </svg>
+        </button>
+        <div class="dropdown-menu max-h-none w-248">
+            <div class="py-8">
+                {% include "sb_admin/widgets/tree_base.html" with tree_additional_columns=widget.additional_columns tree_strings=widget.tree_strings tree_value=widget.raw_value tree_multiselect=filter_widget.multiselect tree_component_id=widget.attrs.id tree_data_url=filter_widget.to_json.autocomplete_url tree_show_checkbox=True table_wrapper_classes="max-h-432 overflow-auto custom-scrollbar" %}
+            </div>
+        </div>
+    </div>
+</div>

django_smartbase_admin/templates/sb_admin/widgets/tree_select_inline.html

@@ -0,0 +1,12 @@
+{% load sb_admin_tags %}
+
+<div class="relative -mb-2">
+    <script>
+        document.currentScript.closest('.djn-table').querySelector('.djn-thead').classList.add('hidden');
+    </script>
+    <div id="{{ widget.attrs.id }}-wrapper" class="tree-widget-wrapper">
+        <input type="hidden" id="{{ widget.attrs.id }}" name="{{ widget.name }}"{% if widget.raw_value %}
+               value="{{ widget.raw_value|get_json }}"{% endif %}>
+        {% include "sb_admin/widgets/tree_base.html" with tree_main_column_name=filter_widget.form_field.label tree_strings=widget.tree_strings tree_additional_columns=widget.additional_columns tree_value=widget.raw_value tree_multiselect=filter_widget.multiselect tree_component_id=widget.attrs.id tree_data_url=filter_widget.to_json.autocomplete_url tree_show_checkbox=True table_wrapper_classes="max-h-432 overflow-auto custom-scrollbar" search_wrapper_classes="pb-16 px-16" %}
+    </div>
+</div>

{django_smartbase_admin-0.2.91.dist-info → django_smartbase_admin-0.2.92.dist-info}/METADATA

@@ -1,6 +1,6 @@
-Metadata-Version: 2.1
+Metadata-Version: 2.3
 Name: django-smartbase-admin
-Version: 0.2.91
+Version: 0.2.92
 Summary: 
 Author: SmartBase
 Author-email: info@smartbase.sk