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

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-header/spw-header-navigation/spw-header-navigation.d.ts

@@ -1,6 +1,8 @@
 export declare class SpwHeaderNavigation {
     level: number;
     element: HTMLSpwHeaderNavigationItemElement | null;
+    /** Alignement des éléments de navigation sur desktop */
+    alignment: 'flex-start' | 'space-between';
     private redirectToHome;
     handleNavigation(event: CustomEvent<{
         level: number;
@@ -8,5 +10,6 @@ export declare class SpwHeaderNavigation {
     }>): void;
     private updateNavigationItems;
     private getAllNavigationItems;
+    private get elementClass();
     render(): any;
 }

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,10 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 export declare class SpwSearchField {
+    el: HTMLElement;
     private hostElement;
+    private hiddenInput;
+    /** É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 */
@@ -10,12 +15,22 @@ export declare class SpwSearchField {
     label?: string;
     /** Indique si le champ de recherche est désactivé */
     disabled?: boolean;
+    /** Indique si le champ de recherche est arrondi ou pas (communément utilisé dans un hero banner) */
+    isRounded?: boolean;
     /** Nom du champ de recherche, utilisé pour les formulaires */
     name: string;
     /** Indique si le champ est requis */
     required?: boolean;
     /** Texte d'assistance affiché sous le champ de recherche */
     assistiveText?: string;
+    /** Texte du lien pour voir tous les résultats */
+    viewAllResults?: string;
+    /** URL vers laquelle renvoie le lien "voir tous les résultats" */
+    viewAllResultsLink?: string;
+    /** Texte à afficher si pas de résultats */
+    noResults?: string;
+    /** Affiche un bouton submit (loupe) qui déclenche le submit du formulaire parent */
+    hasSubmitButton?: boolean;
     filteredItems: Array<{
         url?: string;
         label: string;
@@ -28,15 +43,24 @@ export declare class SpwSearchField {
     componentWillLoad(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
+    private createHiddenInput;
+    private updateHiddenInput;
+    /** Réinitialise le champ de recherche */
+    resetInput(): Promise<void>;
+    /** Définit la valeur du champ de recherche */
+    setValue(value: string): Promise<void>;
+    /** Récupère la valeur actuelle du champ de recherche */
+    getValue(): Promise<string>;
     parseItems(newValue: string): void;
     private handleClickOutside;
-    private handleSearchInput;
+    private handleValueChanged;
     private filterItems;
     private normalizeString;
     private selectItem;
     private determineDropdownDirection;
     private handleKeyDown;
     private highlightMatch;
+    private handleSubmit;
     private get elementClass();
     render(): any;
 }

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

@@ -708,6 +708,10 @@ export namespace Components {
         "active": boolean;
     }
     interface SpwHeaderNavigation {
+        /**
+          * Alignement des éléments de navigation sur desktop
+         */
+        "alignment": 'flex-start' | 'space-between';
     }
     interface SpwHeaderNavigationDropdown {
     }
@@ -999,6 +1003,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
          */
@@ -1043,6 +1051,18 @@ export namespace Components {
           * Indique si le champ de recherche est désactivé
          */
         "disabled"?: boolean;
+        /**
+          * Récupère la valeur actuelle du champ de recherche
+         */
+        "getValue": () => Promise<string>;
+        /**
+          * Affiche un bouton submit (loupe) qui déclenche le submit du formulaire parent
+         */
+        "hasSubmitButton"?: boolean;
+        /**
+          * Indique si le champ de recherche est arrondi ou pas (communément utilisé dans un hero banner)
+         */
+        "isRounded"?: boolean;
         /**
           * Liste des éléments à filtrer, passée sous forme de chaîne JSON
          */
@@ -1055,6 +1075,10 @@ export namespace Components {
           * Nom du champ de recherche, utilisé pour les formulaires
          */
         "name": string;
+        /**
+          * Texte à afficher si pas de résultats
+         */
+        "noResults"?: string;
         /**
           * Placeholder à afficher dans le champ de recherche
          */
@@ -1063,10 +1087,26 @@ export namespace Components {
           * Indique si le champ est requis
          */
         "required"?: boolean;
+        /**
+          * Réinitialise le champ de recherche
+         */
+        "resetInput": () => Promise<void>;
+        /**
+          * Définit la valeur du champ de recherche
+         */
+        "setValue": (value: string) => Promise<void>;
         /**
           * Taille du champ de recherche
          */
         "size"?: 'large' | 'medium';
+        /**
+          * Texte du lien pour voir tous les résultats
+         */
+        "viewAllResults"?: string;
+        /**
+          * URL vers laquelle renvoie le lien "voir tous les résultats"
+         */
+        "viewAllResultsLink"?: string;
     }
     interface SpwSelect {
         /**
@@ -1299,6 +1339,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 +1405,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 +1435,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 +1902,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 +2393,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;
@@ -3391,6 +3474,10 @@ declare namespace LocalJSX {
         "active"?: boolean;
     }
     interface SpwHeaderNavigation {
+        /**
+          * Alignement des éléments de navigation sur desktop
+         */
+        "alignment"?: 'flex-start' | 'space-between';
     }
     interface SpwHeaderNavigationDropdown {
     }
@@ -3731,6 +3818,14 @@ declare namespace LocalJSX {
           * Indique si le champ de recherche est désactivé
          */
         "disabled"?: boolean;
+        /**
+          * Affiche un bouton submit (loupe) qui déclenche le submit du formulaire parent
+         */
+        "hasSubmitButton"?: boolean;
+        /**
+          * Indique si le champ de recherche est arrondi ou pas (communément utilisé dans un hero banner)
+         */
+        "isRounded"?: boolean;
         /**
           * Liste des éléments à filtrer, passée sous forme de chaîne JSON
          */
@@ -3743,6 +3838,14 @@ declare namespace LocalJSX {
           * Nom du champ de recherche, utilisé pour les formulaires
          */
         "name"?: string;
+        /**
+          * Texte à afficher si pas de résultats
+         */
+        "noResults"?: string;
+        /**
+          * Événement émis lorsque la valeur du champ de recherche change
+         */
+        "onValueChanged"?: (event: SpwSearchFieldCustomEvent<string>) => void;
         /**
           * Placeholder à afficher dans le champ de recherche
          */
@@ -3755,6 +3858,14 @@ declare namespace LocalJSX {
           * Taille du champ de recherche
          */
         "size"?: 'large' | 'medium';
+        /**
+          * Texte du lien pour voir tous les résultats
+         */
+        "viewAllResults"?: string;
+        /**
+          * URL vers laquelle renvoie le lien "voir tous les résultats"
+         */
+        "viewAllResultsLink"?: string;
     }
     interface SpwSelect {
         /**
@@ -3990,6 +4101,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 +4168,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 +4198,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/stories/components/spw-pagination/spw-pagination.stories.d.ts

@@ -3,20 +3,3 @@ declare const meta: Meta;
 export default meta;
 export declare const Default: any;
 export declare const Input: any;
-export declare const NavigationPhysique: {
-    args: {
-        totalItems: number;
-        itemsPerPage: number;
-        label: string;
-    };
-    parameters: {
-        docs: {
-            source: {
-                code: string;
-            };
-            description: {
-                story: string;
-            };
-        };
-    };
-};

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

@@ -2,3 +2,8 @@ import { Meta } from '@storybook/web-components';
 declare const meta: Meta;
 export default meta;
 export declare const Default: any;
+export declare const ViewMore: any;
+export declare const FormSubmission: any;
+export declare const HeroRounded: any;
+export declare const WithLabelAndHelp: any;
+export declare const Disabled: any;

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;