@watermarkinsights/ripple 5.2.0 → 5.3.0-0

package/dist/types/components.d.ts

@@ -8,22 +8,21 @@ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { ChartType, SliceDetails, TimeFormat12, TimeFormat24, TooltipPlacement, validButtonTypes } from "./global/interfaces";
 export { ChartType, SliceDetails, TimeFormat12, TimeFormat24, TooltipPlacement, validButtonTypes } from "./global/interfaces";
 export namespace Components {
+    interface PrivCalendar {
+        "disabled": boolean;
+        "endDate"?: string;
+        "focusCell": () => Promise<void>;
+        "focusDate": string;
+        "focusFirstFocusable": () => Promise<void>;
+        "focusLastFocusable": () => Promise<void>;
+        "hoverDate"?: string;
+        "startDate"?: string;
+        "view": string;
+    }
     interface PrivChartPopover {
         "open": boolean;
         "sliceDetails"?: SliceDetails;
     }
-    interface PrivDatepicker {
-        "date": Date;
-        "dayInFocus": number;
-        "disabled": boolean;
-        "isExpanded": boolean;
-        "monthInFocus": number;
-        "selectedDay": number;
-        "selectedMonth": number;
-        "selectedYear": number;
-        "view": string;
-        "yearInFocus": number;
-    }
     interface PrivNavigatorButton {
         "altText": string;
         "expanded": boolean;
@@ -85,6 +84,21 @@ export namespace Components {
         "popoverText"?: string;
         "popoverTitle"?: string;
     }
+    interface WmDateRange {
+        "dateFormat": string;
+        "disabled": boolean;
+        "errorMessage"?: string;
+        "invalidEnd": boolean;
+        "invalidStart": boolean;
+        "isValidISO": (input?: string) => Promise<boolean>;
+        "label": string;
+        "labelPosition": "top" | "left" | "none";
+        "preselected"?: string;
+        "reformatDate": (inputFormat: string, outputFormat: string, date?: string) => Promise<string>;
+        "requiredField": boolean;
+        "valueEnd"?: string;
+        "valueStart"?: string;
+    }
     interface WmDatepicker {
         "dateFormat": string;
         "disabled": boolean;
@@ -109,7 +123,7 @@ export namespace Components {
         "uploadedBy"?: string;
     }
     interface WmFileList {
-        "showInfo": "size" | "time" | "none";
+        "showInfo": "size" | "last-updated" | "uploaded-by" | "all" | "none";
     }
     interface WmInput {
         "characterLimit"?: number;
@@ -358,13 +372,13 @@ export namespace Components {
     interface WmWrapper {
     }
 }
-export interface PrivChartPopoverCustomEvent<T> extends CustomEvent<T> {
+export interface PrivCalendarCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLPrivChartPopoverElement;
+    target: HTMLPrivCalendarElement;
 }
-export interface PrivDatepickerCustomEvent<T> extends CustomEvent<T> {
+export interface PrivChartPopoverCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLPrivDatepickerElement;
+    target: HTMLPrivChartPopoverElement;
 }
 export interface PrivNavigatorButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -382,6 +396,10 @@ export interface WmChartSliceCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLWmChartSliceElement;
 }
+export interface WmDateRangeCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLWmDateRangeElement;
+}
 export interface WmDatepickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLWmDatepickerElement;
@@ -483,6 +501,27 @@ export interface WmWrapperCustomEvent<T> extends CustomEvent<T> {
     target: HTMLWmWrapperElement;
 }
 declare global {
+    interface HTMLPrivCalendarElementEventMap {
+        "cellTriggered": { cal: HTMLPrivCalendarElement; cell: HTMLElement };
+        "cellHovered": string;
+        "outOfCal": string;
+        "popupBlurred": { relatedTarget: EventTarget | null };
+        "dateFocus": any;
+    }
+    interface HTMLPrivCalendarElement extends Components.PrivCalendar, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLPrivCalendarElementEventMap>(type: K, listener: (this: HTMLPrivCalendarElement, ev: PrivCalendarCustomEvent<HTMLPrivCalendarElementEventMap[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 HTMLPrivCalendarElementEventMap>(type: K, listener: (this: HTMLPrivCalendarElement, ev: PrivCalendarCustomEvent<HTMLPrivCalendarElementEventMap[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 HTMLPrivCalendarElement: {
+        prototype: HTMLPrivCalendarElement;
+        new (): HTMLPrivCalendarElement;
+    };
     interface HTMLPrivChartPopoverElementEventMap {
         "wmChartPopoverButtonTriggered": HTMLWmChartSliceElement;
         "wmProgressIndicatorButtonTriggered": HTMLWmProgressSliceElement;
@@ -502,26 +541,6 @@ declare global {
         prototype: HTMLPrivChartPopoverElement;
         new (): HTMLPrivChartPopoverElement;
     };
-    interface HTMLPrivDatepickerElementEventMap {
-        "cellTriggered": HTMLElement;
-        "toggleButtonClicked": HTMLButtonElement;
-        "popupClosed": any;
-        "popupBlurred": { relatedTarget: EventTarget | null };
-    }
-    interface HTMLPrivDatepickerElement extends Components.PrivDatepicker, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLPrivDatepickerElementEventMap>(type: K, listener: (this: HTMLPrivDatepickerElement, ev: PrivDatepickerCustomEvent<HTMLPrivDatepickerElementEventMap[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 HTMLPrivDatepickerElementEventMap>(type: K, listener: (this: HTMLPrivDatepickerElement, ev: PrivDatepickerCustomEvent<HTMLPrivDatepickerElementEventMap[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 HTMLPrivDatepickerElement: {
-        prototype: HTMLPrivDatepickerElement;
-        new (): HTMLPrivDatepickerElement;
-    };
     interface HTMLPrivNavigatorButtonElementEventMap {
         "buttonActivated": any;
     }
@@ -606,6 +625,25 @@ declare global {
         prototype: HTMLWmChartSliceElement;
         new (): HTMLWmChartSliceElement;
     };
+    interface HTMLWmDateRangeElementEventMap {
+        "wmRangeSelection": any;
+        "wmStartInputBlur": any;
+        "wmEndInputBlur": any;
+    }
+    interface HTMLWmDateRangeElement extends Components.WmDateRange, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLWmDateRangeElementEventMap>(type: K, listener: (this: HTMLWmDateRangeElement, ev: WmDateRangeCustomEvent<HTMLWmDateRangeElementEventMap[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 HTMLWmDateRangeElementEventMap>(type: K, listener: (this: HTMLWmDateRangeElement, ev: WmDateRangeCustomEvent<HTMLWmDateRangeElementEventMap[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 HTMLWmDateRangeElement: {
+        prototype: HTMLWmDateRangeElement;
+        new (): HTMLWmDateRangeElement;
+    };
     interface HTMLWmDatepickerElementEventMap {
         "wmDatepickerDateSelected": any;
         "wmDatepickerInputBlurred": any;
@@ -1112,14 +1150,15 @@ declare global {
         new (): HTMLWmWrapperElement;
     };
     interface HTMLElementTagNameMap {
+        "priv-calendar": HTMLPrivCalendarElement;
         "priv-chart-popover": HTMLPrivChartPopoverElement;
-        "priv-datepicker": HTMLPrivDatepickerElement;
         "priv-navigator-button": HTMLPrivNavigatorButtonElement;
         "priv-navigator-item": HTMLPrivNavigatorItemElement;
         "wm-action-menu": HTMLWmActionMenuElement;
         "wm-button": HTMLWmButtonElement;
         "wm-chart": HTMLWmChartElement;
         "wm-chart-slice": HTMLWmChartSliceElement;
+        "wm-date-range": HTMLWmDateRangeElement;
         "wm-datepicker": HTMLWmDatepickerElement;
         "wm-file": HTMLWmFileElement;
         "wm-file-list": HTMLWmFileListElement;
@@ -1154,6 +1193,19 @@ declare global {
     }
 }
 declare namespace LocalJSX {
+    interface PrivCalendar {
+        "disabled"?: boolean;
+        "endDate"?: string;
+        "focusDate"?: string;
+        "hoverDate"?: string;
+        "onCellHovered"?: (event: PrivCalendarCustomEvent<string>) => void;
+        "onCellTriggered"?: (event: PrivCalendarCustomEvent<{ cal: HTMLPrivCalendarElement; cell: HTMLElement }>) => void;
+        "onDateFocus"?: (event: PrivCalendarCustomEvent<any>) => void;
+        "onOutOfCal"?: (event: PrivCalendarCustomEvent<string>) => void;
+        "onPopupBlurred"?: (event: PrivCalendarCustomEvent<{ relatedTarget: EventTarget | null }>) => void;
+        "startDate"?: string;
+        "view"?: string;
+    }
     interface PrivChartPopover {
         "onIntChartPopoverOpenChanged"?: (event: PrivChartPopoverCustomEvent<boolean>) => void;
         "onWmChartPopoverButtonTriggered"?: (event: PrivChartPopoverCustomEvent<HTMLWmChartSliceElement>) => void;
@@ -1161,22 +1213,6 @@ declare namespace LocalJSX {
         "open"?: boolean;
         "sliceDetails"?: SliceDetails;
     }
-    interface PrivDatepicker {
-        "date"?: Date;
-        "dayInFocus"?: number;
-        "disabled"?: boolean;
-        "isExpanded"?: boolean;
-        "monthInFocus"?: number;
-        "onCellTriggered"?: (event: PrivDatepickerCustomEvent<HTMLElement>) => void;
-        "onPopupBlurred"?: (event: PrivDatepickerCustomEvent<{ relatedTarget: EventTarget | null }>) => void;
-        "onPopupClosed"?: (event: PrivDatepickerCustomEvent<any>) => void;
-        "onToggleButtonClicked"?: (event: PrivDatepickerCustomEvent<HTMLButtonElement>) => void;
-        "selectedDay"?: number;
-        "selectedMonth"?: number;
-        "selectedYear"?: number;
-        "view"?: string;
-        "yearInFocus"?: number;
-    }
     interface PrivNavigatorButton {
         "altText"?: string;
         "expanded"?: boolean;
@@ -1246,6 +1282,22 @@ declare namespace LocalJSX {
         "popoverText"?: string;
         "popoverTitle"?: string;
     }
+    interface WmDateRange {
+        "dateFormat"?: string;
+        "disabled"?: boolean;
+        "errorMessage"?: string;
+        "invalidEnd"?: boolean;
+        "invalidStart"?: boolean;
+        "label"?: string;
+        "labelPosition"?: "top" | "left" | "none";
+        "onWmEndInputBlur"?: (event: WmDateRangeCustomEvent<any>) => void;
+        "onWmRangeSelection"?: (event: WmDateRangeCustomEvent<any>) => void;
+        "onWmStartInputBlur"?: (event: WmDateRangeCustomEvent<any>) => void;
+        "preselected"?: string;
+        "requiredField"?: boolean;
+        "valueEnd"?: string;
+        "valueStart"?: string;
+    }
     interface WmDatepicker {
         "dateFormat"?: string;
         "disabled"?: boolean;
@@ -1274,7 +1326,7 @@ declare namespace LocalJSX {
         "uploadedBy"?: string;
     }
     interface WmFileList {
-        "showInfo"?: "size" | "time" | "none";
+        "showInfo"?: "size" | "last-updated" | "uploaded-by" | "all" | "none";
     }
     interface WmInput {
         "characterLimit"?: number;
@@ -1584,14 +1636,15 @@ declare namespace LocalJSX {
         "onWmWrapperLoaded"?: (event: WmWrapperCustomEvent<void>) => void;
     }
     interface IntrinsicElements {
+        "priv-calendar": PrivCalendar;
         "priv-chart-popover": PrivChartPopover;
-        "priv-datepicker": PrivDatepicker;
         "priv-navigator-button": PrivNavigatorButton;
         "priv-navigator-item": PrivNavigatorItem;
         "wm-action-menu": WmActionMenu;
         "wm-button": WmButton;
         "wm-chart": WmChart;
         "wm-chart-slice": WmChartSlice;
+        "wm-date-range": WmDateRange;
         "wm-datepicker": WmDatepicker;
         "wm-file": WmFile;
         "wm-file-list": WmFileList;
@@ -1629,14 +1682,15 @@ export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
+            "priv-calendar": LocalJSX.PrivCalendar & JSXBase.HTMLAttributes<HTMLPrivCalendarElement>;
             "priv-chart-popover": LocalJSX.PrivChartPopover & JSXBase.HTMLAttributes<HTMLPrivChartPopoverElement>;
-            "priv-datepicker": LocalJSX.PrivDatepicker & JSXBase.HTMLAttributes<HTMLPrivDatepickerElement>;
             "priv-navigator-button": LocalJSX.PrivNavigatorButton & JSXBase.HTMLAttributes<HTMLPrivNavigatorButtonElement>;
             "priv-navigator-item": LocalJSX.PrivNavigatorItem & JSXBase.HTMLAttributes<HTMLPrivNavigatorItemElement>;
             "wm-action-menu": LocalJSX.WmActionMenu & JSXBase.HTMLAttributes<HTMLWmActionMenuElement>;
             "wm-button": LocalJSX.WmButton & JSXBase.HTMLAttributes<HTMLWmButtonElement>;
             "wm-chart": LocalJSX.WmChart & JSXBase.HTMLAttributes<HTMLWmChartElement>;
             "wm-chart-slice": LocalJSX.WmChartSlice & JSXBase.HTMLAttributes<HTMLWmChartSliceElement>;
+            "wm-date-range": LocalJSX.WmDateRange & JSXBase.HTMLAttributes<HTMLWmDateRangeElement>;
             "wm-datepicker": LocalJSX.WmDatepicker & JSXBase.HTMLAttributes<HTMLWmDatepickerElement>;
             "wm-file": LocalJSX.WmFile & JSXBase.HTMLAttributes<HTMLWmFileElement>;
             "wm-file-list": LocalJSX.WmFileList & JSXBase.HTMLAttributes<HTMLWmFileListElement>;

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

@@ -49,3 +49,28 @@ export declare function handleDisabledAttribute(el: HTMLElement, isDisabled: boo
 export declare function findPrev(list: any[], item: any, loop?: boolean): any;
 export declare function findNext(list: any[], item: any, loop?: boolean): any;
 export declare function safeMultiplyFloat(factor1: number, factor2: number): number;
+export declare function getMonthLength(month: number, year: number): 29 | 28 | 30 | 31;
+export declare function dateToISO(date: Date): string;
+export declare function makeISO(y: number, m: number, d: number): string;
+export declare const dateFind: {
+    year: {
+        asString: (date: string) => string;
+        asInt: (date: string) => number;
+        increase: (date: string, n: number) => string;
+        decrease: (date: string, n: number) => string;
+    };
+    month: {
+        asString: (date: string) => string;
+        asInt: (date: string) => number;
+        increase: (date: string, n: number) => string;
+        decrease: (date: string, n: number) => string;
+    };
+    day: {
+        asString: (date: string) => string;
+        asInt: (date: string) => number;
+        increase: (date: string, n: number) => string;
+        decrease: (date: string, n: number) => string;
+    };
+};
+export declare const calendar_months: Array<string>;
+export declare const weekdays: Array<string>;

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

@@ -84,4 +84,18 @@ export type LineStyle = {
 };
 export type TimeFormat24 = string;
 export type TimeFormat12 = string;
+export type IsoDateObject = {
+    year: {
+        asString: string;
+        asInt: number;
+    };
+    month: {
+        asString: string;
+        asInt: number;
+    };
+    day: {
+        asString: string;
+        asInt: number;
+    };
+};
 export {};

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

@@ -768,6 +768,7 @@ export declare namespace JSXBase {
         hrefLang?: string;
         hreflang?: string;
         media?: string;
+        ping?: string;
         rel?: string;
         target?: string;
         referrerPolicy?: ReferrerPolicy;
@@ -794,7 +795,6 @@ export declare namespace JSXBase {
         cite?: string;
     }
     interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
         disabled?: boolean;
         form?: string;
         formAction?: string;
@@ -921,8 +921,6 @@ export declare namespace JSXBase {
         autocapitalize?: string;
         autoComplete?: string;
         autocomplete?: string;
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         capture?: string;
         checked?: boolean;
         crossOrigin?: string;
@@ -979,8 +977,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 +989,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;
@@ -1104,7 +1099,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 +1123,6 @@ export declare namespace JSXBase {
         type?: string;
     }
     interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
         disabled?: boolean;
         form?: string;
         multiple?: boolean;
@@ -1164,8 +1157,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 +1209,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;
         };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@watermarkinsights/ripple",
-  "version": "5.2.0",
+  "version": "5.3.0-0",
   "description": "Ripple Component Library",
   "license": "MIT",
   "module": "dist/index.js",