@beterdichtbij/component-library 0.57.2 → 0.58.1

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

@@ -0,0 +1,14 @@
+declare const _sfc_main: {
+    __name: string;
+    props: {
+        items: ArrayConstructor;
+        command: FunctionConstructor;
+    };
+    setup(__props: any, { expose: __expose }: {
+        expose: any;
+    }): (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+};
+export default _sfc_main;
+//# sourceMappingURL=BDPlaceholderList.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BDPlaceholderList.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDPlaceholderList/BDPlaceholderList.vue"],"names":[],"mappings":"AAQA,QAAA,MAAM,SAAS;;;;;;;;SA+CP,SAAI,EAAE,WAAM;;;CAanB,CAAA;AAID,eAAe,SAAS,CAAA"}

package/dist/interfaces/BDMarkdownEditorProps.d.ts

@@ -1,6 +1,10 @@
 import { ModelValueString } from '../types/ModelValue';
 import { TiptapVariants } from '../types/tiptapVariants';
 import { ApiAttachment } from '../types/ApiAttachment';
+export interface Token {
+    id: string;
+    label: string;
+}
 export interface BDMarkdownEditorProps extends ModelValueString {
     placeholder?: string;
     errorText?: string;
@@ -9,4 +13,5 @@ export interface BDMarkdownEditorProps extends ModelValueString {
     files?: ApiAttachment[];
     pills?: Object[];
     apiUrl?: string;
+    tokens?: Token[];
 }

package/dist/scss/_dropdown.scss

@@ -100,4 +100,15 @@
 
 .bd-dropdown-item {
     list-style-type: none;
+}
+
+.placeholder-tokens-menu {
+    .dropdown-item {
+        color: $color-darkblue;
+        border-left: 1px solid $color-lightblue;
+        border-right: 1px solid $color-lightblue;
+        &.active {
+            color:$white;
+        }
+    }    
 }

package/dist/scss/_markdown-editor.scss

@@ -1,4 +1,5 @@
 .bd-markdown-editor {
+  position: relative;
   padding: 0.5rem;
   border: 1px solid $gray-500;
   background-color: $white;
@@ -75,7 +76,6 @@
 .bd-link-input-popover.bd-link-input-bottom {
   position: absolute;
   left: 100px;  
-  bottom: 50px;
   margin: auto;
   z-index: 1050;
   min-width: 300px;

package/dist/types/tiptapVariants.d.ts

@@ -2,5 +2,6 @@ import { GenericEnum } from '../utils/type';
 export declare const TIPTAP_VARIANTS: {
     readonly BASIC: "basic";
     readonly FULL: "full";
+    readonly FORMAT: "format";
 };
 export type TiptapVariants = GenericEnum<typeof TIPTAP_VARIANTS>;

package/dist/utils/tiptap/suggestion.d.ts

@@ -0,0 +1,32 @@
+import { Editor } from '@tiptap/core';
+import { Token } from '../../interfaces/BDMarkdownEditorProps';
+import { Ref } from 'vue';
+interface QueryParams {
+    query: string;
+}
+interface CommandParams {
+    editor: Editor;
+    range: {
+        from: number;
+        to: number;
+    };
+    props: Token;
+}
+interface SuggestionProps {
+    editor: Editor;
+    clientRect?: () => DOMRect | null;
+    items?: Token[];
+    event?: KeyboardEvent;
+    [key: string]: any;
+}
+export declare const createSuggestion: (tokens?: Token[], wrapperRef?: Ref<HTMLElement | null>) => {
+    items: ({ query }: QueryParams) => Token[];
+    command: ({ editor, range, props }: CommandParams) => void;
+    render: () => {
+        onStart: (props: SuggestionProps) => void;
+        onUpdate(props: SuggestionProps): void;
+        onKeyDown(props: SuggestionProps): any;
+        onExit(): void;
+    };
+};
+export {};

package/package.json

@@ -2,7 +2,7 @@
     "name": "@beterdichtbij/component-library",
     "description": "Component library voor BeterDichtbij design system",
     "private": false,
-    "version": "0.57.2",
+    "version": "0.58.1",
     "engines": {
         "node": "24.x",
         "npm": "11.x"
@@ -58,20 +58,22 @@
     },
     "dependencies": {
         "@primeuix/themes": "^2.0.3",
-        "@tiptap/extension-bold": "3.20.0",
-        "@tiptap/extension-bullet-list": "3.20.0",
-        "@tiptap/extension-document": "3.20.0",
-        "@tiptap/extension-hard-break": "3.20.0",
-        "@tiptap/extension-italic": "3.20.0",
-        "@tiptap/extension-link": "3.20.0",
-        "@tiptap/extension-list-item": "3.20.0",
-        "@tiptap/extension-ordered-list": "3.20.0",
-        "@tiptap/extension-paragraph": "3.20.0",
-        "@tiptap/extension-placeholder": "3.20.0",
-        "@tiptap/extension-text": "3.20.0",
-        "@tiptap/extension-underline": "3.20.0",
-        "@tiptap/pm": "3.20.0",
-        "@tiptap/vue-3": "3.20.0",
+        "@tiptap/extension-bold": "3.20.1",
+        "@tiptap/extension-bullet-list": "3.20.1",
+        "@tiptap/extension-document": "3.20.1",
+        "@tiptap/extension-hard-break": "3.20.1",
+        "@tiptap/extension-italic": "3.20.1",
+        "@tiptap/extension-link": "3.20.1",
+        "@tiptap/extension-list-item": "3.20.1",
+        "@tiptap/extension-mention": "3.20.1",
+        "@tiptap/extension-ordered-list": "3.20.1",
+        "@tiptap/extension-paragraph": "3.20.1",
+        "@tiptap/extension-placeholder": "3.20.1",
+        "@tiptap/extension-text": "3.20.1",
+        "@tiptap/extension-underline": "3.20.1",
+        "@tiptap/pm": "3.20.1",
+        "@tiptap/suggestion": "3.20.1",
+        "@tiptap/vue-3": "3.20.1",
         "@vueuse/core": "14.2.1",
         "dayjs": "^1.11.19",
         "dropzone": "5.9.3",