@mgdis/mg-components 6.15.0 → 6.16.0

package/dist/mg-components/p-yMGqY8YG.js

@@ -0,0 +1 @@
+const E={TAB:"Tab",ENTER:"Enter",DOWN:"Down",UP:"Up",LEFT:"Left",RIGHT:"Right",ARROWDOWN:"ArrowDown",ARROWUP:"ArrowUp",ARROWRIGHT:"ArrowRight",ARROWLEFT:"ArrowLeft",HOME:"Home",END:"End",ESC:"Esc",ESCAPE:"Escape",NUMPADENTER:"NumpadEnter",SPACE:"Space"};export{E as K}

package/dist/types/components/molecules/inputs/mg-input/mg-input.conf.d.ts

@@ -31,17 +31,4 @@ export declare const classFieldset = "mg-c-input--fieldset";
 export declare const classDisabled = "mg-c-input--disabled";
 export declare const classReadonly = "mg-c-input--readonly";
 export declare const classVerticalList = "mg-c-input--vertical-list";
-/**
- * Define MgInput['errorMessage'] Details type
- */
-export type ErrorMessageDetailsType = {
-    summary: string;
-    details: string;
-};
-/**
- * Define cutom errors
- */
-export declare const CustomError: {
-    readonly NoValue: "noValue";
-};
 export {};

package/dist/types/components/molecules/inputs/mg-input/mg-input.d.ts

@@ -1,4 +1,4 @@
-import { type TooltipPosition, type ErrorMessageDetailsType } from './mg-input.conf';
+import { type TooltipPosition } from './mg-input.conf';
 /**
  * @slot - Input content
  */
@@ -6,13 +6,10 @@ export declare class MgInput {
     /************
      * Internal *
      ************/
-    private messages;
     private helpTextId;
     private helpTextErrorId;
     private readonly slotLabel;
     private readonly slotError;
-    private readonly slotSummary;
-    private readonly slotDetails;
     private readonly slotHelpText;
     private errorMessageSlotElement;
     private helptextMessageSlotElement;
@@ -61,7 +58,7 @@ export declare class MgInput {
     /**
      * Define error message to display
      */
-    errorMessage?: string | ErrorMessageDetailsType;
+    errorMessage?: string;
     watchErrorMessage(newValue: MgInput['errorMessage']): void;
     /**
      * Define help text to display
@@ -105,17 +102,9 @@ export declare class MgInput {
      */
     private renderLabel;
     /**
-     * Render error message details element
+     * Render error message
      */
-    private renderErrorDetailsMessage;
-    /**
-     * Render error message element
-     */
-    private renderErrorStringMessage;
-    /**
-     * Render error message slot element
-     */
-    private renderErrorMessageSlot;
+    private renderErrorMessage;
     /**
      * Render help text message
      */

package/dist/types/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.d.ts

@@ -112,19 +112,15 @@ export declare class MgInputCheckbox implements Omit<MgInputCheckboxListProps, '
     /**
      * Overwrite default "edit" button message
      */
-    editButtonMessage?: string;
+    editButtonMessage: string;
     /**
      * Overwrite default "show" button message
      */
-    showButtonMessage?: string;
+    showButtonMessage: string;
     /**
      * Overwrite default "select" button message
      */
-    selectButtonMessage?: string;
-    /**
-     * Define no value error detail
-     */
-    noValueErrorDetail?: string;
+    selectButtonMessage: string;
     /**
      * Component classes
      */
@@ -252,16 +248,6 @@ export declare class MgInputCheckbox implements Omit<MgInputCheckboxListProps, '
      * Check if input is valid
      */
     private checkValidity;
-    /**
-     * Test if component has items
-     * @returns truthy if component has items
-     */
-    private hasInputValue;
-    /**
-     * Test if component has no value error message displayed
-     * @returns truthy if compent display no value error message
-     */
-    private hasNoValueErrorMessageDisplay;
     /**
      * Set button text locale key
      */
@@ -277,10 +263,6 @@ export declare class MgInputCheckbox implements Omit<MgInputCheckboxListProps, '
      * @param errorMessage - errorMessage override
      */
     private setErrorMessage;
-    /**
-     * Reset error message
-     */
-    private resetErrorMessage;
     /**
      * Method to get mg-popover identifier
      * @returns MgPopover identifier

package/dist/types/components/molecules/inputs/mg-input-combobox/mg-input-combobox.d.ts

@@ -13,7 +13,6 @@ export declare class MgInputCombobox {
     private popoverId;
     private messages;
     private hasDisplayedError;
-    private customError;
     private handlerInProgress;
     private loadingAction;
     private debounce;
@@ -153,10 +152,6 @@ export declare class MgInputCombobox {
         response: ResponseMappingType;
     };
     watchFetchMappings(newValue: MgInputCombobox['fetchmappings']): void;
-    /**
-     * Define no value error detail
-     */
-    noValueErrorDetail?: string;
     /**
      * Define input valid state
      */
@@ -293,15 +288,9 @@ export declare class MgInputCombobox {
      * @returns value title
      */
     private getValueTitle;
-    /**
-     * Test if component has no value error message displayed
-     * @returns truthy if compent display no value error message
-     */
-    private hasNoValueError;
     /**
      * Method to set validity values
-     * @param newValidValue - new valid value. `true` will bypass input check.
-     * @param customErrorMessage - custom error message
+     * @param newValue - valid new value
      */
     private setValidity;
     /**
@@ -310,12 +299,9 @@ export declare class MgInputCombobox {
     private checkValidity;
     /**
      * Set input error message
+     * @param errorMessage - errorMessage override
      */
     private setErrorMessage;
-    /**
-     * Reset error message
-     */
-    private resetErrorMessage;
     /**
      * Get filtered options from `filter` input value
      * @returns filtered options

package/dist/types/components/molecules/inputs/mg-input-radio/mg-input-radio.d.ts

@@ -81,10 +81,6 @@ export declare class MgInputRadio {
      * Add a help text under the input, usually expected data format and example
      */
     helpText?: string;
-    /**
-     * Define no value error detail
-     */
-    noValueErrorDetail?: string;
     /**
      * Define input valid state
      */
@@ -152,16 +148,6 @@ export declare class MgInputRadio {
      * Handle blur event
      */
     private handleBlur;
-    /**
-     * Test if component has items
-     * @returns truthy if component has items
-     */
-    private hasInputValue;
-    /**
-     * Test if component has no value error message displayed
-     * @returns truthy if compent display no value error message
-     */
-    private hasNoValueErrorMessageDisplay;
     /**
      * Check if input is valid
      */
@@ -171,10 +157,6 @@ export declare class MgInputRadio {
      * @param errorMessage - errorMessage override
      */
     private setErrorMessage;
-    /**
-     * Reset error message
-     */
-    private resetErrorMessage;
     /**
      * get invalid element
      * @returns element

package/dist/types/components/molecules/inputs/mg-input-select/mg-input-select.d.ts

@@ -93,10 +93,6 @@ export declare class MgInputSelect {
      * Add a help text under the input, usually expected data format and example
      */
     helpText?: string;
-    /**
-     * Define no value error detail
-     */
-    noValueErrorDetail?: string;
     /**
      * Define input valid state
      */
@@ -170,16 +166,6 @@ export declare class MgInputSelect {
      * @returns truthy if input.value is an item
      */
     private isInputValue;
-    /**
-     * Test if component has items
-     * @returns truthy if component has items
-     */
-    private hasInputValue;
-    /**
-     * Test if component has no value error message displayed
-     * @returns truthy if compent display no value error message
-     */
-    private hasNoValueErrorMessageDisplay;
     /**
      * Handle blur event
      */
@@ -198,10 +184,6 @@ export declare class MgInputSelect {
      * @param errorMessage - errorMessage override
      */
     private setErrorMessage;
-    /**
-     * Reset error message
-     */
-    private resetErrorMessage;
     /*************
      * Lifecycle *
      *************/

package/dist/types/components/molecules/inputs/mg-input-toggle/mg-input-toggle.d.ts

@@ -11,7 +11,6 @@ export declare class MgInputToggle {
      * Internal *
      ************/
     private button;
-    private messages;
     private readonly classIsActive;
     private readonly classOnOff;
     private readonly classIcon;
@@ -85,18 +84,6 @@ export declare class MgInputToggle {
      * Add a help text under the input, usually expected data format and example
      */
     helpText?: string;
-    /**
-     * Define no value error detail
-     */
-    noValueErrorDetail?: string;
-    /**
-     * Define input valid state
-     */
-    valid: boolean;
-    /**
-     * Define input invalid state
-     */
-    invalid: boolean;
     /**
      * Component classes
      */
@@ -109,6 +96,10 @@ export declare class MgInputToggle {
      * Error message to display
      */
     errorMessage: string;
+    /**
+     * Define input valid state
+     */
+    valid: boolean;
     /**
      * Checked internal value
      */
@@ -139,33 +130,6 @@ export declare class MgInputToggle {
      * Reset value, validity, error and visual state
      */
     reset(): Promise<void>;
-    /**
-     * Display input error if it exists.
-     */
-    private displayError;
-    /**
-     * Check if input is valid
-     */
-    private checkValidity;
-    /**
-     * Method to set validity values
-     * @param newValue - valid new value
-     */
-    private setValidity;
-    /**
-     * Reset error message
-     */
-    private resetErrorMessage;
-    /**
-     * Test if component has items
-     * @returns truthy if component has items
-     */
-    private hasInputItems;
-    /**
-     * Test if component has no value error message displayed
-     * @returns truthy if compent display no value error message
-     */
-    private hasNoValueErrorMessageDisplay;
     /**
      * Set input error message
      * @param errorMessage - errorMessage override

package/dist/types/components.d.ts

@@ -13,7 +13,7 @@ import { RadiusSizeType } from "./components/atoms/mg-card/mg-card.conf";
 import { AriaRoleType, RequiredMessageStatusType } from "./components/molecules/mg-form/mg-form.conf";
 import { IconSizeType, IconType, IconVariantStyleType, IconVariantType } from "./components/atoms/mg-icon/mg-icon.conf";
 import { IllustratedMessageDirectionType, IllustratedMessageSizeType } from "./components/molecules/mg-illustrated-message/mg-illustrated-message.conf";
-import { ErrorMessageDetailsType, TooltipPosition, Width } from "./components/molecules/inputs/mg-input/mg-input.conf";
+import { TooltipPosition, Width } from "./components/molecules/inputs/mg-input/mg-input.conf";
 import { CheckboxItem, CheckboxType, CheckboxValue } from "./components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.conf";
 import { Direction, Option } from "./types";
 import { RequestMappingType, ResponseMappingType } from "./components/molecules/inputs/mg-input-combobox/mg-input-combobox.conf";
@@ -45,7 +45,7 @@ export { RadiusSizeType } from "./components/atoms/mg-card/mg-card.conf";
 export { AriaRoleType, RequiredMessageStatusType } from "./components/molecules/mg-form/mg-form.conf";
 export { IconSizeType, IconType, IconVariantStyleType, IconVariantType } from "./components/atoms/mg-icon/mg-icon.conf";
 export { IllustratedMessageDirectionType, IllustratedMessageSizeType } from "./components/molecules/mg-illustrated-message/mg-illustrated-message.conf";
-export { ErrorMessageDetailsType, TooltipPosition, Width } from "./components/molecules/inputs/mg-input/mg-input.conf";
+export { TooltipPosition, Width } from "./components/molecules/inputs/mg-input/mg-input.conf";
 export { CheckboxItem, CheckboxType, CheckboxValue } from "./components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.conf";
 export { Direction, Option } from "./types";
 export { RequestMappingType, ResponseMappingType } from "./components/molecules/inputs/mg-input-combobox/mg-input-combobox.conf";
@@ -319,7 +319,7 @@ export namespace Components {
         /**
           * Define error message to display
          */
-        "errorMessage"?: string | ErrorMessageDetailsType;
+        "errorMessage"?: string;
         /**
           * Define help text to display
          */
@@ -375,7 +375,7 @@ export namespace Components {
         /**
           * Overwrite default "edit" button message
          */
-        "editButtonMessage"?: string;
+        "editButtonMessage": string;
         /**
           * Add a help text under the input, usually expected data format and example
          */
@@ -412,10 +412,6 @@ export namespace Components {
           * @default this.identifier
          */
         "name": string;
-        /**
-          * Define no value error detail
-         */
-        "noValueErrorDetail"?: string;
         /**
           * Define if mg-input-checkbox is readonly
           * @default false
@@ -433,7 +429,7 @@ export namespace Components {
         /**
           * Overwrite default "select" button message
          */
-        "selectButtonMessage"?: string;
+        "selectButtonMessage": string;
         /**
           * Set an error and display a custom error message. This method can be used to set the component's error state from its context by passing a boolean value to the `valid` parameter. It must be paired with an error message to display for the given context. When used to set validity to `false`, you should use this method again to reset the validity to `true`.
           * @param valid - value indicating the validity
@@ -447,7 +443,7 @@ export namespace Components {
         /**
           * Overwrite default "show" button message
          */
-        "showButtonMessage"?: string;
+        "showButtonMessage": string;
         /**
           * Add a tooltip message next to the input
          */
@@ -576,10 +572,6 @@ export namespace Components {
           * @default this.identifier
          */
         "name": string;
-        /**
-          * Define no value error detail
-         */
-        "noValueErrorDetail"?: string;
         /**
           * Define input placeholder. It should be a word or short phrase that demonstrates the expected type of data, not a replacement for labels or help combobox.
          */
@@ -997,10 +989,6 @@ export namespace Components {
           * @default this.identifier
          */
         "name": string;
-        /**
-          * Define no value error detail
-         */
-        "noValueErrorDetail"?: string;
         /**
           * Define if input is readonly
           * @default false
@@ -1202,10 +1190,6 @@ export namespace Components {
           * @default this.identifier
          */
         "name": string;
-        /**
-          * Define no value error detail
-         */
-        "noValueErrorDetail"?: string;
         /**
           * Input placeholder. It should be a word or short phrase that demonstrates the expected type of data, not a replacement for labels or help text.
          */
@@ -1538,10 +1522,6 @@ export namespace Components {
           * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
          */
         "identifier": string;
-        /**
-          * Define input invalid state
-         */
-        "invalid": boolean;
         /**
           * Define if toggle display icon
           * @default false
@@ -1575,10 +1555,6 @@ export namespace Components {
           * @default this.identifier
          */
         "name": string;
-        /**
-          * Define no value error detail
-         */
-        "noValueErrorDetail"?: string;
         /**
           * Define if input is readonly
           * @default false
@@ -1607,10 +1583,6 @@ export namespace Components {
           * @default 'input'
          */
         "tooltipPosition": TooltipPosition;
-        /**
-          * Define input valid state
-         */
-        "valid": boolean;
         /**
           * Component value
          */
@@ -2919,7 +2891,7 @@ declare namespace LocalJSX {
         /**
           * Define error message to display
          */
-        "errorMessage"?: string | ErrorMessageDetailsType;
+        "errorMessage"?: string;
         /**
           * Define help text to display
          */
@@ -3008,10 +2980,6 @@ declare namespace LocalJSX {
           * @default this.identifier
          */
         "name"?: string;
-        /**
-          * Define no value error detail
-         */
-        "noValueErrorDetail"?: string;
         /**
           * Emited event when checking validity
          */
@@ -3158,10 +3126,6 @@ declare namespace LocalJSX {
           * @default this.identifier
          */
         "name"?: string;
-        /**
-          * Define no value error detail
-         */
-        "noValueErrorDetail"?: string;
         /**
           * Emited event when fetch API throw an error
          */
@@ -3551,10 +3515,6 @@ declare namespace LocalJSX {
           * @default this.identifier
          */
         "name"?: string;
-        /**
-          * Define no value error detail
-         */
-        "noValueErrorDetail"?: string;
         /**
           * Emited event when checking validity
          */
@@ -3726,10 +3686,6 @@ declare namespace LocalJSX {
           * @default this.identifier
          */
         "name"?: string;
-        /**
-          * Define no value error detail
-         */
-        "noValueErrorDetail"?: string;
         /**
           * Emited event when checking validity
          */
@@ -4036,10 +3992,6 @@ declare namespace LocalJSX {
           * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
          */
         "identifier": string;
-        /**
-          * Define input invalid state
-         */
-        "invalid"?: boolean;
         /**
           * Define if toggle display icon
           * @default false
@@ -4073,10 +4025,6 @@ declare namespace LocalJSX {
           * @default this.identifier
          */
         "name"?: string;
-        /**
-          * Define no value error detail
-         */
-        "noValueErrorDetail"?: string;
         /**
           * Emited event when checking validity
          */
@@ -4099,10 +4047,6 @@ declare namespace LocalJSX {
           * @default 'input'
          */
         "tooltipPosition"?: TooltipPosition;
-        /**
-          * Define input valid state
-         */
-        "valid"?: boolean;
         /**
           * Component value
          */