@jumpgroup/jump-design-system 0.3.52 → 0.3.54

package/dist/types/components/jump-search-bar-mobile/jump-search-bar-mobile.d.ts

@@ -0,0 +1,46 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class JumpSearchBarMobile {
+    jumpSearchBar: HTMLInputElement;
+    componentRef: HTMLElement;
+    isOpen: boolean;
+    innerResults: Array<object>;
+    totalResults: number;
+    resType: string;
+    searchValue: string;
+    searchValueChanged(newValue: string): void;
+    identifier: string;
+    placeholder: string;
+    recents: Array<object>;
+    recentsTitle: string;
+    debounceTime: number;
+    loadingText: string;
+    noResultText: string;
+    results: Array<object>;
+    resultsText: string;
+    showAllResText: string;
+    addOption(e: any): void;
+    resultClicked: EventEmitter;
+    /**
+   * Evento emesso quando l'utente effettua una ricerca
+   * Emette un oggetto contenenente il valore della ricerca alla chiave 'search'
+   * */
+    search: EventEmitter;
+    /**
+   * Evento emesso quando l'utente clicca sul pulsante (se presente) o nel pulsante del dropdown per vedere tutti i risultati
+   * Emette un oggetto contenenente il valore della ricerca alla chiave 'search'
+  */
+    showFullSearch: EventEmitter;
+    /** Imposta i risultati della ricerca all'interno della dropdown */
+    setResults(results: any, tot?: number): Promise<void>;
+    openDropdown(): void;
+    closeDropdown(): void;
+    /** Emette l'evento quando l'utente clicca sul pulsante (se presente) o nel pulsante del dropdown per vedere tutti i risultati */
+    btnOrShowOtherClicked(): void;
+    handleFocus: () => void;
+    handleBlur: () => void;
+    /** Emette l'evento di click su un risultato, mandandone tutti i dati */
+    handleResClicked(item: any): void;
+    doSearch: () => void;
+    debounce(fn: any, delay?: number): (...args: any[]) => void;
+    render(): any;
+}

package/dist/types/components/jump-search-bar-mobile/jump-search-bar-mobile.stories.d.ts

@@ -0,0 +1,131 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        identifier: {
+            name: string;
+            control: string;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        placeholder: {
+            name: string;
+            control: string;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        recents: {
+            name: string;
+            control: string;
+            description: string;
+            if: {
+                arg: string;
+                eq: string;
+            };
+        };
+        recentsTitle: {
+            name: string;
+            control: string;
+            description: string;
+            if: {
+                arg: string;
+                eq: string;
+            };
+        };
+        debounceTime: {
+            name: string;
+            control: string;
+            description: string;
+            if: {
+                arg: string;
+                eq: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: number;
+                };
+            };
+        };
+        loadingText: {
+            name: string;
+            control: string;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        noResultText: {
+            name: string;
+            control: string;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        resultsText: {
+            name: string;
+            control: string;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        results: {
+            name: string;
+            control: string;
+            description: string;
+            if: {
+                arg: string;
+                eq: string;
+            };
+        };
+        showAllResText: {
+            name: string;
+            control: string;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};
+export default _default;
+export declare const SearchBar: any;
+export declare const SearchBarWithDropdown: any;

package/dist/types/components.d.ts

@@ -455,17 +455,46 @@ export namespace Components {
         "variant": 'vertical' | 'horizontal';
     }
     interface JumpSearchBar {
+        "debounceTime": number;
+        "dropdown": boolean;
+        "dropdownPosition": string;
+        "identifier": string;
+        "linearIconOnly": boolean;
+        "loadingText": string;
+        "noResultText": string;
+        "placeholder": string;
+        "recents": Array<object>;
+        "recentsTitle": string;
+        "results": Array<object>;
+        "resultsText": string;
         /**
-          * Variabile per personalizzare il tempo di attesa prima di eseguire la ricerca
+          * Imposta i risultati della ricerca all'interno della dropdown
          */
+        "setResults": (results: any, tot?: number) => Promise<void>;
+        "showAllResText": string;
+        "variant": string;
+        "withBtn": boolean;
+    }
+    interface JumpSearchBarDropdownItem {
+        "href": string;
+        "img": string;
+        "value": string;
+    }
+    interface JumpSearchBarMobile {
         "debounceTime": number;
         "identifier": string;
+        "loadingText": string;
+        "noResultText": string;
         "placeholder": string;
+        "recents": Array<object>;
+        "recentsTitle": string;
+        "results": Array<object>;
+        "resultsText": string;
         /**
-          * Se "Auto" la ricerca parte automaticamente al termine della digitazione Se "Manual" la ricerca parte solo dopo aver premuto invio -> può avere solo stile outline
+          * Imposta i risultati della ricerca all'interno della dropdown
          */
-        "searchType": string;
-        "variant": string;
+        "setResults": (results: any, tot?: number) => Promise<void>;
+        "showAllResText": string;
     }
     interface JumpTab {
         "alignment": string;
@@ -532,6 +561,14 @@ export interface JumpSearchBarCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLJumpSearchBarElement;
 }
+export interface JumpSearchBarDropdownItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLJumpSearchBarDropdownItemElement;
+}
+export interface JumpSearchBarMobileCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLJumpSearchBarMobileElement;
+}
 export interface JumpTabCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLJumpTabElement;
@@ -724,7 +761,10 @@ declare global {
         new (): HTMLJumpQuantityElement;
     };
     interface HTMLJumpSearchBarElementEventMap {
+        "jump-search-bar-expanded": any;
         "jump-search-bar": any;
+        "jump-search-bar-show-all": any;
+        "jump-search-bar-res-clicked": any;
     }
     interface HTMLJumpSearchBarElement extends Components.JumpSearchBar, HTMLStencilElement {
         addEventListener<K extends keyof HTMLJumpSearchBarElementEventMap>(type: K, listener: (this: HTMLJumpSearchBarElement, ev: JumpSearchBarCustomEvent<HTMLJumpSearchBarElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -740,6 +780,42 @@ declare global {
         prototype: HTMLJumpSearchBarElement;
         new (): HTMLJumpSearchBarElement;
     };
+    interface HTMLJumpSearchBarDropdownItemElementEventMap {
+        "jump-search-bar-dropdown-item-connected": any;
+    }
+    interface HTMLJumpSearchBarDropdownItemElement extends Components.JumpSearchBarDropdownItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLJumpSearchBarDropdownItemElementEventMap>(type: K, listener: (this: HTMLJumpSearchBarDropdownItemElement, ev: JumpSearchBarDropdownItemCustomEvent<HTMLJumpSearchBarDropdownItemElementEventMap[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 HTMLJumpSearchBarDropdownItemElementEventMap>(type: K, listener: (this: HTMLJumpSearchBarDropdownItemElement, ev: JumpSearchBarDropdownItemCustomEvent<HTMLJumpSearchBarDropdownItemElementEventMap[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 HTMLJumpSearchBarDropdownItemElement: {
+        prototype: HTMLJumpSearchBarDropdownItemElement;
+        new (): HTMLJumpSearchBarDropdownItemElement;
+    };
+    interface HTMLJumpSearchBarMobileElementEventMap {
+        "jump-search-bar-mobile-res-clicked": any;
+        "jump-search-bar-mobile": any;
+        "jump-search-bar-mobile-show-all": any;
+    }
+    interface HTMLJumpSearchBarMobileElement extends Components.JumpSearchBarMobile, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLJumpSearchBarMobileElementEventMap>(type: K, listener: (this: HTMLJumpSearchBarMobileElement, ev: JumpSearchBarMobileCustomEvent<HTMLJumpSearchBarMobileElementEventMap[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 HTMLJumpSearchBarMobileElementEventMap>(type: K, listener: (this: HTMLJumpSearchBarMobileElement, ev: JumpSearchBarMobileCustomEvent<HTMLJumpSearchBarMobileElementEventMap[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 HTMLJumpSearchBarMobileElement: {
+        prototype: HTMLJumpSearchBarMobileElement;
+        new (): HTMLJumpSearchBarMobileElement;
+    };
     interface HTMLJumpTabElementEventMap {
         "jump-change-activetab": any;
     }
@@ -797,6 +873,8 @@ declare global {
         "jump-pagination-table": HTMLJumpPaginationTableElement;
         "jump-quantity": HTMLJumpQuantityElement;
         "jump-search-bar": HTMLJumpSearchBarElement;
+        "jump-search-bar-dropdown-item": HTMLJumpSearchBarDropdownItemElement;
+        "jump-search-bar-mobile": HTMLJumpSearchBarMobileElement;
         "jump-tab": HTMLJumpTabElement;
         "jump-tab-item": HTMLJumpTabItemElement;
         "jump-tab-panel": HTMLJumpTabPanelElement;
@@ -1244,18 +1322,61 @@ declare namespace LocalJSX {
         "variant"?: 'vertical' | 'horizontal';
     }
     interface JumpSearchBar {
-        /**
-          * Variabile per personalizzare il tempo di attesa prima di eseguire la ricerca
-         */
         "debounceTime"?: number;
+        "dropdown"?: boolean;
+        "dropdownPosition"?: string;
         "identifier"?: string;
+        "linearIconOnly"?: boolean;
+        "loadingText"?: string;
+        "noResultText"?: string;
+        /**
+          * Evento emesso quando l'utente effettua una ricerca  Emette un oggetto contenenente il valore della ricerca alla chiave 'search'
+         */
         "onJump-search-bar"?: (event: JumpSearchBarCustomEvent<any>) => void;
-        "placeholder"?: string;
         /**
-          * Se "Auto" la ricerca parte automaticamente al termine della digitazione Se "Manual" la ricerca parte solo dopo aver premuto invio -> può avere solo stile outline
+          * Evento emesso quando l'utente clicca sull'icona in variant linear e linearIconOnly
+         */
+        "onJump-search-bar-expanded"?: (event: JumpSearchBarCustomEvent<any>) => void;
+        "onJump-search-bar-res-clicked"?: (event: JumpSearchBarCustomEvent<any>) => void;
+        /**
+          * Evento emesso quando l'utente clicca sul pulsante (se presente) o nel pulsante del dropdown per vedere tutti i risultati  Emette un oggetto contenenente il valore della ricerca alla chiave 'search'
          */
-        "searchType"?: string;
+        "onJump-search-bar-show-all"?: (event: JumpSearchBarCustomEvent<any>) => void;
+        "placeholder"?: string;
+        "recents"?: Array<object>;
+        "recentsTitle"?: string;
+        "results"?: Array<object>;
+        "resultsText"?: string;
+        "showAllResText"?: string;
         "variant"?: string;
+        "withBtn"?: boolean;
+    }
+    interface JumpSearchBarDropdownItem {
+        "href"?: string;
+        "img"?: string;
+        "onJump-search-bar-dropdown-item-connected"?: (event: JumpSearchBarDropdownItemCustomEvent<any>) => void;
+        "value"?: string;
+    }
+    interface JumpSearchBarMobile {
+        "debounceTime"?: number;
+        "identifier"?: string;
+        "loadingText"?: string;
+        "noResultText"?: string;
+        /**
+          * Evento emesso quando l'utente effettua una ricerca  Emette un oggetto contenenente il valore della ricerca alla chiave 'search'
+         */
+        "onJump-search-bar-mobile"?: (event: JumpSearchBarMobileCustomEvent<any>) => void;
+        "onJump-search-bar-mobile-res-clicked"?: (event: JumpSearchBarMobileCustomEvent<any>) => void;
+        /**
+          * Evento emesso quando l'utente clicca sul pulsante (se presente) o nel pulsante del dropdown per vedere tutti i risultati  Emette un oggetto contenenente il valore della ricerca alla chiave 'search'
+         */
+        "onJump-search-bar-mobile-show-all"?: (event: JumpSearchBarMobileCustomEvent<any>) => void;
+        "placeholder"?: string;
+        "recents"?: Array<object>;
+        "recentsTitle"?: string;
+        "results"?: Array<object>;
+        "resultsText"?: string;
+        "showAllResText"?: string;
     }
     interface JumpTab {
         "alignment"?: string;
@@ -1304,6 +1425,8 @@ declare namespace LocalJSX {
         "jump-pagination-table": JumpPaginationTable;
         "jump-quantity": JumpQuantity;
         "jump-search-bar": JumpSearchBar;
+        "jump-search-bar-dropdown-item": JumpSearchBarDropdownItem;
+        "jump-search-bar-mobile": JumpSearchBarMobile;
         "jump-tab": JumpTab;
         "jump-tab-item": JumpTabItem;
         "jump-tab-panel": JumpTabPanel;
@@ -1329,6 +1452,8 @@ declare module "@stencil/core" {
             "jump-pagination-table": LocalJSX.JumpPaginationTable & JSXBase.HTMLAttributes<HTMLJumpPaginationTableElement>;
             "jump-quantity": LocalJSX.JumpQuantity & JSXBase.HTMLAttributes<HTMLJumpQuantityElement>;
             "jump-search-bar": LocalJSX.JumpSearchBar & JSXBase.HTMLAttributes<HTMLJumpSearchBarElement>;
+            "jump-search-bar-dropdown-item": LocalJSX.JumpSearchBarDropdownItem & JSXBase.HTMLAttributes<HTMLJumpSearchBarDropdownItemElement>;
+            "jump-search-bar-mobile": LocalJSX.JumpSearchBarMobile & JSXBase.HTMLAttributes<HTMLJumpSearchBarMobileElement>;
             "jump-tab": LocalJSX.JumpTab & JSXBase.HTMLAttributes<HTMLJumpTabElement>;
             "jump-tab-item": LocalJSX.JumpTabItem & JSXBase.HTMLAttributes<HTMLJumpTabItemElement>;
             "jump-tab-panel": LocalJSX.JumpTabPanel & JSXBase.HTMLAttributes<HTMLJumpTabPanelElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jumpgroup/jump-design-system",
-  "version": "0.3.52",
+  "version": "0.3.54",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/readme.md

@@ -10,11 +10,12 @@ To start the Stencil + Storybook project, run the following commands in two sepa
 ```bash
 yarn storybook:start
 yarn stencil:watch
-```
-Pushing to MASTER deploys the changes to [Jump Design System](https://designsystem.jumpgroup.it/)
-If you want to propagate the modifications to the npm repository in order to install the design system components on a project, it is necessary to tag the npm repository by incrementing the version, while adhering to [versioning rules](https://semver.org/).
+``` 
+Pushing to MASTER deploys the changes to [Jump Design System](https://designsystem.jumpgroup.it/) updating the Storybook.
 
-Effettuando un push su master viene automaticamente deployato lo storybook con le modifiche.
+To update the npm repository in order to use the latest Design System version on your project, do the following steps:
+- Update **"version"** on **package.json**
+- **Create and push a tag** that match the version on the package.json
 
 ### Caricare gli stili
 Per visualizzare il design system con i colori correttamente configurati, seguire i passaggi: