@watermarkinsights/ripple 0.0.0 → 0.1.0-alpha.0

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

@@ -1,5 +1,6 @@
 export declare const generateId: () => string;
 export declare const getTextDir: () => string;
 export declare const intl: {
-  formatMessage: (_: string) => string;
+    formatMessage: (_: string) => string;
 };
+export declare const adjustTooltipPosition: () => string;

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

@@ -1,32 +1,88 @@
-import { TooltipPosition } from "./interfaces";
+import { TooltipPlacement } from "./interfaces";
 export declare const intl: import("@formatjs/intl").IntlShape<string>;
 export declare function generateId(): string;
+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 findAllScrollableParents(el: HTMLElement): HTMLElement[];
+export declare function getCumulativeScrollOffset(el: HTMLElement): {
+    x: number;
+    y: number;
 };
-export declare function findParentWithScrollbar(el: HTMLElement): HTMLElement | undefined;
 export declare function findParentWithHiddenOverflow(el: HTMLElement): HTMLElement | undefined;
+export declare function isElOrChild(componentEl: HTMLElement, el: HTMLElement): boolean | undefined;
+export declare function getContextMeasurements(el: HTMLElement): {
+    spaceAbove: number;
+    spaceBelow: number;
+    spaceLeft: number;
+    spaceRight: number;
+};
 export declare function shouldOpenUp(fixedEl: HTMLElement, //the element visible on the page when the component is closed
-closableEl: HTMLElement, //the dropdown/popup/etc that becomes visible when the component is open
+closableElHeight: number, //the dropdown/popup/etc that becomes visible when the component is open
 offsetAbove?: number, // if closableEl covers a part of fixedEl, that part should be offset
 offsetBelow?: number): boolean;
 export declare function shouldOpenDown(fixedEl: HTMLElement, //the element visible on the page when the component is closed
-closableEl: HTMLElement, //the dropdown/popup/etc that becomes visible when the component is open
+closableElHeight: number, //the dropdown/popup/etc that becomes visible when the component is open
 offsetAbove?: number, // if closableEl covers a part of fixedEl, that part should be offset
 offsetBelow?: number): boolean;
-export declare function shouldShiftRight(fixedEl: HTMLElement, closableEl: HTMLElement): boolean;
-export declare function shouldShiftLeft(fixedEl: HTMLElement, closableEl: HTMLElement): boolean;
-export declare function adjustTooltipPosition(tPos: TooltipPosition, el: HTMLElement, tooltipEl: HTMLElement): TooltipPosition;
-export declare function hasRoomRight(x: any, spaceNeeded: number): boolean;
+export declare function shouldShiftRight(fixedEl: HTMLElement, closableElWidth: number): boolean;
+export declare function shouldShiftLeft(fixedEl: HTMLElement, closableElWidth: number): boolean;
+export declare function adjustTooltipPlacement(placement: TooltipPlacement, anchorEl: HTMLElement, tooltipHeight: number, tooltipWidth: number): TooltipPlacement;
+export declare function showTooltip(placement: TooltipPlacement, anchorEl: HTMLElement, tooltipText: string): void;
+export declare function hideTooltip(): void;
 export declare function checkForActiveElInShadow(element: HTMLElement): HTMLElement;
 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 hasValidType(file: File, types: string): any;
+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[];
 export declare function getNewIndexToFocus(currentIndex: number, direction: string, listLength: number): number;
 export declare function isRelatedTarget(ev: FocusEvent, id: string): boolean | null;
+export declare function toBool(val: any): boolean;
+export declare function measureText(originEl: HTMLElement, placeholderText: string): DOMRect;
+export declare function truncateText(textEl: HTMLElement, text: string, availableSpace: number, endAmt: number): string;
+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[];
+};
+export declare function calcPercentageInRange(value: number, rangeLowest: number, rangeHighest: number): number;
+export declare function triggerFormSubmit(formEl: HTMLFormElement): void;
+export declare function handleDisabledAttribute(el: HTMLElement, isDisabled: boolean): void;
+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 clampDate(isoDate: string): 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

@@ -1,33 +1,162 @@
-export declare type Notification = {
-  message: string;
-  id: string;
-  link: string;
+export type Notification = {
+    message: string;
+    id: string;
+    link?: string;
+    newWindow: boolean;
+    action?: string;
 };
-export declare type label = string | undefined;
-export declare type CssClassMap = {
-  [className: string]: boolean;
+export interface TimerObject {
+    [timerId: string]: number;
+}
+export type label = string | undefined;
+export type CssClassMap = {
+    [className: string]: boolean;
 };
 interface IconLabels {
-  [index: string]: string;
+    [index: string]: string;
 }
-export declare type Product = {
-  description?: string;
-  samlLinkUrl?: string;
-  iconUrl: string;
-  id: string;
-  linkUrl: string;
-  name: string;
-};
-export declare type NavigatorPayload = {
-  connection_name?: string;
-  current_product_id: string;
-  email: string;
-  logout_url: string;
-  products: Product[];
+export type Product = {
+    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[];
 };
+export type validButtonTypes = "primary" | "secondary" | "textonly" | "icononly" | "navigational" | "selector" | "selector-primary" | "pairpositive" | "pairnegative" | "primary-ai" | "secondary-ai" | "textonly-ai" | "icononly-ai" | "navigational-ai";
 export declare const iconLabels: IconLabels;
 export declare function getIconCodeFromName(icon: string): string;
 export declare const defaultMode = "planning";
 export declare const getWmMode: (ref?: any) => any;
-export declare type TooltipPosition = "top" | "bottom" | "left" | "right" | "bottom-left" | "bottom-right" | "top-right" | "top-left";
+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;
+    visualAmount: 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;
+    index: number;
+    coords?: {
+        x: number;
+        y: number;
+    };
+};
+export type ChartDetails = {
+    size: number;
+    colors: Array<string>;
+    thickness?: number;
+    padding: number;
+    category: "doughnut" | "stackedBar" | "simpleBar";
+};
+export type ChartType = "doughnut" | "bar" | "doughnut1" | "doughnut2" | "doughnut3" | "bar2" | "bar3" | "bar4" | "bar5" | "bar6" | "bar7";
+export type LegendItem = {
+    key: string;
+    color: string;
+};
+export type LineChartData = {
+    [lineLabel: string]: Line;
+};
+export interface SpotlightData {
+    label: string;
+    [xValue: string]: string | number;
+}
+export declare const chartPalettes: {
+    discrete: string[];
+    semantic: string[];
+};
+export type ChartConfig = {
+    label: string;
+    showLabel: boolean;
+    valueAxisLabel: string;
+    categoryAxisLabel: string;
+    printMode: boolean;
+    printModeFormat: "amount" | "percentage";
+    gridMax: number | "auto";
+    sort?: "ascending" | "descending" | "none";
+    showLegend?: "left" | "right" | "top" | "bottom" | "none";
+    showGrid?: boolean;
+    subinfo?: string;
+    valueFormat?: "amount" | "percentage" | "none";
+    colors?: "discrete" | "semantic" | string;
+    popoverTitle?: string;
+    popoverText?: string;
+    popoverButtonText?: string;
+    decimalPlaces?: number;
+};
+export type ChartData = {
+    barLegend: string;
+    amount: number;
+    color?: string;
+    popoverTitle?: string;
+    popoverText?: string;
+    popoverButtonText?: string;
+    groupName?: string;
+    [key: string]: any;
+};
+export type ProcessedChartData = {
+    barLegend: string;
+    amount: number;
+    gridPercent: number;
+    displayValue: string;
+    printValue: string;
+    color?: string;
+    popoverTitle?: string;
+    popoverText?: string;
+    popoverButtonText?: string;
+    groupName?: string;
+};
+export type ProcessedChartDataGrouped = Map<string, ProcessedChartData[]>;
+export type ChartGridInfo = {
+    numTicks: number;
+    interval: number;
+    backgroundSize: string;
+    tickLabels: string[];
+};
+export type Line = {
+    [xValue: string]: YValue;
+};
+export type YValue = number | null;
+export type DataPointDetails = {
+    lineLabel: string;
+    xValue: string;
+    yValue: YValue;
+    xPositionPercent: number;
+    yPositionPercent: number | null;
+    highlighted: boolean;
+};
+export type LineStyle = {
+    color: string;
+    icon: string;
+};
+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/global/intl.d.ts

@@ -0,0 +1,62 @@
+export declare const globalMessages: {
+    characterLimitReached: string;
+    close: string;
+    genericError: string;
+    hide: string;
+    locked: 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;
+    dropInstructions: string;
+    dropFile: string;
+    fileRequirements: string;
+    getFilesAdded: (numFiles: number) => string;
+    getFileCount: (fileListLength: number, maxFiles: number) => string;
+    getFileTooLarge: (maxSize: string) => string;
+    getFilesUploading: (numFilesUploading: number) => string;
+    getInvalidFileType: (validTypes: string) => string;
+    getUploadProgress: (percentage: number) => string;
+};
+export declare const chartMessages: {
+    interactiveChart: string;
+};
+export declare const lineChartMessages: {
+    instructions: string;
+    noData: string;
+    highlightQualifier: string;
+    getChangeSince: (prevXValue: string) => string;
+    getToggleButtonLabel: (itemCount: number) => string;
+    getToggleButtonState: (isPressed: boolean) => string;
+    getLineFocusAnnouncement: (label: string, lineNumber: number, lineTotal: number, lineLength: number) => string;
+};
+export declare const selectMessages: {
+    multiPlaceholder: string;
+    singlePlaceholder: string;
+    multiClearSelection: string;
+    singleClearSelection: string;
+    selectionCleared: string;
+    searchPlaceholder: string;
+    allSelected: string;
+    selectAllMessage: string;
+    deselectAllMessage: string;
+    allOptionsSelectedMessage: string;
+    allOptionsDeselectedMessage: string;
+    noSearchResults: string;
+    optgroupSingleSelectionCount: () => string;
+    getOptgroupMultipleSelectionCount: (selectionCount: number) => string;
+    getSearchResultsFound: (numResults: number) => 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>;