@beterdichtbij/component-library 0.68.0 → 0.69.0

package/dist/components/communication/BDChatCloud/BDChatCloud.vue.d.ts

@@ -16,11 +16,11 @@ declare const __VLS_component: import('vue').DefineComponent<BDChatCloudProps, {
 }>, {
     message: string;
     src: string;
+    pills: import('../../../interfaces/BDPillProps').BDPillProps[];
     username: string | null;
     files: import('../../../types/ApiAttachment').ApiAttachment[];
     headerTitle: string;
     isSender: boolean;
-    pills: Object[];
     apiUrl: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/components/feedback/BDPillContainer/BDPillContainer.vue.d.ts

@@ -0,0 +1,5 @@
+import { BDPillContainerProps } from '../../../interfaces/BDPillContainerProps';
+declare const _default: import('vue').DefineComponent<BDPillContainerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BDPillContainerProps> & Readonly<{}>, {
+    pills: import('../../../interfaces/BDPillProps').BDPillProps[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/forms/BDMarkdownEditor/BDMarkdownEditor.vue.d.ts

@@ -15,8 +15,8 @@ declare const __VLS_component: import('vue').DefineComponent<BDMarkdownEditorPro
     variant: import('../../../types/tiptapVariants').TiptapVariants;
     placeholder: string;
     state: boolean | null;
+    pills: import('../../../interfaces/BDPillProps').BDPillProps[];
     files: import('../../../types/ApiAttachment').ApiAttachment[];
-    pills: Object[];
     apiUrl: string;
     errorText: string;
     tokens: Token[];

package/dist/index.d.ts

@@ -19,6 +19,7 @@ import { default as BDLoader } from './components/feedback/BDLoader/BDLoader.vue
 import { default as BDLogo } from './components/media/BDLogo/BDLogo.vue';
 import { default as BDPagination } from './components/navigation/BDPagination/BDPagination.vue';
 import { default as BDPill } from './components/feedback/BDPill/BDPill.vue';
+import { default as BDPillContainer } from './components/feedback/BDPillContainer/BDPillContainer.vue';
 import { default as BDProfileImage } from './components/data-display/BDProfileImage/BDProfileImage.vue';
 import { default as BDToast } from './components/feedback/BDToast/BDToast.vue';
 import { default as BDUserInformation } from './components/communication/BDUserInformation/BDUserInformation.vue';
@@ -78,4 +79,4 @@ declare const _default: {
     install: (app: App) => void;
 };
 export default _default;
-export { BDAlert, BDArticle, BDAssignConversationModal, BDAttachmentPreviewList, BDAttachmentUploadModal, BDBadge, BDButton, BDCard, BDChangePasswordTemplate, BDChatCloud, BDCol, BDCollapsableCard, BDConfirmationModal, BDContainer, BDContentLibraryModal, BDContentLibrarySplitButton, BDContentLibraryTemplate, BDConversationToTextModal, BDDate, BDDropdown, BDDropdownItem, BDFileUpload, BDForm, BDFormCheckbox, BDFormInput, BDFormInvalidFeedback, BDFormMultipleCheckbox, BDFormSelect, BDHeader, BDImageAttachmentModal, BDImageAttachmentPreviewList, BDInputGroup, BDLink, BDLoader, BDLogo, BDMarkdownEditor, BDMessageTemplateFormModal, BDMobileMenu, BDModal, BDNotFoundTemplate, BDPagination, BDPhoneNumberEditModal, BDPill, BDPractitionerHeader, BDProfileImage, BDRow, BDSessionTimeOutModal, BDSmallConversationCard, BDTable, BDToast, BDUser, BDUserInformation, BDVideoCallConfirmationModal, BDVideoCallTemplate, BDVideoCallToast, BDZoomslider, IconAcademy, IconArrowDown, IconArrowUp, IconAttachment, IconBold, IconBulletList, IconCalendar, IconCall, IconCallReject, IconCardView, IconCaretDown, IconCaretLeft, IconCaretRight, IconCheck, IconClipboard, IconClose, IconComment, IconCommentActive, IconCommentStatic, IconCommonFileEmpty, IconCommonFileWarning, IconContactPerson, IconCopy, IconDelete, IconDoubleCheck, IconDownloadImage, IconEdit, IconEndCall, IconError, IconExternal, IconEyeShow, IconEyeSlash, IconFile, IconFileAdded, IconForward, IconHix, IconHyperlink, IconImageFileLandscape, IconImageFileWarning, IconInbox, IconInfo, IconInformationCircle, IconItalic, IconListView, IconLock, IconLusciiEscalated, IconLusciiLogo, IconLusciiOpen, IconLusciiPriorityHigh, IconLusciiPriorityLow, IconLusciiPriorityMedium, IconMenu, IconMessage, IconMessageForward, IconMicrophoneSlash, IconMicrosoftTeams, IconMin, IconOrderedList, IconPlus, IconRefresh, IconRemove, IconSananetLogo, IconService, IconShareScreen, IconSingleNeutral, IconSort, IconSortAsc, IconSortDesc, IconSortNone, IconTriangleDown, IconTriangleExclamation, IconUnderline, IconVideoDisabled, IconVideocall, IconWarning, IconZorgkaart, ChangePasswordData, ConfirmPhoneNumberUpdateData, StartPhoneNumberUpdateData, ValidationChangePasswordData, useModal, usePopover, useServerErrors, useSessionTimeOut, useToaster, useValidation, useWindow, useZoom, vBdTooltip, CopyChatMessageToClipboard, CopyChatMessagesToClipboard, CopyHl7MessagesToClipboard, CreateHyperlinkParagraph, CreateThumbnailUri, MapAttachmentsForApi, MapToAttachmentObjects, TransformHyperlinks, ValidateUrl, getDisplayDateNumeric, getDisplayDateTextual, getDisplayDateTimeNumeric, getDisplayDateTimeTextual, AttachedFile, AttachedFiles, };
+export { BDAlert, BDArticle, BDAssignConversationModal, BDAttachmentPreviewList, BDAttachmentUploadModal, BDBadge, BDButton, BDCard, BDChangePasswordTemplate, BDChatCloud, BDCol, BDCollapsableCard, BDConfirmationModal, BDContainer, BDContentLibraryModal, BDContentLibrarySplitButton, BDContentLibraryTemplate, BDConversationToTextModal, BDDate, BDDropdown, BDDropdownItem, BDFileUpload, BDForm, BDFormCheckbox, BDFormInput, BDFormInvalidFeedback, BDFormMultipleCheckbox, BDFormSelect, BDHeader, BDImageAttachmentModal, BDImageAttachmentPreviewList, BDInputGroup, BDLink, BDLoader, BDLogo, BDMarkdownEditor, BDMessageTemplateFormModal, BDMobileMenu, BDModal, BDNotFoundTemplate, BDPagination, BDPhoneNumberEditModal, BDPill, BDPillContainer, BDPractitionerHeader, BDProfileImage, BDRow, BDSessionTimeOutModal, BDSmallConversationCard, BDTable, BDToast, BDUser, BDUserInformation, BDVideoCallConfirmationModal, BDVideoCallTemplate, BDVideoCallToast, BDZoomslider, IconAcademy, IconArrowDown, IconArrowUp, IconAttachment, IconBold, IconBulletList, IconCalendar, IconCall, IconCallReject, IconCardView, IconCaretDown, IconCaretLeft, IconCaretRight, IconCheck, IconClipboard, IconClose, IconComment, IconCommentActive, IconCommentStatic, IconCommonFileEmpty, IconCommonFileWarning, IconContactPerson, IconCopy, IconDelete, IconDoubleCheck, IconDownloadImage, IconEdit, IconEndCall, IconError, IconExternal, IconEyeShow, IconEyeSlash, IconFile, IconFileAdded, IconForward, IconHix, IconHyperlink, IconImageFileLandscape, IconImageFileWarning, IconInbox, IconInfo, IconInformationCircle, IconItalic, IconListView, IconLock, IconLusciiEscalated, IconLusciiLogo, IconLusciiOpen, IconLusciiPriorityHigh, IconLusciiPriorityLow, IconLusciiPriorityMedium, IconMenu, IconMessage, IconMessageForward, IconMicrophoneSlash, IconMicrosoftTeams, IconMin, IconOrderedList, IconPlus, IconRefresh, IconRemove, IconSananetLogo, IconService, IconShareScreen, IconSingleNeutral, IconSort, IconSortAsc, IconSortDesc, IconSortNone, IconTriangleDown, IconTriangleExclamation, IconUnderline, IconVideoDisabled, IconVideocall, IconWarning, IconZorgkaart, ChangePasswordData, ConfirmPhoneNumberUpdateData, StartPhoneNumberUpdateData, ValidationChangePasswordData, useModal, usePopover, useServerErrors, useSessionTimeOut, useToaster, useValidation, useWindow, useZoom, vBdTooltip, CopyChatMessageToClipboard, CopyChatMessagesToClipboard, CopyHl7MessagesToClipboard, CreateHyperlinkParagraph, CreateThumbnailUri, MapAttachmentsForApi, MapToAttachmentObjects, TransformHyperlinks, ValidateUrl, getDisplayDateNumeric, getDisplayDateTextual, getDisplayDateTimeNumeric, getDisplayDateTimeTextual, AttachedFile, AttachedFiles, };

package/dist/interfaces/BDChatCloudProps.d.ts

@@ -1,4 +1,5 @@
 import { ApiAttachment } from '../types/ApiAttachment';
+import { BDPillProps } from './BDPillProps';
 export interface BDChatCloudProps {
     headerTitle: string;
     src?: string;
@@ -6,6 +7,6 @@ export interface BDChatCloudProps {
     message: string;
     isSender: boolean;
     files?: ApiAttachment[];
-    pills?: Object[];
+    pills?: BDPillProps[];
     apiUrl: string;
 }

package/dist/interfaces/BDMarkdownEditorProps.d.ts

@@ -1,6 +1,7 @@
 import { ModelValueString } from '../types/ModelValue';
 import { TiptapVariants } from '../types/tiptapVariants';
 import { ApiAttachment } from '../types/ApiAttachment';
+import { BDPillProps } from './BDPillProps';
 export interface Token {
     id: string;
     label: string;
@@ -11,7 +12,7 @@ export interface BDMarkdownEditorProps extends ModelValueString {
     state?: boolean | null;
     variant: TiptapVariants;
     files?: ApiAttachment[];
-    pills?: Object[];
+    pills?: BDPillProps[];
     apiUrl?: string;
     tokens?: Token[];
 }

package/dist/interfaces/BDPillContainerProps.d.ts

@@ -0,0 +1,4 @@
+import { BDPillProps } from './BDPillProps';
+export interface BDPillContainerProps {
+    pills?: BDPillProps[];
+}

package/dist/scss/_content-library-split-button.scss

@@ -4,6 +4,10 @@
         display: none;
     }
 
+    &.p-splitbutton .p-button-outlined.p-button-secondary:hover svg {
+        fill: currentColor;
+    }
+
     .menu-item {
         display: flex;
         align-items: center;

package/dist/scss/_conversation-to-text-modal.scss

@@ -12,6 +12,10 @@
         padding: 30px;
         border-radius: 8px;
 
+        p:last-of-type {
+            margin-bottom: 0;
+        }
+
         &.is-sender {
             margin: 0 20px 10px 80px;
         }

package/dist/scss/_markdown-editor.scss

@@ -22,13 +22,19 @@
       outline: none;
     }
 
-    li {
-      p:last-of-type {
-        margin-bottom: 0;
+    ul, ol, dl {
+      margin-bottom: 1rem;
+
+      li {
+        p:last-of-type {
+          margin-bottom: 0;
+        }
       }
     }
 
     p {
+      margin-bottom: 1rem;
+
       &.is-editor-empty:first-child::before {
         content: attr(data-placeholder);
         float: left;

package/dist/scss/_message-template-form-modal.scss

@@ -41,7 +41,7 @@
             list-style-type: none;
         }
 
-        .pills-list__li {
+        .bd-pill-container__item {
             list-style-type: none;
         }
     }

package/dist/scss/_modal.scss

@@ -99,7 +99,7 @@
         padding: 15px 65px 30px 65px;
       }
 
-      p:last-of-type {
+      > p:last-of-type {
         margin-bottom: 0;
       }
     }

package/dist/scss/_pill-container.scss

@@ -0,0 +1,26 @@
+.bd-pill-container {
+    margin-bottom: 20px;
+
+    .bd-chat-cloud-card__footer &{
+        margin-bottom: 0px;
+    }
+
+    &__list {
+        display: flex;
+        justify-content: flex-start;
+        flex-flow: wrap;
+        list-style: none;
+        gap: 8px;
+        padding: 5px 0px;
+
+        .bd-chat-cloud-card__footer &{
+            padding: 0px;
+        }
+    }
+
+    &__item {
+        max-width: 300px;
+        overflow: auto;
+        margin: 5px 5px 0px 0px;
+    }
+}

package/dist/scss/_pill.scss

@@ -1,33 +1,3 @@
-.pills-list {
-    &__wrapper {
-        margin-bottom: 20px;
-
-        .bd-chat-cloud-card__footer &{
-            margin-bottom: 0px;
-        }
-
-    }
-
-    &__ul {
-        display: flex;
-        justify-content: flex-start;
-        flex-flow: wrap;
-        list-style: none;
-        gap: 8px;
-        padding: 5px 0px;
-        
-        .bd-chat-cloud-card__footer &{
-            padding: 0px;
-        }
-    }
-
-    &__li {
-        max-width: 300px;
-        overflow: auto;
-        margin: 5px 5px 0px 0px;
-    }
-}
-
 .bd-pill {
     display: flex;
     height: 72px;
@@ -49,22 +19,28 @@
         padding: 8px 16px;
         display: flex;
         flex-direction: column;
+        white-space: nowrap;
         overflow: hidden;
+        text-overflow: ellipsis;
     }
 
     &__link {
         font-size: 12px;
         line-height: 14px;
         text-decoration: none;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+
         svg.icon {
             fill: $blue;
             display: inline-block;
             position: relative;
         }
+
         &:hover {
             text-decoration: underline;
         }
-
     }
 
     &__title {
@@ -80,10 +56,9 @@
         font-size: 13px;
         line-height: 15px;
         font-weight: 400;
-
         color: hsla(221, 13%, 48%, 1);
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;
-    }    
-}
+    }
+}

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

@@ -41,6 +41,7 @@
 @import "pagination";
 @import "phone-number-edit-modal";
 @import "pill";
+@import "pill-container";
 @import "profile-image";
 @import "table";
 @import "table-sort-header";

package/package.json

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