@yoobic/yobi 8.3.1-4 → 8.3.1-7

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

@@ -81,7 +81,7 @@ const YooRatingComponent = class {
         disabled: !this.isValidRating || !this.courseId,
         handler: () => this.onSubmitClick()
       }];
-    return (h("yoo-form-footer", { class: "rating", buttons: button }));
+    return (h("yoo-form-footer", { class: "rating relative", buttons: button }));
   }
   renderEditable() {
     return [

package/dist/esm/yoo-reset-password.entry.js

@@ -5,7 +5,7 @@ import './index-cca9747a.js';
 import './lodash-f6e59a8e.js';
 import './_commonjsHelpers-f4d11124.js';
 
-const resetPasswordCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host>*{width:100%}:host p{margin:0;font-size:var(--font-size-16, 1rem);text-align:center}:host yoo-button{max-width:18.75rem;margin:auto;margin-top:var(--spacing-16, 1rem)}:host yoo-form-dynamic.margin-top{margin-top:var(--spacing-48, 3rem)}:host yoo-empty-state{height:15rem;margin-top:var(--spacing-08, 0.5rem)}:host yoo-form-input{display:block;max-width:18.75rem;margin:auto}";
+const resetPasswordCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host>*{width:100%}:host p{margin:0;font-size:var(--font-size-16, 1rem);text-align:center}:host yoo-button{max-width:18.75rem;margin:auto;margin-top:var(--spacing-16, 1rem)}:host yoo-form-dynamic.margin-top{margin-top:var(--spacing-48, 3rem)}:host yoo-empty-state{height:15rem;margin-top:var(--spacing-08, 0.5rem)}:host yoo-form-input-container{display:block;max-width:18.75rem;margin:auto}:host yoo-form-input-container.web{font-size:var(--font-size-12, 0.75rem)}";
 
 const YooResetPasswordComponent = class {
   constructor(hostRef) {
@@ -60,12 +60,12 @@ const YooResetPasswordComponent = class {
   }
   renderRequest() {
     return [
-      !!this.instruction && h("p", null, this.instruction),
+      !!this.instruction && h("p", { style: { maxWidth: '350px', margin: '0 auto' } }, this.instruction),
       h("yoo-empty-state", { ref: (el) => (this.emptyState = el), type: this.isMagicLink ? 'magic-link' : 'password' }),
-      h("yoo-form-input-container", { field: { title: translate('YOOBICUSERNAME') }, hideOptional: true, hideLabel: true }, h("yoo-form-input", { ref: (el) => (this.emailInput = el), validators: [{ name: 'required' }], type: "email", uiValidation: { valid: false, invalid: false }, onInputChanged: (event) => this.onInputChanged(event), placeholder: translate('YOOBICUSERNAMEENTER'),
-        //! Do not set up onInputBlur without confirming on mobile device (We don't want to have to press submit more than once)
+      h("yoo-form-input-container", { field: { title: 'YOOBICUSERNAME' }, hideOptional: true, useUppercaseLabel: true }, h("yoo-form-input", { ref: (el) => (this.emailInput = el), iconPrefixColor: 'app-color', validators: [{ name: 'required' }], type: "email", uiValidation: { valid: false, invalid: false }, onInputChanged: (event) => this.onInputChanged(event), placeholder: translate('YOOBICUSERNAMEENTER'),
+        //! Do not set up onInputBlur without confirming on mobile device. We don't want to have to press submit more than once
         size: isWeb(this.host) ? 'medium' : 'large' })),
-      h("yoo-button", { ref: (el) => (this.submitButton = el), size: isWeb(this.host) ? 'medium' : 'large', color: "app-color", disabled: !this.validity, class: "expanded", onClick: () => this.onSubmit() }, translate('SUBMIT'))
+      h("yoo-button", { ref: (el) => (this.submitButton = el), size: isWeb(this.host) ? 'medium' : 'large', color: "app-color", disabled: !this.validity, class: "expanded", onClick: () => this.onSubmit() }, this.isMagicLink ? translate('YOOBICMAGICLINK') : translate('YOOBICRESETPASSWORD'))
     ];
   }
   renderResetForm() {
@@ -87,6 +87,7 @@ const YooResetPasswordComponent = class {
           },
           {
             type: FormFieldType.password,
+            iconPrefixColor: 'app-color',
             name: 'newpassword',
             placeholder: 'NEWPASSWORD',
             required: true,
@@ -95,6 +96,7 @@ const YooResetPasswordComponent = class {
           },
           {
             type: FormFieldType.password,
+            iconPrefixColor: 'app-color',
             name: 'verify',
             placeholder: 'CONFIRMPASSWORD',
             required: true,
@@ -104,7 +106,7 @@ const YooResetPasswordComponent = class {
         ]
       }
     ];
-    return h("yoo-form-dynamic", { class: "margin-top", animated: false, slides: slides, showRecap: false, showSave: true, skipValidation: true, onDataChanged: (ev) => this.onDataChanged(ev), onFormValidityChanged: (ev) => this.onValidityChanged(ev), onSave: () => this.onSubmit() }, h("div", { slot: "footer" }, h("yoo-button", { size: isWeb(this.host) ? 'medium' : 'large', color: "app-color", disabled: !this.validity, onClick: () => this.onSubmit() }, translate('SUBMIT'))));
+    return (h("yoo-form-dynamic", { class: "margin-top", animated: false, slides: slides, showRecap: false, showSave: true, skipValidation: true, onDataChanged: (ev) => this.onDataChanged(ev), onFormValidityChanged: (ev) => this.onValidityChanged(ev), onSave: () => this.onSubmit() }, h("div", { slot: "footer" }, h("yoo-button", { size: isWeb(this.host) ? 'medium' : 'large', color: "app-color", disabled: !this.validity, onClick: () => this.onSubmit() }, translate('SUBMIT')))));
   }
   render() {
     return h("div", null, this.token ? this.renderResetForm() : this.renderRequest());

package/dist/types/components/2.molecules/action-sheet-controller/action-sheet-controller.d.ts

@@ -6,7 +6,7 @@ export declare class YooIonActionSheetControllerComponent implements IOverlayCon
   private device;
   protected onDeviceCreated(ev: CustomEvent<HTMLYooDeviceElement>): void;
   protected onDeviceDestroyed(ev: CustomEvent<HTMLYooDeviceElement>): void;
-  protected onClick(ev: MouseEvent): void;
+  protected onPointerDown(ev: MouseEvent): void;
   protected actionSheetWillPresent(ev: any): void;
   protected actionSheetWillDismiss(ev: any): void;
   protected escapeKeyUp(event: any): void;

package/dist/types/components/2.molecules/alert-controller/alert-controller.d.ts

@@ -6,7 +6,7 @@ export declare class YooIonAlertControllerComponent implements IOverlayControlle
   private device;
   protected onDeviceCreated(ev: CustomEvent<HTMLYooDeviceElement>): void;
   protected onDeviceDestroyed(ev: CustomEvent<HTMLYooDeviceElement>): void;
-  protected onClick(ev: MouseEvent): void;
+  protected onPointerDown(ev: MouseEvent): void;
   protected alertWillPresent(ev: any): void;
   protected alertWillDismiss(ev: any): void;
   protected escapeKeyUp(event: any): void;

package/dist/types/components/2.molecules/modal-controller/modal-controller.d.ts

@@ -6,7 +6,7 @@ export declare class YooIonModalControllerComponent implements IOverlayControlle
   private devices;
   protected onDeviceCreated(ev: CustomEvent<HTMLYooDeviceElement>): void;
   protected onDeviceDestroyed(ev: CustomEvent<HTMLYooDeviceElement>): void;
-  protected onClick(ev: MouseEvent): void;
+  protected onPointerDown(ev: MouseEvent): void;
   protected modalWillPresent(ev: any): void;
   protected modalWillDismiss(ev: any): void;
   protected escapeKeyUp(event: any): void;

package/dist/types/components/2.molecules/toast-controller/toast-controller.d.ts

@@ -6,7 +6,7 @@ export declare class YooIonToastControllerComponent implements IOverlayControlle
   private device;
   protected onDeviceCreated(ev: CustomEvent<HTMLYooDeviceElement>): void;
   protected onDeviceDestroyed(ev: CustomEvent<HTMLYooDeviceElement>): void;
-  protected onClick(ev: MouseEvent): void;
+  protected onPointerDown(ev: MouseEvent): void;
   protected toastWillPresent(ev: any): void;
   protected toastWillDismiss(ev: any): void;
   protected escapeKeyUp(event: any): void;

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-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.d.ts

@@ -3513,6 +3513,7 @@ export namespace Components {
         "hasIconPrefix": boolean;
         "hideOptional": boolean;
         "iconPrefix": TIconName;
+        "iconPrefixColor"?: TColor;
         "iconSuffix"?: TIconName;
         "iconText"?: TIconName;
         "initialCheckboxParams": ICheckboxParams;
@@ -3581,8 +3582,9 @@ export namespace Components {
         /**
           * Use for pdf multiple image where the title needs to be rendered on top of the first image wrapper
          */
-        "slotInputConfig"?: { inputFn: (slots: HTMLElement[]) => any, slideTitle: any };
+        "slotInputConfig"?: { inputFn: (slots: HTMLElement[]) => any; slideTitle: any };
         "time": string;
+        "useUppercaseLabel"?: boolean;
         "validationComments": string;
         "validationCommentsUser"?: IUser;
     }
@@ -15077,6 +15079,7 @@ declare namespace LocalJSX {
         "hasIconPrefix"?: boolean;
         "hideOptional"?: boolean;
         "iconPrefix"?: TIconName;
+        "iconPrefixColor"?: TColor;
         "iconSuffix"?: TIconName;
         "iconText"?: TIconName;
         "initialCheckboxParams"?: ICheckboxParams;
@@ -15159,8 +15162,9 @@ declare namespace LocalJSX {
         /**
           * Use for pdf multiple image where the title needs to be rendered on top of the first image wrapper
          */
-        "slotInputConfig"?: { inputFn: (slots: HTMLElement[]) => any, slideTitle: any };
+        "slotInputConfig"?: { inputFn: (slots: HTMLElement[]) => any; slideTitle: any };
         "time"?: string;
+        "useUppercaseLabel"?: boolean;
         "validationComments"?: string;
         "validationCommentsUser"?: IUser;
     }

package/dist/types/home/runner/work/yoobic-ng-6/yoobic-ng-6/design-system/stencil/.stencil/shared/interfaces/src/entities/form-field/form-field.interface.d.ts

@@ -54,6 +54,7 @@ export interface IFormField {
   headerDynamic?: IDynamicProperty;
   icon?: TIconName;
   iconPrefix?: TIconName;
+  iconPrefixColor?: TColor;
   iconSuffix?: TIconName;
   textSuffix?: string;
   hasIconPrefix?: boolean;

package/package.json

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