@beterdichtbij/component-library 0.63.2 → 0.64.0

package/dist/components/modals/BDMessageTemplateFormModal/BDMessageTemplateFormModal.vue.d.ts

@@ -1,4 +1,9 @@
-declare const _default: import('vue').DefineComponent<{}, {
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import('vue').DefineComponent<{}, {
     $emit: (event: "close" | "action" | "show-attachment" | "on-submit" | "on-input" | "change-department", ...args: any[]) => void;
     modelValue: Record<string, any>;
     visible: boolean;
@@ -6,7 +11,6 @@ declare const _default: import('vue').DefineComponent<{}, {
     editable: boolean;
     serverErrors: unknown[];
     contentLibraryExternalProviders: unknown[];
-    isOperator: boolean;
     files?: unknown[] | undefined;
     practitionerOptions?: unknown[] | undefined;
     departmentOptions?: unknown[] | undefined;
@@ -18,11 +22,17 @@ declare const _default: import('vue').DefineComponent<{}, {
         readonly editable?: boolean | undefined;
         readonly serverErrors?: unknown[] | undefined;
         readonly contentLibraryExternalProviders?: unknown[] | undefined;
-        readonly isOperator?: boolean | undefined;
         readonly files?: unknown[] | undefined;
         readonly practitionerOptions?: unknown[] | undefined;
         readonly departmentOptions?: unknown[] | undefined;
         readonly categoryOptions?: unknown[] | undefined;
     };
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
-export default _default;
+type __VLS_TemplateResult = {
+    attrs: Partial<{}>;
+    slots: {
+        'extra-fields'?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};

package/dist/components/molecules/BDFileUploadPreview/BDFileUploadPreview.vue.d.ts

@@ -0,0 +1,11 @@
+import { AttachedFile } from '../../../interfaces/BDFileUploadProps';
+type __VLS_Props = {
+    file: AttachedFile;
+    isPending: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    remove: (file: AttachedFile) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRemove?: ((file: AttachedFile) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/organisms/BDMessageTemplateForm/BDMessageTemplateForm.vue.d.ts

@@ -1,12 +1,16 @@
-declare const _default: import('vue').DefineComponent<{}, {
-    $emit: (event: "update:modelValue" | "action" | "show-attachment" | "on-input" | "change-department", ...args: any[]) => void;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import('vue').DefineComponent<{}, {
+    $emit: (event: "update:modelValue" | "action" | "show-attachment" | "on-input" | "change-department" | "change-text", ...args: any[]) => void;
     modelValue: Record<string, any>;
     validation: Record<string, any>;
     practitionerOptions: unknown[];
     departmentOptions: unknown[];
     categoryOptions: unknown[];
     contentLibraryExternalProviders: unknown[];
-    isOperator: boolean;
     files?: unknown[] | undefined;
     $props: {
         readonly modelValue?: Record<string, any> | undefined;
@@ -15,8 +19,14 @@ declare const _default: import('vue').DefineComponent<{}, {
         readonly departmentOptions?: unknown[] | undefined;
         readonly categoryOptions?: unknown[] | undefined;
         readonly contentLibraryExternalProviders?: unknown[] | undefined;
-        readonly isOperator?: boolean | undefined;
         readonly files?: unknown[] | undefined;
     };
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLFormElement>;
-export default _default;
+type __VLS_TemplateResult = {
+    attrs: Partial<{}>;
+    slots: {
+        'extra-fields'?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLFormElement;
+};

package/dist/interfaces/BDFileUploadProps.d.ts

@@ -2,10 +2,10 @@ export interface AttachedFiles {
     files: AttachedFile[];
 }
 export interface AttachedFile {
-    UUID: string;
-    CorrelationId: string;
-    Naam: string;
+    name: string;
     previewUrl?: string;
+    UUID?: string;
+    CorrelationId?: string;
 }
 export interface BDFileUploadProps {
     modelValue: AttachedFiles;

package/dist/locales/nl.json

@@ -36,7 +36,7 @@
         "edit": "Wijzigen"
     },
     "contentLibraryOverview": {
-        "noResults": "Er zijn geen resultaten gevonden"
+        "noResults": "Er zijn geen berichten gevonden voor deze zoekterm of filters; pas ze aan om opnieuw te zoeken."
     },
     "contentLibrarySplitButton": {
         "messageTemplatesTitle": "Standaardberichten"

package/dist/scss/_file-upload-preview.scss

@@ -0,0 +1,54 @@
+.bd-file-upload-preview {
+    display: inline-block;
+
+    .preview-details {
+        position: relative;
+
+        .preview-image {
+            min-width: 150px;
+            height: 88px;
+            object-fit: contain;
+        }
+
+        .mark-container {
+            display: block;
+            border-radius: 50%;
+            width: 21px;
+            height: 21px;
+            margin: 0px auto;
+
+            &.success {
+                background-color: $green;
+
+                svg {
+                    transform: translateY(-2px);
+                }
+            }
+
+            &.pending {
+                background-color: $white;
+            }
+        }
+
+        .remove-button {
+            position: absolute;
+            top: -10px;
+            right: -10px;
+            margin: 0;
+            width: 21px;
+            height: 21px;
+            border-radius: 50%;
+            padding: 0px;
+            background-color: $primary;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+
+            .icon {
+                margin: revert;
+                transform: revert;
+                transition: revert;
+            }
+        }
+    }
+}

package/dist/scss/_file-upload.scss

@@ -1,5 +1,3 @@
-@use "sass:math";
-
 .bd-file-upload {
   position: relative;
   color: $color-darkblue;
@@ -20,74 +18,10 @@
       color: $color-darkblue;
     }
   }
-  
-  .dz-message {
-    margin-bottom: 1.25rem;
-  }
 
-  .file-upload-preview {
+  .preview-container {
     position: relative;
     display: inline-block;
     text-align: center;
-
-    .file-preview {
-      display: inline-block;
-
-      .preview-details {
-        position: relative;
-
-        .preview-image {
-          min-width: 150px;
-          height: 88px;
-          object-fit: contain;
-        }
-      }
-    }
-
-    &.dz-error {
-      .dz-error-message, .dz-error-mark {
-        display: block;
-      }
-    }
-
-    .success-mark {
-      display: block;
-      background-color: $green;
-      border-radius: 50%;
-      width:21px;
-      height:21px;
-      margin: 0px auto;
-
-      svg{
-        transform: translateY(-2px);
-      }
-    }
-
-    &.dz-complete {
-      .dz-progress {
-        display: none;
-      }
-    }
-
-    .remove-button {
-      position: absolute;
-      top: -10px;
-      right: -10px;
-      margin: 0;
-      width: 21px;
-      height: 21px;
-      border-radius: 50%;
-      padding: 0px;
-      background-color: $primary;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-
-      .icon {
-        margin: revert;
-        transform: revert;
-        transition: revert;
-      }
-    }
   }
 }

package/dist/scss/_form-multiple-checkbox.scss

@@ -45,4 +45,8 @@
   .custom-control-label {
     line-height: 30px;
   }
+
+  button {
+    margin-bottom: 10px;
+  }
 }

package/dist/scss/_icons.scss

@@ -14,31 +14,12 @@
   &.icon-remove {
     width: 11px;
     height: 11px;
-
-    .dz-remove &{
-      fill: $color-white;
-    }
   }
 
   &.icon-file{
     fill: $color-darkblue;
-    .dz-details &{
-      height: 88px;
-      min-width: 150px;
-    }
-
-    .dz-error &{
-      fill: $color-red;
-    }
   }
 
-  &.icon-error{
-    .dz-error-mark & , .dz-error-message &, .bd-invalid-feedback &{
-      path {
-        fill: $color-red;
-      }
-    }
-  }
   &.icon-loading{
     width:25px;
     height:25px;

package/dist/scss/_modal.scss

@@ -1,4 +1,7 @@
 .modal.bd-modal {
+
+  backdrop-filter: brightness(0.7);
+  
   &.modal-xl {
     @include media-breakpoint-down(xl) {
       .modal-dialog {

package/dist/scss/active-filters.scss

@@ -6,12 +6,8 @@
     header {
         display: flex;
         justify-content: space-between;
-        width: 100%;
-
-        * {
-            padding-top: 4px;
-            padding-bottom: 4px;
-        }
+        align-items: center;
+        width: 100%;     
 
         span {
             font-size: 15px;

package/dist/scss/component-library-styling.scss

@@ -23,6 +23,7 @@
 @import "extern";
 @import "filter-card";
 @import "file-upload";
+@import "file-upload-preview";
 @import "form-field";
 @import "form-multiple-checkbox";
 @import "forms";

package/dist/scss/forms/_form-check.scss

@@ -1,5 +1,6 @@
 .form-check.bd-form-checkbox{
   padding: 0;
+  min-height: 1.6rem;
 
   input {
     background-size: 16px 11px;

package/dist/scss/templates/_content-library-template.scss

@@ -129,4 +129,11 @@
             padding: 4px;
         }
     }
+
+    .controls-row {
+        > *:first-child {
+        padding-left: 2px;
+        }
+    }
+ 
 }

package/package.json

@@ -2,7 +2,7 @@
     "name": "@beterdichtbij/component-library",
     "description": "Component library voor BeterDichtbij design system",
     "private": false,
-    "version": "0.63.2",
+    "version": "0.64.0",
     "engines": {
         "node": "24.x",
         "npm": "11.x"