fix #236

Author: mProjectsCode

exampleVault/Input Fields/Select and Multi Select.md

@@ -47,15 +47,6 @@ showcase
 
 ### Multi Select
 
-```meta-bind
-INPUT[multi_select(
-option(option 1), 
-option(option 2), 
-option(option 3), 
-showcase
-):multiSelect]
-```
-
 ```meta-bind
 INPUT[multiSelect(
 option(option 1), 

exampleVault/Input Fields/Text.md

@@ -16,5 +16,5 @@ INPUT[text(showcase, limit(10)):text]
 ### Text Area
 
 ```meta-bind
-INPUT[text_area(showcase, class(meta-bind-full-width), class(meta-bind-high)):textArea]
+INPUT[textArea(showcase, class(meta-bind-full-width), class(meta-bind-high)):textArea]
 ```

packages/core/src/fields/inputFields/fields/InlineList/InlineListComponent.svelte

@@ -4,6 +4,8 @@
 	import LiteralRenderComponent from '../../../../utils/components/LiteralRenderComponent.svelte';
 	import { IPlugin } from '../../../../IPlugin';
 	import { ContextMenuItemDefinition } from 'packages/core/src/utils/IContextMenu';
+	import { ButtonStyleType } from 'packages/core/src/config/ButtonConfig';
+	import Button from 'packages/core/src/utils/components/Button.svelte';
 
 	export let plugin: IPlugin;
 	export let value: MBLiteral[];
@@ -96,9 +98,9 @@
 	{#each value as entry, i}
 		<div class="mb-inline-list-item">
 			<LiteralRenderComponent value={entry}></LiteralRenderComponent>
-			<button class="mb-inline-list-item-button" on:click={e => openContextMenuForElement(e, i)}>
+			<Button variant={ButtonStyleType.PLAIN} on:click={e => openContextMenuForElement(e, i)}>
 				<Icon plugin={plugin} iconName="more-vertical" />
-			</button>
+			</Button>
 		</div>
 	{/each}
 	<div class="mb-inline-list-add" on:click={() => showInput()} on:keydown={inputKey} role="button" tabindex="0">

packages/core/src/fields/inputFields/fields/InlineListSuggester/InlineListSuggesterComponent.svelte

@@ -4,6 +4,8 @@
 	import LiteralRenderComponent from '../../../../utils/components/LiteralRenderComponent.svelte';
 	import { IPlugin } from '../../../../IPlugin';
 	import { ContextMenuItemDefinition } from 'packages/core/src/utils/IContextMenu';
+	import Button from '../../../../utils/components/Button.svelte';
+	import { ButtonStyleType } from '../../../../config/ButtonConfig';
 
 	export let plugin: IPlugin;
 	export let value: MBLiteral[];
@@ -100,9 +102,9 @@
 	{#each value as entry, i}
 		<div class="mb-inline-list-item">
 			<LiteralRenderComponent value={entry}></LiteralRenderComponent>
-			<button class="mb-inline-list-item-button" on:click={e => openContextMenuForElement(e, i)}>
+			<Button variant={ButtonStyleType.PLAIN} on:click={e => openContextMenuForElement(e, i)}>
 				<Icon plugin={plugin} iconName="more-vertical" />
-			</button>
+			</Button>
 		</div>
 	{/each}
 	<div class="mb-inline-list-add" on:click={suggest} on:keydown={suggestKey} role="button" tabindex="0">

packages/core/src/utils/IJsRenderer.ts

@@ -1,4 +1,23 @@
+/**
+ * A JS renderer that should be initialized with a container, a file path and a code string.
+ * Every time that evaluate is called, the code string is executed and the result is returned, as well as rendered into the container.
+ */
 export interface IJsRenderer {
+	/**
+	 * The container element that the result of the evaluation should be rendered to.
+	 */
+	containerEl: HTMLElement;
+	/**
+	 * The code string that should be evaluated.
+	 */
+	code: string;
+
+	/**
+	 * Evaluate the code string with the given context.
+	 * Should return the result of the evaluation as well as render the result to the container.
+	 *
+	 * @param context
+	 */
 	evaluate(context: Record<string, unknown>): Promise<unknown>;
 
 	unload(): void;

styles.css

@@ -236,16 +236,9 @@ div.mb-view-wrapper {
 			margin-right: var(--size-4-2);
 		}
 
-		& > .mb-inline-list-item-button {
-			border: none;
-			background: none;
-			padding: initial;
+		& > button {
+			padding: 0;
 			height: unset;
-			box-shadow: none;
-
-			&:hover {
-				color: var(--text-error);
-			}
 		}
 	}