@watermarkinsights/ripple 4.1.0 → 4.2.0-0

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

@@ -5,8 +5,8 @@ export declare function throttle(fn: any, wait: number): (this: any) => void;
 export declare function debounce(fn: any, wait: number): (this: any) => void;
 export declare function getTextDir(): string;
 export declare function getPosition(el: HTMLElement): {
-  x: number;
-  y: number;
+    x: number;
+    y: number;
 };
 export declare function findParentWithScrollbar(el: HTMLElement): HTMLElement | undefined;
 export declare function findParentWithHiddenOverflow(el: HTMLElement): HTMLElement | undefined;
@@ -40,8 +40,8 @@ export declare function transposeMatrix(originalMatrix: any[][]): any[][];
 export declare function wrapAround(currentIdx: number, step: number, endIdx: number): number;
 export declare function skipByInterval(list: any[], skipInterval: number): any[];
 export declare function getSmallestSkipInterval(list: any[], maxLength: number): {
-  skipInterval: number;
-  skippedList: any[];
+    skipInterval: number;
+    skippedList: any[];
 };
 export declare function calcPercentageInRange(value: number, rangeLowest: number, rangeHighest: number): number;
 export declare function triggerFormSubmit(formEl: HTMLFormElement): void;

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

@@ -1,30 +1,30 @@
 export type Notification = {
-  message: string;
-  id: string;
-  link: string;
-  newWindow: boolean;
+    message: string;
+    id: string;
+    link: string;
+    newWindow: boolean;
 };
 export type label = string | undefined;
 export type CssClassMap = {
-  [className: string]: boolean;
+    [className: string]: boolean;
 };
 interface IconLabels {
-  [index: string]: string;
+    [index: string]: string;
 }
 export type Product = {
-  description?: string;
-  samlLinkUrl?: string;
-  iconUrl: string;
-  id: string;
-  linkUrl: string;
-  name: string;
+    description?: string;
+    samlLinkUrl?: string;
+    iconUrl: string;
+    id: string;
+    linkUrl: string;
+    name: string;
 };
 export type NavigatorPayload = {
-  connection_name?: string;
-  current_product_id: string;
-  email: string;
-  logout_url: string;
-  products: Product[];
+    connection_name?: string;
+    current_product_id: string;
+    email: string;
+    logout_url: string;
+    products: Product[];
 };
 export type validButtonTypes = "primary" | "secondary" | "textonly" | "icononly" | "navigational" | "selector" | "selector-primary" | "pairpositive" | "pairnegative";
 export declare const iconLabels: IconLabels;
@@ -34,52 +34,52 @@ export declare const getWmMode: (ref?: any) => any;
 export type TooltipPlacement = "top" | "bottom" | "left" | "right" | "bottom-left" | "bottom-right" | "top-right" | "top-left";
 export type SliceElement = SVGElement | HTMLElement;
 export type SliceDetails = {
-  amount: number;
-  perc: number;
-  legend: string | null;
-  color: string;
-  offset: number;
-  id: string;
-  title: string | null;
-  text: string | null;
-  buttonText: string | null;
-  sliceRef: Element;
-  inSmallCluster: boolean;
-  coords?: {
-    x: number;
-    y: number;
-  };
+    amount: number;
+    perc: number;
+    legend: string | null;
+    color: string;
+    offset: number;
+    id: string;
+    title: string | null;
+    text: string | null;
+    buttonText: string | null;
+    sliceRef: Element;
+    inSmallCluster: boolean;
+    coords?: {
+        x: number;
+        y: number;
+    };
 };
 export type ChartDetails = {
-  size: number;
-  colors: Array<string>;
-  thickness?: number;
-  padding: number;
-  category: "doughnut" | "stackedBar" | "simpleBar";
+    size: number;
+    colors: Array<string>;
+    thickness?: number;
+    padding: number;
+    category: "doughnut" | "stackedBar" | "simpleBar";
 };
 export type ChartType = "doughnut" | "bar" | "doughnut1" | "doughnut2" | "doughnut2b" | "doughnut3" | "bar2" | "bar2b" | "bar3" | "bar4" | "bar5" | "bar6" | "bar7";
 export type LegendItem = {
-  key: string;
-  color: string;
+    key: string;
+    color: string;
 };
 export type LineChartData = {
-  [lineLabel: string]: Line;
+    [lineLabel: string]: Line;
 };
 export type Line = {
-  [xValue: string]: YValue;
+    [xValue: string]: YValue;
 };
 export type YValue = number | null;
 export type DataPointDetails = {
-  lineLabel: string;
-  xValue: string;
-  yValue: YValue;
-  xPositionPercent: number;
-  yPositionPercent: number | null;
-  highlighted: boolean;
+    lineLabel: string;
+    xValue: string;
+    yValue: YValue;
+    xPositionPercent: number;
+    yPositionPercent: number | null;
+    highlighted: boolean;
 };
 export type LineStyle = {
-  color: string;
-  icon: string;
+    color: string;
+    icon: string;
 };
 export type TimeFormat24 = string;
 export type TimeFormat12 = string;

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

@@ -1,39 +1,39 @@
 export declare const globalMessages: {
-  characterLimitReached: string;
-  close: string;
-  genericError: string;
-  hide: string;
-  newWindow: string;
-  next: string;
-  open: string;
-  previous: string;
-  requiredError: string;
-  requiredField: string;
-  show: string;
-  getCharactersEntered: (charCount: number, charLimit: number) => string;
-  getCharacterLimit: (characterLimit: number) => string;
+    characterLimitReached: string;
+    close: string;
+    genericError: string;
+    hide: string;
+    newWindow: string;
+    next: string;
+    open: string;
+    previous: string;
+    requiredError: string;
+    requiredField: string;
+    show: string;
+    getCharactersEntered: (charCount: number, charLimit: number) => string;
+    getCharacterLimit: (characterLimit: number) => string;
 };
 export declare const uploaderMessages: {
-  duplicateName: string;
-  fileLimitExceeded: string;
-  fileLimitReached: string;
-  finishedUploading: string;
-  waitToUpload: string;
-  zeroFileSize: string;
-  getAcceptedFileTypes: (validTypes: string, amount: number) => string;
-  getFilesAdded: (numFiles: number) => string;
-  getFileCount: (fileListLength: number, maxFiles: number) => string;
-  getFileTooLarge: (maxSize: string) => string;
-  getFilesUploading: (numFilesUploading: number) => string;
-  getInvalidFileType: (validTypes: string) => string;
-  getMaxSize: (maxSize: string) => string;
-  getUploadProgress: (percentage: number) => string;
+    duplicateName: string;
+    fileLimitExceeded: string;
+    fileLimitReached: string;
+    finishedUploading: string;
+    waitToUpload: string;
+    zeroFileSize: string;
+    getAcceptedFileTypes: (validTypes: string, amount: number) => string;
+    getFilesAdded: (numFiles: number) => string;
+    getFileCount: (fileListLength: number, maxFiles: number) => string;
+    getFileTooLarge: (maxSize: string) => string;
+    getFilesUploading: (numFilesUploading: number) => string;
+    getInvalidFileType: (validTypes: string) => string;
+    getMaxSize: (maxSize: string) => string;
+    getUploadProgress: (percentage: number) => string;
 };
 export declare const chartMessages: {
-  interactiveChart: string;
+    interactiveChart: string;
 };
 export declare const lineChartMessages: {
-  instructions: string;
-  noData: string;
-  getChangeSince: (prevXValue: string) => string;
+    instructions: string;
+    noData: string;
+    getChangeSince: (prevXValue: string) => string;
 };

package/dist/types/global/services/__mocks__/http-service.d.ts

@@ -1,6 +1,6 @@
 export declare const getRequest: (url: string) => Promise<any>;
 export declare const postRequest: (url: string, payload: any) => Promise<void | {
-  url: string;
+    url: string;
 }>;
 export declare const deleteRequest: (url: string) => Promise<void>;
 export declare const putRequest: (_url: string, _file: any) => Promise<void>;

package/dist/types/stencil-public-runtime.d.ts

@@ -3,6 +3,16 @@ export interface ComponentDecorator {
     (opts?: ComponentOptions): ClassDecorator;
 }
 export interface ComponentOptions {
+    /**
+     * When set to `true` this component will be form-associated. See
+     * https://stenciljs.com/docs/next/form-associated documentation on how to
+     * build form-associated Stencil components that integrate into forms like
+     * native browser elements such as `<input>` and `<textarea>`.
+     *
+     * The {@link AttachInternals} decorator allows for access to the
+     * `ElementInternals` object to modify the associated form.
+     */
+    formAssociated?: boolean;
     /**
      * Tag name of the web component. Ideally, the tag name must be globally unique,
      * so it's recommended to choose an unique prefix for all your components within the same collection.
@@ -62,7 +72,7 @@ export interface PropOptions {
     /**
      * The name of the associated DOM attribute.
      * Stencil uses different heuristics to determine the default name of the attribute,
-     * but using this property, you can override the default behaviour.
+     * but using this property, you can override the default behavior.
      */
     attribute?: string | null;
     /**
@@ -107,6 +117,9 @@ export interface EventOptions {
      */
     composed?: boolean;
 }
+export interface AttachInternalsDecorator {
+    (): PropertyDecorator;
+}
 export interface ListenDecorator {
     (eventName: string, opts?: ListenOptions): CustomMethodDecorator<any>;
 }
@@ -128,7 +141,7 @@ export interface ListenOptions {
      * By default, Stencil uses several heuristics to determine if
      * it must attach a `passive` event listener or not.
      *
-     * Using the `passive` option can be used to change the default behaviour.
+     * Using the `passive` option can be used to change the default behavior.
      * Please see https://developers.google.com/web/updates/2016/06/passive-event-listeners for further information.
      */
     passive?: boolean;
@@ -175,6 +188,12 @@ export declare const Element: ElementDecorator;
  * https://stenciljs.com/docs/events
  */
 export declare const Event: EventDecorator;
+/**
+ * If the `formAssociated` option is set in options passed to the
+ * `@Component()` decorator then this decorator may be used to get access to the
+ * `ElementInternals` instance associated with the component.
+ */
+export declare const AttachInternals: AttachInternalsDecorator;
 /**
  * The `Listen()` decorator is for listening DOM events, including the ones
  * dispatched from `@Events()`.
@@ -432,7 +451,7 @@ export interface QueueApi {
 /**
  * Host
  */
-interface HostAttributes {
+export interface HostAttributes {
     class?: string | {
         [className: string]: boolean;
     };
@@ -471,7 +490,7 @@ export interface FunctionalUtilities {
     /**
      * Utility for reading the children of a functional component at runtime.
      * Since the Stencil runtime uses a different interface for children it is
-     * not recommendeded to read the children directly, and is preferable to use
+     * not recommended to read the children directly, and is preferable to use
      * this utility to, for instance, perform a side effect for each child.
      */
     forEach: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => void) => void;
@@ -791,6 +810,9 @@ export declare namespace JSXBase {
         name?: string;
         type?: string;
         value?: string | string[] | number;
+        popoverTargetAction?: string;
+        popoverTargetElement?: Element | null;
+        popoverTarget?: string;
     }
     interface CanvasHTMLAttributes<T> extends HTMLAttributes<T> {
         height?: number | string;
@@ -872,6 +894,8 @@ export declare namespace JSXBase {
     }
     interface ImgHTMLAttributes<T> extends HTMLAttributes<T> {
         alt?: string;
+        crossOrigin?: string;
+        crossorigin?: string;
         decoding?: 'async' | 'auto' | 'sync';
         importance?: 'low' | 'auto' | 'high';
         height?: number | string;
@@ -930,6 +954,8 @@ export declare namespace JSXBase {
         minlength?: number | string;
         multiple?: boolean;
         name?: string;
+        onSelect?: (event: Event) => void;
+        onselect?: (event: Event) => void;
         pattern?: string;
         placeholder?: string;
         readOnly?: boolean;
@@ -948,6 +974,9 @@ export declare namespace JSXBase {
         webkitdirectory?: boolean;
         webkitEntries?: any;
         width?: number | string;
+        popoverTargetAction?: string;
+        popoverTargetElement?: Element | null;
+        popoverTarget?: string;
     }
     interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
         autoFocus?: boolean;
@@ -1111,11 +1140,13 @@ export declare namespace JSXBase {
         autocomplete?: string;
     }
     interface SourceHTMLAttributes<T> extends HTMLAttributes<T> {
+        height?: number;
         media?: string;
         sizes?: string;
         src?: string;
         srcSet?: string;
         type?: string;
+        width?: number;
     }
     interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {
         media?: string;
@@ -1143,6 +1174,8 @@ export declare namespace JSXBase {
         minLength?: number;
         minlength?: number | string;
         name?: string;
+        onSelect?: (event: Event) => void;
+        onselect?: (event: Event) => void;
         placeholder?: string;
         readOnly?: boolean;
         readonly?: boolean | string;
@@ -1196,6 +1229,7 @@ export declare namespace JSXBase {
         draggable?: boolean;
         hidden?: boolean;
         id?: string;
+        inert?: boolean;
         lang?: string;
         spellcheck?: 'true' | 'false' | any;
         style?: {
@@ -1204,6 +1238,7 @@ export declare namespace JSXBase {
         tabIndex?: number;
         tabindex?: number | string;
         title?: string;
+        popover?: string | null;
         inputMode?: string;
         inputmode?: string;
         enterKeyHint?: string;
@@ -1289,7 +1324,7 @@ export declare namespace JSXBase {
         clipPathUnits?: number | string;
         'clip-rule'?: number | string;
         'color-interpolation'?: number | string;
-        'color-interpolation-filters'?: 'auto' | 's-rGB' | 'linear-rGB' | 'inherit';
+        'color-interpolation-filters'?: 'auto' | 'sRGB' | 'linearRGB';
         'color-profile'?: number | string;
         'color-rendering'?: number | string;
         contentScriptType?: number | string;
@@ -1619,8 +1654,14 @@ export declare namespace JSXBase {
         onAnimationEndCapture?: (event: AnimationEvent) => void;
         onAnimationIteration?: (event: AnimationEvent) => void;
         onAnimationIterationCapture?: (event: AnimationEvent) => void;
+        onTransitionCancel?: (event: TransitionEvent) => void;
+        onTransitionCancelCapture?: (event: TransitionEvent) => void;
         onTransitionEnd?: (event: TransitionEvent) => void;
         onTransitionEndCapture?: (event: TransitionEvent) => void;
+        onTransitionRun?: (event: TransitionEvent) => void;
+        onTransitionRunCapture?: (event: TransitionEvent) => void;
+        onTransitionStart?: (event: TransitionEvent) => void;
+        onTransitionStartCapture?: (event: TransitionEvent) => void;
     }
 }
 export interface JSXAttributes<T = Element> {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@watermarkinsights/ripple",
-  "version": "4.1.0",
+  "version": "4.2.0-0",
   "description": "Ripple Component Library",
   "license": "MIT",
   "module": "dist/index.js",
@@ -34,13 +34,12 @@
     "@formatjs/intl": "^2.6.5"
   },
   "devDependencies": {
-    "@axe-core/puppeteer": "^4.6.0",
-    "@formatjs/cli": "^6.0.1",
-    "@stencil/core": "^3.4.1",
-    "@stencil/react-output-target": "^0.4.0",
-    "@stencil/sass": "^2.0.3",
-    "@types/jest": "^27.0.3",
-    "@types/puppeteer": "^7.0.4",
-    "jest": "^27.0.3"
+    "@axe-core/puppeteer": "^4.8.1",
+    "@formatjs/cli": "^6.2.4",
+    "@stencil/core": "^4.8.0",
+    "@stencil/react-output-target": "^0.5.3",
+    "@stencil/sass": "^3.0.7",
+    "@types/jest": "^29.5.10",
+    "jest": "^29.7.0"
   }
 }