@sap-ux/ui-components 1.8.2 → 1.8.3

package/dist/components/UITooltip/index.js

@@ -1,19 +1,19 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./UITooltip"), exports);
-__exportStar(require("./UITooltipUtils"), exports);
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./UITooltip"), exports);
+__exportStar(require("./UITooltipUtils"), exports);
 //# sourceMappingURL=index.js.map

package/dist/components/UITranslationInput/UIFormattedText.d.ts

@@ -1,47 +1,47 @@
-import type { ReactElement } from 'react';
-interface MessageTextValues {
-    [key: string]: string;
-}
-export interface UIFormattedTextProps {
-    children: string;
-    values?: MessageTextValues;
-}
-interface ParseResult {
-    texts: Array<string>;
-    bolds: Array<string>;
-}
-/**
- * Method separates given text between found values and rest unformatted text.
- *
- * @param text Text to parse.
- * @param values Map with values to search.
- * @returns Object containing separated `texts` and `formatted` arrays.
- */
-export declare const parseText: (text: string, values: MessageTextValues) => ParseResult;
-/**
- * Method formats text with callback method to provide option to use different markup to highligh matching result in text.
- *
- * @param text Text to parse.
- * @param values Map with values to search.
- * @param cb Callback method to apply text highlight.
- * @returns Array with formatted text parts.
- */
-export declare function formatTextGeneric<T>(text: string, values: MessageTextValues, cb: (index: number, textPart: string, match?: string) => T): T[];
-/**
- * Method formats string text with replacing matching values with same string without any highlight.
- *
- * @param text Text to parse.
- * @param values Map with values to search.
- * @returns Formatted text string.
- */
-export declare function formatText(text: string, values: MessageTextValues): string;
-/**
- * Component to show formatted text with highlighting matching entries.
- * Entries with '{{{key}}}' will be replaced with passed value and wrapped in bold.
- *
- * @param props Component properties.
- * @returns Component to render formatted text.
- */
-export declare function UIFormattedText(props: UIFormattedTextProps): ReactElement;
-export {};
+import type { ReactElement } from 'react';
+interface MessageTextValues {
+    [key: string]: string;
+}
+export interface UIFormattedTextProps {
+    children: string;
+    values?: MessageTextValues;
+}
+interface ParseResult {
+    texts: Array<string>;
+    bolds: Array<string>;
+}
+/**
+ * Method separates given text between found values and rest unformatted text.
+ *
+ * @param text Text to parse.
+ * @param values Map with values to search.
+ * @returns Object containing separated `texts` and `formatted` arrays.
+ */
+export declare const parseText: (text: string, values: MessageTextValues) => ParseResult;
+/**
+ * Method formats text with callback method to provide option to use different markup to highligh matching result in text.
+ *
+ * @param text Text to parse.
+ * @param values Map with values to search.
+ * @param cb Callback method to apply text highlight.
+ * @returns Array with formatted text parts.
+ */
+export declare function formatTextGeneric<T>(text: string, values: MessageTextValues, cb: (index: number, textPart: string, match?: string) => T): T[];
+/**
+ * Method formats string text with replacing matching values with same string without any highlight.
+ *
+ * @param text Text to parse.
+ * @param values Map with values to search.
+ * @returns Formatted text string.
+ */
+export declare function formatText(text: string, values: MessageTextValues): string;
+/**
+ * Component to show formatted text with highlighting matching entries.
+ * Entries with '{{{key}}}' will be replaced with passed value and wrapped in bold.
+ *
+ * @param props Component properties.
+ * @returns Component to render formatted text.
+ */
+export declare function UIFormattedText(props: UIFormattedTextProps): ReactElement;
+export {};
 //# sourceMappingURL=UIFormattedText.d.ts.map

package/dist/components/UITranslationInput/UIFormattedText.js

@@ -1,122 +1,122 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UIFormattedText = exports.formatText = exports.formatTextGeneric = exports.parseText = void 0;
-const react_1 = __importDefault(require("react"));
-const PLACEHOLDER_START = '{{{';
-const PLACEHOLDER_END = '}}}';
-/**
- * Method find all matching values.
- *
- * @param text Text to parse.
- * @param values Map with values to search.
- * @returns Array containing matched regex expressions.
- */
-const matchAllValues = (text, values) => {
-    const matches = [];
-    for (const key in values) {
-        const textWithUrlRegex = `${PLACEHOLDER_START}${key}${PLACEHOLDER_END}`;
-        const regex = new RegExp(textWithUrlRegex, 'gi');
-        let match = null;
-        do {
-            match = regex.exec(text);
-            if (match) {
-                matches.push(match);
-            }
-        } while (match);
-    }
-    return matches;
-};
-/**
- * Method separates given text between found values and rest unformatted text.
- *
- * @param text Text to parse.
- * @param values Map with values to search.
- * @returns Object containing separated `texts` and `formatted` arrays.
- */
-const parseText = (text, values) => {
-    const result = {
-        texts: [],
-        bolds: []
-    };
-    if (text) {
-        const matches = matchAllValues(text, values);
-        matches.sort((match1, match2) => match1.index - match2.index);
-        let charIndex = 0;
-        if (matches.length) {
-            for (let i = 0; i < matches.length; i++) {
-                const match = matches[i];
-                if (match.index === undefined) {
-                    continue;
-                }
-                const original = match[0];
-                const resolvedText = values[original.replace(PLACEHOLDER_START, '').replace(PLACEHOLDER_END, '')];
-                result.texts.push(text.substring(charIndex, match.index));
-                result.bolds.push(resolvedText);
-                charIndex = match.index + original.length;
-                if (i === matches.length - 1) {
-                    result.texts.push(text.substring(charIndex, text.length));
-                }
-            }
-        }
-        else {
-            result.texts.push(text);
-        }
-    }
-    return result;
-};
-exports.parseText = parseText;
-/**
- * Method formats text with callback method to provide option to use different markup to highligh matching result in text.
- *
- * @param text Text to parse.
- * @param values Map with values to search.
- * @param cb Callback method to apply text highlight.
- * @returns Array with formatted text parts.
- */
-function formatTextGeneric(text, values, cb) {
-    const parseResult = (0, exports.parseText)(text, values);
-    const result = [];
-    for (let i = 0; i < parseResult.texts.length; i++) {
-        if (!parseResult.texts[i] && !parseResult.bolds[i]) {
-            continue;
-        }
-        result.push(cb(i, parseResult.texts[i], parseResult.bolds[i]));
-    }
-    return result;
-}
-exports.formatTextGeneric = formatTextGeneric;
-/**
- * Method formats string text with replacing matching values with same string without any highlight.
- *
- * @param text Text to parse.
- * @param values Map with values to search.
- * @returns Formatted text string.
- */
-function formatText(text, values) {
-    const parseResult = formatTextGeneric(text, values, (index, textPart, match) => {
-        return match ? textPart + match : textPart;
-    });
-    return parseResult.join('');
-}
-exports.formatText = formatText;
-/**
- * Component to show formatted text with highlighting matching entries.
- * Entries with '{{{key}}}' will be replaced with passed value and wrapped in bold.
- *
- * @param props Component properties.
- * @returns Component to render formatted text.
- */
-function UIFormattedText(props) {
-    const { children, values = {} } = props;
-    const result = formatTextGeneric(children, values, (index, textPart, match) => {
-        return (react_1.default.createElement("span", { key: `anchor-${index}` },
-            textPart,
-            match && react_1.default.createElement("b", null, match)));
-    });
-    return react_1.default.createElement("div", null, result);
-}
-exports.UIFormattedText = UIFormattedText;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UIFormattedText = exports.formatText = exports.formatTextGeneric = exports.parseText = void 0;
+const react_1 = __importDefault(require("react"));
+const PLACEHOLDER_START = '{{{';
+const PLACEHOLDER_END = '}}}';
+/**
+ * Method find all matching values.
+ *
+ * @param text Text to parse.
+ * @param values Map with values to search.
+ * @returns Array containing matched regex expressions.
+ */
+const matchAllValues = (text, values) => {
+    const matches = [];
+    for (const key in values) {
+        const textWithUrlRegex = `${PLACEHOLDER_START}${key}${PLACEHOLDER_END}`;
+        const regex = new RegExp(textWithUrlRegex, 'gi');
+        let match = null;
+        do {
+            match = regex.exec(text);
+            if (match) {
+                matches.push(match);
+            }
+        } while (match);
+    }
+    return matches;
+};
+/**
+ * Method separates given text between found values and rest unformatted text.
+ *
+ * @param text Text to parse.
+ * @param values Map with values to search.
+ * @returns Object containing separated `texts` and `formatted` arrays.
+ */
+const parseText = (text, values) => {
+    const result = {
+        texts: [],
+        bolds: []
+    };
+    if (text) {
+        const matches = matchAllValues(text, values);
+        matches.sort((match1, match2) => match1.index - match2.index);
+        let charIndex = 0;
+        if (matches.length) {
+            for (let i = 0; i < matches.length; i++) {
+                const match = matches[i];
+                if (match.index === undefined) {
+                    continue;
+                }
+                const original = match[0];
+                const resolvedText = values[original.replace(PLACEHOLDER_START, '').replace(PLACEHOLDER_END, '')];
+                result.texts.push(text.substring(charIndex, match.index));
+                result.bolds.push(resolvedText);
+                charIndex = match.index + original.length;
+                if (i === matches.length - 1) {
+                    result.texts.push(text.substring(charIndex, text.length));
+                }
+            }
+        }
+        else {
+            result.texts.push(text);
+        }
+    }
+    return result;
+};
+exports.parseText = parseText;
+/**
+ * Method formats text with callback method to provide option to use different markup to highligh matching result in text.
+ *
+ * @param text Text to parse.
+ * @param values Map with values to search.
+ * @param cb Callback method to apply text highlight.
+ * @returns Array with formatted text parts.
+ */
+function formatTextGeneric(text, values, cb) {
+    const parseResult = (0, exports.parseText)(text, values);
+    const result = [];
+    for (let i = 0; i < parseResult.texts.length; i++) {
+        if (!parseResult.texts[i] && !parseResult.bolds[i]) {
+            continue;
+        }
+        result.push(cb(i, parseResult.texts[i], parseResult.bolds[i]));
+    }
+    return result;
+}
+exports.formatTextGeneric = formatTextGeneric;
+/**
+ * Method formats string text with replacing matching values with same string without any highlight.
+ *
+ * @param text Text to parse.
+ * @param values Map with values to search.
+ * @returns Formatted text string.
+ */
+function formatText(text, values) {
+    const parseResult = formatTextGeneric(text, values, (index, textPart, match) => {
+        return match ? textPart + match : textPart;
+    });
+    return parseResult.join('');
+}
+exports.formatText = formatText;
+/**
+ * Component to show formatted text with highlighting matching entries.
+ * Entries with '{{{key}}}' will be replaced with passed value and wrapped in bold.
+ *
+ * @param props Component properties.
+ * @returns Component to render formatted text.
+ */
+function UIFormattedText(props) {
+    const { children, values = {} } = props;
+    const result = formatTextGeneric(children, values, (index, textPart, match) => {
+        return (react_1.default.createElement("span", { key: `anchor-${index}` },
+            textPart,
+            match && react_1.default.createElement("b", null, match)));
+    });
+    return react_1.default.createElement("div", null, result);
+}
+exports.UIFormattedText = UIFormattedText;
 //# sourceMappingURL=UIFormattedText.js.map

package/dist/components/UITranslationInput/UILoadButton.d.ts

@@ -1,53 +1,53 @@
-import React from 'react';
-import type { ButtonProps } from '../UIButton';
-import type { UILoadButtonBusyProps } from './UITranslationButton.types';
-import './UILoadButton.scss';
-export interface UILoadButtonState {
-    busy?: boolean;
-}
-type UILoadButtonProps = ButtonProps & UILoadButtonBusyProps;
-/**
- * Component to render load button with spin indicator.
- */
-export declare class UILoadButton extends React.Component<UILoadButtonProps, UILoadButtonState> {
-    private minLoaderTimer;
-    /**
-     * Constructor method for load button.
-     *
-     * @param props Component properties.
-     */
-    constructor(props: UILoadButtonProps);
-    /**
-     * Method handles component update to refresh busy state.
-     *
-     * @param prevProps Component previous properties.
-     */
-    componentDidUpdate(prevProps: UILoadButtonProps): void;
-    componentWillUnmount(): void;
-    /**
-     * Method handles end of minimal waiting time.
-     */
-    private handleMinWaitingTime;
-    /**
-     * Method returns latest busy state by checking current state and props.
-     *
-     * @param props Current props.
-     * @param state Current state.
-     * @returns Busy state.
-     */
-    private getBusyState;
-    /**
-     * Method returns minimal waiting time for loader depending on passed 'useMinWaitingTime' property.
-     *
-     * @returns Minimal waiting time for busy loader.
-     */
-    private getMinimalWaitingTime;
-    /**
-     * Method to render load button component.
-     *
-     * @returns Load button component.
-     */
-    render(): React.ReactElement;
-}
-export {};
+import React from 'react';
+import type { ButtonProps } from '../UIButton';
+import type { UILoadButtonBusyProps } from './UITranslationButton.types';
+import './UILoadButton.scss';
+export interface UILoadButtonState {
+    busy?: boolean;
+}
+type UILoadButtonProps = ButtonProps & UILoadButtonBusyProps;
+/**
+ * Component to render load button with spin indicator.
+ */
+export declare class UILoadButton extends React.Component<UILoadButtonProps, UILoadButtonState> {
+    private minLoaderTimer;
+    /**
+     * Constructor method for load button.
+     *
+     * @param props Component properties.
+     */
+    constructor(props: UILoadButtonProps);
+    /**
+     * Method handles component update to refresh busy state.
+     *
+     * @param prevProps Component previous properties.
+     */
+    componentDidUpdate(prevProps: UILoadButtonProps): void;
+    componentWillUnmount(): void;
+    /**
+     * Method handles end of minimal waiting time.
+     */
+    private handleMinWaitingTime;
+    /**
+     * Method returns latest busy state by checking current state and props.
+     *
+     * @param props Current props.
+     * @param state Current state.
+     * @returns Busy state.
+     */
+    private getBusyState;
+    /**
+     * Method returns minimal waiting time for loader depending on passed 'useMinWaitingTime' property.
+     *
+     * @returns Minimal waiting time for busy loader.
+     */
+    private getMinimalWaitingTime;
+    /**
+     * Method to render load button component.
+     *
+     * @returns Load button component.
+     */
+    render(): React.ReactElement;
+}
+export {};
 //# sourceMappingURL=UILoadButton.d.ts.map