@watermarkinsights/ripple 5.12.0 → 5.13.0-alpha.10

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 };
+    }
+    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 }>) => 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/dist/types/stencil-public-runtime.d.ts

@@ -260,6 +260,25 @@ export declare function setPlatformHelpers(helpers: {
  * @returns the base path
  */
 export declare function getAssetPath(path: string): string;
+/**
+ * Method to render a virtual DOM tree to a container element.
+ *
+ * @example
+ * ```tsx
+ * import { render } from '@stencil/core';
+ *
+ * const vnode = (
+ *   <div>
+ *     <h1>Hello, world!</h1>
+ *   </div>
+ * );
+ * render(vnode, document.body);
+ * ```
+ *
+ * @param vnode - The virtual DOM tree to render
+ * @param container - The container element to render the virtual DOM tree to
+ */
+export declare function render(vnode: VNode, container: Element): void;
 /**
  * Used to manually set the base path where assets can be found. For lazy-loaded
  * builds the asset path is automatically set and assets copied to the correct
@@ -768,6 +787,7 @@ export declare namespace JSXBase {
         hrefLang?: string;
         hreflang?: string;
         media?: string;
+        ping?: string;
         rel?: string;
         target?: string;
         referrerPolicy?: ReferrerPolicy;
@@ -794,7 +814,6 @@ export declare namespace JSXBase {
         cite?: string;
     }
     interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
         disabled?: boolean;
         form?: string;
         formAction?: string;
@@ -826,6 +845,7 @@ export declare namespace JSXBase {
     }
     interface DetailsHTMLAttributes<T> extends HTMLAttributes<T> {
         open?: boolean;
+        name?: string;
         onToggle?: (event: Event) => void;
     }
     interface DelHTMLAttributes<T> extends HTMLAttributes<T> {
@@ -921,8 +941,6 @@ export declare namespace JSXBase {
         autocapitalize?: string;
         autoComplete?: string;
         autocomplete?: string;
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         capture?: string;
         checked?: boolean;
         crossOrigin?: string;
@@ -979,8 +997,6 @@ export declare namespace JSXBase {
         popoverTarget?: string;
     }
     interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         challenge?: string;
         disabled?: boolean;
         form?: string;
@@ -993,7 +1009,6 @@ export declare namespace JSXBase {
     interface LabelHTMLAttributes<T> extends HTMLAttributes<T> {
         form?: string;
         htmlFor?: string;
-        htmlfor?: string;
     }
     interface LiHTMLAttributes<T> extends HTMLAttributes<T> {
         value?: string | string[] | number;
@@ -1020,6 +1035,8 @@ export declare namespace JSXBase {
         autoPlay?: boolean;
         autoplay?: boolean | string;
         controls?: boolean;
+        controlslist?: 'nodownload' | 'nofullscreen' | 'noremoteplayback';
+        controlsList?: 'nodownload' | 'nofullscreen' | 'noremoteplayback';
         crossOrigin?: string;
         crossorigin?: string;
         loop?: boolean;
@@ -1104,7 +1121,6 @@ export declare namespace JSXBase {
     interface OutputHTMLAttributes<T> extends HTMLAttributes<T> {
         form?: string;
         htmlFor?: string;
-        htmlfor?: string;
         name?: string;
     }
     interface ParamHTMLAttributes<T> extends HTMLAttributes<T> {
@@ -1129,7 +1145,6 @@ export declare namespace JSXBase {
         type?: string;
     }
     interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
         disabled?: boolean;
         form?: string;
         multiple?: boolean;
@@ -1164,8 +1179,6 @@ export declare namespace JSXBase {
     interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
         autoComplete?: string;
         autocomplete?: string;
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         cols?: number;
         disabled?: boolean;
         form?: string;
@@ -1218,6 +1231,8 @@ export declare namespace JSXBase {
     interface HTMLAttributes<T = HTMLElement> extends DOMAttributes<T> {
         innerHTML?: string;
         accessKey?: string;
+        autoFocus?: boolean;
+        autofocus?: boolean | string;
         class?: string | {
             [className: string]: boolean;
         };
@@ -1571,6 +1586,10 @@ export declare namespace JSXBase {
         onSubmitCapture?: (event: Event) => void;
         onInvalid?: (event: Event) => void;
         onInvalidCapture?: (event: Event) => void;
+        onBeforeToggle?: (event: Event) => void;
+        onBeforeToggleCapture?: (event: Event) => void;
+        onToggle?: (event: Event) => void;
+        onToggleCapture?: (event: Event) => void;
         onLoad?: (event: Event) => void;
         onLoadCapture?: (event: Event) => void;
         onError?: (event: Event) => void;
@@ -1662,6 +1681,8 @@ export declare namespace JSXBase {
         onTransitionRunCapture?: (event: TransitionEvent) => void;
         onTransitionStart?: (event: TransitionEvent) => void;
         onTransitionStartCapture?: (event: TransitionEvent) => void;
+        [key: `aria-${string}`]: string | boolean | undefined;
+        [key: `aria${string}`]: string | boolean | undefined;
     }
 }
 export interface JSXAttributes<T = Element> {

package/package.json

@@ -1,27 +1,46 @@
 {
   "name": "@watermarkinsights/ripple",
-  "version": "5.12.0",
+  "version": "5.13.0-alpha.10",
   "description": "Ripple Component Library",
-  "license": "MIT",
   "module": "dist/index.js",
   "main": "dist/index.cjs.js",
-  "unpkg": "dist/ripple/ripple.js",
   "types": "dist/types/components.d.ts",
   "collection": "dist/collection/collection-manifest.json",
   "files": [
     "dist/"
   ],
-  "es2017": "dist/esm/index.mjs",
-  "es2015": "dist/esm/index.mjs",
+  "exports": {
+    ".": {
+      "import": "./dist/ripple/ripple.esm.js",
+      "require": "./dist/ripple/ripple.cjs.js",
+      "types": "./dist/types/components.d.ts"
+    },
+    "./dist/components/*": {
+      "import": "./dist/components/*",
+      "types": "./dist/components/*"
+    },
+    "./dist/types/*": {
+      "types": "./dist/types/*"
+    },
+    "./dist/*": {
+      "import": "./dist/*",
+      "types": "./dist/*"
+    },
+    "./components/*": {
+      "import": "./dist/components/*.js",
+      "types": "./dist/components/*.d.ts"
+    },
+    "./loader": {
+      "import": "./loader/index.js",
+      "require": "./loader/index.cjs",
+      "types": "./loader/index.d.ts"
+    }
+  },
   "scripts": {
-    "local.pss": "bash ./scripts/build-local-pss.sh",
-    "local.aqua": "bash ./scripts/build-local-aqf.sh",
-    "local.ripple": "bash ./scripts/build-local-ripple.sh",
-    "local.wrappers": "bash ./scripts/build-local-wrappers.sh",
     "build": "stencil build",
     "release": "bash ./scripts/release.sh",
     "start": "stencil build --dev --watch --serve",
-    "test": "npx update-browserslist-db@latest  && stencil test --spec --e2e",
+    "test": "stencil test --spec --e2e",
     "test.snapshot": "stencil test --spec --e2e -u",
     "test.watch": "stencil test --spec --e2e --watch",
     "test.watchAll": "stencil test --spec --e2e --watchAll",
@@ -37,9 +56,10 @@
     "@axe-core/puppeteer": "^4.9.1",
     "@formatjs/cli": "^6.2.12",
     "@stencil/core": "^4.20.0",
-    "@stencil/react-output-target": "^0.5.3",
+    "@stencil/react-output-target": "^1.0.3",
     "@stencil/sass": "^3.0.12",
     "@types/jest": "^29.5.12",
     "jest": "^29.7.0"
-  }
+  },
+  "gitHead": "471f441433e4b7a546e4ca977c46ffd1eea6bb41"
 }