@mgdis/mg-components 5.19.2 → 5.20.0

package/dist/types/components/atoms/mg-tooltip/mg-tooltip.d.ts

@@ -1,116 +1,116 @@
 import { Placement } from '@popperjs/core';
 export declare class MgTooltip {
-  /************
-   * Internal *
-   ************/
-  private popper;
-  private mgTooltipContent;
-  private tooltipedElement;
-  private windows;
-  private hasCustomTabIndex;
-  private guard;
-  /**************
-   * Decorators *
-   **************/
-  /**
-   * Get component DOM element
-   */
-  element: HTMLMgTooltipElement;
-  /**
-   * Sets an `id` attribute.
-   * Needed by the input for accessibility `aria-decribedby`.
-   */
-  identifier: string;
-  validateIdentifier(): void;
-  /**
-   * Displayed message in the tooltip
-   */
-  message: string;
-  validateMessage(newValue: MgTooltip['message']): void;
-  /**
-   * Tooltip placement
-   */
-  placement: Placement;
-  /**
-   * Display tooltip
-   */
-  display: boolean;
-  handleDisplay(newValue: MgTooltip['display']): void;
-  /**
-   * Disable tooltip
-   */
-  disabled: boolean;
-  validateDisabled(newValue: MgTooltip['disabled']): void;
-  /**
-   * Show tooltip
-   */
-  private show;
-  /**
-   * Hide tooltip
-   */
-  private hide;
-  /**
-   * Check if clicked outside of component and hidde tooltip
-   * @param event - mouse event
-   */
-  private clickOutside;
-  /**
-   * Check if 'Escape' key is pressed of component and hidde tooltip
-   * @param event - keyboard event
-   */
-  private pressEscape;
-  /**
-   * Method to set display prop
-   * @param newValue - display prop new value
-   * @param condition - additionnal condition to apply display prop newValue
-   */
-  private setDisplay;
-  /**
-   * Action for tooltip element and tooltiped element mouse listener
-   * @param elementGuard -  tooltip element guard
-   * @param isMouseenter - mouseenter validation
-   * @param conditionalGuard - guard condition
-   */
-  private tooltipMouseListenerAction;
-  /**
-   * Method to reset guard value
-   */
-  private resetGuard;
-  /**
-   * Update slot content when it is a mg-button
-   * @param mgButton - slotted mg-button
-   */
-  private setMgButtonWrapper;
-  /**
-   * Init tooltip
-   * @param slotElement - slotted element
-   * @param interactiveElement - interactive element
-   */
-  private initTooltip;
-  /**
-   * Render tooltip content element
-   */
-  private renderTooltipContent;
-  /*************
-   * Lifecycle *
-   *************/
-  /**
-   * set variables
-   */
-  componentWillLoad(): void;
-  /**
-   * Get slotted element
-   * Check if it already contain an interactive element, if not we need to add a tabIndex attribute
-   * We need to attach the focused element to the tooltip (aria-describedby)
-   */
-  componentDidLoad(): void;
-  /**
-   * update popper position after props change on component did update hook to benefit from render ended
-   */
-  componentDidUpdate(): void;
-  /**
-   * Render
-   * @returns HTML Element
-   */
-  render(): HTMLElement;
+    /************
+     * Internal *
+     ************/
+    private popper;
+    private mgTooltipContent;
+    private tooltipedElement;
+    private windows;
+    private hasCustomTabIndex;
+    private guard;
+    /**************
+     * Decorators *
+     **************/
+    /**
+     * Get component DOM element
+     */
+    element: HTMLMgTooltipElement;
+    /**
+     * Sets an `id` attribute.
+     * Needed by the input for accessibility `aria-decribedby`.
+     */
+    identifier: string;
+    validateIdentifier(): void;
+    /**
+     * Displayed message in the tooltip
+     */
+    message: string;
+    validateMessage(newValue: MgTooltip['message']): void;
+    /**
+     * Tooltip placement
+     */
+    placement: Placement;
+    /**
+     * Display tooltip
+     */
+    display: boolean;
+    handleDisplay(newValue: MgTooltip['display']): void;
+    /**
+     * Disable tooltip
+     */
+    disabled: boolean;
+    validateDisabled(newValue: MgTooltip['disabled']): void;
+    /**
+     * Show tooltip
+     */
+    private show;
+    /**
+     * Hide tooltip
+     */
+    private hide;
+    /**
+     * Check if clicked outside of component and hidde tooltip
+     * @param event - mouse event
+     */
+    private clickOutside;
+    /**
+     * Check if 'Escape' key is pressed of component and hidde tooltip
+     * @param event - keyboard event
+     */
+    private pressEscape;
+    /**
+     * Method to set display prop
+     * @param newValue - display prop new value
+     * @param condition - additionnal condition to apply display prop newValue
+     */
+    private setDisplay;
+    /**
+     * Action for tooltip element and tooltiped element mouse listener
+     * @param elementGuard -  tooltip element guard
+     * @param isMouseenter - mouseenter validation
+     * @param conditionalGuard - guard condition
+     */
+    private tooltipMouseListenerAction;
+    /**
+     * Method to reset guard value
+     */
+    private resetGuard;
+    /**
+     * Update slot content when it is a mg-button
+     * @param mgButton - slotted mg-button
+     */
+    private setMgButtonWrapper;
+    /**
+     * Init tooltip
+     * @param slotElement - slotted element
+     * @param interactiveElement - interactive element
+     */
+    private initTooltip;
+    /**
+     * Render tooltip content element
+     */
+    private renderTooltipContent;
+    /*************
+     * Lifecycle *
+     *************/
+    /**
+     * set variables
+     */
+    componentWillLoad(): void;
+    /**
+     * Get slotted element
+     * Check if it already contain an interactive element, if not we need to add a tabIndex attribute
+     * We need to attach the focused element to the tooltip (aria-describedby)
+     */
+    componentDidLoad(): void;
+    /**
+     * update popper position after props change on component did update hook to benefit from render ended
+     */
+    componentDidUpdate(): void;
+    /**
+     * Render
+     * @returns HTML Element
+     */
+    render(): HTMLElement;
 }

package/dist/types/components/molecules/inputs/MgInput.conf.d.ts

@@ -7,7 +7,14 @@ export type Width = (typeof widths)[number];
  * Possible Input types
  */
 export type HTMLMgInputsElement = HTMLMgInputCheckboxElement | HTMLMgInputDateElement | HTMLMgInputNumericElement | HTMLMgInputPasswordElement | HTMLMgInputRadioElement | HTMLMgInputSelectElement | HTMLMgInputTextElement | HTMLMgInputTextareaElement | (HTMLMgInputToggleElement & {
-  required: true;
-  invalid: false;
-  displayError: () => void;
+    required: true;
+    invalid: false;
+    displayError: () => void;
 });
+/**
+ * Available handlers
+ */
+export declare enum Handler {
+    BLUR = "blur",
+    FOCUS = "focus"
+}

package/dist/types/components/molecules/inputs/MgInput.d.ts

@@ -1,26 +1,27 @@
 import { FunctionalComponent } from '../../../stencil-public-runtime';
 import { Width } from './MgInput.conf';
 import { ClassList } from '../../../utils/components.utils';
+import { MgInputTitle } from '../../atoms/mg-input-title/mg-input-title';
 /**
  * MgInput Interface
  */
 interface MgInputProps {
-  identifier: string;
-  classCollection: ClassList;
-  label: string;
-  labelOnTop: boolean;
-  labelHide: boolean;
-  isFieldset: boolean;
-  value: string;
-  readonlyValue: string;
-  required: boolean;
-  readonly: boolean;
-  mgWidth: Width;
-  disabled: boolean;
-  tooltip: string;
-  helpText: string;
-  errorMessage: string;
-  ariaDescribedbyIDs: string[];
+    identifier: string;
+    classCollection: ClassList;
+    label: string;
+    labelOnTop: boolean;
+    labelHide: boolean;
+    isFieldset: MgInputTitle['isLegend'];
+    value: string;
+    readonlyValue: string;
+    required: boolean;
+    readonly: boolean;
+    mgWidth: Width;
+    disabled: boolean;
+    tooltip: string;
+    helpText: string;
+    errorMessage: string;
+    ariaDescribedbyIDs: string[];
 }
 /**
  * Get input template

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

@@ -4,104 +4,104 @@ import { CheckboxItem, IMgInputCheckboxBase, SectionKind, SectionTitleKind } fro
  * Internal component use to manage sections instances
  */
 export declare class MgInputCheckboxPaginated implements IMgInputCheckboxBase {
-  /*************
-   * Constantes *
-   *************/
-  private readonly offset;
-  /*************
-   * Decorators *
-   *************/
-  /**
-   * Define if mg-input-checkbox-list is readonly
-   */
-  readonly: boolean;
-  /**
-   * Define if mg-input-checkbox-list is disabled
-   */
-  disabled: boolean;
-  /**
-   * Define mg-input-checkbox input name
-   */
-  name: string;
-  /**
-   * Define mg-input-checkbox input invalid
-   */
-  invalid: boolean;
-  /**
-   * Define checkboxes to paginate
-   */
-  checkboxes: CheckboxItem[];
-  validateCheckboxes(newValue: MgInputCheckboxPaginated['checkboxes'], oldValue: MgInputCheckboxPaginated['checkboxes']): void;
-  /**
-   * Define section kind
-   */
-  sectionKind: SectionKind;
-  validateSectionKind(newValue: MgInputCheckboxPaginated['sectionKind']): void;
-  /**
-   * Define component message
-   */
-  messages: Record<string, string>;
-  /**
-   * Emit 'mass-action' event
-   * used to informe that select-all/unselect-all button listner is triggered
-   */
-  massAction: EventEmitter<MgInputCheckboxPaginated['sectionKind']>;
-  /**
-   * Define section title
-   */
-  titleKind: SectionTitleKind;
-  /**
-   * Current page
-   */
-  currentPage: number;
-  /**
-   * Is checked items values expanded
-   */
-  expanded: boolean;
-  /***********
-   * Methods *
-   ***********/
-  /**
-   * Mass action handler
-   */
-  private massActionHandler;
-  /**
-   * Toggle items button handler
-   */
-  private handleToggleClick;
-  /**
-   * Method to get a array range
-   * @param from - array start index
-   * @param to - array end index
-   * @returns array's range
-   */
-  private getArrayRange;
-  /**
-   * Get from and to index
-   * @returns [from,to] index
-   */
-  private getFromToIndexes;
-  /**
-   * Method to get page count from items
-   * @param items - items to count
-   * @returns page count from items
-   */
-  private getPageCount;
-  /**
-   * Handle mg-pagination current page change event
-   * @param event - pagination current page change event
-   */
-  private handleCurrentPageChange;
-  /*************
-   * Lifecycle *
-   *************/
-  /**
-   * Check if component props are well configured on init
-   */
-  componentWillLoad(): void;
-  /**
-   * Render
-   * @returns HTML Element
-   */
-  render(): HTMLElement;
+    /*************
+     * Constantes *
+     *************/
+    private readonly offset;
+    /*************
+     * Decorators *
+     *************/
+    /**
+     * Define if mg-input-checkbox-list is readonly
+     */
+    readonly: boolean;
+    /**
+     * Define if mg-input-checkbox-list is disabled
+     */
+    disabled: boolean;
+    /**
+     * Define mg-input-checkbox input name
+     */
+    name: string;
+    /**
+     * Define mg-input-checkbox input invalid
+     */
+    invalid: boolean;
+    /**
+     * Define checkboxes to paginate
+     */
+    checkboxes: CheckboxItem[];
+    validateCheckboxes(newValue: MgInputCheckboxPaginated['checkboxes'], oldValue: MgInputCheckboxPaginated['checkboxes']): void;
+    /**
+     * Define section kind
+     */
+    sectionKind: SectionKind;
+    validateSectionKind(newValue: MgInputCheckboxPaginated['sectionKind']): void;
+    /**
+     * Define component message
+     */
+    messages: Record<string, string>;
+    /**
+     * Emit 'mass-action' event
+     * used to informe that select-all/unselect-all button listner is triggered
+     */
+    massAction: EventEmitter<HTMLMgInputCheckboxPaginatedElement['sectionKind']>;
+    /**
+     * Define section title
+     */
+    titleKind: SectionTitleKind;
+    /**
+     * Current page
+     */
+    currentPage: number;
+    /**
+     * Is checked items values expanded
+     */
+    expanded: boolean;
+    /***********
+     * Methods *
+     ***********/
+    /**
+     * Mass action handler
+     */
+    private massActionHandler;
+    /**
+     * Toggle items button handler
+     */
+    private handleToggleClick;
+    /**
+     * Method to get a array range
+     * @param from - array start index
+     * @param to - array end index
+     * @returns array's range
+     */
+    private getArrayRange;
+    /**
+     * Get from and to index
+     * @returns [from,to] index
+     */
+    private getFromToIndexes;
+    /**
+     * Method to get page count from items
+     * @param items - items to count
+     * @returns page count from items
+     */
+    private getPageCount;
+    /**
+     * Handle mg-pagination current page change event
+     * @param event - pagination current page change event
+     */
+    private handleCurrentPageChange;
+    /*************
+     * Lifecycle *
+     *************/
+    /**
+     * Check if component props are well configured on init
+     */
+    componentWillLoad(): void;
+    /**
+     * Render
+     * @returns HTML Element
+     */
+    render(): HTMLElement;
 }

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

@@ -3,24 +3,24 @@
  * use to match returned value
  */
 export interface CheckboxValue {
-  title: string;
-  value: boolean | null;
-  disabled?: boolean;
-  required?: boolean;
+    title: string;
+    value: boolean | null;
+    disabled?: boolean;
+    required?: boolean;
 }
 /**
  * interface CheckboxItem
  * use to match checkbox attributes
  */
 export interface CheckboxItem extends CheckboxValue {
-  _id: string;
-  _handleInput: (event: InputEvent & {
-    target: HTMLInputElement;
-  }) => void;
-  _handleBlur: () => void;
-  _handleKeydown: (event: KeyboardEvent & {
-    target: HTMLElement;
-  }) => void;
+    _id: string;
+    _handleInput: (event: InputEvent & {
+        target: HTMLInputElement;
+    }) => void;
+    _handleBlur: () => void;
+    _handleKeydown: (event: KeyboardEvent & {
+        target: HTMLElement;
+    }) => void;
 }
 /**
  * List of all availables checkbox type
@@ -34,33 +34,33 @@ export type CheckboxType = (typeof checkboxTypes)[number];
  * mg-input-checkbox-paginated section kind
  */
 export declare enum SectionKind {
-  SELECTED = "selected",
-  NOT_SELECTED = "not-selected"
+    SELECTED = "selected",
+    NOT_SELECTED = "not-selected"
 }
 /**
  * mg-input-checkbox-paginated section title kind
  */
 export declare enum SectionTitleKind {
-  BUTTON = "button",
-  TEXT = "text"
+    BUTTON = "button",
+    TEXT = "text"
 }
 /**
  * Base mg-input-checkbox interface
  */
 export interface IMgInputCheckboxBase {
-  readonly: boolean;
-  disabled: boolean;
-  name: string;
-  invalid: boolean;
+    readonly: boolean;
+    disabled: boolean;
+    name: string;
+    invalid: boolean;
 }
 /**
  * mg-input-checkbox-list interface
  */
 export interface MgInputCheckboxListProps extends IMgInputCheckboxBase {
-  inputVerticalList: boolean;
-  type: CheckboxType;
-  displaySearchInput: boolean;
-  messages: Record<string, unknown>;
-  checkboxes: CheckboxItem[];
-  id: string;
+    inputVerticalList: boolean;
+    type: CheckboxType;
+    displaySearchInput: boolean;
+    messages: Record<string, unknown>;
+    checkboxes: CheckboxItem[];
+    id: string;
 }