@yoobic/yobi 8.3.1-2 → 8.3.1-20

package/dist/types/components/form/form-categorize-words/form-categorize-words.d.ts

@@ -1,11 +1,22 @@
+/// <reference types="react" />
 import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class YooFormCategorizeWordsComponent {
   animated: boolean;
+  /**
+   * Read-only mode : true if displayed within a quiz summary
+   */
+  readonly: boolean;
+  /**
+   * true if the component is loaded within the preview mode in the course-creator
+   */
+  livePreview: boolean;
   /**
    * Categories (2 required)
    */
   categories: string[];
   onCategoriesChanged(): void;
+  required: boolean;
+  onRequireChanged(): void;
   /**
    * Expected answer. Consisting of 2 arrays (matching categories order),
    * each one containing all expected values for given category
@@ -19,14 +30,6 @@ export declare class YooFormCategorizeWordsComponent {
    * Used by parent component (`yoo-form-dynamic`)
    */
   validity: boolean;
-  /**
-   * Read-only mode : true if displayed within a quiz summary
-   */
-  readonly: boolean;
-  /**
-   * true if the component is loaded within the preview mode in the course-creator
-   */
-  livePreview: boolean;
   /**
    * Poll of words to categorize
    */
@@ -46,19 +49,17 @@ export declare class YooFormCategorizeWordsComponent {
   inputChanged: EventEmitter<any>;
   revealCategories: boolean;
   host: HTMLYooFormCategorizeWordsElement;
-  private wordCounterElement;
+  private counterElement;
   private tags;
-  private newValue;
-  private deletedValues;
   private get tagConfig();
   private get zonesConfig();
   isValid(): Promise<boolean>;
   componentDidLoad(): void;
-  componentWillUpdate(): void;
   validate(): boolean;
   private initGame;
-  renderTagsZone(): any;
-  renderDropContainers(zoneIndex: number): any;
+  renderTagsZone(): JSX.Element;
+  renderDropContainers(zoneIndex: number): JSX.Element;
   renderBanner(): any;
-  render(): any;
+  renderMain(): JSX.Element;
+  render(): JSX.Element;
 }

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

@@ -17,6 +17,7 @@ export declare class YooFormChoiceRadioComponent implements IFormSelect {
   answer: string[];
   selected: boolean;
   description: string;
+  debounce: number;
   values: Array<string>;
   onValuesChanged(newValues: any, oldValues: any): void;
   value: string[] | string;
@@ -31,10 +32,14 @@ export declare class YooFormChoiceRadioComponent implements IFormSelect {
   private textareaValue;
   private textareaRef;
   private isTextareaFocused;
+  private focusTextarea;
+  private finalDebounceTime;
+  private setValueAndValidateInputDebounce;
   choices: Array<string>;
   get valuesWithOther(): string[];
   get canShowOther(): boolean;
   componentWillLoad(): void;
+  componentWillRender(): void;
   componentDidLoad(): void;
   componentDidUpdate(): void;
   convertToEntities(values: string[]): IEntity[];

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

@@ -1,11 +1,6 @@
 /// <reference types="react" />
 import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class YooFormConnectComponent {
-  /**
-   * Poll of words to connect, dispatched in 2 arrays (Left and Right respectively)
-   */
-  values: string[][];
-  onValuesChanged(): Promise<void>;
   /**
    * Read-only mode : true if displayed within a quiz summary
    */
@@ -30,10 +25,14 @@ export declare class YooFormConnectComponent {
    * Used by parent component (`yoo-form-dynamic`)
    */
   validity: boolean;
-  onValidityChanged(): void;
   /**
- * Value previously given by user, mostly used in read-only mode
+ * Poll of words to connect, dispatched in 2 arrays (Left and Right respectively)
  */
+  values: string[][];
+  onValuesChanged(): Promise<void>;
+  /**
+  * Value previously given by user, mostly used in read-only mode
+  */
   value: string[][];
   onValueChanged(): void;
   /**
@@ -56,19 +55,18 @@ export declare class YooFormConnectComponent {
   blockMoves: EventEmitter<boolean>;
   host: HTMLYooFormConnectElement;
   private innerContainerElement;
-  private colors;
   private draggables;
   private connectables;
   private get hasValues();
   private get isGamePairable();
   private get draggableElements();
   private get connectableElements();
+  validate(): boolean;
   componentWillLoad(): void;
   componentWillUpdate(): void;
   componentDidLoad(): void;
   private prepareGame;
   private initGame;
-  private initDraggables;
   private scrollToRevealGame;
   private setDraggableObserver;
   private shuffleData;
@@ -76,11 +74,8 @@ export declare class YooFormConnectComponent {
   private connectItems;
   private initDraggableActions;
   private getUserAnswers;
-  private validateUserAnswers;
-  private autoEraseLastConnection;
   private autoCompleteLastConnection;
   private truncateValue;
-  private onConnectableClick;
   renderCorrectionIcon(value: string): JSX.Element;
   renderContainer(name: string): JSX.Element;
   renderBanner(): any;

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

@@ -213,6 +213,7 @@ export declare class YooFormDynamicComponent {
   private hasTimerStarted;
   private dirtyFields;
   private requestIntervalID;
+  private goToSlideOnUpdate;
   get currentData(): Record<string, any>;
   set currentData(value: Record<string, any>);
   private onKeyboardWillShow;
@@ -433,7 +434,7 @@ export declare class YooFormDynamicComponent {
   isFieldReadonlyByInvalidRules(field: IFormField): boolean;
   cleanHiddenReadonlyFieldsByInvalidRules(): void;
   renderFormContentFields(slide: ISlide, slideIndex: number, slideLength: number): any[];
-  renderFormContentField({ field, inputIndex, slideIndex, slideItems, isPreviousFieldReadonlyAndVisible, previousField, slideLength, collapsible, useGridstack }: {
+  renderFormContentField({ field, inputIndex, slideIndex, slideItems, isPreviousFieldReadonlyAndVisible, previousField, slideLength, collapsible, useGridstack, hasMarkAsInvalidFields }: {
     field: IFormField;
     inputIndex: number;
     slideIndex: number;
@@ -443,6 +444,7 @@ export declare class YooFormDynamicComponent {
     slideLength?: number;
     collapsible?: boolean;
     useGridstack?: boolean;
+    hasMarkAsInvalidFields: boolean;
   }): any;
   renderConfidenceFeedback(currentField: any): any;
   getExtraButtonsVisible(): IEntityAction[];

package/dist/types/components/form/form-image-collection/form-image-collection.d.ts

@@ -3,21 +3,22 @@ import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtim
 import { ICollectionProducts } from './types';
 export declare class YooFormImageCollectionComponent implements ComponentInterface {
   animated?: boolean;
-  livePreview?: boolean;
   detailedView?: boolean;
+  required?: boolean;
+  livePreview?: boolean;
   selectedPair?: ICollectionProducts;
   validity?: boolean;
-  onValidityChanged(): void;
   values?: ICollectionProducts[];
   onValuesChanged(): Promise<void>;
   validityChanged: EventEmitter<boolean>;
+  inputChanged: EventEmitter<void>;
   imagesRevealed: number;
   images: ICollectionProducts[];
   host: HTMLYooFormImageCollectionElement;
   private detailDescription;
+  validate(): boolean;
   componentWillLoad(): Promise<void>;
   prepareImages(): Promise<void>;
-  private onRTEContentClick;
   private imageClicked;
   renderImages(): JSX.Element;
   renderDetailedView(): JSX.Element[];

package/dist/types/components/form/form-image-tagging/form-image-tagging.d.ts

@@ -1,18 +1,19 @@
+/// <reference types="react" />
 import { IFileInterface, IPhotoAnnotation } from '@shared/interfaces';
 import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class YooFormImageTaggingComponent {
   animated: boolean;
+  readonly: boolean;
+  livePreview: boolean;
   value: string[];
   validity: boolean;
-  image: IFileInterface;
-  onImageChanged(newImage: IFileInterface, oldImage: IFileInterface): Promise<void>;
   answer: string[];
   placeholder: string;
-  readonly: boolean;
-  livePreview: boolean;
+  annotations: IPhotoAnnotation[];
+  image: IFileInterface;
+  onImageChanged(newImage: IFileInterface, oldImage: IFileInterface): Promise<void>;
   required: boolean;
   onRequireChanged(): void;
-  annotations: IPhotoAnnotation[];
   values: string[];
   onValuesChanged(newValues: string[], oldValues: string[]): void;
   isVisible: boolean;
@@ -36,10 +37,10 @@ export declare class YooFormImageTaggingComponent {
   private getImageSrc;
   private getColorTag;
   private showImageOverlay;
-  renderImageContainer(): any;
-  renderDropzones(): any[];
-  renderInstruction(): any;
-  renderTagsZone(): any;
-  renderBanner(): any;
-  render(): any;
+  renderImageContainer(): JSX.Element;
+  renderDropzones(): JSX.Element[];
+  renderInstruction(): JSX.Element;
+  renderTagsZone(): JSX.Element;
+  renderBanner(): JSX.Element;
+  render(): JSX.Element;
 }

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { AsyncValidator, IButton, ICheckboxParams, IColumnDefinition, IExternalValidator, ITranslation, IValidatorEntry, TBaseSize, TIconName, TIconSize, Validator } from '@shared/interfaces';
+import { AsyncValidator, IButton, ICheckboxParams, IColumnDefinition, IExternalValidator, ITranslation, IValidatorEntry, TBaseSize, TColor, TIconName, TIconSize, Validator } from '@shared/interfaces';
 import { EventEmitter } from '../../../stencil-public-runtime';
 import type { IFormInputBase, IFormUIValidation } from '../../../interfaces';
 export declare class YooFormInputComponent implements IFormInputBase<string | number> {
@@ -17,6 +17,7 @@ export declare class YooFormInputComponent implements IFormInputBase<string | nu
   disabled: boolean;
   step: number;
   iconPrefix: TIconName;
+  iconPrefixColor?: TColor;
   iconSuffix?: TIconName;
   textSuffix?: string;
   iconText?: TIconName;

package/dist/types/components/form/form-input-container/form-input-container.d.ts

@@ -25,6 +25,7 @@ export declare class YooFormInputContainerComponent implements IFormInputContain
   commentsUser?: IUser;
   validationCommentsUser?: IUser;
   hideComplianceTags?: boolean;
+  useUppercaseLabel?: boolean;
   /**
    * If fullscreen is true, will not display any label/descriptions on top (meant to be included in the field)
    */

package/dist/types/components/form/form-missing-word/form-missing-word.d.ts

@@ -1,16 +1,17 @@
+/// <reference types="react" />
 import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class YooFormMissingWordComponent {
   animated: boolean;
+  livePreview: boolean;
+  readonly: boolean;
   value: string[];
   validity: boolean;
   placeholder: string;
-  livePreview: boolean;
-  required: boolean;
-  readonly: boolean;
   sentence: string;
+  required: boolean;
+  onRequiredChanged(): void;
   isVisible: boolean;
   onIsVisibleChanged(): void;
-  isAnimationFinished: boolean;
   answer: string[];
   onAnswerChanged(nv: string[], ov: string[]): void;
   values: string[];
@@ -37,9 +38,9 @@ export declare class YooFormMissingWordComponent {
   private initGame;
   private getColorTag;
   private getZoneIndex;
-  renderInstructions(): any;
-  renderTagsZone(): any;
+  renderInstructions(): JSX.Element;
+  renderTagsZone(): JSX.Element;
   renderBanner(): any;
-  renderSentence(): any;
-  render(): any;
+  renderSentence(): JSX.Element;
+  render(): JSX.Element;
 }

package/dist/types/components/form/form-text-area/form-text-area.d.ts

@@ -67,6 +67,7 @@ export declare class YooFormTextAreaComponent implements IFormInputBase<string>
   private scrollIntoViewOnFocus;
   private translationKey;
   protected emitValueAndSetValidity: (value: any, inputElement: any, forceNullValidation: boolean, validateInput: boolean, skipValueAssignment: boolean, preventInputChangedEvent?: boolean) => void;
+  private get isRichText();
   onValueChanged(value: string): void;
   allowMentionChanged(): void;
   onKeyboardShown(): void;

package/dist/types/components/form/form-text-editor/form-text-editor.d.ts

@@ -114,7 +114,6 @@ export declare class YooFormTextEditorComponent {
   onValueChange(): void;
   onReadonlyChanged(): void;
   onTranslationsChange(): void;
-  forceUpdateValue(value: string): Promise<void>;
   updateSizing(): Promise<void>;
   componentWillLoad(): void;
   componentDidLoad(): void;