@watermarkinsights/ripple 5.13.0-alpha.8 → 5.13.0

package/dist/types/components.d.ts

@@ -140,6 +140,19 @@ export namespace Components {
     interface WmFileList {
         "showInfo": "size" | "last-updated" | "uploaded-by" | "all" | "none";
     }
+    interface WmFlyout {
+        "breadcrumb"?: string;
+        "elementToFocus": "primary" | "secondary" | string;
+        "eyebrow"?: string;
+        "flyoutWidth": string;
+        "focusHeading": () => Promise<void>;
+        "heading": string;
+        "infoText"?: string;
+        "open": boolean;
+        "primaryText"?: string;
+        "secondaryText"?: string;
+        "subheading"?: string;
+    }
     interface WmInput {
         "characterLimit"?: number;
         "disabled": boolean;
@@ -472,6 +485,10 @@ export interface WmFileCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLWmFileElement;
 }
+export interface WmFlyoutCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLWmFlyoutElement;
+}
 export interface WmInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLWmInputElement;
@@ -786,6 +803,26 @@ declare global {
         prototype: HTMLWmFileListElement;
         new (): HTMLWmFileListElement;
     };
+    interface HTMLWmFlyoutElementEventMap {
+        "wmFlyoutCloseTriggered": void;
+        "wmFlyoutPrimaryTriggered": void;
+        "wmFlyoutSecondaryTriggered": void;
+        "wmFlyoutBreadcrumbClicked": { breadcrumb: string; index: number };
+    }
+    interface HTMLWmFlyoutElement extends Components.WmFlyout, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLWmFlyoutElementEventMap>(type: K, listener: (this: HTMLWmFlyoutElement, ev: WmFlyoutCustomEvent<HTMLWmFlyoutElementEventMap[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 HTMLWmFlyoutElementEventMap>(type: K, listener: (this: HTMLWmFlyoutElement, ev: WmFlyoutCustomEvent<HTMLWmFlyoutElementEventMap[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 HTMLWmFlyoutElement: {
+        prototype: HTMLWmFlyoutElement;
+        new (): HTMLWmFlyoutElement;
+    };
     interface HTMLWmInputElementEventMap {
         "wmInputValueChanged": { value: string };
     }
@@ -1331,6 +1368,7 @@ declare global {
         "wm-datepicker": HTMLWmDatepickerElement;
         "wm-file": HTMLWmFileElement;
         "wm-file-list": HTMLWmFileListElement;
+        "wm-flyout": HTMLWmFlyoutElement;
         "wm-input": HTMLWmInputElement;
         "wm-line-chart": HTMLWmLineChartElement;
         "wm-menuitem": HTMLWmMenuitemElement;
@@ -1517,6 +1555,22 @@ declare namespace LocalJSX {
     interface WmFileList {
         "showInfo"?: "size" | "last-updated" | "uploaded-by" | "all" | "none";
     }
+    interface WmFlyout {
+        "breadcrumb"?: string;
+        "elementToFocus"?: "primary" | "secondary" | string;
+        "eyebrow"?: string;
+        "flyoutWidth"?: string;
+        "heading": string;
+        "infoText"?: string;
+        "onWmFlyoutBreadcrumbClicked"?: (event: WmFlyoutCustomEvent<{ breadcrumb: string; index: number }>) => void;
+        "onWmFlyoutCloseTriggered"?: (event: WmFlyoutCustomEvent<void>) => void;
+        "onWmFlyoutPrimaryTriggered"?: (event: WmFlyoutCustomEvent<void>) => void;
+        "onWmFlyoutSecondaryTriggered"?: (event: WmFlyoutCustomEvent<void>) => void;
+        "open"?: boolean;
+        "primaryText"?: string;
+        "secondaryText"?: string;
+        "subheading"?: string;
+    }
     interface WmInput {
         "characterLimit"?: number;
         "disabled"?: boolean;
@@ -1888,6 +1942,7 @@ declare namespace LocalJSX {
         "wm-datepicker": WmDatepicker;
         "wm-file": WmFile;
         "wm-file-list": WmFileList;
+        "wm-flyout": WmFlyout;
         "wm-input": WmInput;
         "wm-line-chart": WmLineChart;
         "wm-menuitem": WmMenuitem;
@@ -1940,6 +1995,7 @@ declare module "@stencil/core" {
             "wm-datepicker": LocalJSX.WmDatepicker & JSXBase.HTMLAttributes<HTMLWmDatepickerElement>;
             "wm-file": LocalJSX.WmFile & JSXBase.HTMLAttributes<HTMLWmFileElement>;
             "wm-file-list": LocalJSX.WmFileList & JSXBase.HTMLAttributes<HTMLWmFileListElement>;
+            "wm-flyout": LocalJSX.WmFlyout & JSXBase.HTMLAttributes<HTMLWmFlyoutElement>;
             "wm-input": LocalJSX.WmInput & JSXBase.HTMLAttributes<HTMLWmInputElement>;
             "wm-line-chart": LocalJSX.WmLineChart & JSXBase.HTMLAttributes<HTMLWmLineChartElement>;
             "wm-menuitem": LocalJSX.WmMenuitem & JSXBase.HTMLAttributes<HTMLWmMenuitemElement>;

package/dist/types/global/functions.d.ts

@@ -35,6 +35,7 @@ export declare function checkForActiveElInShadow(element: HTMLElement): HTMLElem
 export declare function checkForFocusableElInShadow(element: HTMLElement): HTMLElement;
 export declare function isFocusable(element: any): boolean;
 export declare function getFirstFocusableDescendant(element: HTMLElement): HTMLElement | undefined;
+export declare function getLastFocusableDescendant(element: HTMLElement): HTMLElement | null;
 export declare function getAcceptedMimeTypesList(acceptedExtensions: string[]): any;
 export declare function snakeCaseToCamelCase(str: string): string;
 export declare function csvToArray(csv: string): string[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@watermarkinsights/ripple",
-  "version": "5.13.0-alpha.8",
+  "version": "5.13.0",
   "description": "Ripple Component Library",
   "module": "dist/index.js",
   "main": "dist/index.cjs.js",
@@ -61,5 +61,5 @@
     "@types/jest": "^29.5.12",
     "jest": "^29.7.0"
   },
-  "gitHead": "ed124bd4f4061914eeea5a60910e06559ba310cb"
+  "gitHead": "4d4814fbe58e8a20a97909aaf851a6058d0e75fd"
 }