@yoobic/yobi 8.2.0-30 → 8.2.0-33

package/dist/esm/yoo-profile-list.entry.js

@@ -109,7 +109,8 @@ const YooProfileListComponent = class {
     }
   }
   renderTruncate(content, icon) {
-    return (h("div", { class: "user-info-list" }, h("div", { class: "start-container" }, h("yoo-icon", { name: icon, color: "dark" }), h("yoo-truncated-line", { content: content }))));
+    const charLength = isWeb(this.host) ? 83 : 38;
+    return (h("div", { class: "user-info-list" }, h("div", { class: "start-container" }, h("yoo-icon", { name: icon, color: "dark" }), h("yoo-truncate", { content: content, maxLength: charLength, showEllipsisIcon: true, ellipsisIconSize: "medium" }))));
   }
   renderCollapsible(header, content) {
     return (h("yoo-collapsible", { hasArrowIcon: !!content.length, icon: "tag", iconColor: "dark", iconSize: "medium", slotHeader: true }, h("div", { slot: "title" }, header === null || header === void 0 ? void 0 : header.map(tag => {

package/dist/esm/yoo-truncate.entry.js

@@ -39,6 +39,7 @@ const YooTruncateComponent = class {
      * Used more icon instead of text as ellipsis button.
      */
     this.showEllipsisIcon = false;
+    this.ellipsisIconSize = 'small';
     /**
      * Alters how the <br> tag is handled for markdown
      */
@@ -60,7 +61,7 @@ const YooTruncateComponent = class {
       return `<span class="more-button"> ${this.collapsed ? `... ${translate('MORE2')}` : translate('VIEWLESS')}</span>`;
     };
     this.getMoreIconHtml = () => {
-      return `<span><span>${this.collapsed ? '...' : ''}</span><yoo-icon class="more-button" name=${this.collapsed ? 'arrow-down' : 'arrow-up'} size="small" /></span>`;
+      return `<span><span>${this.collapsed ? '...' : ''}</span><yoo-icon class="more-button" name=${this.collapsed ? 'arrow-down' : 'arrow-up'} size="${this.ellipsisIconSize}" /></span>`;
     };
   }
   onShowEllipsisButtonChanged() {

package/dist/types/components/1.atoms/truncate/truncate.d.ts

@@ -1,3 +1,8 @@
+/**
+ * @name: Truncate
+ * @author: Romain Panaget
+ */
+import { TSize } from '@shared/interfaces';
 import { Event, EventEmitter } from '../../../stencil-public-runtime';
 export declare class YooTruncateComponent {
   /**
@@ -28,6 +33,7 @@ export declare class YooTruncateComponent {
    * Used more icon instead of text as ellipsis button.
    */
   showEllipsisIcon: boolean;
+  ellipsisIconSize: TSize;
   /**
    * Holds the markdown/html content to truncate, for advanced truncation.
    */

package/dist/types/components/form/form-choice/card/form-choice-card.d.ts

@@ -18,9 +18,7 @@ export declare class YooFormChoiceCardComponent implements IFormSelect {
   selected: boolean;
   customEvent: boolean;
   values: IFormChoiceValue[];
-  onValuesChanged(newValues: any, oldValues: any): void;
   value: string[] | string;
-  onValueChanged(newValue: any, oldValue: any): void;
   host: HTMLElement;
   validityChanged: EventEmitter<boolean>;
   inputBlurred: EventEmitter;

package/dist/types/components/form/form-hotzones/form-hotzones.d.ts

@@ -5,6 +5,7 @@ export declare class YooFormHotzonesComponent implements ComponentInterface {
   image: string;
   onImageChanged(): Promise<void>;
   hotzones: IHotzone[];
+  onHotzonesChanged(): void;
   hotzonesColor: string;
   isVisible: boolean;
   onIsVisibleChanged(): void;
@@ -37,5 +38,6 @@ export declare class YooFormHotzonesComponent implements ComponentInterface {
   renderDetailedView(): JSX.Element[];
   renderTarget(): JSX.Element;
   renderImage(): JSX.Element;
+  renderBanner(): any;
   render(): JSX.Element;
 }

package/dist/types/components/form-creator/form-creator/form-creator.d.ts

@@ -1,4 +1,4 @@
-import { ConditionType, FormCreatorBulkActions, FormCreatorOptions, FormFieldCategory, IButton, ICondition, ICustomFormField, IFormField, IFormFieldDescription, IMissionDescription, IPlan, IScoring, IScoringQuickSetup, IScrollDetail, ISlide, ITranslation, IWorkflowStep, TIconName, TWorkflowStepType } from '@shared/interfaces';
+import { ConditionType, FormCreatorBulkActions, FormCreatorOptions, FormFieldCategory, IButton, ICondition, ICustomFormField, IFormField, IFormFieldDescription, IMissionDescription, IPlan, IScoring, IScoringQuickSetup, IScrollDetail, ISectionListSortEvent, ISlide, ITranslation, IWorkflowStep, TIconName, TWorkflowStepType } from '@shared/interfaces';
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { IScoreChangedDetail } from '../../../interfaces';
 export declare class YooFormCreatorComponent {
@@ -393,6 +393,7 @@ export declare class YooFormCreatorComponent {
   private isPageReordering;
   private missDescDisplayTitle;
   private displayLanguage;
+  private pagesReordered;
   /**
    * hides or shows an overlay over the form creator to force the user to select a NEW field
    */
@@ -415,6 +416,7 @@ export declare class YooFormCreatorComponent {
   private get isLesson();
   onInsertPageAfterClicked: (event: CustomEvent<number>) => void;
   onPageClicked: (event: CustomEvent<number>) => void;
+  onPageOrderChanged: (event: CustomEvent<ISectionListSortEvent>) => void;
   onDuplicatePageClicked: (event: CustomEvent<number>) => void;
   onDeletePageClicked: (event: CustomEvent<number>) => void;
   onEditPageClicked: (event: CustomEvent<number>) => void;
@@ -583,6 +585,7 @@ export declare class YooFormCreatorComponent {
   componentDidLoad(): void;
   componentWillUpdate(): void;
   componentDidUpdate(): void;
+  selectPage(pageIndex: number): void;
   updateGlobalActions(): void;
   disconnectedCallback(): void;
   expandChildBlocks(itemIndex: number): Promise<void>;

package/dist/types/components.d.ts

@@ -6723,6 +6723,7 @@ export namespace Components {
           * Piece of string placed at the end of a truncated text. Can be an html string.
          */
         "ellipsis": string;
+        "ellipsisIconSize": TSize;
         /**
           * Force the showing of more button when content is in the slot
          */
@@ -17757,6 +17758,7 @@ declare namespace LocalJSX {
           * Piece of string placed at the end of a truncated text. Can be an html string.
          */
         "ellipsis"?: string;
+        "ellipsisIconSize"?: TSize;
         /**
           * Force the showing of more button when content is in the slot
          */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yoobic/yobi",
-  "version": "8.2.0-30",
+  "version": "8.2.0-33",
   "description": "Yobi - Yoobic Design System",
   "module": "dist/index.js",
   "main": "dist/index.cjs.js",