@spw-ds/spw-stencil-library 1.2.4 → 1.2.5

package/dist/types/components/spw-custom-select/spw-custom-select.d.ts

@@ -9,6 +9,7 @@ export declare class SpwCustomSelect {
     parsedOptions: {
         value: string | number;
         label: string;
+        disabled?: boolean;
     }[];
     focusedOptionIndex: number | null;
     searchText: string;
@@ -58,6 +59,7 @@ export declare class SpwCustomSelect {
     formResetCallback(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
+    private handleOtherSelectOpened;
     private handleClickOutside;
     parseOptions(newValue: string | any[]): void;
     valueChangedHandler(newValue: (string | number)[] | string | number): void;
@@ -65,6 +67,7 @@ export declare class SpwCustomSelect {
     internalValueChanged(): void;
     private getFormValue;
     private toggleDropdown;
+    private notifyOtherSelects;
     private determineDropdownDirection;
     private openDropdownWithKeyboard;
     private closeDropdown;

package/dist/types/components/spw-date-picker/spw-date-picker.d.ts

@@ -69,6 +69,7 @@ export declare class SpwDatePicker {
     private isDeleting;
     internals: ElementInternals;
     componentWillLoad(): void;
+    connectedCallback(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
     watchValue(newValue: string): void;

package/dist/types/components/spw-pagination/spw-pagination.d.ts

@@ -20,11 +20,14 @@ export declare class SpwPagination {
     disconnectedCallback(): void;
     private updateIsMobile;
     calculateTotalPages(): void;
+    onItemsPerPageChange(): void;
+    onTotalItemsChange(): void;
+    /** Méthode publique pour définir la page courante */
+    setPage(page: number): Promise<void>;
     private goToPage;
     private handleInputChange;
     private getPaginationClass;
     private handleKeyDown;
-    private calculateWidth;
     private calculatePageRange;
     render(): any;
 }

package/dist/types/components/spw-search-field/spw-search-field.d.ts

@@ -1,5 +1,8 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 export declare class SpwSearchField {
     private hostElement;
+    /** Événement émis lorsque la valeur du champ de recherche change */
+    valueChanged: EventEmitter<string>;
     /** Liste des éléments à filtrer, passée sous forme de chaîne JSON */
     items?: string;
     /** Placeholder à afficher dans le champ de recherche */
@@ -28,6 +31,8 @@ export declare class SpwSearchField {
     componentWillLoad(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
+    /** Réinitialise le champ de recherche */
+    resetInput(): Promise<void>;
     parseItems(newValue: string): void;
     private handleClickOutside;
     private handleSearchInput;

package/dist/types/components/spw-select/spw-select.d.ts

@@ -2,6 +2,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
 export interface SelectItem {
     label: string;
     value: string | number;
+    disabled?: boolean;
 }
 export declare class SpwSelect {
     el: HTMLSpwSelectElement;

package/dist/types/components/spw-table/spw-table-cell/spw-table-cell.d.ts

@@ -18,6 +18,12 @@ export declare class SpwTableCell {
     padding?: 'small' | 'medium';
     /** Permet de changer le state du spw-table-cell  */
     state?: 'default' | 'selected' | 'disabled';
+    /** Rend la cellule sticky lors du défilement (à appliquer sur spw-table-header ou spw-table-cell) */
+    sticky?: boolean;
+    /** Position du sticky : 'start' (left: 0) ou 'end' (right: 0) (à appliquer sur spw-table-header ou spw-table-cell) */
+    stickyPosition?: 'start' | 'end';
+    /** Décalage en pixels pour le sticky (utile pour empiler plusieurs colonnes sticky) (à appliquer sur spw-table-header ou spw-table-cell) */
+    stickyOffset?: number;
     isFirst: boolean;
     private slotObserver?;
     componentDidLoad(): void;

package/dist/types/components/spw-table/spw-table-header/spw-table-header.d.ts

@@ -26,6 +26,12 @@ export declare class SpwTableHeader {
     tooltipTitle?: string;
     /** Définit un contenu pour le tooltip (à appliquer sur spw-table-header) */
     tooltipText?: string;
+    /** Rend la cellule sticky lors du défilement horizontal  (à appliquer sur spw-table-header ou spw-table-cell) */
+    sticky?: boolean;
+    /** Position du sticky : 'start' (left: 0) ou 'end' (right: 0)  (à appliquer sur spw-table-header ou spw-table-cell) */
+    stickyPosition?: 'start' | 'end';
+    /** Décalage en pixels pour le sticky (utile pour empiler plusieurs colonnes sticky)  (à appliquer sur spw-table-header ou spw-table-cell) */
+    stickyOffset?: number;
     spwHeaderClick: EventEmitter<string>;
     private handleClick;
     private get elementClass();

package/dist/types/components/spw-table/spw-table-row/spw-table-row.d.ts

@@ -1,6 +1,14 @@
 export declare class SpwTableRow {
+    el: HTMLSpwTableRowElement;
     /** Permet de changer le state du spw-table-row  */
     state?: 'default' | 'selected' | 'disabled';
+    /** Définit le padding pour toutes les cellules de la row */
+    padding?: 'small' | 'medium';
+    componentDidLoad(): void;
+    slotChanged(): void;
+    onStateChange(): void;
+    onPaddingChange(): void;
+    private applyPropsToChildren;
     private get elementClass();
     render(): any;
 }

package/dist/types/components/spw-table/spw-table.d.ts

@@ -24,6 +24,7 @@ export declare class SpwTable {
     spwSort: EventEmitter<SortEvent>;
     private mutationObserver?;
     onCurrentSortChange(newSort: SortEvent | undefined): void;
+    onIsStickyChange(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
     private setupTableBodyObserver;
@@ -36,6 +37,7 @@ export declare class SpwTable {
     private toggleAllRowCheckboxes;
     handleHeaderClick(event: CustomEvent<string>): void;
     private updateZebra;
+    private applyStickyToChildren;
     private sortRows;
     private updateHeadersSortState;
     private formatSize;

package/dist/types/components.d.ts

@@ -999,6 +999,10 @@ export namespace Components {
           * Nombre d'éléments à afficher par page
          */
         "itemsPerPage": number;
+        /**
+          * Méthode publique pour définir la page courante
+         */
+        "setPage": (page: number) => Promise<void>;
         /**
           * Nombre total d'éléments à paginer
          */
@@ -1063,6 +1067,10 @@ export namespace Components {
           * Indique si le champ est requis
          */
         "required"?: boolean;
+        /**
+          * Réinitialise le champ de recherche
+         */
+        "resetInput": () => Promise<void>;
         /**
           * Taille du champ de recherche
          */
@@ -1299,6 +1307,18 @@ export namespace Components {
           * Permet de changer le state du spw-table-cell
          */
         "state"?: 'default' | 'selected' | 'disabled';
+        /**
+          * Rend la cellule sticky lors du défilement (à appliquer sur spw-table-header ou spw-table-cell)
+         */
+        "sticky"?: boolean;
+        /**
+          * Décalage en pixels pour le sticky (utile pour empiler plusieurs colonnes sticky) (à appliquer sur spw-table-header ou spw-table-cell)
+         */
+        "stickyOffset"?: number;
+        /**
+          * Position du sticky : 'start' (left: 0) ou 'end' (right: 0) (à appliquer sur spw-table-header ou spw-table-cell)
+         */
+        "stickyPosition"?: 'start' | 'end';
         /**
           * Définit un alignement de texte pour la cellule (à appliquer sur spw-table-cell ou spw-table-header)
          */
@@ -1353,6 +1373,18 @@ export namespace Components {
           * Définit si la colonne est triable (à appliquer sur spw-table-header)
          */
         "sortable"?: boolean;
+        /**
+          * Rend la cellule sticky lors du défilement horizontal  (à appliquer sur spw-table-header ou spw-table-cell)
+         */
+        "sticky"?: boolean;
+        /**
+          * Décalage en pixels pour le sticky (utile pour empiler plusieurs colonnes sticky)  (à appliquer sur spw-table-header ou spw-table-cell)
+         */
+        "stickyOffset"?: number;
+        /**
+          * Position du sticky : 'start' (left: 0) ou 'end' (right: 0)  (à appliquer sur spw-table-header ou spw-table-cell)
+         */
+        "stickyPosition"?: 'start' | 'end';
         /**
           * Définit un alignement de texte pour la cellule (à appliquer sur spw-table-cell ou spw-table-header)
          */
@@ -1371,6 +1403,10 @@ export namespace Components {
         "verticalAlign"?: 'top' | 'bottom' | 'middle';
     }
     interface SpwTableRow {
+        /**
+          * Définit le padding pour toutes les cellules de la row
+         */
+        "padding"?: 'small' | 'medium';
         /**
           * Permet de changer le state du spw-table-row
          */
@@ -1834,6 +1870,10 @@ export interface SpwRadioCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSpwRadioElement;
 }
+export interface SpwSearchFieldCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSpwSearchFieldElement;
+}
 export interface SpwSelectCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSpwSelectElement;
@@ -2321,7 +2361,18 @@ declare global {
         prototype: HTMLSpwRadioElement;
         new (): HTMLSpwRadioElement;
     };
+    interface HTMLSpwSearchFieldElementEventMap {
+        "valueChanged": string;
+    }
     interface HTMLSpwSearchFieldElement extends Components.SpwSearchField, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSpwSearchFieldElementEventMap>(type: K, listener: (this: HTMLSpwSearchFieldElement, ev: SpwSearchFieldCustomEvent<HTMLSpwSearchFieldElementEventMap[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 HTMLSpwSearchFieldElementEventMap>(type: K, listener: (this: HTMLSpwSearchFieldElement, ev: SpwSearchFieldCustomEvent<HTMLSpwSearchFieldElementEventMap[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 HTMLSpwSearchFieldElement: {
         prototype: HTMLSpwSearchFieldElement;
@@ -3743,6 +3794,10 @@ declare namespace LocalJSX {
           * Nom du champ de recherche, utilisé pour les formulaires
          */
         "name"?: string;
+        /**
+          * Événement émis lorsque la valeur du champ de recherche change
+         */
+        "onValueChanged"?: (event: SpwSearchFieldCustomEvent<string>) => void;
         /**
           * Placeholder à afficher dans le champ de recherche
          */
@@ -3990,6 +4045,18 @@ declare namespace LocalJSX {
           * Permet de changer le state du spw-table-cell
          */
         "state"?: 'default' | 'selected' | 'disabled';
+        /**
+          * Rend la cellule sticky lors du défilement (à appliquer sur spw-table-header ou spw-table-cell)
+         */
+        "sticky"?: boolean;
+        /**
+          * Décalage en pixels pour le sticky (utile pour empiler plusieurs colonnes sticky) (à appliquer sur spw-table-header ou spw-table-cell)
+         */
+        "stickyOffset"?: number;
+        /**
+          * Position du sticky : 'start' (left: 0) ou 'end' (right: 0) (à appliquer sur spw-table-header ou spw-table-cell)
+         */
+        "stickyPosition"?: 'start' | 'end';
         /**
           * Définit un alignement de texte pour la cellule (à appliquer sur spw-table-cell ou spw-table-header)
          */
@@ -4045,6 +4112,18 @@ declare namespace LocalJSX {
           * Définit si la colonne est triable (à appliquer sur spw-table-header)
          */
         "sortable"?: boolean;
+        /**
+          * Rend la cellule sticky lors du défilement horizontal  (à appliquer sur spw-table-header ou spw-table-cell)
+         */
+        "sticky"?: boolean;
+        /**
+          * Décalage en pixels pour le sticky (utile pour empiler plusieurs colonnes sticky)  (à appliquer sur spw-table-header ou spw-table-cell)
+         */
+        "stickyOffset"?: number;
+        /**
+          * Position du sticky : 'start' (left: 0) ou 'end' (right: 0)  (à appliquer sur spw-table-header ou spw-table-cell)
+         */
+        "stickyPosition"?: 'start' | 'end';
         /**
           * Définit un alignement de texte pour la cellule (à appliquer sur spw-table-cell ou spw-table-header)
          */
@@ -4063,6 +4142,10 @@ declare namespace LocalJSX {
         "verticalAlign"?: 'top' | 'bottom' | 'middle';
     }
     interface SpwTableRow {
+        /**
+          * Définit le padding pour toutes les cellules de la row
+         */
+        "padding"?: 'small' | 'medium';
         /**
           * Permet de changer le state du spw-table-row
          */

package/dist/types/utils/utils.d.ts

@@ -3,13 +3,14 @@ export declare function toKebabCase(str: string): string;
 export declare function formatDate(date: string): string;
 export declare function stripHtmlContent(content: string): string;
 export declare const generateComponentTable: (componentsData: any, tag: string) => string;
-export declare const withComponentControls: (componentsData: any, { tag, customTokens }: {
+export declare const withComponentControls: (componentsData: any, { tag, customTokens, prefixNames }: {
     tag: string;
     customTokens?: {
         name: string;
         description: string;
         defaultValue: string;
     }[];
+    prefixNames?: boolean;
 }) => any;
 export declare function extractArgTypes(componentsData: any, subComponentTags: string[]): any;
 export declare function formatFileSize(sizeInBytes: any): string;