@mgdis/mg-components 6.22.0 → 6.23.0

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

@@ -132,6 +132,8 @@ export declare const icons: {
     'folders-outline': string;
     gavel: string;
     'gavel-outline': string;
+    glitters: string;
+    'glitters-outline': string;
     'graduation-cap': string;
     'graduation-cap-outline': string;
     'hand-euro': string;

package/dist/types/components/atoms/internals/mg-input-title/mg-input-title.d.ts

@@ -2,6 +2,10 @@
  * @internal
  */
 export declare class MgInputTitle {
+    /**
+     * Get component DOM element
+     */
+    element: HTMLMgInputTitleElement;
     /**
      * Label input id
      */

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

@@ -8,6 +8,10 @@ export declare class MgBadge {
     /**************
      * Decorators *
      **************/
+    /**
+     * Get component DOM element
+     */
+    element: HTMLMgBadgeElement;
     /**
      * Badge value
      */

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

@@ -1,8 +1,8 @@
 import { FunctionalComponent } from '../../../../stencil-public-runtime';
-import { MgInputCheckboxListProps } from './mg-input-checkbox.conf';
+import { IMgInputCheckboxListProps } from './mg-input-checkbox.conf';
 /**
  * Get checkboxes list template
  * @param props - MgInputCheckboxList Interface Props
  * @returns input template
  */
-export declare const MgInputCheckboxList: FunctionalComponent<MgInputCheckboxListProps>;
+export declare const MgInputCheckboxList: FunctionalComponent<IMgInputCheckboxListProps>;

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

@@ -0,0 +1,8 @@
+import { FunctionalComponent } from '../../../../stencil-public-runtime';
+import { IMgInputCheckboxPaginatedProps } from './mg-input-checkbox.conf';
+/**
+ * Internal component use to manage sections instances
+ * @param props - MgInputCheckboxList Interface Props
+ * @returns input template
+ */
+export declare const MgInputCheckboxPaginated: FunctionalComponent<IMgInputCheckboxPaginatedProps>;

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

@@ -1,18 +1,18 @@
 /**
- * interface CheckboxValue
+ * interface ICheckboxValue
  * use to match returned value
  */
-export interface CheckboxValue {
+export interface ICheckboxValue {
     title: string;
     value: boolean | null;
     disabled?: boolean;
     required?: boolean;
 }
 /**
- * interface CheckboxItem
+ * interface ICheckboxItem
  * use to match checkbox attributes
  */
-export interface CheckboxItem extends CheckboxValue {
+export interface ICheckboxItem extends ICheckboxValue {
     _id: string;
     _handleInput: (event: InputEvent & {
         target: HTMLInputElement;
@@ -33,11 +33,11 @@ export type CheckboxType = (typeof checkboxTypes)[number];
 /**
  * mg-input-checkbox-paginated section kind type
  */
-export type SectionKindType = 'selected' | 'not-selected';
+export type SectionKindType = Record<string, number>;
 /**
  * mg-input-checkbox-paginated section kind value
  */
-export declare const SectionKind: Record<string, SectionKindType>;
+export declare const SectionKind: Record<string, number>;
 /**
  * Base mg-input-checkbox interface
  */
@@ -45,12 +45,20 @@ export interface IMgInputCheckboxBase {
     disabled?: boolean;
     name?: string;
     invalid?: boolean;
+    checkboxes: ICheckboxItem[];
+}
+export interface IMgInputCheckboxPaginatedProps extends IMgInputCheckboxBase {
+    readonly: boolean;
+    messages: Record<string, string>;
+    key: number;
+    limit: number;
+    handleLoadMore: () => void;
+    handleMassAction?: () => void;
 }
 /**
  * mg-input-checkbox-list interface
  */
-export interface MgInputCheckboxListProps extends IMgInputCheckboxBase {
-    checkboxes: CheckboxItem[];
+export interface IMgInputCheckboxListProps extends IMgInputCheckboxBase {
     id: string;
     labelledby?: string;
 }

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

@@ -1,8 +1,8 @@
 import { EventEmitter } from '../../../../stencil-public-runtime';
 import { ClassList } from '@mgdis/core-ui-helpers/dist/utils';
-import { CheckboxItem, CheckboxType, CheckboxValue, MgInputCheckboxListProps } from './mg-input-checkbox.conf';
+import { ICheckboxItem, CheckboxType, ICheckboxValue, IMgInputCheckboxListProps } from './mg-input-checkbox.conf';
 import { type TooltipPosition } from '../mg-input/mg-input.conf';
-export declare class MgInputCheckbox implements Omit<MgInputCheckboxListProps, 'id' | 'checkboxes' | 'messages'> {
+export declare class MgInputCheckbox implements Omit<IMgInputCheckboxListProps, 'id' | 'checkboxes' | 'messages'> {
     /************
      * Internal *
      ************/
@@ -18,6 +18,7 @@ export declare class MgInputCheckbox implements Omit<MgInputCheckboxListProps, '
     private readonly classSearchMode;
     private readonly multiStart;
     private readonly searchStart;
+    private readonly paginatedStep;
     private hasOpenedPopover;
     private readonly checkboxesId;
     /**************
@@ -31,7 +32,7 @@ export declare class MgInputCheckbox implements Omit<MgInputCheckboxListProps, '
      * Component value
      * If item.value is `null`, checkbox will be indeterminate by default
      */
-    value: CheckboxValue[];
+    value: ICheckboxValue[];
     validateValue(newValue: MgInputCheckbox['value']): void;
     /**
      * Define checkbox type
@@ -133,7 +134,7 @@ export declare class MgInputCheckbox implements Omit<MgInputCheckboxListProps, '
     /**
      * Formated value to display in list
      */
-    checkboxItems: CheckboxItem[];
+    checkboxItems: ICheckboxItem[];
     validateCheckboxItems(newValue: MgInputCheckbox['checkboxItems']): void;
     /**
      * Display search input
@@ -148,7 +149,7 @@ export declare class MgInputCheckbox implements Omit<MgInputCheckboxListProps, '
     /**
      * Search current page
      */
-    searchResults: CheckboxItem[];
+    searchResults: ICheckboxItem[];
     /**
      * Select values button text local key
      */
@@ -157,6 +158,10 @@ export declare class MgInputCheckbox implements Omit<MgInputCheckboxListProps, '
      * Define <mg-tabs> active-tab
      */
     activeTab: number;
+    /**
+     * Paginated sections limit per key
+     */
+    paginatedLimits: Record<number, number>;
     /**
      * Emitted event when value change
      */
@@ -283,6 +288,11 @@ export declare class MgInputCheckbox implements Omit<MgInputCheckboxListProps, '
      * Reset <mg-input-checkbox-paginated> limit state
      */
     private resetTabsLimit;
+    /**
+     * Handle load-more action for a paginated section
+     * @param key - section key
+     */
+    private handlePaginatedLoadMore;
     /*************
      * Lifecycle *
      *************/

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

@@ -159,15 +159,20 @@ export declare class MgInputSelect {
      */
     private setValidity;
     /**
-     * Handle input event
+     * Get the rendered options as a flat list, in render order
+     * The select value is the position of an option in this list, so it uniquely identifies an option even when several share the same title
+     * @returns flat select options
      */
-    private handleInput;
+    private getOptions;
+    /**
+     * Get the option matching the current select value
+     * @returns matching option or undefined
+     */
+    private getSelectedOption;
     /**
-     * Method to compare item.title with input.value
-     * @param item - item to compare with
-     * @returns truthy if input.value is an item
+     * Handle input event
      */
-    private isInputValue;
+    private handleInput;
     /**
      * Handle blur event
      */
@@ -197,6 +202,7 @@ export declare class MgInputSelect {
     /**
      * Render option
      * @param option - to render
+     * @param index - option position in the flat list of rendered options, used as the option value
      * @returns render option
      */
     private renderOption;

package/dist/types/components/molecules/mg-alert/mg-alert.d.ts

@@ -37,6 +37,10 @@ export declare class MgAlert {
      */
     variantStyle?: VariantStyleType;
     watchVariantStyle(newValue: MgAlert['variantStyle']): void;
+    /**
+     * Define if alert fits its parent element
+     */
+    fullWidth: boolean;
     /**
      * Watch hidden prop
      */

package/dist/types/components/molecules/mg-message/mg-message.d.ts

@@ -9,6 +9,7 @@ export declare class MgMessage {
      * Internal *
      ************/
     private readonly classBase;
+    private readonly classFullWidth;
     /**************
      * Decorators *
      **************/
@@ -26,6 +27,11 @@ export declare class MgMessage {
      */
     variantStyle: VariantStyleType;
     watchVariantStyle(newValue: MgMessage['variantStyle'], oldValue?: MgMessage['variantStyle']): void;
+    /**
+     * Define if message fits its parent element
+     */
+    fullWidth: boolean;
+    watchFullWidth(newValue: MgMessage['fullWidth']): void;
     /**
      * Component classes
      */