globuswebcomponents 1.9.0 → 1.9.2

package/dist/globuscomponents/readme.md

@@ -28,6 +28,7 @@
  - [gb-checkbox-group-item](../gb-checkbox-group-item)
  - [gb-comment](../gb-comment)
  - [gb-detail-cell](../gb-detail-cell)
+ - [gb-empty-state](../gb-empty-state)
  - [gb-file-upload](../gb-file-upload)
  - [gb-file-upload-item-base](../gb-file-upload-item-base)
  - [gb-filter-button](../gb-filter-button)
@@ -45,6 +46,7 @@ graph TD;
   gb-checkbox-group-item --> gb-button
   gb-comment --> gb-button
   gb-detail-cell --> gb-button
+  gb-empty-state --> gb-button
   gb-file-upload --> gb-button
   gb-file-upload-item-base --> gb-button
   gb-filter-button --> gb-button

package/dist/types/components/gb-empty-state/gb-empty-state.d.ts

@@ -0,0 +1,16 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { GeneralSizes } from '../../models/reusableModels';
+export declare class GbEmptyState {
+    size: GeneralSizes;
+    icon: string;
+    message: string;
+    description: string;
+    cta: boolean;
+    width: number;
+    el: HTMLElement;
+    ctaButtonClicked: EventEmitter<void>;
+    componentWillLoad(): void;
+    private handleResize;
+    updateButtonSize(): void;
+    render(): any;
+}

package/dist/types/components/gb-stepper-vertical-icons-with-text/gb-stepper-vertical-icons-with-text.d.ts

@@ -1,43 +1,11 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { GeneralSizes, ProgressStepStates, ProgressStepStatus } from '../../models/reusableModels';
+import { GeneralSizes, StepperType } from '../../models/reusableModels';
 export declare class GbstepperVerticalIconsWithText {
     size: GeneralSizes;
     connector: boolean;
     type: 'icon' | 'featured_icon';
-    showSecondStep: boolean;
-    showThirdStep: boolean;
-    showFourthStep: boolean;
-    showFifthStep: boolean;
-    showSixthStep: boolean;
-    showSeventhStep: boolean;
-    firstStepState: ProgressStepStates;
-    secondStepState: ProgressStepStates;
-    thirdStepState: ProgressStepStates;
-    fourthStepState: ProgressStepStates;
-    fifthStepState: ProgressStepStates;
-    sixthStepState: ProgressStepStates;
-    seventhStepState: ProgressStepStates;
-    firstStepStatus: ProgressStepStatus;
-    secondStepStatus: ProgressStepStatus;
-    thirdStepStatus: ProgressStepStatus;
-    fourthStepStatus: ProgressStepStatus;
-    fifthStepStatus: ProgressStepStatus;
-    sixthStepStatus: ProgressStepStatus;
-    seventhStepStatus: ProgressStepStatus;
-    firstStepLabel: string;
-    secondStepLabel: string;
-    thirdStepLabel: string;
-    fourthStepLabel: string;
-    fifthStepLabel: string;
-    sixthStepLabel: string;
-    seventhStepLabel: string;
-    firstStepSupportingText: string;
-    secondStepSupportingText: string;
-    thirdStepSupportingText: string;
-    fourthStepSupportingText: string;
-    fifthStepSupportingText: string;
-    sixthStepSupportingText: string;
-    seventhStepSupportingText: string;
+    steps: StepperType[];
     stepClicked: EventEmitter<number>;
+    emitIndex(index: number): void;
     render(): any;
 }

package/dist/types/components.d.ts

@@ -5,8 +5,8 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { ArrowPositions, BadgeIconTypes, BadgeTypes, BorderWeights, BreakPoints, ButtonGroupTypes, CheckBoxVariants, ColorTypes, DropdownRoles, DropdownTypes, FileIconStyles, FileIconTypes, FileUploadIconType, FileUploadStates, GeneralBackgroundCategories, GeneralColors, GeneralHierarchies, GeneralSizes, GeneralStyles, InputFieldTypes, OnlineIndicatorStates, PaginationDotTypes, PaginationNumberShapes, PaginationTypes, ProgressStepStates, ProgressStepStatus, ProgressStepTypes, StateEnum, StateType, TableCellTypes, TabTypes, ThemeTypes } from "./models/reusableModels";
-export { ArrowPositions, BadgeIconTypes, BadgeTypes, BorderWeights, BreakPoints, ButtonGroupTypes, CheckBoxVariants, ColorTypes, DropdownRoles, DropdownTypes, FileIconStyles, FileIconTypes, FileUploadIconType, FileUploadStates, GeneralBackgroundCategories, GeneralColors, GeneralHierarchies, GeneralSizes, GeneralStyles, InputFieldTypes, OnlineIndicatorStates, PaginationDotTypes, PaginationNumberShapes, PaginationTypes, ProgressStepStates, ProgressStepStatus, ProgressStepTypes, StateEnum, StateType, TableCellTypes, TabTypes, ThemeTypes } from "./models/reusableModels";
+import { ArrowPositions, BadgeIconTypes, BadgeTypes, BorderWeights, BreakPoints, ButtonGroupTypes, CheckBoxVariants, ColorTypes, DropdownRoles, DropdownTypes, FileIconStyles, FileIconTypes, FileUploadIconType, FileUploadStates, GeneralBackgroundCategories, GeneralColors, GeneralHierarchies, GeneralSizes, GeneralStyles, InputFieldTypes, OnlineIndicatorStates, PaginationDotTypes, PaginationNumberShapes, PaginationTypes, ProgressStepStates, ProgressStepStatus, ProgressStepTypes, StateEnum, StateType, StepperType, TableCellTypes, TabTypes, ThemeTypes } from "./models/reusableModels";
+export { ArrowPositions, BadgeIconTypes, BadgeTypes, BorderWeights, BreakPoints, ButtonGroupTypes, CheckBoxVariants, ColorTypes, DropdownRoles, DropdownTypes, FileIconStyles, FileIconTypes, FileUploadIconType, FileUploadStates, GeneralBackgroundCategories, GeneralColors, GeneralHierarchies, GeneralSizes, GeneralStyles, InputFieldTypes, OnlineIndicatorStates, PaginationDotTypes, PaginationNumberShapes, PaginationTypes, ProgressStepStates, ProgressStepStatus, ProgressStepTypes, StateEnum, StateType, StepperType, TableCellTypes, TabTypes, ThemeTypes } from "./models/reusableModels";
 export namespace Components {
     interface GbActionPanel {
         "firstButton": boolean;
@@ -268,6 +268,13 @@ export namespace Components {
         "shortcutIcon": string;
         "state": 'default' | 'disabled';
     }
+    interface GbEmptyState {
+        "cta": boolean;
+        "description": string;
+        "icon": string;
+        "message": string;
+        "size": GeneralSizes;
+    }
     interface GbExportDropdown {
         "state": StateEnum;
     }
@@ -652,41 +659,8 @@ export namespace Components {
     }
     interface GbStepperVerticalIconsWithText {
         "connector": boolean;
-        "fifthStepLabel": string;
-        "fifthStepState": ProgressStepStates;
-        "fifthStepStatus": ProgressStepStatus;
-        "fifthStepSupportingText": string;
-        "firstStepLabel": string;
-        "firstStepState": ProgressStepStates;
-        "firstStepStatus": ProgressStepStatus;
-        "firstStepSupportingText": string;
-        "fourthStepLabel": string;
-        "fourthStepState": ProgressStepStates;
-        "fourthStepStatus": ProgressStepStatus;
-        "fourthStepSupportingText": string;
-        "secondStepLabel": string;
-        "secondStepState": ProgressStepStates;
-        "secondStepStatus": ProgressStepStatus;
-        "secondStepSupportingText": string;
-        "seventhStepLabel": string;
-        "seventhStepState": ProgressStepStates;
-        "seventhStepStatus": ProgressStepStatus;
-        "seventhStepSupportingText": string;
-        "showFifthStep": boolean;
-        "showFourthStep": boolean;
-        "showSecondStep": boolean;
-        "showSeventhStep": boolean;
-        "showSixthStep": boolean;
-        "showThirdStep": boolean;
-        "sixthStepLabel": string;
-        "sixthStepState": ProgressStepStates;
-        "sixthStepStatus": ProgressStepStatus;
-        "sixthStepSupportingText": string;
         "size": GeneralSizes;
-        "thirdStepLabel": string;
-        "thirdStepState": ProgressStepStates;
-        "thirdStepStatus": ProgressStepStatus;
-        "thirdStepSupportingText": string;
+        "steps": StepperType[];
         "type": 'icon' | 'featured_icon';
     }
     interface GbTabButtonBase {
@@ -912,6 +886,10 @@ export interface GbDetailCellCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGbDetailCellElement;
 }
+export interface GbEmptyStateCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGbEmptyStateElement;
+}
 export interface GbExportDropdownCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGbExportDropdownElement;
@@ -1286,6 +1264,23 @@ declare global {
         prototype: HTMLGbDropdownItemsWithShortcutElement;
         new (): HTMLGbDropdownItemsWithShortcutElement;
     };
+    interface HTMLGbEmptyStateElementEventMap {
+        "ctaButtonClicked": void;
+    }
+    interface HTMLGbEmptyStateElement extends Components.GbEmptyState, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLGbEmptyStateElementEventMap>(type: K, listener: (this: HTMLGbEmptyStateElement, ev: GbEmptyStateCustomEvent<HTMLGbEmptyStateElementEventMap[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 HTMLGbEmptyStateElementEventMap>(type: K, listener: (this: HTMLGbEmptyStateElement, ev: GbEmptyStateCustomEvent<HTMLGbEmptyStateElementEventMap[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 HTMLGbEmptyStateElement: {
+        prototype: HTMLGbEmptyStateElement;
+        new (): HTMLGbEmptyStateElement;
+    };
     interface HTMLGbExportDropdownElementEventMap {
         "exportClicked": {exportType: string, dataType: string};
     }
@@ -1974,6 +1969,7 @@ declare global {
         "gb-complex-secondary-side-bar-item": HTMLGbComplexSecondarySideBarItemElement;
         "gb-detail-cell": HTMLGbDetailCellElement;
         "gb-dropdown-items-with-shortcut": HTMLGbDropdownItemsWithShortcutElement;
+        "gb-empty-state": HTMLGbEmptyStateElement;
         "gb-export-dropdown": HTMLGbExportDropdownElement;
         "gb-export-dropdown-item": HTMLGbExportDropdownItemElement;
         "gb-export-sub-dropdown": HTMLGbExportSubDropdownElement;
@@ -2316,6 +2312,14 @@ declare namespace LocalJSX {
         "shortcutIcon"?: string;
         "state"?: 'default' | 'disabled';
     }
+    interface GbEmptyState {
+        "cta"?: boolean;
+        "description"?: string;
+        "icon"?: string;
+        "message"?: string;
+        "onCtaButtonClicked"?: (event: GbEmptyStateCustomEvent<void>) => void;
+        "size"?: GeneralSizes;
+    }
     interface GbExportDropdown {
         "onExportClicked"?: (event: GbExportDropdownCustomEvent<{exportType: string, dataType: string}>) => void;
         "state"?: StateEnum;
@@ -2716,42 +2720,9 @@ declare namespace LocalJSX {
     }
     interface GbStepperVerticalIconsWithText {
         "connector"?: boolean;
-        "fifthStepLabel"?: string;
-        "fifthStepState"?: ProgressStepStates;
-        "fifthStepStatus"?: ProgressStepStatus;
-        "fifthStepSupportingText"?: string;
-        "firstStepLabel"?: string;
-        "firstStepState"?: ProgressStepStates;
-        "firstStepStatus"?: ProgressStepStatus;
-        "firstStepSupportingText"?: string;
-        "fourthStepLabel"?: string;
-        "fourthStepState"?: ProgressStepStates;
-        "fourthStepStatus"?: ProgressStepStatus;
-        "fourthStepSupportingText"?: string;
         "onStepClicked"?: (event: GbStepperVerticalIconsWithTextCustomEvent<number>) => void;
-        "secondStepLabel"?: string;
-        "secondStepState"?: ProgressStepStates;
-        "secondStepStatus"?: ProgressStepStatus;
-        "secondStepSupportingText"?: string;
-        "seventhStepLabel"?: string;
-        "seventhStepState"?: ProgressStepStates;
-        "seventhStepStatus"?: ProgressStepStatus;
-        "seventhStepSupportingText"?: string;
-        "showFifthStep"?: boolean;
-        "showFourthStep"?: boolean;
-        "showSecondStep"?: boolean;
-        "showSeventhStep"?: boolean;
-        "showSixthStep"?: boolean;
-        "showThirdStep"?: boolean;
-        "sixthStepLabel"?: string;
-        "sixthStepState"?: ProgressStepStates;
-        "sixthStepStatus"?: ProgressStepStatus;
-        "sixthStepSupportingText"?: string;
         "size"?: GeneralSizes;
-        "thirdStepLabel"?: string;
-        "thirdStepState"?: ProgressStepStates;
-        "thirdStepStatus"?: ProgressStepStatus;
-        "thirdStepSupportingText"?: string;
+        "steps"?: StepperType[];
         "type"?: 'icon' | 'featured_icon';
     }
     interface GbTabButtonBase {
@@ -2987,6 +2958,7 @@ declare namespace LocalJSX {
         "gb-complex-secondary-side-bar-item": GbComplexSecondarySideBarItem;
         "gb-detail-cell": GbDetailCell;
         "gb-dropdown-items-with-shortcut": GbDropdownItemsWithShortcut;
+        "gb-empty-state": GbEmptyState;
         "gb-export-dropdown": GbExportDropdown;
         "gb-export-dropdown-item": GbExportDropdownItem;
         "gb-export-sub-dropdown": GbExportSubDropdown;
@@ -3087,6 +3059,7 @@ declare module "@stencil/core" {
             "gb-complex-secondary-side-bar-item": LocalJSX.GbComplexSecondarySideBarItem & JSXBase.HTMLAttributes<HTMLGbComplexSecondarySideBarItemElement>;
             "gb-detail-cell": LocalJSX.GbDetailCell & JSXBase.HTMLAttributes<HTMLGbDetailCellElement>;
             "gb-dropdown-items-with-shortcut": LocalJSX.GbDropdownItemsWithShortcut & JSXBase.HTMLAttributes<HTMLGbDropdownItemsWithShortcutElement>;
+            "gb-empty-state": LocalJSX.GbEmptyState & JSXBase.HTMLAttributes<HTMLGbEmptyStateElement>;
             "gb-export-dropdown": LocalJSX.GbExportDropdown & JSXBase.HTMLAttributes<HTMLGbExportDropdownElement>;
             "gb-export-dropdown-item": LocalJSX.GbExportDropdownItem & JSXBase.HTMLAttributes<HTMLGbExportDropdownItemElement>;
             "gb-export-sub-dropdown": LocalJSX.GbExportSubDropdown & JSXBase.HTMLAttributes<HTMLGbExportSubDropdownElement>;

package/dist/types/models/reusableModels.d.ts

@@ -51,3 +51,9 @@ export type DropdownRoles = {
     badgeColor: GeneralColors;
     badgeType: BadgeTypes;
 };
+export type StepperType = {
+    state: ProgressStepStates;
+    status: ProgressStepStatus;
+    label: string;
+    supportingText: string;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "globuswebcomponents",
-  "version": "1.9.0",
+  "version": "1.9.2",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",