@beterdichtbij/component-library 0.61.0 → 0.62.0

package/dist/components/atoms/BDActiveFilters/BDActiveFilters.vue.d.ts

@@ -0,0 +1,12 @@
+type __VLS_Props = {
+    filters: any;
+};
+type __VLS_PublicProps = {
+    modelValue?: string[];
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -1,11 +1,12 @@
 declare const _default: import('vue').DefineComponent<{}, {
-    $emit: (event: "close" | "action" | "show-attachment" | "on-submit" | "on-input", ...args: any[]) => void;
+    $emit: (event: "close" | "action" | "show-attachment" | "on-submit" | "on-input" | "change-department", ...args: any[]) => void;
     modelValue: Record<string, any>;
     visible: boolean;
     editable: boolean;
     serverErrors: unknown[];
     validation: Record<string, any>;
     contentLibraryExternalProviders: unknown[];
+    isOperator: boolean;
     files?: unknown[] | undefined;
     practitionerOptions?: unknown[] | undefined;
     departmentOptions?: unknown[] | undefined;
@@ -17,6 +18,7 @@ declare const _default: import('vue').DefineComponent<{}, {
         readonly serverErrors?: unknown[] | undefined;
         readonly validation?: Record<string, any> | undefined;
         readonly contentLibraryExternalProviders?: unknown[] | undefined;
+        readonly isOperator?: boolean | undefined;
         readonly files?: unknown[] | undefined;
         readonly practitionerOptions?: unknown[] | undefined;
         readonly departmentOptions?: unknown[] | undefined;

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

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    enableEditCategory: boolean;
+    filters: any;
+    searchForm: any;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'filter-extra'?(_: {
+            filter: any;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    check: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCheck?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,5 +1,5 @@
 declare const _default: import('vue').DefineComponent<{}, {
-    $emit: (event: "update:modelValue" | "on-input", ...args: any[]) => void;
+    $emit: (event: "update:modelValue" | "on-input" | "change-department", ...args: any[]) => void;
     modelValue: unknown[];
     state: boolean;
     options: unknown[];

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

@@ -1,11 +1,12 @@
 declare const _default: import('vue').DefineComponent<{}, {
-    $emit: (event: "action" | "show-attachment" | "on-input", ...args: any[]) => void;
+    $emit: (event: "update:modelValue" | "action" | "show-attachment" | "on-input" | "change-department", ...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;
@@ -14,6 +15,7 @@ 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>;

package/dist/locales/nl.json

@@ -1,4 +1,8 @@
 {
+    "activeFilters": {
+        "title": "Actieve filters",
+        "clearAll": "Wis alle filters"
+    },
     "assignConversationModal": {
         "title": "Gesprek overdragen",
         "submitButton": "Gesprek overdragen",
@@ -59,6 +63,10 @@
         "download": "Download afbeelding",
         "loading": "Afbeelding aan het laden"
     },
+    "filterCard": {
+        "more": "Meer",
+        "less": "Minder"
+    },
     "messageTemplateFormModal": {
         "createTitle": "Standaardbericht toevoegen",
         "editTitle": "Standaardbericht wijzigen",
@@ -68,8 +76,10 @@
         "replyTemplatePlaceHolder": "Schrijf hier jouw bericht naar de patiënt",
         "sharedWithLabel": "Delen met",
         "owner": "Eigenaar",
+        "ownerPlaceholder": "Selecteer eigenaar",
         "tooltipOwner": "Als het bericht met meerdere instanties (teams) gedeeld wordt, kunje alleen zelf eigenaar worden",
         "categoryLabel": "Categorie",
+        "categoryPlaceholderDropdown": "Selecteer categorie of maak een nieuwe aan",
         "validation": "Dit veld is verplicht."
     },
     "notFoundTemplate": {

package/dist/scss/_content-library-modal.scss

@@ -7,36 +7,6 @@
     text-align: center;
   }
 
-  .collapse-button {
-    padding: 0 12px;
-
-    &-last {
-      margin-bottom: 0;
-    }
-
-    svg {
-      margin-right: 4px;
-    }
-
-    > .collapsed-show {
-      display: none;
-    }
-
-    > .collapsed-hide {
-      display: inline-block;
-    }
-
-    &.collapsed {
-      > .collapsed-show {
-        display: inline-block;
-      }
-
-      > .collapsed-hide {
-        display: none;
-      }
-    }
-  }
-
   .content-library-header__messages {
     display: flex;
     align-items: center;

package/dist/scss/_filter-card.scss

@@ -0,0 +1,58 @@
+.bd-filter-card {
+    .card-body {
+        padding: 16px;
+
+        .bd-input-group {
+            font-size: 15px;
+            margin-bottom: 8px;
+
+            &:last-of-type {
+                margin-bottom: 0;
+            }
+
+            label, button {
+                font-size: 15px;
+            }
+
+            .form-label {
+                margin-bottom: 8px;
+            }
+
+            .bd-form-checkbox {
+                display: flex;
+                margin-bottom: 2px;
+            }
+
+            .collapse-button {
+                padding: 0;
+                font-weight: 700;
+
+                &-last {
+                    margin-bottom: 0;
+                }
+
+                svg {
+                    margin-right: 4px;
+                }
+
+                > .collapsed-show {
+                    display: none;
+                }
+
+                > .collapsed-hide {
+                    display: inline-block;
+                }
+
+                &.collapsed {
+                    > .collapsed-show {
+                        display: inline-block;
+                    }
+
+                    > .collapsed-hide {
+                        display: none;
+                    }
+                }
+            }
+        }
+    }
+}

package/dist/scss/active-filters.scss

@@ -0,0 +1,60 @@
+.bd-active-filters {
+    font-size: 14px;
+    display: flex;
+    flex-direction: column;
+
+    header {
+        display: flex;
+        justify-content: space-between;
+        width: 100%;
+
+        * {
+            padding-top: 4px;
+            padding-bottom: 4px;
+        }
+
+        span {
+            font-size: 15px;
+            font-weight: 700;
+        }
+
+        button {
+            font-size: 14px;
+        }
+    }
+
+    .filter {
+        display: flex;
+
+        label {
+            width: 90px;
+        }
+
+        .options {
+            display: inline-block;
+            flex: 1;
+
+            .p-chip {
+                background: #fff;
+                color: #4D5875;
+                border: 1px solid black;
+                border-radius: 18px;
+                gap: 6px;
+                padding: 2px 10px;
+                margin: 0 6px 6px 0;
+                font-weight: 700;
+
+                .p-chip-label {
+                    max-width: 169px;
+                    white-space: nowrap;
+                    text-overflow: ellipsis;
+                    overflow: hidden;
+                }
+
+                svg path {
+                    fill: #4D5875;
+                }
+            }
+        }
+    }
+}

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

@@ -3,6 +3,7 @@
 @import "mixins";
 @import "base";
 
+@import "active-filters";
 @import "alert";
 @import "article";
 @import "assign-conversation-modal";
@@ -20,6 +21,7 @@
 @import "conversation-to-text-modal";
 @import "dropdown";
 @import "extern";
+@import "filter-card";
 @import "file-upload";
 @import "form-field";
 @import "form-multiple-checkbox";

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

@@ -3,41 +3,6 @@
         margin-bottom: 15px;
     }
 
-    .bd-form-checkbox {
-        display: flex;
-        margin-bottom: 8px;
-    }
-
-    .collapse-button {
-        padding: 0;
-
-        &-last {
-            margin-bottom: 0;
-        }
-
-        svg {
-            margin-right: 4px;
-        }
-
-        > .collapsed-show {
-            display: none;
-        }
-
-        > .collapsed-hide {
-            display: inline-block;
-        }
-
-        &.collapsed {
-            > .collapsed-show {
-                display: inline-block;
-            }
-
-            > .collapsed-hide {
-                display: none;
-            }
-        }
-    }
-
     .select-button-block {
         .v-select {
             &.vs--open {

package/package.json

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