@pega/cosmos-react-core 2.2.1 → 2.2.4

package/lib/theme/themes/buildTheme.json

@@ -0,0 +1,14 @@
+{
+    "base": {
+        "font-scale": "minorThird",
+        "border-radius": "0.25rem"
+    },
+    "components": {
+        "button": {
+            "border-radius": 0.5
+        },
+        "search-input": {
+            "border-radius": 0.5
+        }
+    }
+}

package/lib/theme/themes/darkTheme.json

@@ -0,0 +1,41 @@
+{
+    "base": {
+        "palette": {
+            "app-background": "#222222",
+            "primary-background": "#333333",
+            "secondary-background": "#666666",
+            "foreground-color": "white",
+            "brand-primary": "#003a66",
+            "urgent": "#f66f78",
+            "warn": "#ffaa75",
+            "success": "#7ee791",
+            "interactive": "#71c1ff",
+            "pending": "#d6bcf5",
+            "border-line": "#939393",
+            "skeleton": "#939393",
+            "scrollbar-track": "rgba(0, 0, 0, 0.2)",
+            "scrollbar-thumb": "rgba(255, 255, 255, 0.6)",
+            "scrollbar-thumb-hover": "rgba(255, 255, 255, 0.7)"
+        },
+        "shadow": {
+            "focus": "0 0 0.25rem rgba(255, 255, 255, 0.95)"
+        }
+    },
+    "components": {
+        "form-control": {
+            ":hover": {
+                "border-color": "#fafafa"
+            },
+            ":disabled": {
+                "background-color": "#676767"
+            },
+            ":read-only": {
+                "background-color": "#676767"
+            }
+        },
+        "tooltip": {
+            "foreground-color": "#3f3f3f",
+            "background-color": "#fafafa"
+        }
+    }
+}

package/lib/theme/themes/hubbleTheme.json

@@ -0,0 +1,35 @@
+{
+    "base": {
+        "font-size": "1rem",
+        "font-scale": "majorThird"
+    },
+    "components": {
+        "text": {
+            "h1": {
+                "font-size": "xxl",
+                "font-weight": "normal"
+            },
+            "h2": {
+                "font-size": "xl",
+                "font-weight": "normal"
+            },
+            "h3": {
+                "font-size": "l",
+                "font-weight": "normal"
+            }
+        },
+        "table": {
+            "header": {
+                "background-color": "transparent"
+            },
+            "body": {
+                "background-color": "transparent"
+            },
+            "border": {
+                "horizontal-outer": false,
+                "vertical-inner": false,
+                "vertical-outer": false
+            }
+        }
+    }
+}

package/lib/theme/themes/largeTextTheme.json

@@ -0,0 +1,5 @@
+{
+    "base": {
+        "font-size": "1rem"
+    }
+}

package/lib/theme/themes/legacyBuildTheme.json

@@ -0,0 +1,50 @@
+{
+    "base": {
+        "palette": {
+            "brand-primary": "#295ED9",
+            "border-line": "#cfcfcf"
+        },
+        "shadow": {
+            "focus": "0 0 0 0.0625rem #295ED9",
+            "focus-inverted": "0 0 0 0.0625rem #ffffff",
+            "focus-filter": "drop-shadow(0.0625rem 0px 0px #295ED9) drop-shadow(-0.0625rem 0px 0px #295ED9) drop-shadow(0px 0.0625rem 0px #295ED9) drop-shadow(0px -0.0625rem 0px #295ED9)",
+            "focus-inverted-filter": "drop-shadow(0.0625rem 0px 0px #ffffff) drop-shadow(-0.0625rem 0px 0px #ffffff) drop-shadow(0px 0.0625rem 0px #ffffff) drop-shadow(0px -0.0625rem 0px #ffffff)"
+        }
+    },
+    "components": {
+        "card": {
+            "border-radius": "0.25rem"
+        },
+        "button": {
+            "border-radius": 0.5
+        },
+        "form-control": {
+            "border-radius": 0,
+            ":focus": {
+                "border-color": "#295ED9"
+            }
+        },
+        "search-input": {
+            "border-radius": 0
+        },
+        "text": {
+            "h4": {
+                "font-weight": "bold"
+            }
+        },
+        "table": {
+            "header": {
+                "background-color": "#ffffff",
+                "border-width": "0.125rem"
+            },
+            "border": {
+                "horizontal-outer": false,
+                "vertical-inner": false,
+                "vertical-outer": false
+            },
+            "spacing": {
+                "horizontal-outer": false
+            }
+        }
+    }
+}

package/lib/theme/themes/smallTextTheme.json

@@ -0,0 +1,5 @@
+{
+    "base": {
+        "font-size": "0.75rem"
+    }
+}

package/lib/theme/themes/squareTheme.json

@@ -0,0 +1,5 @@
+{
+    "base": {
+        "border-radius": "0rem"
+    }
+}

package/lib/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/lib/types/index.js

@@ -0,0 +1,2 @@
+export * from './types';
+//# sourceMappingURL=index.js.map

package/lib/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC","sourcesContent":["export * from './types';\n"]}

package/lib/types/types.d.ts

@@ -0,0 +1,49 @@
+import { ElementType, MouseEvent } from 'react';
+export interface BaseProps {
+    /** Additional CSS classes. */
+    className?: string;
+}
+export interface ForwardProps {
+    [prop: string]: unknown;
+}
+export interface NoChildrenProp {
+    children?: never;
+}
+export declare type HTMLTag = keyof JSX.IntrinsicElements;
+export interface AsProp {
+    /** HTML tag or React Component to render the component as. */
+    as?: ElementType;
+    /** HTML tag or React Component to finally render the component as. */
+    forwardedAs?: ElementType;
+}
+export interface Action extends ForwardProps {
+    /** A string to uniquely identify this Action within the onClick handler. */
+    id: string;
+    /** The text content of the Action. */
+    text: string;
+    /** The name of the Cosmos Icon to render, if any. */
+    icon?: string;
+    /** A location to navigate to. Passing an href will render a Link styled as a Button. */
+    href?: string;
+    /** Called when the Action is clicked. */
+    onClick?: (id: string, e: MouseEvent<HTMLButtonElement | HTMLAnchorElement | HTMLInputElement>) => void;
+    /** Determines if the Action will be disabled. */
+    disabled?: boolean;
+}
+export declare type OmitStrict<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
+export declare type PartialByKey<T extends object, K extends keyof T> = OmitStrict<T, K> & Partial<Pick<T, K>>;
+export declare type RequiredByKey<T extends object, K extends keyof T> = OmitStrict<T, K> & Required<Pick<T, K>>;
+export declare type DeepPartial<T> = T extends (infer U)[] ? DeepPartial<U>[] : T extends object ? {
+    [K in keyof T]?: DeepPartial<T[K]>;
+} : T;
+export declare type DeepRequired<T> = T extends (infer U)[] ? DeepRequired<U>[] : T extends Function ? T : T extends object ? {
+    [K in keyof T]-?: DeepRequired<T[K]>;
+} : T;
+export declare type DeferInfer<T> = T & {
+    [K in keyof T]: T[K];
+};
+export declare type PropsWithDefaults<Props extends object = {}, Defaults extends keyof Props = never> = OmitStrict<Props, Defaults> & Required<Pick<Props, Defaults>>;
+export declare type PrettyPrint<T> = T extends object ? {
+    [K in keyof T]: T[K];
+} : T;
+//# sourceMappingURL=types.d.ts.map

package/lib/types/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types/types.ts"],"names":[],"mappings":"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"}

package/lib/types/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/types/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types/types.ts"],"names":[],"mappings":"","sourcesContent":["import { ElementType, MouseEvent } from 'react';\n\nexport interface BaseProps {\n  /** Additional CSS classes. */\n  className?: string;\n}\n\nexport interface ForwardProps {\n  [prop: string]: unknown;\n}\n\nexport interface NoChildrenProp {\n  children?: never;\n}\n\nexport type HTMLTag = keyof JSX.IntrinsicElements;\nexport interface AsProp {\n  /** HTML tag or React Component to render the component as. */\n  as?: ElementType;\n  /** HTML tag or React Component to finally render the component as. */\n  forwardedAs?: ElementType;\n}\n\nexport interface Action extends ForwardProps {\n  /** A string to uniquely identify this Action within the onClick handler. */\n  id: string;\n  /** The text content of the Action. */\n  text: string;\n  /** The name of the Cosmos Icon to render, if any. */\n  icon?: string;\n  /** A location to navigate to. Passing an href will render a Link styled as a Button. */\n  href?: string;\n  /** Called when the Action is clicked. */\n  onClick?: (\n    id: string,\n    e: MouseEvent<HTMLButtonElement | HTMLAnchorElement | HTMLInputElement>\n  ) => void;\n  /** Determines if the Action will be disabled. */\n  disabled?: boolean;\n}\n\n// https://github.com/microsoft/TypeScript/issues/30825\nexport type OmitStrict<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;\nexport type PartialByKey<T extends object, K extends keyof T> = OmitStrict<T, K> &\n  Partial<Pick<T, K>>;\nexport type RequiredByKey<T extends object, K extends keyof T> = OmitStrict<T, K> &\n  Required<Pick<T, K>>;\n\nexport type DeepPartial<T> = T extends (infer U)[]\n  ? DeepPartial<U>[]\n  : T extends object\n  ? { [K in keyof T]?: DeepPartial<T[K]> }\n  : T;\n\nexport type DeepRequired<T> = T extends (infer U)[]\n  ? DeepRequired<U>[]\n  : T extends Function\n  ? T\n  : T extends object\n  ? { [K in keyof T]-?: DeepRequired<T[K]> }\n  : T;\n\n// Lowers type inference precedence without changing the type.\n// https://github.com/Microsoft/TypeScript/issues/14829#issue-216577598\nexport type DeferInfer<T> = T & { [K in keyof T]: T[K] };\n\n/* eslint-disable @typescript-eslint/ban-types */\nexport type PropsWithDefaults<\n  Props extends object = {},\n  Defaults extends keyof Props = never\n> = OmitStrict<Props, Defaults> & Required<Pick<Props, Defaults>>;\n/* eslint-enable @typescript-eslint/ban-types */\n\nexport type PrettyPrint<T> = T extends object\n  ? {\n      [K in keyof T]: T[K];\n    }\n  : T;\n"]}

package/lib/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './utils';
+//# sourceMappingURL=index.d.ts.map

package/lib/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/lib/utils/index.js

@@ -0,0 +1,2 @@
+export * from './utils';
+//# sourceMappingURL=index.js.map

package/lib/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC","sourcesContent":["export * from './utils';\n"]}

package/lib/utils/utils.d.ts

@@ -0,0 +1,82 @@
+import { RefObject } from 'react';
+import { TranslationFunction, TranslationPack } from '../i18n';
+export declare const windowIsAvailable: boolean;
+export declare const navigatorIsAvailable: boolean;
+export declare const documentIsAvailable: boolean;
+/** @returns Debounced function that can be called only once in given timeout */
+export declare function debounce<F extends (...args: any[]) => any>(this: any, func: F, waitTime: number): (...args: Parameters<F>) => void;
+/** Check for an existence of prop */
+export declare function hasProp<T extends object, P extends PropertyKey>(obj: T, prop: P): obj is T & {
+    [key in P]: unknown;
+};
+export declare function bindAll<T extends object, K extends keyof T>(obj: T, names: K[]): void;
+export declare function cap(s: string): string;
+/** Generate unique id for elements */
+export declare function createUID(): string;
+/** Returns array with numbers from given range */
+export declare function range(start: number, end: number): number[];
+/** Return an array of strings and regex replaced components */
+export declare function replaceMatchWithElement(str: string, re: RegExp, render: (match: string) => JSX.Element): JSX.Element[];
+/** Get scrollbar width */
+export declare function getScrollbarWidth(): number;
+/** Test element for overflow */
+export declare function testElForOverflow(el: Element): boolean[];
+/** Used mostly to trigger css transition after DOM append */
+export declare function reflow(node?: HTMLElement | null): number;
+export declare function loadScript(src: string, onLoad: (this: HTMLScriptElement, ev: Event) => any, onError: (this: HTMLScriptElement, ev: ErrorEvent) => any): void;
+export declare function deepGet(obj: object, keys: PropertyKey[]): any;
+/** Compares two objects by comparing each key value regardless of order. */
+export declare function deepObjectComparison(valueA: any, valueB: any): boolean;
+export declare function defineSmartGetter(obj: Record<string, any>, key: string, valueFn: (...args: any[]) => any): Record<string, any>;
+export declare function tryCatch<T>(tryFn: () => T): T | undefined;
+export declare function tryCatch<T, C>(tryFn: () => T, catchFn: (err: unknown) => C): T | C;
+export declare function tryCatch<T, C, F>(tryFn: () => T, catchFn: ((err: unknown) => C) | undefined, finallyFn: () => F): F;
+/**
+ * Returns normalized list of elements, ie. it de-reference the element from the Ref if needed.
+ * @param els a list of elements or refs to normalize.
+ * @returns a new list of the same length with the de-referenced elements.
+ */
+export declare const normalizeElements: <T extends Element = Element>(els: (T | RefObject<T | null> | null)[]) => (T | null)[];
+/**
+ * Returns all valid focusable elements within a given ref.
+ * @param focusablesRef The ref containing the element to search for focusable elements within.
+ * @returns a list of valid focusable elements within the given ref.
+ */
+export declare const getFocusables: (focusablesRef: RefObject<HTMLElement>) => HTMLElement[];
+/**
+ * Generator that returns triple of subsequent values in the given array.
+ * @param array source array
+ * @returns triple of previous, current and next value on every call
+ */
+export declare function triple<T>(array: T[]): Generator<{
+    prev?: T;
+    current: T;
+    next?: T;
+}, undefined, unknown>;
+/**
+ * Escape special characters in order to pass a string to the RegExp constructor.
+ * @param s a string.
+ * @returns a string with special characters escaped.
+ */
+export declare const escapeRegExp: (s: string) => string;
+/**
+ * Generate a RegExp with a string parameter.
+ * @param s The string to match.
+ * @param type How to match.
+ * @param flags Standard RegExp flags.
+ * @returns A RegExp with the match pattern.
+ */
+export declare const createStringMatcher: (s: string, type?: 'contains' | 'start' | 'boundary', flags?: string) => RegExp;
+/**
+ * Function generates string representation of the given list accordingly to localization rules of given locale.
+ * @param list list of strings to format
+ * @param t translation function used internally
+ * @param locale locale tag to get the localization rules for
+ * @param options formatting options
+ * @returns
+ */
+export declare const formatListToLocaleString: (list: string[], t: TranslationFunction<TranslationPack>, locale: string, { count, separator }?: {
+    count?: number | undefined;
+    separator?: string | undefined;
+}) => string;
+//# sourceMappingURL=utils.d.ts.map

package/lib/utils/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils/utils.tsx"],"names":[],"mappings":"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"}

package/lib/utils/utils.js

@@ -0,0 +1,246 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment } from 'react';
+export const windowIsAvailable = typeof window !== 'undefined';
+export const navigatorIsAvailable = typeof navigator !== 'undefined';
+export const documentIsAvailable = typeof document !== 'undefined';
+/** @returns Debounced function that can be called only once in given timeout */
+export function debounce(func, waitTime) {
+    let timeout;
+    return (...args) => {
+        const waitFunc = () => {
+            timeout = null;
+            func.apply(this, args);
+        };
+        clearTimeout(timeout);
+        timeout = setTimeout(waitFunc, waitTime);
+    };
+}
+/** Check for an existence of prop */
+export function hasProp(obj, prop) {
+    return Object.prototype.hasOwnProperty.call(obj, prop);
+}
+// Add some context...
+export function bindAll(obj, names) {
+    names.forEach(fn => {
+        obj[fn] = obj[fn].bind(obj);
+    });
+}
+// Capitalize
+export function cap(s) {
+    return s.charAt(0).toUpperCase() + s.slice(1);
+}
+/** Generate unique id for elements */
+export function createUID() {
+    return `_${Math.random().toString(36).substr(2, 9)}`;
+}
+/** Returns array with numbers from given range */
+export function range(start, end) {
+    return Array(end - start + 1)
+        .fill(0)
+        .map((_, idx) => start + idx);
+}
+/** Return an array of strings and regex replaced components */
+export function replaceMatchWithElement(str, re, render) {
+    const arr = [];
+    // Only loop for stateful regexes.
+    if (re.global || re.sticky) {
+        let currIdx = 0;
+        let match;
+        // eslint-disable-next-line no-cond-assign
+        while ((match = re.exec(str))) {
+            arr.push(str.slice(currIdx, match.index), render(match[0]));
+            currIdx = match.index + match[0].length;
+        }
+        arr.push(str.slice(currIdx));
+    }
+    else {
+        const match = re.exec(str);
+        if (!match)
+            arr.push(str);
+        else {
+            arr.push(str.slice(0, match.index), render(match[0]), str.slice(match.index + match[0].length));
+        }
+    }
+    return arr.flatMap((item, idx) => {
+        if (!item)
+            return [];
+        return _jsx(Fragment, { children: item }, idx);
+    });
+}
+/** Get scrollbar width */
+export function getScrollbarWidth() {
+    const scrollDiv = document.createElement('div');
+    const divSize = '50px';
+    let size = 0;
+    scrollDiv.style.position = 'absolute';
+    scrollDiv.style.top = `-${divSize}`;
+    scrollDiv.style.width = divSize;
+    scrollDiv.style.height = divSize;
+    scrollDiv.style.overflow = 'scroll';
+    document.body.appendChild(scrollDiv);
+    size = scrollDiv.offsetWidth - scrollDiv.clientWidth;
+    document.body.removeChild(scrollDiv);
+    return size;
+}
+/** Test element for overflow */
+export function testElForOverflow(el) {
+    return [el.scrollWidth > el.clientWidth, el.scrollHeight > el.clientHeight];
+}
+/** Used mostly to trigger css transition after DOM append */
+export function reflow(node) {
+    node = node ?? document.body;
+    return node.offsetWidth;
+}
+export function loadScript(src, onLoad, onError) {
+    const scriptElem = document.createElement('script');
+    scriptElem.src = src;
+    scriptElem.addEventListener('load', onLoad);
+    scriptElem.addEventListener('error', onError);
+    document.head.appendChild(scriptElem);
+}
+export function deepGet(obj, keys) {
+    let rtn = obj;
+    const found = keys.every(key => {
+        if (typeof rtn === 'object' && rtn) {
+            rtn = rtn[key];
+            return true;
+        }
+        return false;
+    });
+    if (found)
+        return rtn;
+    return undefined;
+}
+/** Compares two objects by comparing each key value regardless of order. */
+export function deepObjectComparison(valueA, valueB) {
+    // If the values are strictly equal, return true
+    if (valueA === valueB)
+        return true;
+    // If the values are not objects and are not equal, return false
+    if (typeof valueA !== 'object' ||
+        typeof valueB !== 'object' ||
+        valueA === null ||
+        valueB === null)
+        return false;
+    const keysA = Object.keys(valueA);
+    const keysB = Object.keys(valueB);
+    // If the objects have different numbers of keys, return false
+    if (keysA.length !== keysB.length)
+        return false;
+    for (let i = 0; i < keysA.length; i += 1) {
+        const key = keysA[i];
+        // If there is not a 1:1 mapping of keys between the objects, return false
+        if (!keysB.includes(key))
+            return false;
+        if (typeof valueA[key] === 'function' || typeof valueB[key] === 'function') {
+            // If the value of a given key is a function, and the functions are not equivalent between the objects, return false
+            if (valueA[key].toString() !== valueB[key].toString())
+                return false;
+            // If all checks have passed thus far, compare the next set of nested values
+        }
+        else if (!deepObjectComparison(valueA[key], valueB[key]))
+            return false;
+    }
+    // If all checks have passed, the objects are deeply equal
+    return true;
+}
+export function defineSmartGetter(obj, key, valueFn) {
+    Object.defineProperty(obj, key, {
+        get: () => {
+            delete obj[key];
+            obj[key] = valueFn();
+            return obj[key];
+        },
+        enumerable: true,
+        configurable: true
+    });
+    return obj;
+}
+export function tryCatch(tryFn, catchFn, finallyFn) {
+    try {
+        return tryFn();
+    }
+    catch (err) {
+        if (catchFn)
+            return catchFn(err);
+    }
+    finally {
+        // eslint-disable-next-line no-unsafe-finally
+        if (finallyFn)
+            return finallyFn();
+    }
+}
+/**
+ * Returns normalized list of elements, ie. it de-reference the element from the Ref if needed.
+ * @param els a list of elements or refs to normalize.
+ * @returns a new list of the same length with the de-referenced elements.
+ */
+export const normalizeElements = (els) => {
+    return els.map((el) => {
+        if (!el)
+            return null;
+        return el instanceof Element ? el : el.current;
+    });
+};
+/**
+ * Returns all valid focusable elements within a given ref.
+ * @param focusablesRef The ref containing the element to search for focusable elements within.
+ * @returns a list of valid focusable elements within the given ref.
+ */
+export const getFocusables = (focusablesRef) => {
+    if (!focusablesRef.current)
+        return [];
+    const selector = 'a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])';
+    return [...focusablesRef.current.querySelectorAll(selector)].filter(el => el instanceof HTMLElement && !el.hasAttribute('disabled'));
+};
+/**
+ * Generator that returns triple of subsequent values in the given array.
+ * @param array source array
+ * @returns triple of previous, current and next value on every call
+ */
+export function* triple(array) {
+    for (let i = 0; i < array.length; i += 1) {
+        yield { prev: array[i - 1], current: array[i], next: array[i + 1] };
+    }
+    return undefined;
+}
+/**
+ * Escape special characters in order to pass a string to the RegExp constructor.
+ * @param s a string.
+ * @returns a string with special characters escaped.
+ */
+export const escapeRegExp = (s) => String(s).replace(/[\\^$*+?.()|[\]{}]/g, '\\$&');
+/**
+ * Generate a RegExp with a string parameter.
+ * @param s The string to match.
+ * @param type How to match.
+ * @param flags Standard RegExp flags.
+ * @returns A RegExp with the match pattern.
+ */
+export const createStringMatcher = (s, type = 'contains', flags = 'i') => {
+    const escaped = escapeRegExp(s);
+    let pattern = escaped;
+    if (type === 'start') {
+        pattern = `^${escaped}`;
+    }
+    else if (type === 'boundary') {
+        pattern = `(?:^|\\s)${escaped}`;
+    }
+    return new RegExp(pattern, flags);
+};
+/**
+ * Function generates string representation of the given list accordingly to localization rules of given locale.
+ * @param list list of strings to format
+ * @param t translation function used internally
+ * @param locale locale tag to get the localization rules for
+ * @param options formatting options
+ * @returns
+ */
+export const formatListToLocaleString = (list, t, locale, { count = list.length, separator } = {}) => {
+    const remainder = count - list.length;
+    const toFormat = remainder > 0 ? [...list, t('more_count', [remainder], { count: remainder })] : list;
+    if (separator || !('ListFormat' in Intl))
+        return toFormat.join(separator ?? ', ');
+    return new Intl.ListFormat(locale, { style: 'long' }).format(toFormat);
+};
+//# sourceMappingURL=utils.js.map

package/lib/utils/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Fragment, RefObject } from 'react';\n\nimport { TranslationFunction, TranslationPack } from '../i18n';\n\nexport const windowIsAvailable = typeof window !== 'undefined';\nexport const navigatorIsAvailable = typeof navigator !== 'undefined';\nexport const documentIsAvailable = typeof document !== 'undefined';\n\n/** @returns Debounced function that can be called only once in given timeout */\nexport function debounce<F extends (...args: any[]) => any>(\n  this: any,\n  func: F,\n  waitTime: number\n): (...args: Parameters<F>) => void {\n  let timeout: any;\n  return (...args) => {\n    const waitFunc = () => {\n      timeout = null;\n      func.apply(this, args);\n    };\n    clearTimeout(timeout);\n    timeout = setTimeout(waitFunc, waitTime);\n  };\n}\n\n/** Check for an existence of prop */\nexport function hasProp<T extends object, P extends PropertyKey>(\n  obj: T,\n  prop: P\n): obj is T & { [key in P]: unknown } {\n  return Object.prototype.hasOwnProperty.call(obj, prop);\n}\n\n// Add some context...\nexport function bindAll<T extends object, K extends keyof T>(obj: T, names: K[]): void {\n  names.forEach(fn => {\n    obj[fn] = (obj[fn] as unknown as Function).bind(obj);\n  });\n}\n\n// Capitalize\nexport function cap(s: string): string {\n  return s.charAt(0).toUpperCase() + s.slice(1);\n}\n\n/** Generate unique id for elements */\nexport function createUID(): string {\n  return `_${Math.random().toString(36).substr(2, 9)}`;\n}\n\n/** Returns array with numbers from given range */\nexport function range(start: number, end: number): number[] {\n  return Array(end - start + 1)\n    .fill(0)\n    .map((_: any, idx: number) => start + idx);\n}\n\n/** Return an array of strings and regex replaced components */\nexport function replaceMatchWithElement(\n  str: string,\n  re: RegExp,\n  render: (match: string) => JSX.Element\n) {\n  const arr: (string | JSX.Element)[] = [];\n\n  // Only loop for stateful regexes.\n  if (re.global || re.sticky) {\n    let currIdx = 0;\n    let match: RegExpExecArray | null;\n\n    // eslint-disable-next-line no-cond-assign\n    while ((match = re.exec(str))) {\n      arr.push(str.slice(currIdx, match.index), render(match[0]));\n\n      currIdx = match.index + match[0].length;\n    }\n\n    arr.push(str.slice(currIdx));\n  } else {\n    const match = re.exec(str);\n    if (!match) arr.push(str);\n    else {\n      arr.push(\n        str.slice(0, match.index),\n        render(match[0]),\n        str.slice(match.index + match[0].length)\n      );\n    }\n  }\n\n  return arr.flatMap((item, idx) => {\n    if (!item) return [];\n\n    return <Fragment key={idx}>{item}</Fragment>;\n  });\n}\n\n/** Get scrollbar width */\nexport function getScrollbarWidth(): number {\n  const scrollDiv = document.createElement('div');\n  const divSize = '50px';\n  let size = 0;\n\n  scrollDiv.style.position = 'absolute';\n  scrollDiv.style.top = `-${divSize}`;\n  scrollDiv.style.width = divSize;\n  scrollDiv.style.height = divSize;\n  scrollDiv.style.overflow = 'scroll';\n\n  document.body.appendChild(scrollDiv);\n  size = scrollDiv.offsetWidth - scrollDiv.clientWidth;\n  document.body.removeChild(scrollDiv);\n\n  return size;\n}\n\n/** Test element for overflow */\nexport function testElForOverflow(el: Element) {\n  return [el.scrollWidth > el.clientWidth, el.scrollHeight > el.clientHeight];\n}\n\n/** Used mostly to trigger css transition after DOM append */\nexport function reflow(node?: HTMLElement | null): number {\n  node = node ?? document.body;\n  return node.offsetWidth;\n}\n\nexport function loadScript(\n  src: string,\n  onLoad: (this: HTMLScriptElement, ev: Event) => any,\n  onError: (this: HTMLScriptElement, ev: ErrorEvent) => any\n) {\n  const scriptElem = document.createElement('script');\n  scriptElem.src = src;\n\n  scriptElem.addEventListener('load', onLoad);\n  scriptElem.addEventListener('error', onError);\n  document.head.appendChild(scriptElem);\n}\n\nexport function deepGet(obj: object, keys: PropertyKey[]): any {\n  let rtn: any = obj;\n\n  const found = keys.every(key => {\n    if (typeof rtn === 'object' && rtn) {\n      rtn = rtn[key];\n      return true;\n    }\n    return false;\n  });\n\n  if (found) return rtn;\n\n  return undefined;\n}\n\n/** Compares two objects by comparing each key value regardless of order. */\nexport function deepObjectComparison(valueA: any, valueB: any): boolean {\n  // If the values are strictly equal, return true\n  if (valueA === valueB) return true;\n\n  // If the values are not objects and are not equal, return false\n  if (\n    typeof valueA !== 'object' ||\n    typeof valueB !== 'object' ||\n    valueA === null ||\n    valueB === null\n  )\n    return false;\n\n  const keysA = Object.keys(valueA);\n  const keysB = Object.keys(valueB);\n\n  // If the objects have different numbers of keys, return false\n  if (keysA.length !== keysB.length) return false;\n\n  for (let i = 0; i < keysA.length; i += 1) {\n    const key = keysA[i];\n    // If there is not a 1:1 mapping of keys between the objects, return false\n    if (!keysB.includes(key)) return false;\n\n    if (typeof valueA[key] === 'function' || typeof valueB[key] === 'function') {\n      // If the value of a given key is a function, and the functions are not equivalent between the objects, return false\n      if (valueA[key].toString() !== valueB[key].toString()) return false;\n      // If all checks have passed thus far, compare the next set of nested values\n    } else if (!deepObjectComparison(valueA[key], valueB[key])) return false;\n  }\n\n  // If all checks have passed, the objects are deeply equal\n  return true;\n}\n\nexport function defineSmartGetter(\n  obj: Record<string, any>,\n  key: string,\n  valueFn: (...args: any[]) => any\n) {\n  Object.defineProperty(obj, key, {\n    get: () => {\n      delete obj[key];\n      obj[key] = valueFn();\n      return obj[key];\n    },\n    enumerable: true,\n    configurable: true\n  });\n\n  return obj;\n}\n\nexport function tryCatch<T>(tryFn: () => T): T | undefined;\nexport function tryCatch<T, C>(tryFn: () => T, catchFn: (err: unknown) => C): T | C;\nexport function tryCatch<T, C, F>(\n  tryFn: () => T,\n  catchFn: ((err: unknown) => C) | undefined,\n  finallyFn: () => F\n): F;\nexport function tryCatch<T, C, F>(\n  tryFn: () => T,\n  catchFn?: (err: unknown) => C,\n  finallyFn?: () => F\n): T | C | F | undefined {\n  try {\n    return tryFn();\n  } catch (err) {\n    if (catchFn) return catchFn(err);\n  } finally {\n    // eslint-disable-next-line no-unsafe-finally\n    if (finallyFn) return finallyFn();\n  }\n}\n\n/**\n * Returns normalized list of elements, ie. it de-reference the element from the Ref if needed.\n * @param els a list of elements or refs to normalize.\n * @returns a new list of the same length with the de-referenced elements.\n */\nexport const normalizeElements = <T extends Element = Element>(\n  els: (T | null | RefObject<T | null>)[]\n) => {\n  return els.map((el: T | null | RefObject<T | null>) => {\n    if (!el) return null;\n    return el instanceof Element ? el : el.current;\n  });\n};\n\n/**\n * Returns all valid focusable elements within a given ref.\n * @param focusablesRef The ref containing the element to search for focusable elements within.\n * @returns a list of valid focusable elements within the given ref.\n */\nexport const getFocusables = (focusablesRef: RefObject<HTMLElement>) => {\n  if (!focusablesRef.current) return [];\n\n  const selector = 'a, button, input, textarea, select, details, [tabindex]:not([tabindex=\"-1\"])';\n\n  return ([...focusablesRef.current.querySelectorAll(selector)] as HTMLElement[]).filter(\n    el => el instanceof HTMLElement && !el.hasAttribute('disabled')\n  );\n};\n\n/**\n * Generator that returns triple of subsequent values in the given array.\n * @param array source array\n * @returns triple of previous, current and next value on every call\n */\nexport function* triple<T>(\n  array: T[]\n): Generator<{ prev?: T; current: T; next?: T }, undefined, unknown> {\n  for (let i = 0; i < array.length; i += 1) {\n    yield { prev: array[i - 1], current: array[i], next: array[i + 1] };\n  }\n  return undefined;\n}\n\n/**\n * Escape special characters in order to pass a string to the RegExp constructor.\n * @param s a string.\n * @returns a string with special characters escaped.\n */\nexport const escapeRegExp = (s: string): string => String(s).replace(/[\\\\^$*+?.()|[\\]{}]/g, '\\\\$&');\n\n/**\n * Generate a RegExp with a string parameter.\n * @param s The string to match.\n * @param type How to match.\n * @param flags Standard RegExp flags.\n * @returns A RegExp with the match pattern.\n */\nexport const createStringMatcher = (\n  s: string,\n  type: 'contains' | 'start' | 'boundary' = 'contains',\n  flags: string = 'i'\n): RegExp => {\n  const escaped = escapeRegExp(s);\n  let pattern: string = escaped;\n\n  if (type === 'start') {\n    pattern = `^${escaped}`;\n  } else if (type === 'boundary') {\n    pattern = `(?:^|\\\\s)${escaped}`;\n  }\n\n  return new RegExp(pattern, flags);\n};\n\n/**\n * Function generates string representation of the given list accordingly to localization rules of given locale.\n * @param list list of strings to format\n * @param t translation function used internally\n * @param locale locale tag to get the localization rules for\n * @param options formatting options\n * @returns\n */\nexport const formatListToLocaleString = (\n  list: string[],\n  t: TranslationFunction<TranslationPack>,\n  locale: string,\n  {\n    count = list.length,\n    separator\n  }: {\n    count?: number;\n    separator?: string;\n  } = {}\n) => {\n  const remainder = count - list.length;\n\n  const toFormat =\n    remainder > 0 ? [...list, t('more_count', [remainder], { count: remainder })] : list;\n\n  if (separator || !('ListFormat' in Intl)) return toFormat.join(separator ?? ', ');\n\n  return new Intl.ListFormat(locale, { style: 'long' }).format(toFormat);\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/cosmos-react-core",
-  "version": "2.2.1",
+  "version": "2.2.4",
   "description": "Cosmos is a visual design system and UI component collection. Its goal is to empower application developers in their pursuit to create engaging and rewarding user experiences.",
   "author": "Pegasystems",
   "license": "SEE LICENSE IN LICENSE",