@yoobic/yobi 8.2.4 → 8.3.0-10

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

@@ -1,6 +1,6 @@
-import { IFormChoiceValue, IValidatorEntry, TBaseSize, TColor, Validator } from '@shared/interfaces';
+import { IValidatorEntry, TBaseSize, TColor, TIconName, Validator } from '@shared/interfaces';
 import { EventEmitter } from '../../../../stencil-public-runtime';
-import type { IFormSelect } from '../../../../interfaces';
+import type { IFormChoiceValue, IFormSelect } from '../../../../interfaces';
 export declare class YooFormChoiceButtonComponent implements IFormSelect {
   multiple: boolean;
   required: boolean;
@@ -12,12 +12,18 @@ export declare class YooFormChoiceButtonComponent implements IFormSelect {
     key: string;
     value: string;
   }[];
+  valuesIcon: {
+    key: string;
+    value: {
+      icon: TIconName;
+      title: string;
+    };
+  }[];
   livePreview: boolean;
   shuffled?: boolean;
   selected: boolean;
-  customEvent: boolean;
   description: string;
-  values: IFormChoiceValue[];
+  values: (IFormChoiceValue | string)[];
   onValuesChanged(newValues: any, oldValues: any): void;
   value: string[] | string;
   onValueChanged(newValue: string | string[], oldValue: string | string[]): void;
@@ -26,9 +32,8 @@ export declare class YooFormChoiceButtonComponent implements IFormSelect {
   inputBlurred: EventEmitter;
   inputFocused: EventEmitter;
   inputChanged: EventEmitter;
-  choiceSelected: EventEmitter;
   selection: string[];
-  choices: IFormChoiceValue[];
+  choices: (IFormChoiceValue | string)[];
   componentWillLoad(): void;
   componentDidLoad(): void;
   renderButton(): any;

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

@@ -1,6 +1,6 @@
-import { IFormChoiceValue, IValidatorEntry, TIconName, TLottieType, Validator } from '@shared/interfaces';
+import { IValidatorEntry, TIconName, TLottieType, Validator } from '@shared/interfaces';
 import { EventEmitter } from '../../../../stencil-public-runtime';
-import type { IFormSelect } from '../../../../interfaces';
+import type { IFormChoiceValue, IFormSelect } from '../../../../interfaces';
 export declare class YooFormChoiceCardComponent implements IFormSelect {
   multiple: boolean;
   description: string;

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

@@ -15,7 +15,6 @@ export declare class YooFormChoiceChatComponent implements IFormSelect {
   shuffled?: boolean;
   answer: string[];
   selected: boolean;
-  customEvent: boolean;
   values: Array<string>;
   onValuesChanged(newValues: any, oldValues: any): void;
   value: Array<string> | string;
@@ -25,7 +24,6 @@ export declare class YooFormChoiceChatComponent implements IFormSelect {
   inputBlurred: EventEmitter;
   inputFocused: EventEmitter;
   inputChanged: EventEmitter;
-  choiceSelected: EventEmitter;
   selection: Array<string>;
   choices: Array<string>;
   componentWillLoad(): void;

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

@@ -1,4 +1,4 @@
-import { IFormChoiceValue } from '@shared/interfaces';
+import type { IFormChoiceValue } from '../../../interfaces';
 import { YooFormChoiceButtonComponent } from './button/form-choice-button';
 import { YooFormChoiceCardComponent } from './card/form-choice-card';
 import { YooFormChoiceChatComponent } from './chat/form-choice-chat';

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

@@ -1,6 +1,6 @@
-import { IFormChoiceValue, IValidatorEntry, Validator } from '@shared/interfaces';
+import { IValidatorEntry, Validator } from '@shared/interfaces';
 import { EventEmitter } from '../../../../stencil-public-runtime';
-import type { IFormSelect } from '../../../../interfaces';
+import type { IFormChoiceValue, IFormSelect } from '../../../../interfaces';
 export declare class YooFormChoiceImageComponent implements IFormSelect {
   animated?: boolean;
   multiple: boolean;
@@ -13,7 +13,6 @@ export declare class YooFormChoiceImageComponent implements IFormSelect {
   shuffled?: boolean;
   answer: IFormChoiceValue[];
   selected: boolean;
-  customEvent: boolean;
   description: string;
   values: IFormChoiceValue[];
   onValuesChanged(newValues: any, oldValues: any): void;
@@ -23,7 +22,6 @@ export declare class YooFormChoiceImageComponent implements IFormSelect {
   inputBlurred: EventEmitter;
   inputFocused: EventEmitter;
   inputChanged: EventEmitter;
-  choiceSelected: EventEmitter;
   host: HTMLYooFormChoiceImageElement;
   selection: IFormChoiceValue[];
   private get hasEmptyValues();

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

@@ -16,7 +16,6 @@ export declare class YooFormChoiceRadioComponent implements IFormSelect {
   shuffled?: boolean;
   answer: string[];
   selected: boolean;
-  customEvent: boolean;
   description: string;
   values: Array<string>;
   onValuesChanged(newValues: any, oldValues: any): void;
@@ -27,21 +26,22 @@ export declare class YooFormChoiceRadioComponent implements IFormSelect {
   inputBlurred: EventEmitter;
   inputFocused: EventEmitter;
   inputChanged: EventEmitter;
-  choiceSelected: EventEmitter;
   showOther: boolean;
   selection: Array<string>;
   private textareaValue;
   private textareaRef;
+  private isTextareaFocused;
   choices: Array<string>;
   get valuesWithOther(): string[];
+  get canShowOther(): boolean;
   componentWillLoad(): void;
   componentDidLoad(): void;
+  componentDidUpdate(): void;
   convertToEntities(values: string[]): IEntity[];
   convertToChoiceFormat(valuesEntity: IEntity[]): string[];
-  private setShowOther;
-  updateShowOther(didLoad?: boolean): void;
+  focusTextArea(): void;
   onInput(ev: Event): void;
-  onItemSelectRadio(item: string | IEntity | IEntity[], preventSetValue?: boolean, onValueChange?: boolean): void;
+  onItemSelectRadio(item: string | IEntity | IEntity[], preventSetValue?: boolean): void;
   onTextAreaFocused(): void;
   renderRadio(): any[];
   renderBanner(): any;

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

@@ -1,8 +1,8 @@
-import { IFormChoiceValue } from '@shared/interfaces';
 import { FunctionalComponent } from '../../../../stencil-public-runtime';
+import type { IFormChoiceValue } from '../../../../interfaces';
 interface ReadonlyCardProps {
   value: string[] | string;
-  values?: IFormChoiceValue[];
+  values?: (IFormChoiceValue | string)[];
   answer?: string[];
   valuesColor?: {
     key: string;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { AsyncValidator, IButton, ICheckboxParams, IColumnDefinition, IExternalValidator, ITranslation, IValidatorEntry, TBaseSize, TIconName, TIconSize, Validator } from '@shared/interfaces';
 import { EventEmitter } from '../../../stencil-public-runtime';
 import type { IFormInputBase, IFormUIValidation } from '../../../interfaces';
@@ -48,6 +49,7 @@ export declare class YooFormInputComponent implements IFormInputBase<string | nu
   initialCheckboxParams: ICheckboxParams;
   fireInputChangeEvent: boolean;
   allowDecimals: boolean;
+  format: 'input' | 'contenteditable';
   validityChanged: EventEmitter<boolean>;
   inputBlurred: EventEmitter<any>;
   inputFocused: EventEmitter<any>;
@@ -63,10 +65,13 @@ export declare class YooFormInputComponent implements IFormInputBase<string | nu
   inputType: string;
   remainingCharacters: number;
   checkboxParams: ICheckboxParams;
+  modified: boolean;
   host: HTMLYooFormInputElement;
   protected emitValueAndSetValidity: (value: any, skipValueAssignment: boolean) => void;
   protected finalIconPrefix: TIconName;
   private inputElement;
+  private contentEditableElement;
+  private contentEditableActionsElement;
   private localValue;
   private wasPreviousKeyPressMinus;
   private internalPlaceholder;
@@ -90,6 +95,7 @@ export declare class YooFormInputComponent implements IFormInputBase<string | nu
   stepUp(): Promise<number>;
   componentWillLoad(): void;
   componentDidLoad(): void;
+  componentDidUpdate(): void;
   onInitInput(): void;
   getIconSize(): TIconSize;
   onInputChanged(ev: any): void;
@@ -107,8 +113,16 @@ export declare class YooFormInputComponent implements IFormInputBase<string | nu
   animateContent(): void;
   animateNumber(): void;
   animationPlaceholderCountdown(start: number, end: number, duration: number): void;
-  renderReadonly(): any[];
-  renderMaxCharacterCounter(): any;
-  renderEditable(): any[];
-  render(): any;
+  renderReadonly(): JSX.Element[];
+  renderMaxCharacterCounter(): JSX.Element;
+  renderEditable(): JSX.Element[];
+  contentEditableInputBlurred(ev: FocusEvent): void;
+  onContentEditableInputChanged(ev: Event, skipChecks?: boolean): void;
+  onContentEditableKeyPress(ev: KeyboardEvent): void;
+  cancel(): void;
+  confirm(): void;
+  renderContentEditable(): JSX.Element;
+  renderActions(): JSX.Element;
+  renderAction(type: 'cancel' | 'confirm'): JSX.Element;
+  render(): JSX.Element;
 }

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

@@ -1,4 +1,4 @@
-import { IFormField, IMissionDescription, ITabSelectedEvent, IWorkflowStep, IWorkflowStepFieldPermission, TWorkflowStepGlobalPermission, TWorkflowStepType } from '@shared/interfaces';
+import { IFormField, IMissionDescription, ITabSelectedEvent, IWorkflowStep, IWorkflowStepFieldPermission, TEmptyState, TWorkflowStepGlobalPermission, TWorkflowStepType } from '@shared/interfaces';
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { IWorkflowFieldState } from '../../../interfaces/entities/workflow.interface';
 export declare class YooWorkflowComponent {
@@ -77,6 +77,6 @@ export declare class YooWorkflowComponent {
   renderPageSelection(): any;
   renderFields(): any;
   renderSimpleBlock(item: IFormField, defaultPageState?: IWorkflowFieldState): any;
-  renderEmptyState(headline: string, description: string, buttonAction: () => void, button: string, type: string): any;
+  renderEmptyState(headline: string, description: string, buttonAction: () => void, button: string, type: TEmptyState): any;
   render(): any;
 }

package/dist/types/components/grid/grid/grid.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { CellValueChangedEvent, GridApi, GridOptions, RowNode } from '@ag-grid-enterprise/all-modules';
-import { CardType, EntityType, FormFilterAutocompleteOperator, IAppSearchTab, IButton, ICustomModel, ICustomView, IEntitiesAction, IEntity, IEntityAction, IEntitySearchTags, IFilters, IFormField, IFormOpeningHoursValue, IFormSearch, IGridAction, IGridCalendarDateRange, IGridCalendarDateSelection, IGridColumn, IGridExtraOptions, IGridSearch, IGridState, IKanbanColumn, ILesson, IMapMarker, IMapPosition, IScrollDetail, ISectionListItemSortEvent, ISelectionQuery, ISort, ISortsAndFilters, ISubQuery, ITab, IUnreadCounts, IValidatorEntry, IWorkflow, TBaseSize, TColor, TEntityMapping, TExport, TGridCalendarView, TGridCustomDataLoader, TGridDirection, TSize, Validator } from '@shared/interfaces';
+import { CardType, EntityType, FormFilterAutocompleteOperator, IAppSearchTab, IButton, ICustomModel, ICustomView, IEntitiesAction, IEntity, IEntityAction, IEntitySearchTags, IFilters, IFormField, IFormOpeningHoursValue, IFormSearch, IGridAction, IGridCalendarDateRange, IGridCalendarDateSelection, IGridColumn, IGridExtraOptions, IGridSearch, IGridState, IKanbanColumn, ILesson, IMapMarker, IMapPosition, IScrollDetail, ISectionListItemSortEvent, ISelectionQuery, ISlidesOptions, ISort, ISortsAndFilters, ISubQuery, ITab, IUnreadCounts, IValidatorEntry, IWorkflow, TBaseSize, TColor, TEmptyState, TEntityMapping, TExport, TGridCalendarView, TGridCustomDataLoader, TGridDirection, TSize, Validator } from '@shared/interfaces';
 import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class YooGridComponent {
   direction: TGridDirection;
@@ -52,7 +52,7 @@ export declare class YooGridComponent {
   hideEmptyState: boolean;
   showSelectionOnlyToggle: boolean;
   selectedFilterOperator: string;
-  emptyState: string;
+  emptyState: TEmptyState;
   emptyStateAnimated?: boolean;
   emptyStateTextPosition?: 'top' | 'bottom';
   emptyStateHandler: () => void;
@@ -175,6 +175,7 @@ export declare class YooGridComponent {
   headerLink?: string;
   headerLinkHandler?: () => void;
   entityMapping?: TEntityMapping;
+  slidesOptions: ISlidesOptions;
   fetchData: EventEmitter<IGridSearch>;
   fieldFetchData: EventEmitter<IFormSearch>;
   fieldFetchCustomData: EventEmitter<{
@@ -283,7 +284,6 @@ export declare class YooGridComponent {
   private containerBase;
   private itemSlideDiv;
   private isFirstLoadAfterDisconnect?;
-  private slidesOptions;
   private input;
   private isSelectionMode;
   private areItemsDisabled;
@@ -327,7 +327,6 @@ export declare class YooGridComponent {
   onModelChange(): void;
   onInitialSelectionChanged(): void;
   onInitialQueryChange(): void;
-  onCurrentPageChanged(): void;
   onDataChanged(newItems: IEntity[]): void;
   onGridConfigUpdate(newConfig: any, oldConfig: any): void;
   onSearchUpdate(): void;