@beterdichtbij/component-library 0.24.2 → 0.26.0

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

@@ -0,0 +1,17 @@
+declare const _sfc_main: import("vue").DefineComponent<Readonly<{
+    label?: any;
+    active?: any;
+    sortDesc?: any;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("sortDesc" | "sortAsc")[], "sortDesc" | "sortAsc", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    label?: any;
+    active?: any;
+    sortDesc?: any;
+}>>> & {
+    onSortDesc?: ((...args: any[]) => any) | undefined;
+    onSortAsc?: ((...args: any[]) => any) | undefined;
+}, {
+    readonly label?: any;
+    readonly active?: any;
+    readonly sortDesc?: any;
+}, {}>;
+export default _sfc_main;

package/dist/components/atoms/BDTableSortHeader/BDTableSortHeader.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BDTableSortHeader.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDTableSortHeader/BDTableSortHeader.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,qHAAqH,CAAC;AAC5I,cAAc,qHAAqH,CAAC;AACpI,eAAe,SAAS,CAAC"}

package/dist/components/atoms/icons/IconSort.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/components/atoms/icons/IconSort.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconSort.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/icons/IconSort.vue"],"names":[],"mappings":";AAoBA,wBAA4E"}

package/dist/components/atoms/icons/IconSortAsc.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/components/atoms/icons/IconSortAsc.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconSortAsc.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/icons/IconSortAsc.vue"],"names":[],"mappings":";AAoBA,wBAA4E"}

package/dist/components/atoms/icons/IconSortDesc.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/components/atoms/icons/IconSortDesc.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconSortDesc.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/icons/IconSortDesc.vue"],"names":[],"mappings":";AAoBA,wBAA4E"}

package/dist/components/atoms/icons/IconSortNone.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/components/atoms/icons/IconSortNone.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconSortNone.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/icons/IconSortNone.vue"],"names":[],"mappings":";AAoBA,wBAA4E"}

package/dist/components/atoms/icons/index.d.ts

@@ -24,6 +24,10 @@ import IconListView from "./IconListView.vue";
 import IconMenu from "./IconMenu.vue";
 import IconOrderedList from "./IconOrderedList.vue";
 import IconRemove from "./IconRemove.vue";
-import IconUnderline from "./IconUnderline.vue";
+import IconSort from "./IconSort.vue";
+import IconSortAsc from "./IconSortAsc.vue";
+import IconSortDesc from "./IconSortDesc.vue";
+import IconSortNone from "./IconSortNone.vue";
 import IconTriangleExclamation from "./IconTriangleExclamation.vue";
-export { IconAcademy, IconArrowDown, IconArrowUp, IconAttachment, IconBold, IconBulletList, IconCalendar, IconCardView, IconCaretDown, IconCaretLeft, IconCaretRight, IconCheck, IconClose, IconDownloadImage, IconEdit, IconError, IconEyeShow, IconEyeSlash, IconFile, IconHyperlink, IconInfo, IconItalic, IconListView, IconMenu, IconOrderedList, IconRemove, IconUnderline, IconTriangleExclamation };
+import IconUnderline from "./IconUnderline.vue";
+export { IconAcademy, IconArrowDown, IconArrowUp, IconAttachment, IconBold, IconBulletList, IconCalendar, IconCardView, IconCaretDown, IconCaretLeft, IconCaretRight, IconCheck, IconClose, IconDownloadImage, IconEdit, IconError, IconEyeShow, IconEyeSlash, IconFile, IconHyperlink, IconInfo, IconItalic, IconListView, IconMenu, IconOrderedList, IconRemove, IconSort, IconSortAsc, IconSortDesc, IconSortNone, IconTriangleExclamation, IconUnderline, };

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

@@ -0,0 +1,26 @@
+declare const _sfc_main: import("vue").DefineComponent<Readonly<{
+    fields?: any;
+    items?: any;
+    sortBy?: any;
+    sortDesc?: any;
+    tbodyTrClass?: any;
+    emptyText?: any;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("row-click" | "sort-changed")[], "row-click" | "sort-changed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    fields?: any;
+    items?: any;
+    sortBy?: any;
+    sortDesc?: any;
+    tbodyTrClass?: any;
+    emptyText?: any;
+}>>> & {
+    "onRow-click"?: ((...args: any[]) => any) | undefined;
+    "onSort-changed"?: ((...args: any[]) => any) | undefined;
+}, {
+    readonly fields?: any;
+    readonly items?: any;
+    readonly sortBy?: any;
+    readonly sortDesc?: any;
+    readonly tbodyTrClass?: any;
+    readonly emptyText?: any;
+}, {}>;
+export default _sfc_main;

package/dist/components/molecules/BDTable/BDTable.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BDTable.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/BDTable/BDTable.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,qGAAqG,CAAC;AAC5H,cAAc,qGAAqG,CAAC;AACpH,eAAe,SAAS,CAAC"}

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

@@ -1,6 +1,5 @@
 import type { PropType as __PropType } from 'vue';
 import type { BDLinkProps } from '../../../interfaces/BDLinkProps';
-import type { bootstrapSizes } from '../../../types/BootstrapSizes';
 declare const _sfc_main: import("vue").DefineComponent<{
     dropdownMenuTitle: {
         type: __PropType<string | undefined>;
@@ -14,7 +13,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<BDLinkProps[] | undefined>;
         required: false;
     };
-    src: {
+    profileImageSrc: {
         type: __PropType<string | null | undefined>;
         required: false;
     };
@@ -22,8 +21,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<string | undefined>;
         required: false;
     };
-    profileImageSize: {
-        type: __PropType<bootstrapSizes | undefined>;
+    organizationLogoSrc: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    organizationLogoAlt: {
+        type: __PropType<string | undefined>;
         required: false;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "signout")[], "click" | "signout", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -39,7 +42,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<BDLinkProps[] | undefined>;
         required: false;
     };
-    src: {
+    profileImageSrc: {
         type: __PropType<string | null | undefined>;
         required: false;
     };
@@ -47,8 +50,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<string | undefined>;
         required: false;
     };
-    profileImageSize: {
-        type: __PropType<bootstrapSizes | undefined>;
+    organizationLogoSrc: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    organizationLogoAlt: {
+        type: __PropType<string | undefined>;
         required: false;
     };
 }>> & {

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import BDCol from "./layout/BDCol.vue";
 import BDContainer from "./layout/BDContainer.vue";
 import BDRow from "./layout/BDRow.vue";
-import { IconAcademy, IconArrowDown, IconArrowUp, IconAttachment, IconBold, IconBulletList, IconCaretDown, IconCaretLeft, IconCaretRight, IconCheck, IconClose, IconError, IconFile, IconHyperlink, IconInfo, IconItalic, IconOrderedList, IconRemove, IconUnderline, IconCalendar, IconDownloadImage, IconMenu, IconEdit, IconCardView, IconListView, IconEyeShow, IconEyeSlash, IconTriangleExclamation } from "./components/atoms/icons/index";
+import { IconAcademy, IconArrowDown, IconArrowUp, IconAttachment, IconBold, IconBulletList, IconCaretDown, IconCaretLeft, IconCaretRight, IconCheck, IconClose, IconError, IconFile, IconHyperlink, IconInfo, IconItalic, IconOrderedList, IconRemove, IconUnderline, IconCalendar, IconDownloadImage, IconMenu, IconEdit, IconCardView, IconListView, IconEyeShow, IconEyeSlash, IconSort, IconSortAsc, IconSortDesc, IconSortNone, IconTriangleExclamation } from "./components/atoms/icons/index";
 import BDButton from "./components/atoms/BDButton/BDButton.vue";
 import BDLogo from "./components/atoms/BDLogo/BDLogo.vue";
 import BDLink from "./components/atoms/BDLink/BDLink.vue";
@@ -28,10 +28,11 @@ import BDUser from "./components/molecules/BDUser/BDUser.vue";
 import BDAttachmentPreviewList from "./components/molecules/BDAttachmentPreviewList/BDAttachmentPreviewList.vue";
 import BDImageAttachmentPreviewList from "./components/molecules/BDImageAttachmentPreviewList/BDImageAttachmentPreviewList.vue";
 import BDChatCloud from "./components/molecules/BDChatCloud/BDChatCloud.vue";
+import BDTable from "./components/molecules/BDTable/BDTable.vue";
 import BDDropdown from "./components/organisms/BDDropdown/BDDropdown.vue";
 import BDHeader from "./components/organisms/BDHeader/BDHeader.vue";
 import BDModal from "./components/organisms/BDModal/BDModal.vue";
 import { useModal } from "./composables/useModal";
 import { useToaster } from "./composables/useToaster";
 import { vBdTooltip } from "./directives/BDTooltip";
-export { BDChatCloud, BDCol, BDContainer, BDRow, BDButton, BDLogo, BDLink, BDDropdownItem, BDDropdown, BDAlert, BDProfileImage, BDZoomslider, BDCard, BDCollapsableCard, BDModal, BDFormInput, BDFormInvalidFeedback, BDInputGroup, BDBadge, BDForm, BDPagination, BDDropzone, BDMarkdownEditor, BDFormSelect, BDFormCheckbox, BDArticle, BDUser, BDToast, BDAttachmentPreviewList, BDImageAttachmentPreviewList, BDHeader, BDMobileMenu, IconAcademy, IconArrowDown, IconArrowUp, IconAttachment, IconBold, IconBulletList, IconCalendar, IconCardView, IconCaretDown, IconCaretLeft, IconCaretRight, IconCheck, IconClose, IconDownloadImage, IconEdit, IconError, IconEyeShow, IconEyeSlash, IconFile, IconHyperlink, IconInfo, IconItalic, IconListView, IconMenu, IconOrderedList, IconRemove, IconUnderline, IconTriangleExclamation, useModal, useToaster, vBdTooltip, };
+export { BDChatCloud, BDCol, BDContainer, BDRow, BDButton, BDLogo, BDLink, BDDropdownItem, BDDropdown, BDAlert, BDProfileImage, BDZoomslider, BDCard, BDCollapsableCard, BDModal, BDFormInput, BDFormInvalidFeedback, BDInputGroup, BDBadge, BDForm, BDPagination, BDDropzone, BDMarkdownEditor, BDFormSelect, BDFormCheckbox, BDArticle, BDUser, BDToast, BDAttachmentPreviewList, BDImageAttachmentPreviewList, BDHeader, BDMobileMenu, BDTable, IconAcademy, IconArrowDown, IconArrowUp, IconAttachment, IconBold, IconBulletList, IconCalendar, IconCardView, IconCaretDown, IconCaretLeft, IconCaretRight, IconCheck, IconClose, IconDownloadImage, IconEdit, IconError, IconEyeShow, IconEyeSlash, IconFile, IconHyperlink, IconInfo, IconItalic, IconListView, IconMenu, IconOrderedList, IconRemove, IconSort, IconSortAsc, IconSortDesc, IconSortNone, IconTriangleExclamation, IconUnderline, useModal, useToaster, vBdTooltip, };

package/dist/scss/_header.scss

@@ -1,4 +1,4 @@
-.header-navbar {
+.bd-header {
     height: 64px;
     display: flex;
     justify-content: space-between;
@@ -7,29 +7,45 @@
     background-color: white;
     position: fixed;
     top: 0;
-    width: 100%;
+    left: 0;
+    right: 0;
     z-index: 1000; 
 
+    .col {
+        white-space: nowrap;
+    }
+
     .bd-hamburger {
         display: none;
         font-size: 	.9375rem;
         font-family: $font-secondary;
         align-items: center;
         width: 58px;
-        justify-content: space-between;
+        justify-content: right;
         font-weight: $font-bold;
         cursor: pointer;
         user-select: none;
+        gap: 4px;
 
         .icon-menu {
             width: 14px;
             font-weight: 900;
         }
     }
-      
-    .bd-logo {
-        cursor: pointer;
-        width: 169px;
+
+    .logo-mix {
+        .logo {
+            cursor: pointer;
+            height: 30px;
+        }
+
+        .organization-logo {
+            margin-left: 24px;
+        }
+    }
+
+    .header-options {
+        text-align: center;
     }
 
     // css verwijderen als variant button is opgenomen BDButton
@@ -51,6 +67,10 @@
     .bd-btn-settings {
         height: 56px;
         user-select: none;
+        display: flex;
+        justify-content: right;
+        align-items: center;
+        gap: 5px;
 
         .bd-profile-picture {
             width: 40px;
@@ -99,12 +119,22 @@
             display: flex;
         }
 
-        .bd-logo {
-            width: 134px;
+        .logo-mix .logo {
+            height: 20px;
+
+            &.organization-logo {
+                margin-left: 16px;
+            }
         }
 
         .bd-btn-settings, .btn-header {
             display: none !important;
         }
     }
+
+    @media (max-width: 400px) {
+        .logo-mix .logo.organization-logo {
+            display: none;
+        }
+    }
 }

package/dist/scss/_table-sort-header.scss

@@ -0,0 +1,14 @@
+.bd-table-sort {
+    user-select: none;
+    cursor: pointer;
+    font-weight: 400;
+    color: $color-blue;
+
+    &.active {
+        font-weight: 700;
+    }
+
+    span {
+        margin-right: 4px;
+    }
+}

package/dist/scss/_table.scss

@@ -0,0 +1,13 @@
+.bd-table {
+    thead {
+        user-select: none;
+
+        th {
+            word-wrap: nowrap;
+        }
+    }
+
+    .empty-text {
+        text-align: center;
+    }
+}

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

@@ -12,11 +12,15 @@
 @import "icons";
 @import "pagination";
 @import "forms";
+@import "header";
 @import "toast";
 @import "dropdown";
 @import "dropzone";
 @import "user";
 @import "markdown-editor";
+@import "mobile-menu";
 @import "modal";
 @import "attachments";
-@import "chatcloud";
+@import "chatcloud";
+@import "table";
+@import "table-sort-header";

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@beterdichtbij/component-library",
     "private": false,
-    "version": "0.24.2",
+    "version": "0.26.0",
     "type": "module",
     "files": [
         "dist"