@mgdis/mg-components 6.18.0 → 6.20.0

package/dist/types/assets/icons/index.d.ts

@@ -33,6 +33,7 @@ export declare const icons: {
     'book-outline': string;
     briefcase: string;
     'briefcase-outline': string;
+    building: string;
     'building-outline': string;
     calculator: string;
     'calculator-outline': string;
@@ -64,6 +65,7 @@ export declare const icons: {
     'comment-question': string;
     'comment-question-outline': string;
     'comment-sms': string;
+    'comment-sms-outline': string;
     conversation: string;
     'conversation-outline': string;
     copy: string;
@@ -96,7 +98,9 @@ export declare const icons: {
     'fax-outline': string;
     file: string;
     'file-cog': string;
+    'file-cog-outline': string;
     'file-download': string;
+    'file-download-outline': string;
     'file-excel': string;
     'file-excel-outline': string;
     'file-outline': string;
@@ -105,6 +109,7 @@ export declare const icons: {
     'file-text': string;
     'file-text-outline': string;
     'file-upload': string;
+    'file-upload-outline': string;
     'file-word': string;
     'file-word-outline': string;
     filter: string;
@@ -122,6 +127,7 @@ export declare const icons: {
     'folder-link-outline': string;
     'folder-outline': string;
     'folder-star': string;
+    'folder-star-outline': string;
     folders: string;
     'folders-outline': string;
     gavel: string;
@@ -182,9 +188,12 @@ export declare const icons: {
     'play-circle': string;
     plus: string;
     'plus-circle': string;
+    'plus-circle-outline': string;
     share: string;
     'share-outline': string;
     shuffle: string;
+    'sidebar-arrow-left': string;
+    'sidebar-arrow-right': string;
     sitemap: string;
     sliders: string;
     'sliders-outline': string;

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

@@ -36,4 +36,5 @@ 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";
+export declare const classDisplayCharacterLeft = "mg-c-input--display-character-left";
 export {};

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

@@ -11,6 +11,7 @@ export type ActionType = {
  */
 export type RequestMappingType = {
     filter: string;
+    filterTransform?: (filter: string) => string;
 };
 /**
  * Define response mapping type

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

@@ -7,7 +7,6 @@ export declare class MgInputCombobox {
     /************
      * Internal *
      ************/
-    private readonly classFocus;
     private input;
     private loadMoreElement;
     private popoverId;
@@ -169,7 +168,7 @@ export declare class MgInputCombobox {
      * Formated items for display
      */
     options: Paginate<Option>;
-    watchOptions(newValue: Paginate<Option>): void;
+    watchOptions(): void;
     /**
      * Active option
      */
@@ -305,10 +304,10 @@ export declare class MgInputCombobox {
      */
     private setErrorMessage;
     /**
-     * Get filtered options from `filter` input value
-     * @returns filtered options
+     * Get first page with filter applied
+     * @returns first page with filter applied
      */
-    private optionsFilter;
+    private getFirstPage;
     /**
      * Loading wrapper with a given action
      * @param action - wrapped loading action

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

@@ -11,7 +11,6 @@ export declare class MgInputRichTextEditor {
     private messages;
     private hasDisplayedError;
     private customErrorMessage;
-    private readonly classFocus;
     /**************
      * Decorators *
      **************/

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

@@ -10,7 +10,6 @@ export declare class MgInputText {
     /************
      * Internal *
      ************/
-    private readonly classFocus;
     private readonly classIsInputGroupAppend;
     private readonly classHasIcon;
     private readonly classHasButtonsGroupAppend;
@@ -122,6 +121,7 @@ export declare class MgInputText {
      * Define if component should display character left
      */
     characterLeftHide: boolean;
+    validateCharacterLeftHide(newValue: boolean): void;
     /**
      * Add a help text under the input, usually expected data format and example
      */
@@ -186,10 +186,6 @@ export declare class MgInputText {
      * Handle input event
      */
     private handleInput;
-    /**
-     * Handle focus event
-     */
-    private handleFocus;
     /**
      * Handle blur event
      */

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

@@ -5,8 +5,6 @@ export declare class MgInputTextarea {
     /************
      * Internal *
      ************/
-    private readonly classFocus;
-    private readonly classDisplayCharacterLeft;
     private characterLeftId;
     private input;
     private messages;
@@ -165,10 +163,6 @@ export declare class MgInputTextarea {
      * Handle input event
      */
     private handleInput;
-    /**
-     * Handle focus event
-     */
-    private handleFocus;
     /**
      * Handle blur event
      */

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

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../../../stencil-public-runtime';
 import { ClassList } from '@mgdis/core-ui-helpers/dist/utils';
-import { ToggleValue } from './mg-input-toggle.conf';
+import { Option as ToggleOption } from '../../../../types';
 import { type TooltipPosition } from '../mg-input/mg-input.conf';
 /**
  * @slot item-1 - Left option toggle content
@@ -24,13 +24,13 @@ export declare class MgInputToggle {
     /**
      * Component value
      */
-    value: any;
-    handleValue(newValue: any): void;
+    value: ToggleOption['value'];
+    watchValue(newValue: MgInputToggle['value'], oldValue?: MgInputToggle['value']): void;
     /**
      * Items are the possible options to select
      */
-    items: string[] | ToggleValue[];
-    validateItems(newValue: MgInputToggle['items']): void;
+    items: string[] | ToggleOption[];
+    watchItems(newValue: MgInputToggle['items']): void;
     /**
      * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
      */
@@ -93,7 +93,7 @@ export declare class MgInputToggle {
     /**
      * Formated items for display
      */
-    options: ToggleValue[];
+    options: ToggleOption[];
     /**
      * Error message to display
      */
@@ -102,11 +102,6 @@ export declare class MgInputToggle {
      * Define input valid state
      */
     valid: boolean;
-    /**
-     * Checked internal value
-     */
-    checked: boolean;
-    handleChecked(newValue: MgInputToggle['checked']): void;
     /**
      * Emited event when value change
      */
@@ -138,9 +133,9 @@ export declare class MgInputToggle {
      */
     private setErrorMessage;
     /**
-     * Change checked value
+     * Handle switch button to update value
      */
-    private toggleChecked;
+    private handleSwitchButton;
     /**
      * Slots validation
      */
@@ -150,11 +145,13 @@ export declare class MgInputToggle {
      * @param checked - checked item
      * @returns toggle value
      */
-    private getCheckedItem;
+    private getCurrentOptionIndex;
     /**
-     * set checked state
+     * Check if value is checked
+     * @param value - toggle value
+     * @returns truthy if value is checked
      */
-    private setChecked;
+    private isChecked;
     /*************
      * Lifecycle *
      *************/

package/dist/types/components.d.ts

@@ -15,7 +15,7 @@ import { AriaRoleType, RequiredMessageStatusType } from "./components/molecules/
 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 { CheckboxItem, CheckboxType, CheckboxValue } from "./components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.conf";
-import { Direction, Option } from "./types";
+import { Direction, Option, Option as ToggleOption } from "./types";
 import { RequestMappingType, ResponseMappingType } from "./components/molecules/inputs/mg-input-combobox/mg-input-combobox.conf";
 import { Format, NumericType } from "./components/molecules/inputs/mg-input-numeric/mg-input-numeric.conf";
 import { RadioOption } from "./components/molecules/inputs/mg-input-radio/mg-input-radio.conf";
@@ -23,7 +23,6 @@ import { EditorOptionsType } from "./components/molecules/inputs/mg-input-rich-t
 import { SelectOption } from "./components/molecules/inputs/mg-input-select/mg-input-select.conf";
 import { OptionType, TextType } from "./components/molecules/inputs/mg-input-text/mg-input-text.conf";
 import { IconType as IconType1 } from "./components";
-import { ToggleValue } from "./components/molecules/inputs/mg-input-toggle/mg-input-toggle.conf";
 import { IconType as IconType2, SizeType as SizeType1, SlotLabelType } from "./components/molecules/internals/mg-item-more/mg-item-more.conf";
 import { ItemMoreType, MenuSizeType } from "./components/molecules/menus/mg-menu/mg-menu.conf";
 import { MgMenuStatusType, TargetType } from "./components/molecules/menus/mg-menu-item/mg-menu-item.conf";
@@ -47,7 +46,7 @@ export { AriaRoleType, RequiredMessageStatusType } from "./components/molecules/
 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 { CheckboxItem, CheckboxType, CheckboxValue } from "./components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.conf";
-export { Direction, Option } from "./types";
+export { Direction, Option, Option as ToggleOption } from "./types";
 export { RequestMappingType, ResponseMappingType } from "./components/molecules/inputs/mg-input-combobox/mg-input-combobox.conf";
 export { Format, NumericType } from "./components/molecules/inputs/mg-input-numeric/mg-input-numeric.conf";
 export { RadioOption } from "./components/molecules/inputs/mg-input-radio/mg-input-radio.conf";
@@ -55,7 +54,6 @@ export { EditorOptionsType } from "./components/molecules/inputs/mg-input-rich-t
 export { SelectOption } from "./components/molecules/inputs/mg-input-select/mg-input-select.conf";
 export { OptionType, TextType } from "./components/molecules/inputs/mg-input-text/mg-input-text.conf";
 export { IconType as IconType1 } from "./components";
-export { ToggleValue } from "./components/molecules/inputs/mg-input-toggle/mg-input-toggle.conf";
 export { IconType as IconType2, SizeType as SizeType1, SlotLabelType } from "./components/molecules/internals/mg-item-more/mg-item-more.conf";
 export { ItemMoreType, MenuSizeType } from "./components/molecules/menus/mg-menu/mg-menu.conf";
 export { MgMenuStatusType, TargetType } from "./components/molecules/menus/mg-menu-item/mg-menu-item.conf";
@@ -1615,7 +1613,7 @@ export namespace Components {
         /**
           * Items are the possible options to select
          */
-        "items": string[] | ToggleValue[];
+        "items": string[] | ToggleOption[];
         /**
           * Input label
          */
@@ -1666,7 +1664,7 @@ export namespace Components {
         /**
           * Component value
          */
-        "value": any;
+        "value": ToggleOption['value'];
     }
     interface MgItemMore {
         /**
@@ -4153,7 +4151,7 @@ declare namespace LocalJSX {
         /**
           * Items are the possible options to select
          */
-        "items": string[] | ToggleValue[];
+        "items": string[] | ToggleOption[];
         /**
           * Input label
          */
@@ -4198,7 +4196,7 @@ declare namespace LocalJSX {
         /**
           * Component value
          */
-        "value"?: any;
+        "value"?: ToggleOption['value'];
     }
     interface MgItemMore {
         /**