@beterdichtbij/component-library 0.63.0 → 0.63.2

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 (12) hide show
  1. package/dist/bd-component-lib.cjs.js +69 -69
  2. package/dist/bd-component-lib.es.js +18624 -17762
  3. package/dist/bd-component-lib.umd.js +63 -63
  4. package/dist/components/modals/BDConfirmationModal/BDConfirmationModal.vue.d.ts +2 -2
  5. package/dist/components/modals/BDMessageTemplateFormModal/BDMessageTemplateFormModal.vue.d.ts +2 -2
  6. package/dist/components/molecules/BDFileUpload/BDFileUpload.vue.d.ts +3 -3
  7. package/dist/locales/nl.json +3 -0
  8. package/dist/scss/_content-library-card-message-template.scss +18 -17
  9. package/dist/scss/_content-library-modal.scss +0 -8
  10. package/dist/scss/_markdown-editor.scss +22 -22
  11. package/dist/scss/templates/_content-library-template.scss +27 -0
  12. package/package.json +1 -1
package/dist/components/modals/BDConfirmationModal/BDConfirmationModal.vue.d.ts CHANGED
@@ -1,14 +1,14 @@
1
1
  declare const _default: import('vue').DefineComponent<{}, {
2
2
  Confirm: () => Promise<any>;
3
+ description?: any;
3
4
  modalTitle?: any;
4
5
  modalId?: any;
5
- description?: any;
6
6
  submitButtonText?: any;
7
7
  cancelButtonText?: any;
8
8
  $props: {
9
+ readonly description?: any;
9
10
  readonly modalTitle?: any;
10
11
  readonly modalId?: any;
11
- readonly description?: any;
12
12
  readonly submitButtonText?: any;
13
13
  readonly cancelButtonText?: any;
14
14
  };
package/dist/components/modals/BDMessageTemplateFormModal/BDMessageTemplateFormModal.vue.d.ts CHANGED
@@ -2,9 +2,9 @@ declare const _default: import('vue').DefineComponent<{}, {
2
2
  $emit: (event: "close" | "action" | "show-attachment" | "on-submit" | "on-input" | "change-department", ...args: any[]) => void;
3
3
  modelValue: Record<string, any>;
4
4
  visible: boolean;
5
+ validation: Record<string, any>;
5
6
  editable: boolean;
6
7
  serverErrors: unknown[];
7
- validation: Record<string, any>;
8
8
  contentLibraryExternalProviders: unknown[];
9
9
  isOperator: boolean;
10
10
  files?: unknown[] | undefined;
@@ -14,9 +14,9 @@ declare const _default: import('vue').DefineComponent<{}, {
14
14
  $props: {
15
15
  readonly modelValue?: Record<string, any> | undefined;
16
16
  readonly visible?: boolean | undefined;
17
+ readonly validation?: Record<string, any> | undefined;
17
18
  readonly editable?: boolean | undefined;
18
19
  readonly serverErrors?: unknown[] | undefined;
19
- readonly validation?: Record<string, any> | undefined;
20
20
  readonly contentLibraryExternalProviders?: unknown[] | undefined;
21
21
  readonly isOperator?: boolean | undefined;
22
22
  readonly files?: unknown[] | undefined;
package/dist/components/molecules/BDFileUpload/BDFileUpload.vue.d.ts CHANGED
@@ -6,10 +6,10 @@ declare const _default: import('vue').DefineComponent<BDFileUploadProps, {}, {},
6
6
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
7
7
  }>, {
8
8
  url: string;
9
- buttonText: string;
10
- multiple: boolean;
11
9
  errorMessage: string;
12
10
  fileSizeExceededMessage: string;
11
+ buttonText: string;
12
+ multiple: boolean;
13
13
  acceptedFiles: string;
14
14
  tag: "form" | "div";
15
15
  token: string;
@@ -17,7 +17,7 @@ declare const _default: import('vue').DefineComponent<BDFileUploadProps, {}, {},
17
17
  fileUploadRef: ({
18
18
  $props: import('primevue/fileupload').FileUploadProps & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
19
19
  $slots: import('primevue/fileupload').FileUploadSlots;
20
- $emit: ((e: "progress", event: import('primevue/fileupload').FileUploadProgressEvent) => void) & ((e: "select", event: import('primevue/fileupload').FileUploadSelectEvent) => void) & ((e: "remove", event: import('primevue/fileupload').FileUploadRemoveEvent) => void) & ((e: "error", event: import('primevue/fileupload').FileUploadErrorEvent) => void) & ((e: "before-upload", event: import('primevue/fileupload').FileUploadBeforeUploadEvent) => void) & ((e: "upload", event: import('primevue/fileupload').FileUploadUploadEvent) => void) & ((e: "uploader", event: FileUploadUploaderEvent) => void) & ((e: "before-send", event: import('primevue/fileupload').FileUploadBeforeSendEvent) => void) & ((e: "clear") => void) & ((e: "removeUploadedFile", event: import('primevue/fileupload').FileUploadRemoveUploadedFile) => void);
20
+ $emit: ((e: "progress", event: import('primevue/fileupload').FileUploadProgressEvent) => void) & ((e: "select", event: import('primevue/fileupload').FileUploadSelectEvent) => void) & ((e: "remove", event: import('primevue/fileupload').FileUploadRemoveEvent) => void) & ((e: "error", event: import('primevue/fileupload').FileUploadErrorEvent) => void) & ((e: "clear") => void) & ((e: "before-upload", event: import('primevue/fileupload').FileUploadBeforeUploadEvent) => void) & ((e: "upload", event: import('primevue/fileupload').FileUploadUploadEvent) => void) & ((e: "uploader", event: FileUploadUploaderEvent) => void) & ((e: "before-send", event: import('primevue/fileupload').FileUploadBeforeSendEvent) => void) & ((e: "removeUploadedFile", event: import('primevue/fileupload').FileUploadRemoveUploadedFile) => void);
21
21
  } & import('primevue/fileupload').FileUploadMethods) | null;
22
22
  }, HTMLDivElement>;
23
23
  export default _default;
package/dist/locales/nl.json CHANGED
@@ -63,6 +63,9 @@
63
63
  "download": "Download afbeelding",
64
64
  "loading": "Afbeelding aan het laden"
65
65
  },
66
+ "fileUpload": {
67
+ "errorMessage": "Er is een fout opgetreden tijdens het uploaden van het bestand."
68
+ },
66
69
  "filterCard": {
67
70
  "more": "Meer",
68
71
  "less": "Minder"
package/dist/scss/_content-library-card-message-template.scss CHANGED
@@ -91,28 +91,29 @@
91
91
  }
92
92
 
93
93
  header {
94
- display: flex;
94
+ h6, small {
95
+ text-overflow: ellipsis;
96
+ white-space: nowrap;
97
+ }
95
98
 
96
- .heading {
97
- flex: 1;
99
+ .top {
100
+ display: flex;
101
+ justify-content: space-between;
98
102
 
99
- .title {
100
- h6 {
101
- display: inline;
102
- margin: 0 4px 0 0;
103
- line-height: normal;
104
- }
103
+ .bd-badge {
104
+ max-height: fit-content;
105
105
  }
106
- }
107
106
 
108
- .edit-btn-group {
109
- button {
110
- width: 30px;
111
- height: 30px;
107
+ .edit-btn-group {
108
+ button {
109
+ width: 30px;
110
+ height: 30px;
111
+ padding: 0;
112
112
 
113
- svg {
114
- fill: hsla(224, 21%, 38%, 1);
115
- stroke: revert;
113
+ svg {
114
+ fill: hsla(224, 21%, 38%, 1);
115
+ stroke: revert;
116
+ }
116
117
  }
117
118
  }
118
119
  }
package/dist/scss/_content-library-modal.scss CHANGED
@@ -6,12 +6,4 @@
6
6
  .collapse-button-container {
7
7
  text-align: center;
8
8
  }
9
-
10
- .content-library-header__messages {
11
- display: flex;
12
- align-items: center;
13
- justify-content: center;
14
- text-align: center;
15
- font-weight: bold;
16
- }
17
9
  }
package/dist/scss/_markdown-editor.scss CHANGED
@@ -71,29 +71,29 @@
71
71
  --bs-btn-bg: #{$white};
72
72
  --bs-btn-hover-bg: #{$gray-200};
73
73
  }
74
- }
75
-
76
- .bd-link-input-popover.bd-link-input-bottom {
77
- position: absolute;
78
- left: 100px;
79
- margin: auto;
80
- z-index: 1050;
81
- min-width: 300px;
82
- max-width: 500px;
83
- }
84
-
85
- .bd-link-input-popover {
86
- .validation-text {
87
- font-size: 0.7em;
88
- font-weight: 500;
74
+
75
+ .bd-link-input-popover.bd-link-input-bottom {
76
+ position: absolute;
77
+ left: 100px;
78
+ margin: auto;
79
+ z-index: 1050;
80
+ min-width: 300px;
81
+ max-width: 500px;
82
+ }
83
+
84
+ .bd-link-input-popover {
85
+ .validation-text {
86
+ font-size: 0.7em;
87
+ font-weight: 500;
88
+ }
89
89
  }
90
- }
91
90
 
92
- .form-control {
93
- display:inline;
94
- margin:8px 0 16px 0;
95
- }
91
+ .form-control {
92
+ display:inline;
93
+ margin:8px 0 16px 0;
94
+ }
96
95
 
97
- .form-control::placeholder {
98
- opacity: 0.5;
96
+ .form-control::placeholder {
97
+ opacity: 0.5;
98
+ }
99
99
  }
package/dist/scss/templates/_content-library-template.scss CHANGED
@@ -1,6 +1,20 @@
1
1
  .content-library-template {
2
2
  .content-library-header {
3
3
  margin-bottom: 15px;
4
+
5
+ .controls-row {
6
+ gap: 16px 0;
7
+ }
8
+ }
9
+
10
+ .add-button {
11
+ width: 100%;
12
+ font-size: 15px;
13
+
14
+ .icon-plus {
15
+ width: 12px;
16
+ height: 13px;
17
+ }
4
18
  }
5
19
 
6
20
  .select-button-block {
@@ -91,6 +105,15 @@
91
105
  }
92
106
  }
93
107
 
108
+ .content-library-header__messages {
109
+ display: flex;
110
+ align-items: center;
111
+ justify-content: left;
112
+ text-align: center;
113
+ font-weight: bold;
114
+ color: $gray-primary;
115
+ }
116
+
94
117
  @media (max-width: 1199px) {
95
118
  .select-button-block {
96
119
  margin-bottom: 16px;
@@ -101,5 +124,9 @@
101
124
  .content-library-header__messages {
102
125
  margin-bottom: 16px;
103
126
  }
127
+
128
+ .controls-row > div {
129
+ padding: 4px;
130
+ }
104
131
  }
105
132
  }
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@beterdichtbij/component-library",
3
3
  "description": "Component library voor BeterDichtbij design system",
4
4
  "private": false,
5
- "version": "0.63.0",
5
+ "version": "0.63.2",
6
6
  "engines": {
7
7
  "node": "24.x",
8
8
  "npm": "11.x"