@yoobic/yobi 8.1.0-13 → 8.1.0-17

package/dist/types/components/core/banner/banner.d.ts

@@ -1,8 +1,4 @@
-/**
- * @name: Banner
- * @author: ???
- */
-import { TButtonFill, TColor, TIconName } from '@shared/interfaces';
+import { TButtonFill, TColor, TIconName, TIconSize } from '@shared/interfaces';
 import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
 export declare class YooBannerComponent implements ComponentInterface {
   /**
@@ -12,7 +8,7 @@ export declare class YooBannerComponent implements ComponentInterface {
   /**
    * If `true`, a close button will appear on the banner.
    */
-  closeable: boolean;
+  closable: boolean;
   /**
    * The app currently used.
    */
@@ -36,6 +32,7 @@ export declare class YooBannerComponent implements ComponentInterface {
   subHeadings?: string[];
   leftIcon: TIconName;
   leftIconColor: TColor;
+  leftIconSize: TIconSize;
   /**
    * Icon of the banner.
    */
@@ -67,8 +64,8 @@ export declare class YooBannerComponent implements ComponentInterface {
   bannerButtonClicked: EventEmitter<boolean>;
   closed: boolean;
   host: HTMLYooBannerElement;
+  close(): Promise<void>;
   onBannerButtonClicked: () => void;
-  onDismissButtonClick: () => void;
   componentDidLoad(): void;
   onActionTextClick(): void;
   renderSimpleMode(): any;

package/dist/types/components/entities/card-list/default/card-list.d.ts

@@ -1,9 +1,10 @@
 import { IButton, ITagElement } from '@shared/interfaces';
-import { ComponentInterface } from '../../../../stencil-public-runtime';
+import { ComponentInterface, EventEmitter } from '../../../../stencil-public-runtime';
 import type { ICardListEntry } from '../../../../interfaces';
 export declare class YooCardListComponent implements ComponentInterface {
   entry: ICardListEntry;
   avatarImgs: string[];
+  uiFieldsChanged: EventEmitter<any>;
   translatedText: string;
   isTranslating: boolean;
   showTranslatedText: boolean;

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

@@ -1,4 +1,4 @@
-import { AsyncValidator, CardType, EntityType, FormFilterAutocompleteOperator, IAppSearchTab, IColumnDefinition, ICustomModel, IEntity, IEntityAction, IEntitySearchTags, IFormSearch, IGridExtraOptions, IGridSearch, ISortsAndFilters, IValidatorEntry, TBaseSize, TColor, TCrop, TIconName, TIconSize, Validator } from '@shared/interfaces';
+import { AsyncValidator, CardType, EntityType, FormFilterAutocompleteOperator, IAppSearchTab, IColumnDefinition, ICustomModel, IEntity, IEntityAction, IEntitySearchTags, IFormSearch, IGridExtraOptions, IGridSearch, ISortsAndFilters, IValidatorEntry, TBaseSize, TColor, TCrop, TGridCustomDataLoader, TIconName, TIconSize, Validator } from '@shared/interfaces';
 import { EventEmitter } from '../../../stencil-public-runtime';
 import type { IFormAutocomplete } from '../../../interfaces';
 export declare class YooFormAutocompleteComponent implements IFormAutocomplete<any> {
@@ -94,6 +94,7 @@ export declare class YooFormAutocompleteComponent implements IFormAutocomplete<a
   }[];
   name: string;
   useUploader: boolean;
+  customDataLoader?: TGridCustomDataLoader;
   validityChanged: EventEmitter<boolean>;
   inputBlurred: EventEmitter<any>;
   inputFocused: EventEmitter<any>;
@@ -136,6 +137,7 @@ export declare class YooFormAutocompleteComponent implements IFormAutocomplete<a
   private currentPage;
   private maxPage;
   private searchedItemSelection;
+  private infiniteScrollDisabled;
   onWebAutocompleteOpened(): Promise<void>;
   onNameChange(): Promise<void>;
   onIdOnlyInitialSelectionChange(): void;
@@ -173,7 +175,8 @@ export declare class YooFormAutocompleteComponent implements IFormAutocomplete<a
   setIdOnlyFullSelection(): void;
   valueEqualsInitialSelection(): boolean;
   updateSelection(willLoad?: boolean): void;
-  onFetchData(ev: CustomEvent<IGridSearch>): void;
+  onFetchData(ev: CustomEvent<IGridSearch>): any;
+  onFetchDataCustom(ev: CustomEvent<IGridSearch>): Promise<IEntity[]>;
   onFetchFieldFilterData(ev: CustomEvent<IFormSearch>): void;
   onSortsAndFiltersChange(ev: CustomEvent<ISortsAndFilters>): void;
   refresh(): void;

package/dist/types/components/form/form-autocomplete-dialog/form-autocomplete-dialog.d.ts

@@ -52,6 +52,7 @@ export declare class YooFormAutocompleteDialogComponent {
   showHeaderWeb: boolean;
   modalPlacement: 'below' | 'above';
   values: any[];
+  infiniteScrollDisabled?: boolean;
   value: any;
   fetchData: EventEmitter<IGridSearch>;
   fetchFieldFilterData: EventEmitter<IFormSearch>;

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

@@ -1,5 +1,5 @@
 /// <reference types="lodash" />
-import { FormDynamicType, FormFieldType, FormFilterAutocompleteOperator, IActionSheetButton, IButton, IChartDefinition, IEntityAction, IFormExtraOptions, IFormField, IFormProgress, IFormSearch, IFormSlideData, IGridSearch, IGridstackItem, IMissionDescriptionLessonType, IMissionScoring, IModelDetailComponent, IScrollDetail, ISessionService, ISlide, ITabSelectedEvent, ITodoTaskSimple, ITranslation, IWorkflowStep, TColor, TIconName, TSharedWith, TSize, TSlideChangeEvent } from '@shared/interfaces';
+import { FormDynamicType, FormFieldType, FormFilterAutocompleteOperator, IActionSheetButton, IButton, IChartDefinition, IEntityAction, IFormExtraOptions, IFormField, IFormProgress, IFormSearch, IFormSlideData, IGridSearch, IGridstackItem, IMissionDescriptionLessonType, IMissionScoring, IModelDetailComponent, IScrollDetail, ISessionService, ISlide, ITabSelectedEvent, ITodoTaskSimple, ITranslation, IUser, IWorkflowStep, TColor, TIconName, TSharedWith, TSize, TSlideChangeEvent } from '@shared/interfaces';
 import { EventEmitter } from '../../../stencil-public-runtime';
 import type { GridStackNode } from 'gridstack';
 import { IFormDynamicFieldState, IFormDynamicSecondaryFieldState, IFormDynamicSlideState } from './types';
@@ -62,6 +62,11 @@ export declare class YooFormDynamicComponent {
   autosave: boolean;
   lockSwipes: boolean;
   isPreview: boolean;
+  allowFieldValidation?: boolean;
+  limitToMarkAsInvalid?: boolean;
+  commentsUser?: IUser;
+  validationCommentsUser?: IUser;
+  hideComplianceTags?: boolean;
   useGridstack?: boolean;
   gridstackConfig?: IGridstackItem[][];
   gridstackStatic?: boolean;
@@ -199,6 +204,7 @@ export declare class YooFormDynamicComponent {
   private filterAutocompleteOperator;
   private isKeyboardResizeModeInactive?;
   private hasTimerStarted;
+  private dirtyFields;
   private requestIntervalID;
   get currentData(): Record<string, any>;
   set currentData(value: Record<string, any>);
@@ -325,6 +331,8 @@ export declare class YooFormDynamicComponent {
   setDirty(state: boolean): void;
   checkValidityAndEmitChanges(): void;
   onFieldCommented(ev: CustomEvent<string>, field: IFormField): void;
+  onFieldValidationCommented(ev: CustomEvent<string>, field: IFormField): void;
+  onFieldValidationMarkAsInvalid(ev: CustomEvent<boolean>, field: IFormField): void;
   onFieldEditTask(ev: CustomEvent<ITodoTaskSimple[]>, field: IFormField): void;
   onFieldValidityChanged(ev: CustomEvent<boolean>, field: IFormField): void;
   onFieldRemoved(ev: CustomEvent<IFormField>): void;
@@ -393,6 +401,16 @@ export declare class YooFormDynamicComponent {
   nextAvailablePage(slideIndex: number): number;
   renderFormContent(slide: ISlide, slideIndex: number, slideLength: number): any[];
   getFieldsPerArea(fields: IFormField[], areaName: string): import("lodash").Dictionary<[IFormField, ...IFormField[]]>;
+  isMarkedAsInvalid(field: IFormField): boolean;
+  isOriginalMarkedAsInvalid(field: IFormField): boolean;
+  isMarkedAsModified(field: IFormField): boolean;
+  hasValidationComments(field: IFormField): boolean;
+  markAsInvalid(field: IFormField, state: boolean): void;
+  originalMarkAsInvalid(field: IFormField, state: boolean): void;
+  markAsModified(field: IFormField, state: boolean): void;
+  hasMarkAsInvalidFields(): boolean;
+  isFieldReadonlyByInvalidRules(field: IFormField): boolean;
+  cleanHiddenReadonlyFieldsByInvalidRules(): void;
   renderFormContentFields(slide: ISlide, slideIndex: number, slideLength: number): any[];
   renderFormContentField({ field, inputIndex, slideIndex, slideItems, isPreviousFieldReadonlyAndVisible, previousField, slideLength, collapsible, useGridstack }: {
     field: IFormField;

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

@@ -11,6 +11,7 @@ export declare class YooFormImageTaggingCreatorComponent {
     key: string;
     value: string;
   }>;
+  internalValue: IImageTaggingValue;
   host: HTMLYooFormImageTaggingCreatorElement;
   private imageContainerElement;
   private captureImageElement;

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

@@ -0,0 +1,19 @@
+import { IUser } from '@shared/interfaces';
+import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
+export declare class YooFormInputCommentsComponent implements ComponentInterface {
+  readonly?: boolean;
+  user?: IUser;
+  comments?: string;
+  isInvalid?: boolean;
+  inputChanged: EventEmitter<string>;
+  inputFocused: EventEmitter<HTMLYooFormTextAreaElement>;
+  commentsToggled: EventEmitter<string>;
+  private textArea;
+  setFocus(): Promise<void>;
+  onInputChanged(ev: CustomEvent<string>): void;
+  onInputFocused(ev: any): void;
+  onToggleComments(): void;
+  renderEditableComments(): any;
+  renderReadonlyComments(): any;
+  render(): any;
+}

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

@@ -1,4 +1,4 @@
-import { FormFieldType, IFormField, TSize } from '@shared/interfaces';
+import { FormFieldType, IFormField, IUser, TSize } from '@shared/interfaces';
 import { EventEmitter } from '../../../stencil-public-runtime';
 import type { IFormInputContainer } from '../../../interfaces';
 export declare class YooFormInputContainerComponent implements IFormInputContainer {
@@ -8,6 +8,10 @@ export declare class YooFormInputContainerComponent implements IFormInputContain
   forceReadonly: boolean;
   forceDescription: boolean;
   comments: string;
+  validationComments: string;
+  markAsModified?: boolean;
+  markAsInvalid?: boolean;
+  originalMarkAsInvalid?: boolean;
   time: string;
   invalid: boolean;
   hideOptional: boolean;
@@ -16,6 +20,10 @@ export declare class YooFormInputContainerComponent implements IFormInputContain
   isPreview?: boolean;
   size?: TSize;
   animated?: boolean;
+  allowFieldValidation?: boolean;
+  commentsUser?: IUser;
+  validationCommentsUser?: IUser;
+  hideComplianceTags?: boolean;
   /**
    * If fullscreen is true, will not display any label/descriptions on top (meant to be included in the field)
    */
@@ -29,11 +37,14 @@ export declare class YooFormInputContainerComponent implements IFormInputContain
     slideTitle: any;
   };
   commented: EventEmitter<string>;
+  validationCommented: EventEmitter<string>;
+  validationMarkAsInvalid: EventEmitter<boolean>;
   removed: EventEmitter<IFormField>;
   commentFocused: EventEmitter<HTMLYooFormTextAreaElement>;
   taskClicked: EventEmitter<string>;
   headerClicked: EventEmitter<void>;
   showComments: boolean;
+  showValidationComments: boolean;
   host: HTMLYooFormInputContainerElement;
   private showLabel;
   private showDescription;
@@ -43,19 +54,24 @@ export declare class YooFormInputContainerComponent implements IFormInputContain
   private labelElement;
   private descriptionElement;
   private instructionElement;
+  private get displayValidationFooter();
+  private get displayValidationComments();
   onCommentsChange: (...args: any[]) => any;
+  onValidationCommentsChange: (...args: any[]) => any;
   private resizeDebounce;
   private onResize;
   componentWillLoad(): Promise<void>;
   componentWillRender(): void;
   componentDidLoad(): void;
   onToggleComments(): void;
+  onToggleValidationComments(): void;
   onFocusComments(): void;
   showRequiredStar(): boolean;
   showOptional(): boolean;
-  onCommentFocused(): void;
+  onCommentFocused(ev: CustomEvent<HTMLYooFormTextAreaElement>): void;
   onAddNewTaskContainer(): void;
   onRemove(): void;
+  onValidationMarkAsInvalid(state: boolean): void;
   initTopText(): void;
   initShowDescription(showDescriptionAndTitle: boolean, field: IFormField, readOnly: boolean, forceReadOnly: boolean, forceDescription: boolean): boolean;
   initShowLabel(showDescription: boolean, showDescriptionAndTitle: boolean, field: IFormField, readOnly: boolean): boolean;
@@ -76,6 +92,8 @@ export declare class YooFormInputContainerComponent implements IFormInputContain
   renderPdfDownload(): any;
   renderOptional(): any;
   renderRightSide(): any;
+  renderOriginalMarkAsInvalid(): any;
+  renderOriginalMarkAsModified(): any;
   renderLabel(): any;
   renderDefaultInstructions(): any;
   renderTopText(): any[];
@@ -83,7 +101,9 @@ export declare class YooFormInputContainerComponent implements IFormInputContain
   renderContent(): any;
   renderRemovable(): any;
   renderHint(): any;
-  renderFooter(): any;
+  renderFooter(): any[];
+  renderValidationFooter(): any;
   renderComments(): any;
+  renderValidationComments(): any;
   render(): any;
 }

package/dist/types/components/form/form-number-picker/form-number-picker.d.ts

@@ -73,7 +73,7 @@ export declare class YooFormNumberPickerComponent {
   componentDidLoad(): void;
   get isSecondary(): boolean;
   setCaretColor(): void;
-  onSideButtonClicked(side: 'right' | 'left'): void;
+  onSideButtonClicked(ev: Event, side: 'right' | 'left'): void;
   onInputChanged(ev: CustomEvent): void;
   updateValidity(): void;
   getModalAnimation(enterLeave: AnimationDirection): ModalAnimation;
@@ -83,7 +83,7 @@ export declare class YooFormNumberPickerComponent {
   onInputBlurred(): void;
   onClearIconClicked(ev: any): void;
   renderReadonly(): any;
-  renderSideButton(side: 'right' | 'left', onClick: () => void): any;
+  renderSideButton(side: 'right' | 'left', onClick: (ev: any) => void): any;
   renderInvalidMessage(): string;
   renderContent(): any;
   render(): any;

package/dist/types/components/form/form-recap-step/form-recap-step.d.ts

@@ -8,6 +8,7 @@ export declare class YooFormRecapStepComponent {
   icon: TIconName;
   step: IProgressIndicator;
   users?: IUser[];
+  private get isWarningIcon();
   renderIcon(): any;
   render(): any;
 }

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

@@ -1,4 +1,4 @@
-import { AsyncValidator, CardType, EntityType, ICustomModel, IEntity, IEntityAction, ISelectionQuery, IValidatorEntry, TBaseSize, Validator } from '@shared/interfaces';
+import { AsyncValidator, CardType, EntityType, IAppSearchTab, ICustomModel, IEntity, IEntityAction, ISelectionQuery, IValidatorEntry, TBaseSize, Validator } from '@shared/interfaces';
 import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class YooFormTableComponent {
   value: IEntity[];
@@ -16,6 +16,7 @@ export declare class YooFormTableComponent {
   slidesTransform?: (data: any) => (slides: any[]) => any[];
   displayType: CardType;
   customModel: ICustomModel;
+  model: IAppSearchTab;
   size?: TBaseSize;
   /**
    * Specify of the values can be draggable
@@ -34,6 +35,7 @@ export declare class YooFormTableComponent {
   private sortable;
   private get sortableParentElement();
   onRequireChanged(): void;
+  onUIFieldsChanged(ev: CustomEvent<any>): void;
   componentWillLoad(): void;
   componentDidLoad(): void;
   componentDidUpdate(): void;
@@ -42,6 +44,7 @@ export declare class YooFormTableComponent {
   validate(): boolean;
   onAddNewItem(): void;
   onUpsertItem(item?: IEntity): void;
+  afterUpsertItem(newdata: IEntity, item?: IEntity): void;
   onSelectItem(item: IEntity): void;
   oDeleteItem(item: IEntity): void;
   renderCount(): string;

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

@@ -1,4 +1,4 @@
-import { AsyncValidator, ITodoTaskSimple, IValidatorEntry, Validator } from '@shared/interfaces';
+import { AsyncValidator, ITodoTaskSimple, IValidatorEntry, TGridCustomDataLoader, Validator } from '@shared/interfaces';
 import { EventEmitter } from '../../../stencil-public-runtime';
 import type { IFormTask } from '../../../interfaces';
 export declare class YooFormTaskComponent implements IFormTask {
@@ -14,6 +14,7 @@ export declare class YooFormTaskComponent implements IFormTask {
   isPdf?: boolean;
   validity: boolean;
   isHistory: boolean;
+  customDataLoader?: TGridCustomDataLoader;
   validityChanged: EventEmitter<boolean>;
   inputBlurred: EventEmitter<any>;
   inputFocused: EventEmitter<any>;

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

@@ -1,4 +1,4 @@
-import { AsyncValidator, IButton, ILinkPreview, IMention, IMentionEvent, ITranslation, IUser, IValidatorEntry, TBaseSize, Validator } from '@shared/interfaces';
+import { AsyncValidator, IButton, ILinkPreview, IMention, IMentionEvent, ITranslation, IUser, IValidatorEntry, TBaseSize, TIconSize, Validator } from '@shared/interfaces';
 import { EventEmitter } from '../../../stencil-public-runtime';
 import type { IFormInputBase } from '../../../interfaces';
 import { IInsertElementProp } from '../../../utils/helpers/form-text-area-helpers';
@@ -29,6 +29,7 @@ export declare class YooFormTextAreaComponent implements IFormInputBase<string>
   size?: TBaseSize;
   allowMention: boolean;
   translations?: ITranslation[];
+  clearable: boolean;
   /**
    * Use paragraph instead of textarea to allwo custom input inside textarea
    */
@@ -81,9 +82,11 @@ export declare class YooFormTextAreaComponent implements IFormInputBase<string>
   onHandleMentionInput(offset: number, insertElement: any): void;
   onSaveTextEditorValue(skipValueAssignment?: boolean): Promise<void>;
   setLocalValue(): void;
+  clearInput(): void;
   updateSegmentsCount(): Promise<void>;
   syncMentionIds(): void;
   updateRows(): void;
+  getIconSize(): TIconSize;
   onKeyPress(ev: KeyboardEvent): void;
   onKeyDown(ev: KeyboardEvent): void;
   onKeyPressMention(ev: KeyboardEvent): void;
@@ -94,7 +97,7 @@ export declare class YooFormTextAreaComponent implements IFormInputBase<string>
   renderSegmentsCount(): any;
   renderLinkPreviews(): any;
   renderMentionContainer(): any[];
-  renderTextArea(): any;
+  renderTextArea(): any[];
   renderEditable(): any[];
   renderReadonly(): any;
   render(): any;

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

@@ -1,4 +1,4 @@
-import { AsyncValidator, ISlide, ITodo, ITodoTask, IValidatorEntry, Validator } from '@shared/interfaces';
+import { AsyncValidator, ISlide, ITodo, ITodoTask, IValidatorEntry, TGridCustomDataLoader, Validator } from '@shared/interfaces';
 import { EventEmitter } from '../../../stencil-public-runtime';
 import type { IFormTodo } from '../../../interfaces';
 export declare class YooFormTodoComponent implements IFormTodo {
@@ -16,6 +16,7 @@ export declare class YooFormTodoComponent implements IFormTodo {
   allowLibrary: boolean;
   values: any[];
   linked: boolean;
+  customDataLoader?: TGridCustomDataLoader;
   validityChanged: EventEmitter<boolean>;
   inputBlurred: EventEmitter<any>;
   inputFocused: EventEmitter<any>;