django-smartbase-admin 0.2.47__py3-none-any.whl → 1.0.38__py3-none-any.whl

django_smartbase_admin/static/sb_admin/src/css/_inlines.css

@@ -9,6 +9,7 @@
     min-width: 100%;
     @apply h-full;
     > .djn-thead {
+        @apply bg-dark-50;
         th {
             @apply p-8 h-48;
             @apply transition-colors;
@@ -66,7 +67,7 @@
             &.field-image {
                 @apply max-w-370;
             }
-            .input:not(.choices__input) {
+            .input:not(.choices__input):not([type="search"]){
                 @apply border-0 rounded-none shadow-none;
             }
             .btn:not(.input-file-edit-btn) {
@@ -78,6 +79,26 @@
             .input-file-wrapper > .input-file {
                 @apply border-0;
             }
+            >.flex.gap-16 {
+                @apply h-full;
+                gap: 1px;
+            }
+            .time-wrapper {
+                @apply w-full;
+                &:before {
+                    content: '';
+                    @apply block absolute left-0 top-1/2 -translate-y-1/2;
+                    width: 1px;
+                    @apply h-40 bg-dark-200;
+                    z-index: 1;
+                }
+            }
+            .js-datepicker,
+            .js-timepicker,
+            .js-datepicker-range,
+            .js-datetimepicker {
+                @apply h-full;
+            }
         }
         &:last-child {
             >tr:last-child {
@@ -103,8 +124,8 @@
             }
         }
     }
-    >*:nth-last-child(2) {
-        td,th {
+    thead:last-child {
+        th {
             &:first-child {
                 @apply rounded-bl;
             }
@@ -148,10 +169,12 @@
     display: none;
 }
 
-fieldset.module > h2 {
-    @apply flex items-center text-18 mb-24 font-semibold text-dark-900;
-    &.stacked-inline-heading {
-        @apply text-24 max-sm:px-24;
+fieldset.module > header {
+    > h2 {
+        @apply text-18 font-semibold text-dark-900;
+        &.stacked-inline-heading {
+            @apply text-24 max-sm:px-24;
+        }
     }
 }
 
@@ -162,11 +185,29 @@ fieldset.module > h2 {
             border: 0;
         }
         > fieldset {
-            >.stacked-inline-heading,
-            >.djn-add-item {
-                @apply px-24;
+            > header {
+                >.stacked-inline-heading,
+                >.djn-add-item {
+                    @apply px-24;
+                }
             }
         }
     }
 }
 
+.djn-remove-handler {
+    position: relative;
+    z-index: 1;
+}
+
+.js-collapse-stacked-inline svg {
+    transition: transform 0.3s ease-in-out;
+}
+
+.js-collapse-stacked-inline[aria-expanded="true"] svg {
+    transform: rotate(0deg);
+}
+
+.js-collapse-stacked-inline[aria-expanded="false"] svg {
+    transform: rotate(-90deg);
+}

django_smartbase_admin/static/sb_admin/src/css/_tabulator.css

@@ -51,7 +51,7 @@
     vertical-align: bottom;
     overflow: hidden;
     @apply transition-colors;
-    @apply bg-dark-50 text-dark-600;
+    @apply text-dark-600;
 }
 
 .tabulator .tabulator-header .tabulator-col .tabulator-col-content {
@@ -391,7 +391,7 @@
 .tabulator-row {
     position: relative;
     box-sizing: border-box;
-    @apply bg-light min-h-40 border-b border-dark-200 cursor-pointer;
+    @apply bg-bg-elevated min-h-40 border-b border-dark-200 cursor-pointer;
     @apply transition-colors;
 }
 
@@ -800,3 +800,9 @@
         height: 1.5rem;
     }
 }
+
+.tree-list-view {
+    .fancytree-ext-table td.fancytree-checkbox-column {
+        @apply pl-16 pr-4 w-40;
+    }
+}

django_smartbase_admin/static/sb_admin/src/css/calendar.css

@@ -0,0 +1,162 @@
+:root {
+    --fc-small-font-size: .75rem;
+    --fc-border-color: var(--color-dark-200);
+    --fc-today-bg-color: var(--color-primary-50);
+    --fc-neutral-bg-color: var(--color-bg);
+    --fc-page-bg-color: var(--color-bg-elevated);
+}
+
+.fc-theme-standard {
+    th.fc-col-header-cell {
+        @apply px-24 py-8;
+        @apply bg-bg;
+    }
+    td.fc-daygrid-day {
+        @apply p-8;
+    }
+}
+
+.fc {
+    table {
+        @apply text-12;
+    }
+    .fc-col-header-cell-cushion {
+        @apply p-0;
+        @apply text-14 font-medium;
+    }
+
+    .fc-daygrid-day {
+        height: 9rem;
+    }
+
+    .fc-day-other {
+        @apply bg-bg;
+        .fc-daygrid-day-top {
+            opacity: 1;
+            .fc-daygrid-day-number {
+                @apply text-dark;
+            }
+        }
+        .fc-daygrid-day-events {
+            opacity: 0.6;
+        }
+    }
+
+    .fc-daygrid-day-frame,
+    .fc-daygrid-day-events,
+    .fc-daygrid-event-harness,
+    .fc-daygrid-day-bottom {
+        &:before,
+        &:after {
+            @apply hidden;
+        }
+    }
+
+    .fc-daygrid-day-frame {
+        @apply flex flex-col gap-4;
+    }
+    .fc-daygrid-day-events {
+        @apply m-0 flex flex-col gap-4;
+    }
+    .fc-daygrid-day-top {
+        @apply flex-row;
+    }
+    .fc-daygrid-day-number {
+        @apply w-24 h-24 flex justify-center items-center leading-none font-semibold text-dark-900 p-4;
+    }
+    .fc-day-today {
+        .fc-daygrid-day-number {
+            @apply bg-primary rounded-full text-light;
+        }
+        &.fc-day-other {
+            .fc-daygrid-day-top {
+                .fc-daygrid-day-number {
+                    @apply text-light;
+                }
+            }
+        }
+    }
+    .fc-daygrid-event {
+        @apply !m-0 flex gap-4;
+    }
+    .fc-daygrid-dot-event {
+        @apply px-8 py-0 border border-dark-200 rounded h-24;
+        .fc-event-time {
+            @apply hidden;
+        }
+        .fc-event-title {
+            @apply font-normal text-dark-900 text-ellipsis leading-16;
+        }
+        &.event-positive {
+            @apply border-success-200 bg-success-50;
+            .fc-daygrid-event-dot {
+                @apply border-success;
+            }
+        }
+         &.event-warning {
+            @apply border-warning-200 bg-warning-50;
+            .fc-daygrid-event-dot {
+                @apply border-warning;
+            }
+        }
+         &.event-negative {
+            @apply border-negative-200 bg-negative-50;
+            .fc-daygrid-event-dot {
+                @apply border-negative;
+            }
+        }
+        &.event-notice {
+            @apply border-notice-200 bg-notice-50;
+            .fc-daygrid-event-dot {
+                @apply border-notice;
+            }
+        }
+    }
+    .fc-daygrid-event-dot {
+        box-sizing: border-box;
+        @apply w-12 h-12 m-0 shrink-0;
+        @apply rounded-full border-2 border-current;
+    }
+
+    .fc-daygrid-day-bottom {
+        @apply text-12 !m-0;
+    }
+
+    .fc-daygrid-more-link {
+        @apply m-0 p-0;
+        &:hover {
+            background: none;
+        }
+    }
+
+    .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
+        min-height: 4rem;
+        @apply mb-0;
+    }
+
+    .fc-daygrid-day-bg {
+        @apply hidden;
+    }
+
+    .fc-popover {
+        z-index: 10;
+        .fc-popover-header {
+            @apply p-4;
+        }
+        .fc-popover-title {
+            @apply text-14;
+        }
+        .fc-popover-body {
+            @apply p-8 flex flex-col gap-4;
+        }
+    }
+
+    .fc-scrollgrid {
+        border-left-width: 0;
+    }
+    .fc-scrollgrid-section {
+        >th,>td {
+            border: 0;
+        }
+    }
+}

django_smartbase_admin/static/sb_admin/src/css/components/_button.css

@@ -4,7 +4,7 @@
         @apply h-40;
         @apply px-16;
         @apply rounded border border-dark-200;
-        @apply text-dark-900 bg-light shadow-xs;
+        @apply text-dark-900 bg-bg-input shadow-xs;
         @apply text-14 leading-18 font-medium;
         transition-property: color, background-color, border, outline, box-shadow;
         transition-duration: .1s;
@@ -40,6 +40,12 @@
             @apply bg-light border-dark-100 shadow-none text-dark;
             cursor: not-allowed;
         }
+
+        .loader,
+        .loader:after {
+            width: 20px;
+            height: 20px;
+        }
     }
 
     .btn-primary {
@@ -195,4 +201,38 @@
             @apply max-sm:hidden;
         }
     }
+
+    .btn-group {
+        @apply flex;
+        > * {
+            &:first-child {
+                @apply rounded-r-none;
+                >.btn,
+                >.input {
+                    @apply rounded-r-none;
+                }
+            }
+            &:last-child {
+                @apply rounded-l-none;
+                >.btn,
+                .input {
+                    @apply rounded-l-none;
+                }
+            }
+            &:not(:first-child) {
+                margin-left: -1px;
+            }
+            &:not(:first-child):not(:last-child) {
+                @apply rounded-none;
+                >.btn,
+                >.input{
+                    @apply rounded-none;
+                }
+            }
+            &:hover,
+            &:focus {
+                z-index: 1;
+            }
+        }
+    }
 }

django_smartbase_admin/static/sb_admin/src/css/components/_dropdown.css

@@ -11,6 +11,11 @@
         white-space: normal;
         > ul {
             @apply overflow-y-auto overflow-x-hidden custom-scrollbar;
+            >li:not(:last-child) {
+                .btn[data-bs-toggle="dropdown"] {
+                    @apply rounded-b-none;
+                }
+            }
         }
 
         &:not(.show) {
@@ -30,10 +35,28 @@
         &.show {
             @apply flex;
         }
+
+        hr {
+            @apply my-4;
+            @apply border border-dark-200;
+        }
+
+        .btn[data-bs-toggle="dropdown"] {
+            @apply border-0 rounded-t-none;
+            @apply bg-transparent hover:bg-dark-100;
+        }
+
+        label.radio-dropdown-label {
+            @apply px-8 mb-4;
+            @apply text-12 font-normal;
+            span {
+                @apply hidden;
+            }
+        }
     }
 
     .dropdown-menu-link {
-        display: flex;
+        @apply flex items-center;
         @apply py-12 px-16;
         @apply text-dark-700;
         white-space: nowrap;
@@ -50,21 +73,16 @@
         }
     }
 
-    .dropdown-menu hr {
-        @apply my-4;
-        @apply border border-dark-200;
-    }
-
     .btn[data-bs-toggle="dropdown"] {
         &:focus {
             @apply shadow-none;
         }
-        svg:last-child {
+        svg:last-child:not(.no-rotate) {
             transition: transform .2s;
         }
         &.show {
             @apply bg-primary-50 text-primary border-primary;
-            svg:last-child {
+            svg:last-child:not(.no-rotate) {
                 @apply rotate-180;
             }
         }

django_smartbase_admin/static/sb_admin/src/css/components/_input.css

@@ -5,7 +5,7 @@
         @apply text-14;
         @apply h-40;
         @apply p-10;
-        @apply text-dark-900 bg-light border border-dark-300 rounded shadow-xs outline outline-transparent;
+        @apply text-dark-900 bg-bg-input border border-dark-300 rounded shadow-xs outline outline-transparent;
         transition: color .1s ease-in, background-color .1s ease-in, border-color .1s ease-in, box-shadow .1s ease-in, outline-color .1s ease-in;
 
         & ~ .error {
@@ -74,7 +74,7 @@
 
     .input-file {
         @apply relative flex items-center;
-        @apply border border-dark-300 border-dashed rounded;
+        @apply border border-dark-300 border-dashed rounded bg-light;
         @apply p-16;
         @apply transition-colors;
         input[type="file"] {
@@ -84,6 +84,9 @@
             @apply bg-dark-100;
             @apply transition-colors;
         }
+        img[src^="/media"] {
+            @apply border;
+        }
         &:not(.filled) {
             &:hover {
                 @apply border-primary bg-primary-50;
@@ -111,8 +114,10 @@
         }
     }
 
-    .checkbox,
-    .radio {
+    input.checkbox,
+    input.radio,
+    div.checkbox > input[type="checkbox"],
+    div.radio > input[type="radio"]{
         @apply absolute opacity-0 top-0;
         z-index: -1;
         & ~ label {
@@ -185,7 +190,8 @@
         }
     }
 
-    .checkbox {
+    input.checkbox,
+    div.checkbox > input[type="checkbox"] {
         & ~ label {
             &::before {
                 @apply rounded;
@@ -232,27 +238,60 @@
                 }
             }
         }
-        &-delete {
+    }
+
+    input.checkbox-delete {
+        + label {
+            @apply text-dark-300 transition-colors;
+            @apply p-8 h-full w-full flex-center;
+
+            &:before,
+            &:after {
+                @apply hidden;
+            }
+
+            &:hover {
+                @apply text-dark-400;
+            }
+        }
+
+        &:checked {
             + label {
-                @apply text-dark-300 transition-colors;
-                @apply p-8 h-full w-full flex-center;
-                &:before,
-                &:after {
-                    @apply hidden;
-                }
-                &:hover {
-                    @apply text-dark-400;
-                }
+                @apply text-negative;
             }
-            &:checked {
-                + label {
-                    @apply text-negative;
+        }
+    }
+
+    input.radio,
+    div.radio > input[type="radio"] {
+        & ~ label {
+            &::before {
+                @apply rounded-full;
+            }
+
+            &::after {
+                @apply transition-opacity;
+                @apply w-8 h-8;
+                top: 6px;
+                left: 6px;
+                opacity: 0;
+                @apply bg-light rounded-full;
+            }
+        }
+
+        &:checked {
+            &:not(:disabled) {
+                &:hover + label {
+                    &::after {
+                        opacity: 1;
+                    }
                 }
             }
         }
     }
 
-    .radio {
+    input.radio.radio-list,
+    div.radio.radio-list > input[type="radio"] {
         & + label {
             @apply px-16 py-12 flex items-center justify-between text-dark-900;
 
@@ -262,6 +301,9 @@
 
             &::after {
                 @apply relative w-16 h-16 flex-shrink-0 ml-16 hidden;
+                top:0;
+                left:0;
+                border-radius: 0;
                 background: url('data:image/svg+xml,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill="%23009FA7" fill-rule="evenodd" clip-rule="evenodd" d="M8.43734 17.0892L20.7944 4.7912L22.2053 6.2088L9.14275 19.2088C8.75262 19.5971 8.12207 19.5971 7.73193 19.2088L1.79443 13.2997L3.20525 11.8821L8.43734 17.0892Z"/></svg>');
             }
         }
@@ -290,7 +332,7 @@
         margin: 0;
     }
 
-    .checkbox.checkbox-icon {
+    input.checkbox.checkbox-icon {
         + label {
             @apply pl-0 text-dark-300 transition-colors;
             &:before,

django_smartbase_admin/static/sb_admin/src/css/components/_modal.css

@@ -74,7 +74,7 @@
         width: 100%; /* Ensure `.modal-content` extends the full width of the parent `.modal-dialog`*/
         /* counteract the pointer-events: none; in the .modal-dialog */
         pointer-events: auto;
-        background-color: #ffffff;
+        background-color: var(--color-light);
         background-clip: padding-box;
         outline: 0;
         max-height: 100%;

django_smartbase_admin/static/sb_admin/src/css/components/_query-builder.css

@@ -1,5 +1,6 @@
 .query-builder {
-    select:not(.select2-hidden-accessible), input:not(.checkbox):not(.choices__input) {
+    select:not(.select2-hidden-accessible),
+    input:not(.checkbox):not(.radio):not([type="checkbox"]):not([type="radio"]):not(.choices__input) {
         @apply !w-full input;
     }
 
@@ -7,6 +8,16 @@
         @apply !input;
     }
 
+    .radio.radio-default {
+        @apply bg-light border border-dark-200 transition-colors p-8;
+        &:hover {
+            @apply border-dark-400;
+        }
+        >label {
+            @apply !bg-transparent;
+        }
+    }
+
     .rules-group-container {
         @apply !p-0 !m-0;
         @apply !bg-transparent !border-dark-200 !rounded;
@@ -105,7 +116,7 @@
         /*@apply flex items-center gap-8;*/
         @apply grid gap-8;
         grid-template-columns: repeat(18, 1fr);
-        grid-template-rows: repeat(2, 1fr);
+        /*grid-template-rows: repeat(2, 1fr);*/
         @apply !py-8 md:!py-16 !m-0;
         @apply !bg-dark-100 !border-dark-200 !rounded;
 
@@ -144,6 +155,10 @@
             &:empty {
                 @apply input cursor-not-allowed border-none;
             }
+
+            >span {
+                @apply flex w-full bg-light h-44 p-10 rounded;
+            }
         }
 
         .rule-value-container {
@@ -261,6 +276,10 @@
         }
     }
 
+    input[type=number], input[type=text], select {
+        padding: 0.625rem !important;
+    }
+
     button[data-add] {
         @apply flex items-center gap-4 !px-12;
         @apply !text-14 font-semibold;

django_smartbase_admin/static/sb_admin/src/css/components/_toggle.css

@@ -1,5 +1,6 @@
 @layer components {
-    input[type="checkbox"].toggle {
+    input[type="checkbox"].toggle,
+    input[type="radio"].toggle {
         @apply absolute opacity-0 top-0;
         z-index: -1;
         & ~ label {
@@ -45,6 +46,16 @@
             }
         }
 
+        &[readonly],
+        &:disabled {
+            & + label {
+                opacity: 0.5;
+            }
+            & ~ label {
+                cursor: default;
+            }
+        }
+
 
 
         &:checked {