@beterdichtbij/component-library 0.28.0 → 0.29.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/bd-component-lib.cjs.js +31 -31
  2. package/dist/bd-component-lib.es.js +5634 -5168
  3. package/dist/bd-component-lib.umd.js +31 -31
  4. package/dist/components/molecules/BDMarkdownEditor/BDMarkdownEditor.vue.d.ts +5 -5
  5. package/dist/index.d.ts +2 -1
  6. package/dist/interfaces/BDMarkdownEditorProps.d.ts +1 -1
  7. package/dist/scss/_modal.scss +74 -70
  8. package/dist/utils/display-date.d.ts +2 -0
  9. package/package.json +2 -1
package/dist/components/molecules/BDMarkdownEditor/BDMarkdownEditor.vue.d.ts CHANGED
@@ -11,9 +11,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
11
11
  default: string;
12
12
  };
13
13
  state: {
14
- type: __PropType<boolean | undefined>;
14
+ type: __PropType<boolean | null | undefined>;
15
15
  required: false;
16
- default: undefined;
16
+ default: null;
17
17
  };
18
18
  variant: {
19
19
  type: __PropType<import('../../../types/tiptapVariants').TiptapVariants>;
@@ -41,9 +41,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
41
41
  default: string;
42
42
  };
43
43
  state: {
44
- type: __PropType<boolean | undefined>;
44
+ type: __PropType<boolean | null | undefined>;
45
45
  required: false;
46
- default: undefined;
46
+ default: null;
47
47
  };
48
48
  variant: {
49
49
  type: __PropType<import('../../../types/tiptapVariants').TiptapVariants>;
@@ -67,7 +67,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
67
67
  files: import("../../../types/ApiAttachment").ApiAttachment[] | undefined;
68
68
  variant: import('../../../types/tiptapVariants').TiptapVariants;
69
69
  placeholder: string | undefined;
70
- state: boolean | undefined;
70
+ state: boolean | null | undefined;
71
71
  errorText: string | undefined;
72
72
  }, {}>;
73
73
  export default _sfc_main;
package/dist/index.d.ts CHANGED
@@ -36,4 +36,5 @@ import { useModal } from "./composables/useModal";
36
36
  import { useServerErrors } from "./composables/useServerErrors";
37
37
  import { useToaster } from "./composables/useToaster";
38
38
  import { vBdTooltip } from "./directives/BDTooltip";
39
- 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, IconService, IconSort, IconSortAsc, IconSortDesc, IconSortNone, IconTriangleExclamation, IconUnderline, useModal, useServerErrors, useToaster, vBdTooltip, };
39
+ import { getDisplayDate } from "./utils/display-date";
40
+ 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, IconService, IconSort, IconSortAsc, IconSortDesc, IconSortNone, IconTriangleExclamation, IconUnderline, useModal, useServerErrors, useToaster, vBdTooltip, getDisplayDate, };
package/dist/interfaces/BDMarkdownEditorProps.d.ts CHANGED
@@ -4,7 +4,7 @@ import { ApiAttachment } from '../types/ApiAttachment';
4
4
  export interface BDMarkdownEditorProps extends ModelValueString {
5
5
  placeholder?: string;
6
6
  errorText?: string;
7
- state?: boolean;
7
+ state?: boolean | null;
8
8
  variant: TiptapVariants;
9
9
  files?: ApiAttachment[];
10
10
  }
package/dist/scss/_modal.scss CHANGED
@@ -1,72 +1,76 @@
1
1
  .modal.bd-modal {
2
-
3
- .modal-header {
2
+ .modal-dialog {
3
+ min-height: 100%;
4
4
  display: flex;
5
5
  align-items: center;
6
- justify-content: space-between;
7
- margin-top:30px;
6
+ margin: 0 auto;
8
7
 
9
- button.btn-close {
10
- top: 20px;
11
- right: 20px;
12
- position: absolute;
13
- padding: revert;
14
- margin: revert;
15
- height: revert;
8
+ .modal-header {
16
9
  display: flex;
17
- gap: 4px;
18
- background: transparent;
19
- color: $gray-primary;
10
+ align-items: center;
11
+ justify-content: space-between;
12
+
13
+ button.btn-close {
14
+ top: 20px;
15
+ right: 20px;
16
+ position: absolute;
17
+ padding: revert;
18
+ margin: revert;
19
+ height: revert;
20
+ display: flex;
21
+ gap: 4px;
22
+ background: transparent;
23
+ color: $gray-primary;
20
24
 
21
- .icon-close {
22
- width: 24px;
23
- height: 24px;
25
+ .icon-close {
26
+ width: 24px;
27
+ height: 24px;
28
+ }
24
29
  }
25
- }
26
30
 
27
- @include media-breakpoint-up(md) {
28
- padding: 0px 65px;
29
- }
31
+ @include media-breakpoint-up(md) {
32
+ padding: 30px 65px 0px 65px;
33
+ }
30
34
 
31
- @include media-breakpoint-down(md) {
32
- flex-direction: column-reverse;
33
- align-items: center;
34
- justify-content: center;
35
- padding: .75rem;
36
- margin-top: 0px;
35
+ @include media-breakpoint-down(md) {
36
+ flex-direction: column-reverse;
37
+ align-items: center;
38
+ justify-content: center;
39
+ padding: .75rem;
40
+ margin-top: 0px;
37
41
 
38
- > * {
39
- width: 100%;
40
- text-align: center;
41
- }
42
+ > * {
43
+ width: 100%;
44
+ text-align: center;
45
+ }
42
46
 
43
- button.btn-close {
44
- top: initial;
45
- right: initial;
46
- position: initial;
47
- margin: auto;
48
- font-size: 0.9em;
49
- padding: initial;
50
- height: initial;
47
+ button.btn-close {
48
+ top: initial;
49
+ right: initial;
50
+ position: initial;
51
+ margin: auto;
52
+ font-size: 0.9em;
53
+ padding: initial;
54
+ height: initial;
55
+ }
51
56
  }
52
57
  }
53
- }
54
58
 
55
- .modal-body {
56
- @include media-breakpoint-up(md) {
57
- padding: 30px 65px;
58
- }
59
- border: 0px;
60
- }
61
-
62
- .modal-footer {
63
- justify-content: flex-start;
64
-
65
- @include media-breakpoint-up(md) {
66
- padding: 30px 65px;
59
+ .modal-body {
60
+ @include media-breakpoint-up(md) {
61
+ padding: 30px 65px;
62
+ }
63
+ border: 0px;
67
64
  }
68
65
 
69
- @include media-breakpoint-down(md) {
66
+ .modal-footer {
67
+ justify-content: flex-start;
68
+
69
+ @include media-breakpoint-up(md) {
70
+ padding: 30px 65px;
71
+ }
72
+
73
+ @include media-breakpoint-down(md) {
70
74
  display: flex;
71
75
  align-items: center;
72
76
  justify-content: center;
@@ -74,25 +78,25 @@
74
78
 
75
79
  > * {
76
80
  width: 100%;
77
- }
81
+ }
82
+ }
78
83
  }
79
- }
80
84
 
81
- .btn-close {
82
- align-self: baseline;
83
- }
85
+ .btn-close {
86
+ align-self: baseline;
87
+ }
84
88
 
85
- .modal-title {
86
- font-family: $font-secondary;
87
- font-weight: $font-normal;
88
- font-size: 31px;
89
- color: $color-darkblue;
90
- letter-spacing: 0;
91
-
92
- @include media-breakpoint-down(sm) {
93
- margin-top: 20px;
94
- line-height:normal;
95
- }
96
- }
89
+ .modal-title {
90
+ font-family: $font-secondary;
91
+ font-weight: $font-normal;
92
+ font-size: 31px;
93
+ color: $color-darkblue;
94
+ letter-spacing: 0;
97
95
 
96
+ @include media-breakpoint-down(sm) {
97
+ margin-top: 20px;
98
+ line-height:normal;
99
+ }
100
+ }
101
+ }
98
102
  }
package/dist/utils/display-date.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { Dayjs } from "dayjs";
2
+ export declare function getDisplayDate(dateString: string, today?: Dayjs): string;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@beterdichtbij/component-library",
3
3
  "private": false,
4
- "version": "0.28.0",
4
+ "version": "0.29.0",
5
5
  "type": "module",
6
6
  "files": [
7
7
  "dist"
@@ -67,6 +67,7 @@
67
67
  "@tiptap/pm": "2.1.12",
68
68
  "@tiptap/vue-3": "2.1.12",
69
69
  "@vueuse/core": "10.6.1",
70
+ "dayjs": "^1.11.13",
70
71
  "dropzone": "5.9.3",
71
72
  "maska": "2.1.11",
72
73
  "uid": "2.0.2"