@blokkli/editor 2.0.0-alpha.32 → 2.0.0-alpha.34

package/dist/runtime/editor/features/editable-field/Overlay/index.vue

@@ -38,7 +38,7 @@
         />
       </div>
 
-      <div class="bk bk-editable-field-info">
+      <div class="bk-artboard-tooltip-info">
         <button :disabled="!hasChanged" @click.prevent="discard">
           {{ $t("editableFieldDiscard", "Discard") }}
         </button>
@@ -70,18 +70,12 @@ import { falsy } from "#blokkli/helpers";
 import InputPlaintext from "./Plaintext/index.vue";
 import InputContenteditable from "./Contenteditable/index.vue";
 import InputFrame from "./Frame/index.vue";
-import { FIELD_MAPPING } from "#blokkli-build/runtime-options";
 import { itemEntityType } from "#blokkli-build/config";
-import { onBlokkliEvent } from "#blokkli/editor/composables";
-const {
-  eventBus,
-  state,
-  adapter,
-  $t,
-  types,
-  element: elementProvider,
-  definitions
-} = useBlokkli();
+import {
+  onBlokkliEvent,
+  useEditableFieldOverride
+} from "#blokkli/editor/composables";
+const { state, adapter, $t, types, element: elementProvider } = useBlokkli();
 const props = defineProps({
   fieldName: { type: String, required: true },
   host: { type: Object, required: true },
@@ -94,10 +88,10 @@ const emit = defineEmits(["close"]);
 const scrollHeight = ref(0);
 const loaded = ref(false);
 const originalText = ref("");
-const originalMutatedProp = ref(void 0);
 const modelValue = ref("");
 const form = useTemplateRef("form");
 const isClosing = ref(false);
+const override = useEditableFieldOverride(props.fieldName, props.host);
 const hasChanged = computed(
   () => modelValue.value.trim() !== originalText.value.trim()
 );
@@ -123,63 +117,8 @@ const errorText = computed(() => {
   }
   return void 0;
 });
-function findMatchingProp(mapping) {
-  return Object.entries(mapping).find(
-    ([_prop, fieldName]) => fieldName === props.fieldName
-  )?.[0] ?? null;
-}
-const providerDefinition = computed(() => {
-  return definitions.getProviderDefinition(props.host.type, props.host.bundle);
-});
-const matchingProp = computed(() => {
-  if (props.host.type === itemEntityType) {
-    const mapping = FIELD_MAPPING[props.host.bundle];
-    if (mapping) {
-      return findMatchingProp(mapping);
-    }
-  } else {
-    if (providerDefinition.value) {
-      const mapping = providerDefinition.value.propsFieldMapping;
-      if (mapping) {
-        return findMatchingProp(mapping);
-      }
-    }
-  }
-  return null;
-});
-const mutatedItemPropsKey = computed(
-  () => providerDefinition.value ? "HOST" : props.host.uuid
-);
-const usesMutatedProps = computed(() => !!matchingProp.value);
-const usesDirectDom = computed(() => !props.isComponent && !matchingProp.value);
 function restoreOriginalState() {
-  if (usesMutatedProps.value && matchingProp.value) {
-    const key = mutatedItemPropsKey.value;
-    if (originalMutatedProp.value === void 0) {
-      if (state.mutatedItemProps[key]) {
-        state.mutatedItemProps[key] = void 0;
-      }
-    } else {
-      if (state.mutatedItemProps[key]) {
-        state.mutatedItemProps[key][matchingProp.value] = originalMutatedProp.value;
-      }
-    }
-  }
-  if (usesDirectDom.value) {
-    const el = props.element;
-    if (isMarkup.value) {
-      el.innerHTML = originalText.value;
-    } else {
-      el.textContent = originalText.value;
-    }
-  }
-  if (props.isComponent) {
-    eventBus.emit("editable:update", {
-      name: props.fieldName,
-      entityUuid: props.host.uuid,
-      value: originalText.value
-    });
-  }
+  override.restore();
 }
 async function persistValue() {
   if (props.host.type === itemEntityType) {
@@ -225,27 +164,7 @@ async function save() {
 }
 onBlokkliEvent("window:clickAway", save);
 watch(modelValue, (newText) => {
-  if (usesMutatedProps.value && matchingProp.value) {
-    if (!state.mutatedItemProps[mutatedItemPropsKey.value]) {
-      state.mutatedItemProps[mutatedItemPropsKey.value] = {};
-    }
-    state.mutatedItemProps[mutatedItemPropsKey.value][matchingProp.value] = newText;
-  }
-  if (usesDirectDom.value) {
-    const el = props.element;
-    if (props.config.type === "plain") {
-      el.textContent = newText;
-    } else {
-      el.innerHTML = newText;
-    }
-  }
-  if (props.isComponent) {
-    eventBus.emit("editable:update", {
-      name: props.fieldName,
-      entityUuid: props.host.uuid,
-      value: newText
-    });
-  }
+  override.setValue(newText);
 });
 const focusInput = (el) => {
   if (!el) {
@@ -283,21 +202,10 @@ onMounted(() => {
   const el = props.element;
   if (props.isComponent) {
     modelValue.value = props.value || "";
-  } else if (matchingProp.value) {
-    if (providerDefinition.value) {
-      modelValue.value = state.mutatedEntity.value[matchingProp.value] || "";
-    } else {
-      modelValue.value = state.getFieldListItem(props.host.uuid)?.props?.[matchingProp.value] ?? "";
-    }
-  } else if (isMarkup.value) {
-    modelValue.value = el.innerHTML;
   } else {
-    modelValue.value = el.textContent || "";
+    modelValue.value = override.originalValue;
   }
   originalText.value = modelValue.value;
-  if (usesMutatedProps.value && matchingProp.value) {
-    originalMutatedProp.value = state.mutatedItemProps[mutatedItemPropsKey.value]?.[matchingProp.value];
-  }
   nextTick(() => {
     scrollHeight.value = el.scrollHeight;
     loaded.value = true;

package/dist/runtime/editor/features/editable-field/types.d.ts

@@ -1,3 +1,5 @@
+import type { EntityTypeRestriction } from '#blokkli/editor/types/definitions';
+import type { UpdateEntityFieldValueEvent } from '#blokkli/editor/adapter';
 export type EditableFieldType = 'plain' | 'markup' | 'table' | 'frame';
 export type EditableFieldConfig = {
     name: string;
@@ -9,12 +11,12 @@ export type EditableFieldConfig = {
     maxLength: number;
 };
 export type DroppableFieldConfig = {
+    type: 'reference' | 'link';
     name: string;
     label: string;
     entityType: string;
     entityBundle: string;
-    allowedEntityType: string;
-    allowedBundles: string[];
+    allowed: EntityTypeRestriction[];
     cardinality: number;
     required: boolean;
 };
@@ -23,6 +25,10 @@ export type UpdateFieldValueEvent = {
     fieldName: string;
     fieldValue: string;
 };
+export type UpdateFieldValueBatchedEvent = {
+    items: UpdateFieldValueEvent[];
+    entityItems: UpdateEntityFieldValueEvent[];
+};
 type AdapterBuildEditableFrameUrl = {
     fieldName: string;
     uuid?: string;
@@ -45,6 +51,10 @@ declare module '#blokkli/editor/adapter' {
          * Update the value of a single entity field.
          */
         updateEntityFieldValue?: (e: UpdateEntityFieldValueEvent) => Promise<MutationResponseLike<T>> | undefined;
+        /**
+         * Update the values of multiple block and entity fields in a single batch.
+         */
+        updateFieldValueBatched?: (e: UpdateFieldValueBatchedEvent) => Promise<MutationResponseLike<T>> | undefined;
         /**
          * Build the iframe URL for an editable of type "frame".
          */

package/dist/runtime/editor/features/entity-title/index.vue

@@ -111,13 +111,13 @@ const tourText = computed(() => {
     "<p>Shows the title and status of the current page.</p><p>Click on the title to open the page edit form.</p>"
   );
   return `
-${intro}
-<ul>
-<li><div class="bk-status-indicator"></div>${statusUnpublished.value}</li>
-<li><div class="bk-status-indicator bk-is-warning"></div>${statusPending.value}</li>
-<li><div class="bk-status-indicator bk-is-success"></div>${statusPublished.value}</li>
-</ul>
-`;
+  ${intro}
+  <ul>
+  <li><div class="bk-status-indicator"></div>${statusUnpublished.value}</li>
+  <li><div class="bk-status-indicator bk-is-warning"></div>${statusPending.value}</li>
+  <li><div class="bk-status-indicator bk-is-success"></div>${statusPublished.value}</li>
+  </ul>
+  `;
 });
 defineTourItem(() => {
   return {

package/dist/runtime/editor/features/fragments/index.vue

@@ -52,7 +52,7 @@ defineAddAction(() => {
     icon: "bk_mdi_newspaper",
     color: "accent",
     itemBundle: fragmentBlockBundle,
-    title: $t("fragmentsAddFragmentAction", "Add fragment"),
+    title: $t("fragmentsAddFragmentAction", "Fragment"),
     weight: 20,
     description: $t(
       "fragmentsAddFragmentDescription",

package/dist/runtime/editor/features/import-existing/Dialog/index.vue

@@ -17,24 +17,19 @@
     @cancel="$emit('cancel')"
   >
     <div class="bk">
-      <ConfigForm v-model="filters" :config>
-        <template #before>
-          <li class="bk-form-item">
-            <FormCheckboxes
-              id="import-existing-fields"
-              v-model="selectedFields"
-              :label="
+      <FormCheckboxes
+        id="import-existing-fields"
+        v-model="selectedFields"
+        :label="
   $t(
     'importExistingFieldsLabel',
     'Which content would you like to import?'
   )
 "
-              :options="fieldOptions"
-              inline
-            />
-          </li>
-        </template>
-      </ConfigForm>
+        :options="fieldOptions"
+        inline
+      />
+      <ConfigForm v-model="filters" :config />
       <div class="bk-import-existing-dialog-results">
         <div class="bk-form-label">
           {{ $t("importExistingPagesTitle", "Select page") }}

package/dist/runtime/editor/features/library/ReusableDialog/index.vue

@@ -57,7 +57,12 @@
 
 <script setup>
 import { ref, useBlokkli, onMounted, useTemplateRef, watch } from "#imports";
-import { DialogModal, InfoBox, FormText, FormItem } from "#blokkli/editor/components";
+import {
+  DialogModal,
+  InfoBox,
+  FormText,
+  FormItem
+} from "#blokkli/editor/components";
 import { realBackgroundColor } from "#blokkli/editor/helpers/dom";
 defineEmits(["confirm", "cancel"]);
 const { dom, $t, blocks, ui } = useBlokkli();

package/dist/runtime/editor/features/library/index.vue

@@ -45,6 +45,8 @@
   <NestedEditorOverlay
     v-if="editingLibraryItem"
     v-bind="editingLibraryItem"
+    theme="lime"
+    icon="reusable"
     :title="$t('libraryItemEditOverlayTitle', 'Edit reusable block')"
     @submit="onSubmitLibraryItem"
     @close="cancelLibraryItemEdit"
@@ -74,8 +76,11 @@ const { adapter } = defineBlokkliFeature({
   requiredAdapterMethods: ["makeBlockReusable", "detachReusableBlock"],
   dependencies: ["add-list"]
 });
-const { selection, state, types, $t, eventBus, definitions, ui } = useBlokkli();
+const { selection, state, types, $t, eventBus, definitions, ui, permissions } = useBlokkli();
 const showReusableDialog = useDialog("library-reusable", "center");
+const userCanCreateLibraryItem = computed(
+  () => permissions.hasPermission("create_library_item")
+);
 async function selectNewlyAdded(cb) {
   const uuidsBefore = state.getAllUuids();
   await cb();
@@ -161,11 +166,15 @@ const fromLibraryAllowedInList = computed(() => {
   return types.allowedTypesInList.value.includes(fromLibraryBlockBundle);
 });
 const canMakeReusable = computed(
-  () => !isReusable.value && itemBundle?.value?.allowReusable && fromLibraryAllowedInList.value
+  () => !isReusable.value && itemBundle?.value?.allowReusable && fromLibraryAllowedInList.value && userCanCreateLibraryItem.value
 );
 const editingLibraryItem = ref(null);
 onBlokkliEvent("library:edit-item", function(e) {
-  editingLibraryItem.value = e;
+  editingLibraryItem.value = {
+    uuid: e.uuid,
+    blockUuid: e.blockUuid,
+    url: e.url
+  };
 });
 function cancelLibraryItemEdit() {
   editingLibraryItem.value = null;
@@ -180,10 +189,10 @@ defineAddAction(() => {
   }
   return {
     id: "library",
-    title: $t("libraryAddFromLibrary", "Add from library"),
+    title: $t("libraryAddFromLibrary", "From library"),
     description: $t(
       "libraryAddDescription",
-      "Add a reusable block from the block library."
+      "<p>Add a reusable block from the block library. Changes to that block will become visible on all pages.</p>"
     ),
     icon: "reusable",
     color: "lime",

package/dist/runtime/editor/features/library/types.d.ts

@@ -79,3 +79,9 @@ declare module '#blokkli/editor/events' {
         'library:edit-item': LibraryEditItemEvent;
     }
 }
+declare module '#blokkli/editor/types/permissions' {
+    interface UserPermissionMap {
+        create_library_item: 'Create new library items from existing blocks';
+        edit_library_item: 'Edit library items.';
+    }
+}

package/dist/runtime/editor/features/media-library/Library/Item.d.vue.ts

@@ -14,9 +14,9 @@ type __VLS_ModelProps = {
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string[] | undefined) => any;
+    "update:modelValue": (value: string[]) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string[] | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/editor/features/media-library/Library/Item.vue

@@ -8,6 +8,7 @@
     :data-item-bundle="targetBundles[0]"
     :data-media-id="mediaId"
     :data-media-bundle="mediaBundle"
+    @click="onClick"
   >
     <div class="bk-media-library-items-item-box">
       <label @click.stop>
@@ -36,6 +37,21 @@ const props = defineProps({
   mediaBundle: { type: String, required: false },
   isDisabled: { type: Boolean, required: false }
 });
-const selected = defineModel({ type: Array });
+const selected = defineModel({ type: Array, ...{
+  default: () => {
+    return [];
+  }
+} });
 const isSelected = computed(() => selected.value?.includes(props.mediaId));
+function onClick(e) {
+  if (e.ctrlKey) {
+    e.stopPropagation();
+    e.preventDefault();
+    if (isSelected.value) {
+      selected.value = selected.value.filter((v) => v !== props.mediaId);
+    } else {
+      selected.value.push(props.mediaId);
+    }
+  }
+}
 </script>

package/dist/runtime/editor/features/media-library/Library/Item.vue.d.ts

@@ -14,9 +14,9 @@ type __VLS_ModelProps = {
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string[] | undefined) => any;
+    "update:modelValue": (value: string[]) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string[] | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/editor/features/media-library/Library/index.vue

@@ -78,7 +78,12 @@ import {
   nextTick,
   useTemplateRef
 } from "#imports";
-import { Sortli, Icon, Pagination, FormToggle } from "#blokkli/editor/components";
+import {
+  Sortli,
+  Icon,
+  Pagination,
+  FormToggle
+} from "#blokkli/editor/components";
 import Item from "./Item.vue";
 import { falsy } from "#blokkli/helpers";
 import { onBlokkliEvent } from "#blokkli/editor/composables";

package/dist/runtime/editor/features/media-library/index.vue

@@ -48,10 +48,10 @@ defineDropAreas((dragItems) => {
   }
   return directive.getDroppableElements().map((field) => {
     const config = types.getDroppableFieldConfig(field.fieldName, field);
-    if (config.allowedEntityType !== "media") {
-      return;
-    }
-    if (!config.allowedBundles.includes(item.mediaBundle)) {
+    const allowedBundles = config.allowed.find(
+      (v) => v.type === "media"
+    )?.bundles;
+    if (!allowedBundles || !allowedBundles.includes(item.mediaBundle)) {
       return;
     }
     const isBlock = field.type === itemEntityType;

package/dist/runtime/editor/features/options/Form/index.vue

@@ -56,32 +56,16 @@ import {
   BK_VISIBLE_LANGUAGES
 } from "./../../../../../global/constants";
 import { fromLibraryBlockBundle, itemEntityType } from "#blokkli-build/config";
+import {
+  getAvailableOptions,
+  getMutatedOptionValue,
+  optionValueToStorable
+} from "#blokkli/editor/helpers/options";
 if (import.meta.hot) {
   import.meta.hot.accept("#blokkli/runtime-helpers", () => {
   });
 }
 const activeGroup = ref("");
-function optionValueToStorable(definition, value) {
-  if (definition.type === "checkbox") {
-    if (typeof value === "string" && (value === "1" || value === "0")) {
-      return value;
-    } else if (typeof value === "boolean") {
-      return value === true ? "1" : "0";
-    }
-    return "0";
-  } else if (definition.type === "text" || definition.type === "radios" || definition.type === "datetime-local") {
-    if (typeof value === "string") {
-      return value;
-    }
-  } else if (definition.type === "checkboxes") {
-    if (Array.isArray(value)) {
-      return value.join(",");
-    } else if (typeof value === "string") {
-      return value;
-    }
-  }
-  return "";
-}
 function onToggleGroup(label) {
   if (activeGroup.value === label) {
     activeGroup.value = "";
@@ -180,30 +164,14 @@ const availableOptions = computed(() => {
   if (!props.definition) {
     return [];
   }
-  const options = props.definition.options || {};
-  const global = (props.definition.globalOptions || []).reduce((acc, v) => {
-    const globalDefinition = definitions.globalOptions.value[v] || null;
-    if (globalDefinition) {
-      acc[v] = globalDefinition;
-    }
-    return acc;
-  }, {});
-  return Object.entries({ ...options, ...global }).map(([property, option]) => {
-    return {
-      property,
-      option
-    };
-  });
+  return getAvailableOptions(
+    props.definition.options,
+    props.definition.globalOptions,
+    definitions.globalOptions.value
+  );
 });
 function getOptionValue(uuid, key, defaultValue) {
-  if (!uuid) {
-    return "";
-  }
-  const blockMutatedOptions = state.mutatedOptions[uuid];
-  if (blockMutatedOptions !== void 0 && blockMutatedOptions[key] !== void 0) {
-    return blockMutatedOptions[key];
-  }
-  return defaultValue;
+  return getMutatedOptionValue(state.mutatedOptions, uuid, key, defaultValue);
 }
 const currentValues = computed(() => {
   return availableOptions.value.reduce((acc, v) => {

package/dist/runtime/editor/features/ownership/Banner/index.d.vue.ts

@@ -1,7 +1,10 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+type __VLS_Props = {
+    canTakeOwnership: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     submit: () => any;
-}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSubmit?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/editor/features/ownership/Banner/index.vue

@@ -3,7 +3,7 @@
     id="ownership"
     icon="bk_mdi_person-fill"
     :text
-    :button="$t('ownershipTakeOwnership', 'Assign to me')"
+    :button
     @click="$emit('submit')"
   />
 </template>
@@ -11,6 +11,9 @@
 <script setup>
 import { computed, useBlokkli, onMounted, onBeforeUnmount } from "#imports";
 import { Banner } from "#blokkli/editor/components";
+const props = defineProps({
+  canTakeOwnership: { type: Boolean, required: true }
+});
 defineEmits(["submit"]);
 const { state, $t, ui } = useBlokkli();
 const name = computed(() => {
@@ -26,6 +29,12 @@ const text = computed(() => {
     "This page is currently being edited by @name. Changes can only be made by one person at a time."
   ).replace("@name", name.value);
 });
+const button = computed(() => {
+  if (!props.canTakeOwnership) {
+    return void 0;
+  }
+  return $t("ownershipTakeOwnership", "Assign to me");
+});
 onMounted(() => {
   ui.setSelectionColor("ownership", "mono");
 });

package/dist/runtime/editor/features/ownership/Banner/index.vue.d.ts

@@ -1,7 +1,10 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+type __VLS_Props = {
+    canTakeOwnership: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     submit: () => any;
-}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSubmit?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/editor/features/ownership/index.vue

@@ -1,6 +1,10 @@
 <template>
   <Teleport to="#bk-banner-list">
-    <OwnershipBanner v-if="shouldRender" @submit="takeOwnership" />
+    <OwnershipBanner
+      v-if="shouldRender"
+      :can-take-ownership
+      @submit="takeOwnership"
+    />
   </Teleport>
 </template>
 
@@ -14,15 +18,23 @@ const { adapter } = defineBlokkliFeature({
   requiredAdapterMethods: ["takeOwnership"],
   description: "Renders a large button to take ownership of the current edit state."
 });
-const { state, $t } = useBlokkli();
+const { state, $t, permissions } = useBlokkli();
 const shouldRender = computed(
   () => !state.owner.value?.currentUserIsOwner && state.permissions.value.includes("edit")
 );
-const takeOwnership = () => state.mutateWithLoadingState(
-  () => adapter.takeOwnership(),
-  $t("ownershipError", "Error in assigning"),
-  $t("ownershipSuccess", "You are now the owner.")
+const canTakeOwnership = computed(
+  () => permissions.hasPermission("take_ownership")
 );
+function takeOwnership() {
+  if (!canTakeOwnership.value) {
+    return;
+  }
+  state.mutateWithLoadingState(
+    () => adapter.takeOwnership(),
+    $t("ownershipError", "Error in assigning"),
+    $t("ownershipSuccess", "You are now the owner.")
+  );
+}
 </script>
 
 <script>

package/dist/runtime/editor/features/ownership/types.d.ts

@@ -6,3 +6,8 @@ declare module '#blokkli/editor/adapter' {
         takeOwnership?: () => Promise<MutationResponseLike<T>>;
     }
 }
+declare module '#blokkli/editor/types/permissions' {
+    interface UserPermissionMap {
+        take_ownership: 'Take ownership of edit state';
+    }
+}

package/dist/runtime/editor/features/publish/index.vue

@@ -16,7 +16,11 @@ import {
 } from "#imports";
 import { BlokkliTransition } from "#blokkli/editor/components";
 import PublishDialog from "./Dialog/index.vue";
-import { defineMenuButton, onBlokkliEvent, useDialog } from "#blokkli/editor/composables";
+import {
+  defineMenuButton,
+  onBlokkliEvent,
+  useDialog
+} from "#blokkli/editor/composables";
 const { adapter, settings } = defineBlokkliFeature({
   id: "publish",
   icon: "bk_mdi_publish",

package/dist/runtime/editor/features/search/Overlay/index.vue

@@ -93,11 +93,14 @@ function focusInput() {
   }
 }
 defineExpose({ focusInput });
-const adapterContentSearchTabs = adapter.getContentSearchTabs ? await adapter.getContentSearchTabs() : {};
+const adapterContentSearchTabs = adapter.getContentSearchTabs ? await adapter.getContentSearchTabs() : [];
 const tabsMap = computed(() => {
   return {
     on_this_page: $t("searchBoxOnThisPage", "On this page"),
-    ...adapterContentSearchTabs
+    ...adapterContentSearchTabs.reduce((acc, tab2) => {
+      acc[tab2.id] = tab2.title;
+      return acc;
+    }, {})
   };
 });
 const tabItems = computed(() => {