@beterdichtbij/component-library 0.24.1 → 0.25.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/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/_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

@@ -19,4 +19,6 @@
 @import "markdown-editor";
 @import "modal";
 @import "attachments";
-@import "chatcloud";
+@import "chatcloud";
+@import "table";
+@import "table-sort-header";

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

@@ -3,4 +3,8 @@
     padding: 0;
     font-weight: $font-bold;
     margin-bottom: 0.25rem;
+}
+
+.bd-invalid-feedback.is-invalid{
+    display:block
 }

package/package.json

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