@limetech/lime-crm-building-blocks 1.52.0 → 1.54.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [1.54.0](https://github.com/Lundalogik/lime-crm-building-blocks/compare/v1.53.0...v1.54.0) (2024-11-26)
+
+### Features
+
+
+* **text-editor:** be able to mention a group ([e9b403a](https://github.com/Lundalogik/lime-crm-building-blocks/commit/e9b403aaa1d11ba78f9e8e34f8a2711c8f0bc3a3))
+
+## [1.53.0](https://github.com/Lundalogik/lime-crm-building-blocks/compare/v1.52.0...v1.53.0) (2024-11-25)
+
+### Features
+
+
+* **text-editor:** pass missing props ([419f32c](https://github.com/Lundalogik/lime-crm-building-blocks/commit/419f32cb7922d7f8d0375124a81f99a59a925892))
+
 ## [1.52.0](https://github.com/Lundalogik/lime-crm-building-blocks/compare/v1.51.0...v1.52.0) (2024-11-22)
 
 ### Features

package/dist/cjs/lime-crm-building-blocks.cjs.js

@@ -15,5 +15,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["limebb-feed.cjs",[[1,"limebb-feed",{"platform":[16],"context":[16],"items":[16],"emptyStateMessage":[1,"empty-state-message"],"heading":[1],"loading":[4],"minutesOfProximity":[2,"minutes-of-proximity"],"totalCount":[2,"total-count"],"lastVisitedTimestamp":[1,"last-visited-timestamp"]}]]],["limebb-kanban.cjs",[[1,"limebb-kanban",{"platform":[16],"context":[16],"items":[16],"paginationSize":[2,"pagination-size"],"groupBy":[513,"group-by"],"groups":[16]}]]],["limebb-date-range.cjs",[[1,"limebb-date-range",{"platform":[16],"context":[16],"startTime":[16],"endTime":[16],"startTimeLabel":[1,"start-time-label"],"endTimeLabel":[1,"end-time-label"],"language":[1],"timeFormat":[1,"time-format"],"type":[1]}]]],["limebb-info-tile-currency-format.cjs",[[1,"limebb-info-tile-currency-format",{"platform":[16],"context":[16],"value":[16]}]]],["limebb-notification-list.cjs",[[1,"limebb-notification-list",{"platform":[16],"context":[16],"items":[16],"loading":[4],"lastVisitedTimestamp":[1,"last-visited-timestamp"]}]]],["limebb-text-editor.cjs",[[1,"limebb-text-editor",{"platform":[16],"context":[16],"contentType":[1,"content-type"],"language":[513],"disabled":[516],"readonly":[516],"helperText":[513,"helper-text"],"placeholder":[513],"label":[513],"invalid":[516],"selectedContext":[16],"uiType":[8,"ui-type"],"allowResize":[4,"allow-resize"],"value":[1],"items":[32],"customElements":[32],"registeredTriggers":[32],"editorPickerQuery":[32],"coworkerLimetype":[32],"isPickerOpen":[32]}]]],["limebb-browser.cjs",[[17,"limebb-browser",{"platform":[16],"context":[16],"items":[16],"layout":[1],"filter":[32]}]]],["limebb-component-config.cjs",[[1,"limebb-component-config",{"platform":[16],"context":[16],"value":[16],"required":[4],"readonly":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"],"formInfo":[16],"type":[1],"nameField":[1,"name-field"],"configComponent":[32],"configViewType":[32]}]]],["limebb-component-picker.cjs",[[1,"limebb-component-picker",{"platform":[16],"context":[16],"type":[1],"tags":[16],"value":[1],"copyLabel":[1,"copy-label"],"hideCopyButton":[4,"hide-copy-button"],"required":[4],"readonly":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"]}]]],["limebb-dashboard-widget.cjs",[[1,"limebb-dashboard-widget",{"heading":[513],"subheading":[513],"supportingText":[513,"supporting-text"],"icon":[513]}]]],["limebb-icon-picker.cjs",[[1,"limebb-icon-picker",{"value":[1],"required":[4],"readonly":[4],"invalid":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"]}]]],["limebb-info-tile.cjs",[[1,"limebb-info-tile",{"platform":[16],"context":[16],"filterId":[513,"filter-id"],"disabled":[4],"icon":[513],"label":[1],"prefix":[1],"suffix":[1],"propertyName":[1,"property-name"],"aggregateOperator":[1,"aggregate-operator"],"format":[16],"config":[32],"filters":[32],"value":[32],"loading":[32],"error":[32]}]]],["limebb-info-tile-date-format.cjs",[[1,"limebb-info-tile-date-format",{"value":[16]}]]],["limebb-info-tile-decimal-format.cjs",[[1,"limebb-info-tile-decimal-format",{"value":[16]}]]],["limebb-info-tile-format.cjs",[[1,"limebb-info-tile-format",{"platform":[16],"context":[16],"type":[1],"value":[16]}]]],["limebb-info-tile-relative-date-format.cjs",[[1,"limebb-info-tile-relative-date-format",{"value":[16]}]]],["limebb-info-tile-unit-format.cjs",[[1,"limebb-info-tile-unit-format",{"value":[16]}]]],["limebb-limeobject-file-viewer.cjs",[[1,"limebb-limeobject-file-viewer",{"platform":[16],"context":[16],"property":[1],"fileTypes":[16],"limeobject":[32],"limetype":[32]}]]],["limebb-locale-picker.cjs",[[1,"limebb-locale-picker",{"platform":[16],"context":[16],"value":[1],"required":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"],"readonly":[4],"multipleChoice":[4,"multiple-choice"],"allLanguages":[32]}]]],["limebb-mention.cjs",[[1,"limebb-mention",{"limetype":[1],"objectid":[2],"limeobject":[32]}]]],["limebb-navigation-button.cjs",[[17,"limebb-navigation-button",{"href":[513],"tooltipLabel":[513,"tooltip-label"],"tooltipHelperLabel":[513,"tooltip-helper-label"],"type":[513]}]]],["limebb-kanban-column.cjs",[[1,"limebb-kanban-column",{"platform":[16],"context":[16],"columnHeading":[1,"column-heading"],"items":[16],"loading":[4],"paginationSize":[2,"pagination-size"],"displayedItemCount":[32]}]]],["limebb-currency-picker.cjs",[[1,"limebb-currency-picker",{"platform":[16],"context":[16],"label":[513],"currencies":[16],"helperText":[513,"helper-text"],"required":[516],"readonly":[516],"invalid":[516],"disabled":[516],"value":[1]}]]],["limebb-date-picker.cjs",[[1,"limebb-date-picker",{"platform":[16],"context":[16],"disabled":[516],"readonly":[516],"invalid":[516],"label":[513],"placeholder":[513],"helperText":[513,"helper-text"],"required":[516],"value":[1],"type":[513]}]]],["limebb-notification-item.cjs",[[1,"limebb-notification-item",{"platform":[16],"context":[16],"item":[16]}]]],["limebb-text-editor-picker.cjs",[[1,"limebb-text-editor-picker",{"items":[16],"open":[516],"emptyMessage":[1,"empty-message"]}]]],["limebb-empty-state_2.cjs",[[1,"limebb-empty-state",{"heading":[513],"value":[513],"icon":[16]}],[1,"limebb-feed-timeline-item",{"platform":[16],"context":[16],"item":[16],"ui":[513],"isBundled":[516,"is-bundled"],"headingCanExpand":[32],"isHeadingExpanded":[32],"showMore":[32],"isTall":[32]}]]],["limebb-kanban-item.cjs",[[1,"limebb-kanban-item",{"platform":[16],"context":[16],"item":[16]}]]]], options);
+  return index.bootstrapLazy([["limebb-feed.cjs",[[1,"limebb-feed",{"platform":[16],"context":[16],"items":[16],"emptyStateMessage":[1,"empty-state-message"],"heading":[1],"loading":[4],"minutesOfProximity":[2,"minutes-of-proximity"],"totalCount":[2,"total-count"],"lastVisitedTimestamp":[1,"last-visited-timestamp"]}]]],["limebb-kanban.cjs",[[1,"limebb-kanban",{"platform":[16],"context":[16],"items":[16],"paginationSize":[2,"pagination-size"],"groupBy":[513,"group-by"],"groups":[16]}]]],["limebb-date-range.cjs",[[1,"limebb-date-range",{"platform":[16],"context":[16],"startTime":[16],"endTime":[16],"startTimeLabel":[1,"start-time-label"],"endTimeLabel":[1,"end-time-label"],"language":[1],"timeFormat":[1,"time-format"],"type":[1]}]]],["limebb-info-tile-currency-format.cjs",[[1,"limebb-info-tile-currency-format",{"platform":[16],"context":[16],"value":[16]}]]],["limebb-notification-list.cjs",[[1,"limebb-notification-list",{"platform":[16],"context":[16],"items":[16],"loading":[4],"lastVisitedTimestamp":[1,"last-visited-timestamp"]}]]],["limebb-text-editor.cjs",[[1,"limebb-text-editor",{"platform":[16],"context":[16],"contentType":[1,"content-type"],"language":[513],"disabled":[516],"readonly":[516],"helperText":[513,"helper-text"],"placeholder":[513],"label":[513],"invalid":[516],"required":[516],"selectedContext":[16],"ui":[513],"allowResize":[4,"allow-resize"],"value":[1],"items":[32],"customElements":[32],"registeredTriggers":[32],"editorPickerQuery":[32],"searchableLimetypes":[32],"isPickerOpen":[32]}]]],["limebb-browser.cjs",[[17,"limebb-browser",{"platform":[16],"context":[16],"items":[16],"layout":[1],"filter":[32]}]]],["limebb-component-config.cjs",[[1,"limebb-component-config",{"platform":[16],"context":[16],"value":[16],"required":[4],"readonly":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"],"formInfo":[16],"type":[1],"nameField":[1,"name-field"],"configComponent":[32],"configViewType":[32]}]]],["limebb-component-picker.cjs",[[1,"limebb-component-picker",{"platform":[16],"context":[16],"type":[1],"tags":[16],"value":[1],"copyLabel":[1,"copy-label"],"hideCopyButton":[4,"hide-copy-button"],"required":[4],"readonly":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"]}]]],["limebb-dashboard-widget.cjs",[[1,"limebb-dashboard-widget",{"heading":[513],"subheading":[513],"supportingText":[513,"supporting-text"],"icon":[513]}]]],["limebb-icon-picker.cjs",[[1,"limebb-icon-picker",{"value":[1],"required":[4],"readonly":[4],"invalid":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"]}]]],["limebb-info-tile.cjs",[[1,"limebb-info-tile",{"platform":[16],"context":[16],"filterId":[513,"filter-id"],"disabled":[4],"icon":[513],"label":[1],"prefix":[1],"suffix":[1],"propertyName":[1,"property-name"],"aggregateOperator":[1,"aggregate-operator"],"format":[16],"config":[32],"filters":[32],"value":[32],"loading":[32],"error":[32]}]]],["limebb-info-tile-date-format.cjs",[[1,"limebb-info-tile-date-format",{"value":[16]}]]],["limebb-info-tile-decimal-format.cjs",[[1,"limebb-info-tile-decimal-format",{"value":[16]}]]],["limebb-info-tile-format.cjs",[[1,"limebb-info-tile-format",{"platform":[16],"context":[16],"type":[1],"value":[16]}]]],["limebb-info-tile-relative-date-format.cjs",[[1,"limebb-info-tile-relative-date-format",{"value":[16]}]]],["limebb-info-tile-unit-format.cjs",[[1,"limebb-info-tile-unit-format",{"value":[16]}]]],["limebb-limeobject-file-viewer.cjs",[[1,"limebb-limeobject-file-viewer",{"platform":[16],"context":[16],"property":[1],"fileTypes":[16],"limeobject":[32],"limetype":[32]}]]],["limebb-locale-picker.cjs",[[1,"limebb-locale-picker",{"platform":[16],"context":[16],"value":[1],"required":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"],"readonly":[4],"multipleChoice":[4,"multiple-choice"],"allLanguages":[32]}]]],["limebb-mention.cjs",[[1,"limebb-mention",{"limetype":[1],"objectid":[2],"limeobject":[32]}]]],["limebb-navigation-button.cjs",[[17,"limebb-navigation-button",{"href":[513],"tooltipLabel":[513,"tooltip-label"],"tooltipHelperLabel":[513,"tooltip-helper-label"],"type":[513]}]]],["limebb-kanban-column.cjs",[[1,"limebb-kanban-column",{"platform":[16],"context":[16],"columnHeading":[1,"column-heading"],"items":[16],"loading":[4],"paginationSize":[2,"pagination-size"],"displayedItemCount":[32]}]]],["limebb-currency-picker.cjs",[[1,"limebb-currency-picker",{"platform":[16],"context":[16],"label":[513],"currencies":[16],"helperText":[513,"helper-text"],"required":[516],"readonly":[516],"invalid":[516],"disabled":[516],"value":[1]}]]],["limebb-date-picker.cjs",[[1,"limebb-date-picker",{"platform":[16],"context":[16],"disabled":[516],"readonly":[516],"invalid":[516],"label":[513],"placeholder":[513],"helperText":[513,"helper-text"],"required":[516],"value":[1],"type":[513]}]]],["limebb-notification-item.cjs",[[1,"limebb-notification-item",{"platform":[16],"context":[16],"item":[16]}]]],["limebb-text-editor-picker.cjs",[[1,"limebb-text-editor-picker",{"items":[16],"open":[516],"emptyMessage":[1,"empty-message"]}]]],["limebb-empty-state_2.cjs",[[1,"limebb-empty-state",{"heading":[513],"value":[513],"icon":[16]}],[1,"limebb-feed-timeline-item",{"platform":[16],"context":[16],"item":[16],"ui":[513],"isBundled":[516,"is-bundled"],"headingCanExpand":[32],"isHeadingExpanded":[32],"showMore":[32],"isTall":[32]}]]],["limebb-kanban-item.cjs",[[1,"limebb-kanban-item",{"platform":[16],"context":[16],"item":[16]}]]]], options);
 });

package/dist/cjs/limebb-text-editor.cjs.entry.js

@@ -10,77 +10,26 @@ const nonNull = require('./non-null-45e885d5.js');
 require('./factory-310afac1.js');
 
 /**
- * Creates a function to find a limetype by its label in a collection of limetypes.
- *
- * The returned function searches through a collection of limetypes and returns
- * the first one that matches the given label. This function is typically used
- * to generate a callback for decorators or other higher-order logic.
- *
- * @param label - The label of the limetype to find.
- * @returns A function that takes a collection of limetypes and returns the first
- * limetype that matches the label, or `undefined` if no match is found.
- *
- * @example
- * ```typescript
- * import { findLimetypeByLabel } from '@limetech/lime-web-components';
- *
- * const limetypes = {
- *     company: { label: 'company', properties: {} },
- *     person: { label: 'person', properties: {} },
- * };
- *
- * const findPersonLimetype = findLimetypeByLabel('person');
- * const personLimetype = findPersonLimetype(limetypes);
- * console.log(personLimetype); // { label: 'person', properties: {} }
- * ```
- *
- * @example
- * ```typescript
- * // Using `findLimetypeByLabel` as a callback for a decorator
- * import { findLimetypeByLabel, SelectLimeTypes } from '@limetech/lime-web-components';
- *
- * @SelectLimeTypes({
- *     map: [findLimetypeByLabel('person')],
- * })
- * private personLimetype: LimeType;
- * ```
- *
  * @public
  * @group Lime types
  */
-const findLimetypeByLabel = (label) => (limetypes) => {
-    return Object.values(limetypes).find(hasLabel(label));
-};
-
+function isRelation(property) {
+    const propTypes = [
+        'belongsto',
+        'hasone',
+        'hasmany',
+        'hasandbelongstomany',
+    ];
+    return property && propTypes.includes(property.type);
+}
 /**
- * Creates a function to check if a given object has a specific label.
- *
- * The returned function takes an object (a `LimeType` or `LimeProperty`) and
- * checks whether it contains the specified label. This function is typically
- * used as a callback for array methods like `.find` or `.filter`.
- *
- * @param label - The label to check for.
- * @returns A function that takes an optional object and returns `true` if the label matches, or `false` otherwise.
- *
- * @example
- * ```typescript
- * import { hasLabel } from '@limetech/lime-web-components';
- *
- * const properties = [
- *     { label: 'name', type: 'string' },
- *     { label: 'email', type: 'string' },
- * ];
- *
- * const emailProperty = properties.find(hasLabel('email'));
- * console.log(emailProperty); // { label: 'email', type: 'string' }
- * ```
- *
  * @public
  * @group Lime types
  */
-const hasLabel = (label) => (object) => {
-    return (object === null || object === void 0 ? void 0 : object.label) === label;
-};
+function isSingleRelation(property) {
+    const propTypes = ['belongsto', 'hasone'];
+    return property && propTypes.includes(property.type);
+}
 
 const createRandomString = () => {
   var _a;
@@ -100,6 +49,33 @@ function legacyCreateRandomString() {
     Math.random().toString(USE_HEX).substring(SKIP_LEADING_ZERODOT));
 }
 
+/**
+ * Get the limetypes that should be available for mentions
+ *
+ * @param {Record<string, LimeType>} limetypes all limetypes
+ * @returns {LimeType[]} mention limetypes
+ */
+function getMentionLimetypes(limetypes) {
+  return Object.values(limetypes).filter((limetype) => {
+    return limetype.label === 'user' || isGroupMention(limetype);
+  });
+}
+function isGroupMention(limetype) {
+  const coworkerProperty = getRelationProperty(limetype, 'user');
+  return (!!coworkerProperty &&
+    isManyRelation(coworkerProperty) &&
+    !hasLabel(limetype, 'user'));
+}
+function hasLabel(object, label) {
+  return object.label === label;
+}
+function isManyRelation(property) {
+  return isRelation(property) && !isSingleRelation(property);
+}
+function getRelationProperty(limetype, label) {
+  return Object.values(limetype.properties).find((property) => { var _a, _b; return ((_b = (_a = property === null || property === void 0 ? void 0 : property.relation) === null || _a === void 0 ? void 0 : _a.getLimetype()) === null || _b === void 0 ? void 0 : _b.label) === label; });
+}
+
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
@@ -147,6 +123,26 @@ const LimeBBTextEditor = class {
      * invalid.
      */
     this.invalid = false;
+    /**
+     * Set to `true` to indicate that the field is required.
+     *
+     * :::important
+     * An empty but required field is not automatically considered invalid.
+     * You must make sure to check the validity of the field on your own,
+     * and properly handle the `invalid` state.
+     * :::
+     */
+    this.required = false;
+    /**
+     * Specifies the visual appearance of the editor.
+     *
+     * - `standard`: The default editor appearance with a full toolbar and
+     * standard layout.
+     * - `minimal`: A compact editor appearance, ideal for limited space
+     * scenarios such as mobile devices. In this mode, the toolbar is hidden
+     * until the editor is focused.
+     */
+    this.ui = 'standard';
     /**
      * Set to `true` to allow the user to vertically resize the editor.
      * Set to `false` to disable the resize functionality.
@@ -218,21 +214,6 @@ const LimeBBTextEditor = class {
       this.editorPickerQuery = event.detail.value;
       this.search();
     };
-    this.loadObjects = (limetype, objects) => {
-      return objects
-        .map((object) => {
-        const limeobject = this.limeObjectService.getObject(limetype.name, object._id);
-        if (!limeobject) {
-          return;
-        }
-        return {
-          text: limeobject.descriptive,
-          secondaryText: limetype.name,
-          value: object._id,
-        };
-      })
-        .filter(nonNull.isNonNull);
-    };
     this.handleItemSelected = (event) => {
       this.insertEditorNode(event.detail);
       this.activeTrigger = undefined;
@@ -299,7 +280,7 @@ const LimeBBTextEditor = class {
   }
   render() {
     return [
-      index.h("limel-text-editor", { ref: (el) => (this.textEditor = el), tabindex: this.disabled ? -1 : 0, value: this.value, contentType: this.contentType, "aria-placeholder": this.placeholder, customElements: this.customElements, "aria-disabled": this.disabled, language: this.language, triggers: this.registeredTriggers, onTriggerStart: this.handleTriggerStart, onTriggerStop: this.handleTriggerStop, onTriggerChange: this.handleTriggerChange, ui: this.uiType, allowResize: this.allowResize }),
+      index.h("limel-text-editor", { ref: (el) => (this.textEditor = el), tabindex: this.disabled ? -1 : 0, value: this.value, contentType: this.contentType, customElements: this.customElements, "aria-disabled": this.disabled, language: this.language, triggers: this.registeredTriggers, onTriggerStart: this.handleTriggerStart, onTriggerStop: this.handleTriggerStop, onTriggerChange: this.handleTriggerChange, ui: this.ui, allowResize: this.allowResize, required: this.required, disabled: this.disabled, readonly: this.readonly, helperText: this.helperText, placeholder: this.placeholder, label: this.label, invalid: this.invalid }),
       this.renderPicker(),
     ];
   }
@@ -314,14 +295,16 @@ const LimeBBTextEditor = class {
       return;
     }
     const query = this.editorPickerQuery;
-    const limetype = this.coworkerLimetype;
     const limit = SEARCH_LIMIT;
     try {
-      const response = await this.limeObjectService.search(query, limetype, limit);
+      const response = await this.limeObjectService.search(query, this.searchableLimetypes, limit);
       if (query !== this.editorPickerQuery) {
         return;
       }
-      const ids = response.objects.map((object) => object._id);
+      const ids = response.objects.map((obj) => obj._id);
+      if (!ids.length) {
+        return;
+      }
       const options = {
         filter: {
           key: '_id',
@@ -329,13 +312,36 @@ const LimeBBTextEditor = class {
           exp: ids,
         },
       };
-      const objects = (await this.limeObjectService.loadObjects(limetype.name, options)).objects;
-      this.items = this.loadObjects(limetype, objects);
+      this.items = await this.getListItems(this.searchableLimetypes, options);
     }
     catch (e) {
       console.error('Failed search for user', e);
     }
   }
+  async getListItems(limetypes, options) {
+    const items = await Promise.all(limetypes.map((limetype) => this.getLimetypeItems(limetype, options)));
+    return items.flat();
+  }
+  async getLimetypeItems(limetype, options) {
+    const { objects } = await this.limeObjectService.loadObjects(limetype.name, options);
+    return this.createListItems(limetype, objects);
+  }
+  createListItems(limetype, objects) {
+    return objects
+      .map((object) => this.createListItem(limetype, object))
+      .filter(nonNull.isNonNull);
+  }
+  createListItem(limetype, object) {
+    const limeobject = this.limeObjectService.getObject(limetype.name, object._id);
+    if (!limeobject) {
+      return null;
+    }
+    return {
+      text: limeobject.descriptive,
+      secondaryText: limetype.name,
+      value: object._id,
+    };
+  }
   get limeObjectService() {
     return this.platform.get(types.PlatformServiceName.LimeObjectRepository);
   }
@@ -347,8 +353,8 @@ const LimeBBTextEditor = class {
 };
 __decorate([
   decorator.SelectLimeTypes({
-    map: [findLimetypeByLabel('user')],
+    map: [getMentionLimetypes],
   })
-], LimeBBTextEditor.prototype, "coworkerLimetype", void 0);
+], LimeBBTextEditor.prototype, "searchableLimetypes", void 0);
 
 exports.limebb_text_editor = LimeBBTextEditor;

package/dist/cjs/loader.cjs.js

@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["limebb-feed.cjs",[[1,"limebb-feed",{"platform":[16],"context":[16],"items":[16],"emptyStateMessage":[1,"empty-state-message"],"heading":[1],"loading":[4],"minutesOfProximity":[2,"minutes-of-proximity"],"totalCount":[2,"total-count"],"lastVisitedTimestamp":[1,"last-visited-timestamp"]}]]],["limebb-kanban.cjs",[[1,"limebb-kanban",{"platform":[16],"context":[16],"items":[16],"paginationSize":[2,"pagination-size"],"groupBy":[513,"group-by"],"groups":[16]}]]],["limebb-date-range.cjs",[[1,"limebb-date-range",{"platform":[16],"context":[16],"startTime":[16],"endTime":[16],"startTimeLabel":[1,"start-time-label"],"endTimeLabel":[1,"end-time-label"],"language":[1],"timeFormat":[1,"time-format"],"type":[1]}]]],["limebb-info-tile-currency-format.cjs",[[1,"limebb-info-tile-currency-format",{"platform":[16],"context":[16],"value":[16]}]]],["limebb-notification-list.cjs",[[1,"limebb-notification-list",{"platform":[16],"context":[16],"items":[16],"loading":[4],"lastVisitedTimestamp":[1,"last-visited-timestamp"]}]]],["limebb-text-editor.cjs",[[1,"limebb-text-editor",{"platform":[16],"context":[16],"contentType":[1,"content-type"],"language":[513],"disabled":[516],"readonly":[516],"helperText":[513,"helper-text"],"placeholder":[513],"label":[513],"invalid":[516],"selectedContext":[16],"uiType":[8,"ui-type"],"allowResize":[4,"allow-resize"],"value":[1],"items":[32],"customElements":[32],"registeredTriggers":[32],"editorPickerQuery":[32],"coworkerLimetype":[32],"isPickerOpen":[32]}]]],["limebb-browser.cjs",[[17,"limebb-browser",{"platform":[16],"context":[16],"items":[16],"layout":[1],"filter":[32]}]]],["limebb-component-config.cjs",[[1,"limebb-component-config",{"platform":[16],"context":[16],"value":[16],"required":[4],"readonly":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"],"formInfo":[16],"type":[1],"nameField":[1,"name-field"],"configComponent":[32],"configViewType":[32]}]]],["limebb-component-picker.cjs",[[1,"limebb-component-picker",{"platform":[16],"context":[16],"type":[1],"tags":[16],"value":[1],"copyLabel":[1,"copy-label"],"hideCopyButton":[4,"hide-copy-button"],"required":[4],"readonly":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"]}]]],["limebb-dashboard-widget.cjs",[[1,"limebb-dashboard-widget",{"heading":[513],"subheading":[513],"supportingText":[513,"supporting-text"],"icon":[513]}]]],["limebb-icon-picker.cjs",[[1,"limebb-icon-picker",{"value":[1],"required":[4],"readonly":[4],"invalid":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"]}]]],["limebb-info-tile.cjs",[[1,"limebb-info-tile",{"platform":[16],"context":[16],"filterId":[513,"filter-id"],"disabled":[4],"icon":[513],"label":[1],"prefix":[1],"suffix":[1],"propertyName":[1,"property-name"],"aggregateOperator":[1,"aggregate-operator"],"format":[16],"config":[32],"filters":[32],"value":[32],"loading":[32],"error":[32]}]]],["limebb-info-tile-date-format.cjs",[[1,"limebb-info-tile-date-format",{"value":[16]}]]],["limebb-info-tile-decimal-format.cjs",[[1,"limebb-info-tile-decimal-format",{"value":[16]}]]],["limebb-info-tile-format.cjs",[[1,"limebb-info-tile-format",{"platform":[16],"context":[16],"type":[1],"value":[16]}]]],["limebb-info-tile-relative-date-format.cjs",[[1,"limebb-info-tile-relative-date-format",{"value":[16]}]]],["limebb-info-tile-unit-format.cjs",[[1,"limebb-info-tile-unit-format",{"value":[16]}]]],["limebb-limeobject-file-viewer.cjs",[[1,"limebb-limeobject-file-viewer",{"platform":[16],"context":[16],"property":[1],"fileTypes":[16],"limeobject":[32],"limetype":[32]}]]],["limebb-locale-picker.cjs",[[1,"limebb-locale-picker",{"platform":[16],"context":[16],"value":[1],"required":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"],"readonly":[4],"multipleChoice":[4,"multiple-choice"],"allLanguages":[32]}]]],["limebb-mention.cjs",[[1,"limebb-mention",{"limetype":[1],"objectid":[2],"limeobject":[32]}]]],["limebb-navigation-button.cjs",[[17,"limebb-navigation-button",{"href":[513],"tooltipLabel":[513,"tooltip-label"],"tooltipHelperLabel":[513,"tooltip-helper-label"],"type":[513]}]]],["limebb-kanban-column.cjs",[[1,"limebb-kanban-column",{"platform":[16],"context":[16],"columnHeading":[1,"column-heading"],"items":[16],"loading":[4],"paginationSize":[2,"pagination-size"],"displayedItemCount":[32]}]]],["limebb-currency-picker.cjs",[[1,"limebb-currency-picker",{"platform":[16],"context":[16],"label":[513],"currencies":[16],"helperText":[513,"helper-text"],"required":[516],"readonly":[516],"invalid":[516],"disabled":[516],"value":[1]}]]],["limebb-date-picker.cjs",[[1,"limebb-date-picker",{"platform":[16],"context":[16],"disabled":[516],"readonly":[516],"invalid":[516],"label":[513],"placeholder":[513],"helperText":[513,"helper-text"],"required":[516],"value":[1],"type":[513]}]]],["limebb-notification-item.cjs",[[1,"limebb-notification-item",{"platform":[16],"context":[16],"item":[16]}]]],["limebb-text-editor-picker.cjs",[[1,"limebb-text-editor-picker",{"items":[16],"open":[516],"emptyMessage":[1,"empty-message"]}]]],["limebb-empty-state_2.cjs",[[1,"limebb-empty-state",{"heading":[513],"value":[513],"icon":[16]}],[1,"limebb-feed-timeline-item",{"platform":[16],"context":[16],"item":[16],"ui":[513],"isBundled":[516,"is-bundled"],"headingCanExpand":[32],"isHeadingExpanded":[32],"showMore":[32],"isTall":[32]}]]],["limebb-kanban-item.cjs",[[1,"limebb-kanban-item",{"platform":[16],"context":[16],"item":[16]}]]]], options);
+  return index.bootstrapLazy([["limebb-feed.cjs",[[1,"limebb-feed",{"platform":[16],"context":[16],"items":[16],"emptyStateMessage":[1,"empty-state-message"],"heading":[1],"loading":[4],"minutesOfProximity":[2,"minutes-of-proximity"],"totalCount":[2,"total-count"],"lastVisitedTimestamp":[1,"last-visited-timestamp"]}]]],["limebb-kanban.cjs",[[1,"limebb-kanban",{"platform":[16],"context":[16],"items":[16],"paginationSize":[2,"pagination-size"],"groupBy":[513,"group-by"],"groups":[16]}]]],["limebb-date-range.cjs",[[1,"limebb-date-range",{"platform":[16],"context":[16],"startTime":[16],"endTime":[16],"startTimeLabel":[1,"start-time-label"],"endTimeLabel":[1,"end-time-label"],"language":[1],"timeFormat":[1,"time-format"],"type":[1]}]]],["limebb-info-tile-currency-format.cjs",[[1,"limebb-info-tile-currency-format",{"platform":[16],"context":[16],"value":[16]}]]],["limebb-notification-list.cjs",[[1,"limebb-notification-list",{"platform":[16],"context":[16],"items":[16],"loading":[4],"lastVisitedTimestamp":[1,"last-visited-timestamp"]}]]],["limebb-text-editor.cjs",[[1,"limebb-text-editor",{"platform":[16],"context":[16],"contentType":[1,"content-type"],"language":[513],"disabled":[516],"readonly":[516],"helperText":[513,"helper-text"],"placeholder":[513],"label":[513],"invalid":[516],"required":[516],"selectedContext":[16],"ui":[513],"allowResize":[4,"allow-resize"],"value":[1],"items":[32],"customElements":[32],"registeredTriggers":[32],"editorPickerQuery":[32],"searchableLimetypes":[32],"isPickerOpen":[32]}]]],["limebb-browser.cjs",[[17,"limebb-browser",{"platform":[16],"context":[16],"items":[16],"layout":[1],"filter":[32]}]]],["limebb-component-config.cjs",[[1,"limebb-component-config",{"platform":[16],"context":[16],"value":[16],"required":[4],"readonly":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"],"formInfo":[16],"type":[1],"nameField":[1,"name-field"],"configComponent":[32],"configViewType":[32]}]]],["limebb-component-picker.cjs",[[1,"limebb-component-picker",{"platform":[16],"context":[16],"type":[1],"tags":[16],"value":[1],"copyLabel":[1,"copy-label"],"hideCopyButton":[4,"hide-copy-button"],"required":[4],"readonly":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"]}]]],["limebb-dashboard-widget.cjs",[[1,"limebb-dashboard-widget",{"heading":[513],"subheading":[513],"supportingText":[513,"supporting-text"],"icon":[513]}]]],["limebb-icon-picker.cjs",[[1,"limebb-icon-picker",{"value":[1],"required":[4],"readonly":[4],"invalid":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"]}]]],["limebb-info-tile.cjs",[[1,"limebb-info-tile",{"platform":[16],"context":[16],"filterId":[513,"filter-id"],"disabled":[4],"icon":[513],"label":[1],"prefix":[1],"suffix":[1],"propertyName":[1,"property-name"],"aggregateOperator":[1,"aggregate-operator"],"format":[16],"config":[32],"filters":[32],"value":[32],"loading":[32],"error":[32]}]]],["limebb-info-tile-date-format.cjs",[[1,"limebb-info-tile-date-format",{"value":[16]}]]],["limebb-info-tile-decimal-format.cjs",[[1,"limebb-info-tile-decimal-format",{"value":[16]}]]],["limebb-info-tile-format.cjs",[[1,"limebb-info-tile-format",{"platform":[16],"context":[16],"type":[1],"value":[16]}]]],["limebb-info-tile-relative-date-format.cjs",[[1,"limebb-info-tile-relative-date-format",{"value":[16]}]]],["limebb-info-tile-unit-format.cjs",[[1,"limebb-info-tile-unit-format",{"value":[16]}]]],["limebb-limeobject-file-viewer.cjs",[[1,"limebb-limeobject-file-viewer",{"platform":[16],"context":[16],"property":[1],"fileTypes":[16],"limeobject":[32],"limetype":[32]}]]],["limebb-locale-picker.cjs",[[1,"limebb-locale-picker",{"platform":[16],"context":[16],"value":[1],"required":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"],"readonly":[4],"multipleChoice":[4,"multiple-choice"],"allLanguages":[32]}]]],["limebb-mention.cjs",[[1,"limebb-mention",{"limetype":[1],"objectid":[2],"limeobject":[32]}]]],["limebb-navigation-button.cjs",[[17,"limebb-navigation-button",{"href":[513],"tooltipLabel":[513,"tooltip-label"],"tooltipHelperLabel":[513,"tooltip-helper-label"],"type":[513]}]]],["limebb-kanban-column.cjs",[[1,"limebb-kanban-column",{"platform":[16],"context":[16],"columnHeading":[1,"column-heading"],"items":[16],"loading":[4],"paginationSize":[2,"pagination-size"],"displayedItemCount":[32]}]]],["limebb-currency-picker.cjs",[[1,"limebb-currency-picker",{"platform":[16],"context":[16],"label":[513],"currencies":[16],"helperText":[513,"helper-text"],"required":[516],"readonly":[516],"invalid":[516],"disabled":[516],"value":[1]}]]],["limebb-date-picker.cjs",[[1,"limebb-date-picker",{"platform":[16],"context":[16],"disabled":[516],"readonly":[516],"invalid":[516],"label":[513],"placeholder":[513],"helperText":[513,"helper-text"],"required":[516],"value":[1],"type":[513]}]]],["limebb-notification-item.cjs",[[1,"limebb-notification-item",{"platform":[16],"context":[16],"item":[16]}]]],["limebb-text-editor-picker.cjs",[[1,"limebb-text-editor-picker",{"items":[16],"open":[516],"emptyMessage":[1,"empty-message"]}]]],["limebb-empty-state_2.cjs",[[1,"limebb-empty-state",{"heading":[513],"value":[513],"icon":[16]}],[1,"limebb-feed-timeline-item",{"platform":[16],"context":[16],"item":[16],"ui":[513],"isBundled":[516,"is-bundled"],"headingCanExpand":[32],"isHeadingExpanded":[32],"showMore":[32],"isTall":[32]}]]],["limebb-kanban-item.cjs",[[1,"limebb-kanban-item",{"platform":[16],"context":[16],"item":[16]}]]]], options);
   });
 };
 

package/dist/collection/components/text-editor/mentions.js

@@ -0,0 +1,27 @@
+import { isRelation, isSingleRelation, } from '@limetech/lime-web-components';
+/**
+ * Get the limetypes that should be available for mentions
+ *
+ * @param {Record<string, LimeType>} limetypes all limetypes
+ * @returns {LimeType[]} mention limetypes
+ */
+export function getMentionLimetypes(limetypes) {
+  return Object.values(limetypes).filter((limetype) => {
+    return limetype.label === 'user' || isGroupMention(limetype);
+  });
+}
+function isGroupMention(limetype) {
+  const coworkerProperty = getRelationProperty(limetype, 'user');
+  return (!!coworkerProperty &&
+    isManyRelation(coworkerProperty) &&
+    !hasLabel(limetype, 'user'));
+}
+function hasLabel(object, label) {
+  return object.label === label;
+}
+function isManyRelation(property) {
+  return isRelation(property) && !isSingleRelation(property);
+}
+function getRelationProperty(limetype, label) {
+  return Object.values(limetype.properties).find((property) => { var _a, _b; return ((_b = (_a = property === null || property === void 0 ? void 0 : property.relation) === null || _a === void 0 ? void 0 : _a.getLimetype()) === null || _b === void 0 ? void 0 : _b.label) === label; });
+}

package/dist/collection/components/text-editor/text-editor.js

@@ -8,11 +8,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
         r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { findLimetypeByLabel, Operator, PlatformServiceName, SelectLimeTypes, } from '@limetech/lime-web-components';
+import { Operator, PlatformServiceName, SelectLimeTypes, } from '@limetech/lime-web-components';
 import { h, } from '@stencil/core';
 import { BACKSPACE, ENTER, ESCAPE, TAB } from '../../util/keycodes';
 import { createRandomString } from '../../util/random-string';
 import { isNonNull } from '@building-blocks/util/non-null';
+import { getMentionLimetypes } from './mentions';
 const SEARCH_LIMIT = 20;
 /**
  * This component is a wrapper on the `limel-text-editor`. It adds support for platform
@@ -34,6 +35,8 @@ const SEARCH_LIMIT = 20;
  *
  * @exampleComponent limebb-example-text-editor-basic
  * @exampleComponent limebb-example-text-editor-as-form-component
+ * @exampleComponent limebb-example-text-editor-composite
+ * @exampleComponent limebb-example-text-editor-allow-resize
  * @beta
  */
 export class LimeBBTextEditor {
@@ -70,6 +73,26 @@ export class LimeBBTextEditor {
      * invalid.
      */
     this.invalid = false;
+    /**
+     * Set to `true` to indicate that the field is required.
+     *
+     * :::important
+     * An empty but required field is not automatically considered invalid.
+     * You must make sure to check the validity of the field on your own,
+     * and properly handle the `invalid` state.
+     * :::
+     */
+    this.required = false;
+    /**
+     * Specifies the visual appearance of the editor.
+     *
+     * - `standard`: The default editor appearance with a full toolbar and
+     * standard layout.
+     * - `minimal`: A compact editor appearance, ideal for limited space
+     * scenarios such as mobile devices. In this mode, the toolbar is hidden
+     * until the editor is focused.
+     */
+    this.ui = 'standard';
     /**
      * Set to `true` to allow the user to vertically resize the editor.
      * Set to `false` to disable the resize functionality.
@@ -141,21 +164,6 @@ export class LimeBBTextEditor {
       this.editorPickerQuery = event.detail.value;
       this.search();
     };
-    this.loadObjects = (limetype, objects) => {
-      return objects
-        .map((object) => {
-        const limeobject = this.limeObjectService.getObject(limetype.name, object._id);
-        if (!limeobject) {
-          return;
-        }
-        return {
-          text: limeobject.descriptive,
-          secondaryText: limetype.name,
-          value: object._id,
-        };
-      })
-        .filter(isNonNull);
-    };
     this.handleItemSelected = (event) => {
       this.insertEditorNode(event.detail);
       this.activeTrigger = undefined;
@@ -222,7 +230,7 @@ export class LimeBBTextEditor {
   }
   render() {
     return [
-      h("limel-text-editor", { ref: (el) => (this.textEditor = el), tabindex: this.disabled ? -1 : 0, value: this.value, contentType: this.contentType, "aria-placeholder": this.placeholder, customElements: this.customElements, "aria-disabled": this.disabled, language: this.language, triggers: this.registeredTriggers, onTriggerStart: this.handleTriggerStart, onTriggerStop: this.handleTriggerStop, onTriggerChange: this.handleTriggerChange, ui: this.uiType, allowResize: this.allowResize }),
+      h("limel-text-editor", { ref: (el) => (this.textEditor = el), tabindex: this.disabled ? -1 : 0, value: this.value, contentType: this.contentType, customElements: this.customElements, "aria-disabled": this.disabled, language: this.language, triggers: this.registeredTriggers, onTriggerStart: this.handleTriggerStart, onTriggerStop: this.handleTriggerStop, onTriggerChange: this.handleTriggerChange, ui: this.ui, allowResize: this.allowResize, required: this.required, disabled: this.disabled, readonly: this.readonly, helperText: this.helperText, placeholder: this.placeholder, label: this.label, invalid: this.invalid }),
       this.renderPicker(),
     ];
   }
@@ -237,14 +245,16 @@ export class LimeBBTextEditor {
       return;
     }
     const query = this.editorPickerQuery;
-    const limetype = this.coworkerLimetype;
     const limit = SEARCH_LIMIT;
     try {
-      const response = await this.limeObjectService.search(query, limetype, limit);
+      const response = await this.limeObjectService.search(query, this.searchableLimetypes, limit);
       if (query !== this.editorPickerQuery) {
         return;
       }
-      const ids = response.objects.map((object) => object._id);
+      const ids = response.objects.map((obj) => obj._id);
+      if (!ids.length) {
+        return;
+      }
       const options = {
         filter: {
           key: '_id',
@@ -252,13 +262,36 @@ export class LimeBBTextEditor {
           exp: ids,
         },
       };
-      const objects = (await this.limeObjectService.loadObjects(limetype.name, options)).objects;
-      this.items = this.loadObjects(limetype, objects);
+      this.items = await this.getListItems(this.searchableLimetypes, options);
     }
     catch (e) {
       console.error('Failed search for user', e);
     }
   }
+  async getListItems(limetypes, options) {
+    const items = await Promise.all(limetypes.map((limetype) => this.getLimetypeItems(limetype, options)));
+    return items.flat();
+  }
+  async getLimetypeItems(limetype, options) {
+    const { objects } = await this.limeObjectService.loadObjects(limetype.name, options);
+    return this.createListItems(limetype, objects);
+  }
+  createListItems(limetype, objects) {
+    return objects
+      .map((object) => this.createListItem(limetype, object))
+      .filter(isNonNull);
+  }
+  createListItem(limetype, object) {
+    const limeobject = this.limeObjectService.getObject(limetype.name, object._id);
+    if (!limeobject) {
+      return null;
+    }
+    return {
+      text: limeobject.descriptive,
+      secondaryText: limetype.name,
+      value: object._id,
+    };
+  }
   get limeObjectService() {
     return this.platform.get(PlatformServiceName.LimeObjectRepository);
   }
@@ -458,6 +491,24 @@ export class LimeBBTextEditor {
         "reflect": true,
         "defaultValue": "false"
       },
+      "required": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Set to `true` to indicate that the field is required.\n\n:::important\nAn empty but required field is not automatically considered invalid.\nYou must make sure to check the validity of the field on your own,\nand properly handle the `invalid` state.\n:::"
+        },
+        "attribute": "required",
+        "reflect": true,
+        "defaultValue": "false"
+      },
       "selectedContext": {
         "type": "unknown",
         "mutable": false,
@@ -478,22 +529,28 @@ export class LimeBBTextEditor {
           "text": "Context of the selected object in the list"
         }
       },
-      "uiType": {
-        "type": "any",
+      "ui": {
+        "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
+          "original": "EditorUiType",
+          "resolved": "\"minimal\" | \"standard\" | undefined",
+          "references": {
+            "EditorUiType": {
+              "location": "import",
+              "path": "@limetech/lime-elements"
+            }
+          }
         },
         "required": false,
-        "optional": false,
+        "optional": true,
         "docs": {
           "tags": [],
-          "text": "Used to specify the visual appearance of the editor.\n\n- `standard`: The default editor appearance with a full toolbar and\nstandard layout.\n- `minimal`: A compact editor appearance, ideal for limited space\nscenarios such as mobile devices. In this mode, the toolbar is hidden\nuntil the editor is focused."
+          "text": "Specifies the visual appearance of the editor.\n\n- `standard`: The default editor appearance with a full toolbar and\nstandard layout.\n- `minimal`: A compact editor appearance, ideal for limited space\nscenarios such as mobile devices. In this mode, the toolbar is hidden\nuntil the editor is focused."
         },
-        "attribute": "ui-type",
-        "reflect": false
+        "attribute": "ui",
+        "reflect": true,
+        "defaultValue": "'standard'"
       },
       "allowResize": {
         "type": "boolean",
@@ -539,7 +596,7 @@ export class LimeBBTextEditor {
       "customElements": {},
       "registeredTriggers": {},
       "editorPickerQuery": {},
-      "coworkerLimetype": {},
+      "searchableLimetypes": {},
       "isPickerOpen": {}
     };
   }
@@ -574,6 +631,6 @@ export class LimeBBTextEditor {
 }
 __decorate([
   SelectLimeTypes({
-    map: [findLimetypeByLabel('user')],
+    map: [getMentionLimetypes],
   })
-], LimeBBTextEditor.prototype, "coworkerLimetype", void 0);
+], LimeBBTextEditor.prototype, "searchableLimetypes", void 0);