@mgdis/mg-components 6.14.0 → 6.16.0

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

@@ -58,7 +58,11 @@ export declare const icons: {
     cog: string;
     'cog-outline': string;
     comment: string;
+    'comment-exclamation': string;
+    'comment-exclamation-outline': string;
     'comment-outline': string;
+    'comment-question': string;
+    'comment-question-outline': string;
     'comment-sms': string;
     conversation: string;
     'conversation-outline': string;
@@ -151,6 +155,8 @@ export declare const icons: {
     'log-out': string;
     'magnifying-glass': string;
     mail: string;
+    'mail-open': string;
+    'mail-open-outline': string;
     'mail-outline': string;
     'messages-square': string;
     'messages-square-outline': string;

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

@@ -1,15 +1,14 @@
-import { EventEmitter } from '../../../../../stencil-public-runtime';
-import { CheckboxItem, IMgInputCheckboxBase, type SectionKindType } from '../mg-input-checkbox.conf';
+import { CheckboxItem, IMgInputCheckboxBase } from '../mg-input-checkbox.conf';
 /**
  * Internal component use to manage sections instances
  * @internal
  */
 export declare class MgInputCheckboxPaginated implements IMgInputCheckboxBase {
     /*************
-     * Constantes *
+     * Variables *
      *************/
-    private readonly offset;
-    private sectionKind;
+    private items;
+    private readonly step;
     /*************
      * Decorators *
      *************/
@@ -29,62 +28,40 @@ export declare class MgInputCheckboxPaginated implements IMgInputCheckboxBase {
      * Define mg-input-checkbox input invalid
      */
     invalid?: boolean;
-    /**
-     * Current page
-     */
-    currentPage: number;
     /**
      * Define checkboxes to paginate
      */
     checkboxes: CheckboxItem[];
-    watchCheckboxes(newValue: MgInputCheckboxPaginated['checkboxes'], oldValue?: MgInputCheckboxPaginated['checkboxes']): void;
+    watchCheckboxes(): void;
     /**
      * Define component message
      */
     messages: Record<string, string>;
     /**
-     * Emit 'mass-action' event
-     * used to informe that select-all/unselect-all button listner is triggered
+     * Page items limit to display
      */
-    massAction: EventEmitter<SectionKindType>;
+    limit: number;
+    watchLimit(): void;
     /**
-     * Is checked items values expanded
+     * Method to reset limit
      */
-    expanded: boolean;
+    resetLimit(): Promise<void>;
     /***********
      * 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
+     * Component has next checkboxes to display
+     * @returns truthy if have next elements
      */
-    private getFromToIndexes;
+    private hasNext;
     /**
-     * Method to get page count from items
-     * @param items - items to count
-     * @returns page count from items
+     * Set items from checkboxes and limit
      */
-    private getPageCount;
+    private setItems;
     /**
-     * Handle mg-pagination current page change event
-     * @param event - pagination current page change event
+     * Handle load-more <mg-button> click event
      */
-    private handleCurrentPageChange;
+    private handleLoadMore;
     /*************
      * Lifecycle *
      *************/

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

@@ -50,8 +50,7 @@ export interface IMgInputCheckboxBase {
  * mg-input-checkbox-list interface
  */
 export interface MgInputCheckboxListProps extends IMgInputCheckboxBase {
-    displaySearchInput: boolean;
-    messages: Record<string, unknown>;
     checkboxes: CheckboxItem[];
     id: string;
+    labelledby?: string;
 }

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

@@ -18,6 +18,7 @@ export declare class MgInputCheckbox implements Omit<MgInputCheckboxListProps, '
     private readonly multiStart;
     private readonly searchStart;
     private hasOpenedPopover;
+    private readonly checkboxesId;
     /**************
      * Decorators *
      **************/
@@ -151,6 +152,10 @@ export declare class MgInputCheckbox implements Omit<MgInputCheckboxListProps, '
      * Select values button text local key
      */
     selectValuesButtonKey: 'editButton' | 'showButton' | 'selectButton';
+    /**
+     * Define <mg-tabs> active-tab
+     */
+    activeTab: number;
     /**
      * Emitted event when value change
      */
@@ -204,16 +209,16 @@ export declare class MgInputCheckbox implements Omit<MgInputCheckboxListProps, '
      * @param event - input value-change event
      */
     private handleSearchChange;
+    /**
+     * Handle <mg-tabs> tab-change event
+     * @param event - tab change event
+     */
+    private handleActiveTabChange;
     /**
      * popover display-change handler
      * @param event - mg-popover display-change custom event
      */
     private handleMgPopoverDisplayChange;
-    /**
-     * Handle select all button
-     * @param event - mass action event trigger a global select/unselect on values
-     */
-    private handleMassAction;
     /**
      * Update values
      */
@@ -273,6 +278,10 @@ export declare class MgInputCheckbox implements Omit<MgInputCheckboxListProps, '
      * @returns selected checkboxItems
      */
     private getSelectedItems;
+    /**
+     * Reset <mg-input-checkbox-paginated> limit state
+     */
+    private resetTabsLimit;
     /*************
      * Lifecycle *
      *************/
@@ -290,7 +299,7 @@ export declare class MgInputCheckbox implements Omit<MgInputCheckboxListProps, '
      * @param checkboxes - checkboxes to render
      * @returns render sections of checkboxes
      */
-    private renderCheckboxBySection;
+    private renderCheckboxTabs;
     /**
      * render checkbox multi element
      * @returns html element

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

@@ -202,7 +202,7 @@ export declare class MgInputCombobox {
     /**
      * Emited event when `load-more` is called
      */
-    loadMore: EventEmitter<void>;
+    showMore: EventEmitter<void>;
     /**
      * Emited event when checking validity
      */

package/dist/types/components.d.ts

@@ -14,7 +14,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 { TooltipPosition, Width } from "./components/molecules/inputs/mg-input/mg-input.conf";
-import { CheckboxItem, CheckboxType, CheckboxValue, SectionKindType } from "./components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.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";
 import { Format, NumericType } from "./components/molecules/inputs/mg-input-numeric/mg-input-numeric.conf";
@@ -46,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 { TooltipPosition, Width } from "./components/molecules/inputs/mg-input/mg-input.conf";
-export { CheckboxItem, CheckboxType, CheckboxValue, SectionKindType } from "./components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.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";
 export { Format, NumericType } from "./components/molecules/inputs/mg-input-numeric/mg-input-numeric.conf";
@@ -472,14 +472,8 @@ export namespace Components {
     interface MgInputCheckboxPaginated {
         /**
           * Define checkboxes to paginate
-          * @default []
          */
         "checkboxes": CheckboxItem[];
-        /**
-          * Current page
-          * @default 1
-         */
-        "currentPage": number;
         /**
           * Define if mg-input-checkbox-list is disabled
           * @default false
@@ -502,6 +496,10 @@ export namespace Components {
           * @default false
          */
         "readonly": boolean;
+        /**
+          * Method to reset limit
+         */
+        "resetLimit": () => Promise<void>;
     }
     interface MgInputCombobox {
         /**
@@ -1965,10 +1963,6 @@ export interface MgInputCheckboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLMgInputCheckboxElement;
 }
-export interface MgInputCheckboxPaginatedCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLMgInputCheckboxPaginatedElement;
-}
 export interface MgInputComboboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLMgInputComboboxElement;
@@ -2180,21 +2174,10 @@ declare global {
         prototype: HTMLMgInputCheckboxElement;
         new (): HTMLMgInputCheckboxElement;
     };
-    interface HTMLMgInputCheckboxPaginatedElementEventMap {
-        "mass-action": SectionKindType;
-    }
     /**
      * Internal component use to manage sections instances
      */
     interface HTMLMgInputCheckboxPaginatedElement extends Components.MgInputCheckboxPaginated, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLMgInputCheckboxPaginatedElementEventMap>(type: K, listener: (this: HTMLMgInputCheckboxPaginatedElement, ev: MgInputCheckboxPaginatedCustomEvent<HTMLMgInputCheckboxPaginatedElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLMgInputCheckboxPaginatedElementEventMap>(type: K, listener: (this: HTMLMgInputCheckboxPaginatedElement, ev: MgInputCheckboxPaginatedCustomEvent<HTMLMgInputCheckboxPaginatedElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLMgInputCheckboxPaginatedElement: {
         prototype: HTMLMgInputCheckboxPaginatedElement;
@@ -3051,14 +3034,8 @@ declare namespace LocalJSX {
     interface MgInputCheckboxPaginated {
         /**
           * Define checkboxes to paginate
-          * @default []
          */
         "checkboxes"?: CheckboxItem[];
-        /**
-          * Current page
-          * @default 1
-         */
-        "currentPage"?: number;
         /**
           * Define if mg-input-checkbox-list is disabled
           * @default false
@@ -3076,10 +3053,6 @@ declare namespace LocalJSX {
           * Define mg-input-checkbox input name
          */
         "name"?: string;
-        /**
-          * Emit 'mass-action' event used to informe that select-all/unselect-all button listner is triggered
-         */
-        "onMass-action"?: (event: MgInputCheckboxPaginatedCustomEvent<SectionKindType>) => void;
         /**
           * Define if mg-input-checkbox-list is readonly
           * @default false