@sap-ux/ui-components 1.1.10 → 1.2.0

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

@@ -0,0 +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 {};
+//# sourceMappingURL=UIFormattedText.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UIFormattedText.d.ts","sourceRoot":"","sources":["../../../src/components/UITranslationInput/UIFormattedText.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,UAAU,iBAAiB;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,oBAAoB;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,iBAAiB,CAAC;CAC9B;AAED,UAAU,WAAW;IACjB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACrB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;CACxB;AA4BD;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,SAAU,MAAM,UAAU,iBAAiB,KAAG,WA6BnE,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,EAC/B,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,iBAAiB,EACzB,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,CAAC,GAC3D,CAAC,EAAE,CAUL;AAED;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,iBAAiB,GAAG,MAAM,CAK1E;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,CAgBzE"}

package/dist/components/UITranslationInput/UIFormattedText.js

@@ -0,0 +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 = 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/UIFormattedText.js.map

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

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

@@ -0,0 +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;
+}
+declare 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

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

@@ -0,0 +1 @@
+{"version":3,"file":"UILoadButton.d.ts","sourceRoot":"","sources":["../../../src/components/UITranslationInput/UILoadButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG/C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEzE,OAAO,qBAAqB,CAAC;AAE7B,MAAM,WAAW,iBAAiB;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,aAAK,iBAAiB,GAAG,WAAW,GAAG,qBAAqB,CAAC;AAE7D;;GAEG;AACH,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;IACnF,OAAO,CAAC,cAAc,CAAiC;IACvD;;;;OAIG;gBACS,KAAK,EAAE,iBAAiB;IAKpC;;;;OAIG;IACH,kBAAkB,CAAC,SAAS,EAAE,iBAAiB,GAAG,IAAI;IAUtD,oBAAoB,IAAI,IAAI;IAM5B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAU5B;;;;;;OAMG;IACH,OAAO,CAAC,YAAY;IAuBpB;;;;OAIG;IACH,OAAO,CAAC,qBAAqB;IAK7B;;;;OAIG;IACH,MAAM,IAAI,KAAK,CAAC,YAAY;CAgB/B"}

package/dist/components/UITranslationInput/UILoadButton.js

@@ -0,0 +1,110 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UILoadButton = void 0;
+const react_1 = __importDefault(require("react"));
+const UIButton_1 = require("../UIButton");
+const UILoader_1 = require("../UILoader");
+require("./UILoadButton.scss");
+/**
+ * Component to render load button with spin indicator.
+ */
+class UILoadButton extends react_1.default.Component {
+    /**
+     * Constructor method for load button.
+     *
+     * @param props Component properties.
+     */
+    constructor(props) {
+        super(props);
+        this.minLoaderTimer = undefined;
+        this.state = this.getBusyState(props, {}) || {};
+    }
+    /**
+     * Method handles component update to refresh busy state.
+     *
+     * @param prevProps Component previous properties.
+     */
+    componentDidUpdate(prevProps) {
+        if (prevProps.busy === this.props.busy) {
+            return;
+        }
+        const state = this.getBusyState(this.props, this.state);
+        if (state) {
+            this.setState(state);
+        }
+    }
+    componentWillUnmount() {
+        if (this.minLoaderTimer) {
+            window.clearTimeout(this.minLoaderTimer);
+        }
+    }
+    /**
+     * Method handles end of minimal waiting time.
+     */
+    handleMinWaitingTime() {
+        this.minLoaderTimer = undefined;
+        if (!this.props.busy) {
+            // External busy flag is false, but we were waiting for minimal timeout
+            this.setState({
+                busy: false
+            });
+        }
+    }
+    /**
+     * Method returns latest busy state by checking current state and props.
+     *
+     * @param props Current props.
+     * @param state Current state.
+     * @returns Busy state.
+     */
+    getBusyState(props, state) {
+        let newState;
+        if (props.busy !== state.busy) {
+            if (!props.busy && !this.minLoaderTimer) {
+                newState = {
+                    busy: false
+                };
+            }
+            else if (props.busy) {
+                newState = {
+                    busy: true
+                };
+                window.clearTimeout(this.minLoaderTimer);
+                if (props.useMinWaitingTime) {
+                    this.minLoaderTimer = window.setTimeout(this.handleMinWaitingTime.bind(this), this.getMinimalWaitingTime());
+                }
+            }
+        }
+        return newState;
+    }
+    /**
+     * Method returns minimal waiting time for loader depending on passed 'useMinWaitingTime' property.
+     *
+     * @returns Minimal waiting time for busy loader.
+     */
+    getMinimalWaitingTime() {
+        const { useMinWaitingTime } = this.props;
+        return !useMinWaitingTime || typeof useMinWaitingTime === 'boolean' ? 500 : useMinWaitingTime;
+    }
+    /**
+     * Method to render load button component.
+     *
+     * @returns Load button component.
+     */
+    render() {
+        const { children } = this.props;
+        const { busy } = this.state;
+        let { className = '' } = this.props;
+        const content = busy ? react_1.default.createElement(UILoader_1.UILoader, { className: 'uiLoaderXSmall', labelPosition: 'right' }) : children;
+        if (busy) {
+            const busyClassName = 'loading-button';
+            className = className ? `${className} ${busyClassName}` : busyClassName;
+        }
+        return (react_1.default.createElement(UIButton_1.UIIconButton, { ...this.props, onClick: busy ? undefined : this.props.onClick, className: className }, content));
+    }
+}
+exports.UILoadButton = UILoadButton;
+//# sourceMappingURL=UILoadButton.js.map

package/dist/components/UITranslationInput/UILoadButton.js.map

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

package/dist/components/UITranslationInput/UILoadButton.scss

@@ -0,0 +1,14 @@
+.loading-button {
+    position: relative;
+    pointer-events: none;
+    .ms-Button-icon {
+        visibility: hidden;
+    }
+    .ms-Spinner {
+        position: absolute;
+        top: 0;
+        left: 0;
+        bottom: 0;
+        right: 0;
+    }
+}

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

@@ -0,0 +1,25 @@
+import type { ReactElement } from 'react';
+import type { UITranslationProps, TranslationButtonStrings } from './UITranslationButton.types';
+import './UITranslationInput.scss';
+export declare enum SuggestValueType {
+    Existing = "Existing",
+    Update = "Update",
+    New = "New"
+}
+interface UITranslationButtonProps extends UITranslationProps {
+    onUpdateValue?: (value: string) => void;
+}
+/**
+ * Component to render translation button to provide helper callout with i18n generation option.
+ *
+ * @param props Component properties.
+ * @returns Component to render translation button with callout.
+ */
+export declare function UITranslationButton(props: UITranslationButtonProps): ReactElement;
+export declare namespace UITranslationButton {
+    var defaultProps: {
+        strings: TranslationButtonStrings;
+    };
+}
+export {};
+//# sourceMappingURL=UITranslationButton.d.ts.map

package/dist/components/UITranslationInput/UITranslationButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UITranslationButton.d.ts","sourceRoot":"","sources":["../../../src/components/UITranslationInput/UITranslationButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAK1C,OAAO,KAAK,EAAE,kBAAkB,EAAE,wBAAwB,EAAoB,MAAM,6BAA6B,CAAC;AAUlH,OAAO,2BAA2B,CAAC;AAInC,oBAAY,gBAAgB;IACxB,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,GAAG,QAAQ;CACd;AAeD,UAAU,wBAAyB,SAAQ,kBAAkB;IACzD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAwGD;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,GAAG,YAAY,CAqEjF;yBArEe,mBAAmB"}

package/dist/components/UITranslationInput/UITranslationButton.js

@@ -0,0 +1,181 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UITranslationButton = exports.SuggestValueType = void 0;
+const react_1 = __importStar(require("react"));
+const UIButton_1 = require("../UIButton");
+const UICallout_1 = require("../UICallout");
+const Icons_1 = require("../Icons");
+const defaults_1 = require("./defaults");
+const UITranslationButton_types_1 = require("./UITranslationButton.types");
+const UITranslationUtils_1 = require("./UITranslationUtils");
+require("./UITranslationInput.scss");
+const UIFormattedText_1 = require("./UIFormattedText");
+const UILoadButton_1 = require("./UILoadButton");
+var SuggestValueType;
+(function (SuggestValueType) {
+    SuggestValueType["Existing"] = "Existing";
+    SuggestValueType["Update"] = "Update";
+    SuggestValueType["New"] = "New";
+})(SuggestValueType = exports.SuggestValueType || (exports.SuggestValueType = {}));
+/**
+ * Method to resolve button component text strings for passed key.
+ * Component has default texts which can be overwritten using property `strings`.
+ *
+ * @param property Property.
+ * @param strings Map with all text properties.
+ * @returns Resolved text.
+ */
+const getStringText = (property, strings) => {
+    return strings?.[property] || '';
+};
+/**
+ * Method returns suggestion object with message and tooltip based on passed translation button props.
+ *
+ * @param props Properties of translation button component.
+ * @returns Translation suggestion object.
+ */
+const getTranslationSuggestion = (props) => {
+    const { value = '', allowedPatterns, entries, strings = defaults_1.defaultTranslationButtonStrings, namingConvention = UITranslationButton_types_1.TranslationKeyGenerator.CamelCase, defaultPattern, i18nPrefix, allowedI18nPrefixes } = props;
+    const i18nKey = UITranslationUtils_1.extractI18nKey(value, allowedPatterns, allowedI18nPrefixes || [i18nPrefix]);
+    let message = '';
+    let tooltip = '';
+    let suggest;
+    if (i18nKey) {
+        // There is already i18n binding as value
+        const entry = UITranslationUtils_1.getTranslationByKey(entries, i18nKey);
+        if (entry) {
+            tooltip = strings.i18nEntryExistsTooltip;
+            suggest = {
+                entry,
+                type: SuggestValueType.Existing,
+                icon: Icons_1.UiIcons.WorldArrow
+            };
+        }
+        else {
+            message = strings.i18nKeyMissingDescription;
+            tooltip = strings.i18nKeyMissingTooltip;
+            suggest = {
+                entry: {
+                    key: {
+                        value: i18nKey
+                    },
+                    value: {
+                        value: i18nKey
+                    }
+                },
+                type: SuggestValueType.New,
+                icon: Icons_1.UiIcons.WorldWarning
+            };
+        }
+    }
+    else {
+        // Use generation format passed from outside or use default as 'Standard';
+        const existingEntry = UITranslationUtils_1.getTranslationByText(entries, value);
+        if (existingEntry) {
+            message = strings.i18nReplaceWithExistingDescription;
+            tooltip = strings.i18nReplaceWithExistingTooltip;
+            suggest = {
+                entry: existingEntry,
+                type: SuggestValueType.Update
+            };
+        }
+        else {
+            message = strings.i18nValueMissingDescription;
+            tooltip = strings.i18nValueMissingTooltip;
+            const key = UITranslationUtils_1.generateI18nKey(value, namingConvention, entries);
+            suggest = {
+                entry: {
+                    key: {
+                        value: key
+                    },
+                    value: {
+                        value
+                    }
+                },
+                type: SuggestValueType.New
+            };
+        }
+    }
+    // I18n string to apply for input value
+    suggest.i18n = UITranslationUtils_1.applyI18nPattern(suggest.entry.key.value, defaultPattern, i18nPrefix);
+    // Format message to show in callout
+    const messageValues = {
+        key: suggest.entry.key.value,
+        value: suggest.entry.value.value,
+        i18n: suggest.i18n
+    };
+    tooltip = UIFormattedText_1.formatText(tooltip, messageValues);
+    return {
+        message: react_1.default.createElement(UIFormattedText_1.UIFormattedText, { values: messageValues }, message),
+        tooltip,
+        suggest
+    };
+};
+/**
+ * Component to render translation button to provide helper callout with i18n generation option.
+ *
+ * @param props Component properties.
+ * @returns Component to render translation button with callout.
+ */
+function UITranslationButton(props) {
+    const { id, strings, value, onCreateNewEntry, onUpdateValue, onShowExistingEntry, busy } = props;
+    const [isCalloutVisible, setCalloutVisible] = react_1.useState(false);
+    const suggestion = getTranslationSuggestion(props);
+    // Callbacks
+    const onToggleCallout = react_1.useCallback(() => {
+        if (suggestion.suggest?.type === SuggestValueType.Existing) {
+            setCalloutVisible(false);
+            // Trigger show existing entry callbACK
+            onShowExistingEntry?.(suggestion.suggest.entry);
+        }
+        else {
+            setCalloutVisible(!isCalloutVisible);
+        }
+    }, [isCalloutVisible, suggestion]);
+    const onAccept = react_1.useCallback(() => {
+        if (suggestion.suggest) {
+            if (suggestion.suggest.type === SuggestValueType.New) {
+                onCreateNewEntry?.(suggestion.suggest.entry);
+            }
+            if (value !== suggestion.suggest.i18n) {
+                onUpdateValue?.(suggestion.suggest.i18n || '');
+            }
+        }
+        setCalloutVisible(false);
+    }, [suggestion, onCreateNewEntry, onUpdateValue, value]);
+    const onCancel = react_1.useCallback(() => {
+        setCalloutVisible(false);
+    }, []);
+    return (react_1.default.createElement("div", { className: "ui-translatable__button" },
+        react_1.default.createElement(UILoadButton_1.UILoadButton, { id: id, disabled: props.disabled ?? false, onClick: onToggleCallout, iconProps: { iconName: suggestion.suggest?.icon || Icons_1.UiIcons.World }, title: suggestion.tooltip, busy: busy?.busy, useMinWaitingTime: busy?.useMinWaitingTime }),
+        isCalloutVisible && (react_1.default.createElement(UICallout_1.UICallout, { target: `#${id}`, gapSpace: 5, directionalHint: 6, calloutWidth: 250, calloutMinWidth: 250, beakWidth: 8, isBeakVisible: false, setInitialFocus: true, className: "ui-translatable__callout", onDismiss: () => onToggleCallout(), contentPadding: UICallout_1.UICalloutContentPadding.Standard },
+            react_1.default.createElement("div", { className: "ui-translatable__message" },
+                suggestion.message,
+                react_1.default.createElement("div", { className: "ui-translatable__actions" },
+                    react_1.default.createElement(UIButton_1.UIDefaultButton, { id: `${id}-button-action-confirm`, primary: true, onClick: onAccept }, getStringText('acceptButtonLabel', strings)),
+                    react_1.default.createElement(UIButton_1.UIDefaultButton, { id: `${id}-button-action-cancel`, onClick: onCancel }, getStringText('cancelButtonLabel', strings))))))));
+}
+exports.UITranslationButton = UITranslationButton;
+UITranslationButton.defaultProps = {
+    strings: defaults_1.defaultTranslationButtonStrings
+};
+//# sourceMappingURL=UITranslationButton.js.map

package/dist/components/UITranslationInput/UITranslationButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UITranslationButton.js","sourceRoot":"","sources":["../../../src/components/UITranslationInput/UITranslationButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAqD;AAErD,0CAA8C;AAC9C,4CAAkE;AAClE,oCAAmC;AACnC,yCAA6D;AAE7D,2EAAsE;AACtE,6DAM8B;AAE9B,qCAAmC;AACnC,uDAAgE;AAChE,iDAA8C;AAE9C,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IACxB,yCAAqB,CAAA;IACrB,qCAAiB,CAAA;IACjB,+BAAW,CAAA;AACf,CAAC,EAJW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAI3B;AAmBD;;;;;;;GAOG;AACH,MAAM,aAAa,GAAG,CAAC,QAAwC,EAAE,OAAkC,EAAU,EAAE;IAC3G,OAAO,OAAO,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;AACrC,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,wBAAwB,GAAG,CAAC,KAA+B,EAAsB,EAAE;IACrF,MAAM,EACF,KAAK,GAAG,EAAE,EACV,eAAe,EACf,OAAO,EACP,OAAO,GAAG,0CAA+B,EACzC,gBAAgB,GAAG,mDAAuB,CAAC,SAAS,EACpD,cAAc,EACd,UAAU,EACV,mBAAmB,EACtB,GAAG,KAAK,CAAC;IACV,MAAM,OAAO,GAAG,mCAAc,CAAC,KAAK,EAAE,eAAe,EAAE,mBAAmB,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;IAC5F,IAAI,OAAO,GAAG,EAAE,CAAC;IACjB,IAAI,OAAO,GAAG,EAAE,CAAC;IACjB,IAAI,OAAgC,CAAC;IACrC,IAAI,OAAO,EAAE;QACT,yCAAyC;QACzC,MAAM,KAAK,GAAG,wCAAmB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QACpD,IAAI,KAAK,EAAE;YACP,OAAO,GAAG,OAAO,CAAC,sBAAsB,CAAC;YACzC,OAAO,GAAG;gBACN,KAAK;gBACL,IAAI,EAAE,gBAAgB,CAAC,QAAQ;gBAC/B,IAAI,EAAE,eAAO,CAAC,UAAU;aAC3B,CAAC;SACL;aAAM;YACH,OAAO,GAAG,OAAO,CAAC,yBAAyB,CAAC;YAC5C,OAAO,GAAG,OAAO,CAAC,qBAAqB,CAAC;YACxC,OAAO,GAAG;gBACN,KAAK,EAAE;oBACH,GAAG,EAAE;wBACD,KAAK,EAAE,OAAO;qBACjB;oBACD,KAAK,EAAE;wBACH,KAAK,EAAE,OAAO;qBACjB;iBACJ;gBACD,IAAI,EAAE,gBAAgB,CAAC,GAAG;gBAC1B,IAAI,EAAE,eAAO,CAAC,YAAY;aAC7B,CAAC;SACL;KACJ;SAAM;QACH,0EAA0E;QAC1E,MAAM,aAAa,GAAG,yCAAoB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QAC3D,IAAI,aAAa,EAAE;YACf,OAAO,GAAG,OAAO,CAAC,kCAAkC,CAAC;YACrD,OAAO,GAAG,OAAO,CAAC,8BAA8B,CAAC;YACjD,OAAO,GAAG;gBACN,KAAK,EAAE,aAAa;gBACpB,IAAI,EAAE,gBAAgB,CAAC,MAAM;aAChC,CAAC;SACL;aAAM;YACH,OAAO,GAAG,OAAO,CAAC,2BAA2B,CAAC;YAC9C,OAAO,GAAG,OAAO,CAAC,uBAAuB,CAAC;YAC1C,MAAM,GAAG,GAAG,oCAAe,CAAC,KAAK,EAAE,gBAAgB,EAAE,OAAO,CAAC,CAAC;YAC9D,OAAO,GAAG;gBACN,KAAK,EAAE;oBACH,GAAG,EAAE;wBACD,KAAK,EAAE,GAAG;qBACb;oBACD,KAAK,EAAE;wBACH,KAAK;qBACR;iBACJ;gBACD,IAAI,EAAE,gBAAgB,CAAC,GAAG;aAC7B,CAAC;SACL;KACJ;IACD,uCAAuC;IACvC,OAAO,CAAC,IAAI,GAAG,qCAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,EAAE,cAAc,EAAE,UAAU,CAAC,CAAC;IACrF,oCAAoC;IACpC,MAAM,aAAa,GAAG;QAClB,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK;QAC5B,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK;QAChC,IAAI,EAAE,OAAO,CAAC,IAAI;KACrB,CAAC;IACF,OAAO,GAAG,4BAAU,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;IAC7C,OAAO;QACH,OAAO,EAAE,8BAAC,iCAAe,IAAC,MAAM,EAAE,aAAa,IAAG,OAAO,CAAmB;QAC5E,OAAO;QACP,OAAO;KACV,CAAC;AACN,CAAC,CAAC;AAEF;;;;;GAKG;AACH,SAAgB,mBAAmB,CAAC,KAA+B;IAC/D,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,mBAAmB,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IACjG,MAAM,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,GAAG,gBAAQ,CAAC,KAAK,CAAC,CAAC;IAC9D,MAAM,UAAU,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;IACnD,YAAY;IACZ,MAAM,eAAe,GAAG,mBAAW,CAAC,GAAS,EAAE;QAC3C,IAAI,UAAU,CAAC,OAAO,EAAE,IAAI,KAAK,gBAAgB,CAAC,QAAQ,EAAE;YACxD,iBAAiB,CAAC,KAAK,CAAC,CAAC;YACzB,uCAAuC;YACvC,mBAAmB,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;SACnD;aAAM;YACH,iBAAiB,CAAC,CAAC,gBAAgB,CAAC,CAAC;SACxC;IACL,CAAC,EAAE,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC,CAAC;IACnC,MAAM,QAAQ,GAAG,mBAAW,CAAC,GAAS,EAAE;QACpC,IAAI,UAAU,CAAC,OAAO,EAAE;YACpB,IAAI,UAAU,CAAC,OAAO,CAAC,IAAI,KAAK,gBAAgB,CAAC,GAAG,EAAE;gBAClD,gBAAgB,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;aAChD;YACD,IAAI,KAAK,KAAK,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE;gBACnC,aAAa,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;aAClD;SACJ;QAED,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,UAAU,EAAE,gBAAgB,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC,CAAC;IACzD,MAAM,QAAQ,GAAG,mBAAW,CAAC,GAAS,EAAE;QACpC,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,uCAAK,SAAS,EAAC,yBAAyB;QACpC,8BAAC,2BAAY,IACT,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,KAAK,EACjC,OAAO,EAAE,eAAe,EACxB,SAAS,EAAE,EAAE,QAAQ,EAAE,UAAU,CAAC,OAAO,EAAE,IAAI,IAAI,eAAO,CAAC,KAAK,EAAE,EAClE,KAAK,EAAE,UAAU,CAAC,OAAO,EACzB,IAAI,EAAE,IAAI,EAAE,IAAI,EAChB,iBAAiB,EAAE,IAAI,EAAE,iBAAiB,GAC5C;QACD,gBAAgB,IAAI,CACjB,8BAAC,qBAAS,IACN,MAAM,EAAE,IAAI,EAAE,EAAE,EAChB,QAAQ,EAAE,CAAC,EACX,eAAe,EAAE,CAAC,EAClB,YAAY,EAAE,GAAG,EACjB,eAAe,EAAE,GAAG,EACpB,SAAS,EAAE,CAAC,EACZ,aAAa,EAAE,KAAK,EACpB,eAAe,EAAE,IAAI,EACrB,SAAS,EAAC,0BAA0B,EACpC,SAAS,EAAE,GAAG,EAAE,CAAC,eAAe,EAAE,EAClC,cAAc,EAAE,mCAAuB,CAAC,QAAQ;YAChD,uCAAK,SAAS,EAAC,0BAA0B;gBACpC,UAAU,CAAC,OAAO;gBACnB,uCAAK,SAAS,EAAC,0BAA0B;oBACrC,8BAAC,0BAAe,IAAC,EAAE,EAAE,GAAG,EAAE,wBAAwB,EAAE,OAAO,QAAC,OAAO,EAAE,QAAQ,IACxE,aAAa,CAAC,mBAAmB,EAAE,OAAO,CAAC,CAC9B;oBAClB,8BAAC,0BAAe,IAAC,EAAE,EAAE,GAAG,EAAE,uBAAuB,EAAE,OAAO,EAAE,QAAQ,IAC/D,aAAa,CAAC,mBAAmB,EAAE,OAAO,CAAC,CAC9B,CAChB,CACJ,CACE,CACf,CACC,CACT,CAAC;AACN,CAAC;AArED,kDAqEC;AAED,mBAAmB,CAAC,YAAY,GAAG;IAC/B,OAAO,EAAE,0CAA+B;CAC3C,CAAC"}

package/dist/components/UITranslationInput/UITranslationButton.types.d.ts

@@ -0,0 +1,47 @@
+export interface TranslationButtonStrings {
+    acceptButtonLabel: string;
+    cancelButtonLabel: string;
+    i18nEntryExistsTooltip: string;
+    i18nKeyMissingTooltip: string;
+    i18nKeyMissingDescription: string;
+    i18nValueMissingTooltip: string;
+    i18nValueMissingDescription: string;
+    i18nReplaceWithExistingTooltip: string;
+    i18nReplaceWithExistingDescription: string;
+}
+export declare enum TranslationKeyGenerator {
+    CamelCase = "CamelCase",
+    PascalCase = "PascalCase"
+}
+export declare enum TranslationTextPattern {
+    DoubleBracketReplace = "DoubleBracketReplace",
+    SingleBracketBinding = "SingleBracketBinding"
+}
+export interface TranslationEntryValue {
+    value: string;
+}
+export interface TranslationEntry {
+    key: TranslationEntryValue;
+    value: TranslationEntryValue;
+}
+export declare type I18nBundle = Record<string, TranslationEntry[]>;
+export interface UITranslationProps {
+    value?: string;
+    id: string;
+    disabled?: boolean;
+    entries: I18nBundle;
+    onShowExistingEntry?: (entry: TranslationEntry) => void;
+    onCreateNewEntry?: (entry: TranslationEntry) => void;
+    namingConvention?: TranslationKeyGenerator;
+    busy?: UILoadButtonBusyProps;
+    i18nPrefix: string;
+    allowedI18nPrefixes?: string[];
+    defaultPattern: TranslationTextPattern;
+    allowedPatterns: TranslationTextPattern[];
+    strings?: TranslationButtonStrings;
+}
+export interface UILoadButtonBusyProps {
+    busy?: boolean;
+    useMinWaitingTime?: boolean | number;
+}
+//# sourceMappingURL=UITranslationButton.types.d.ts.map

package/dist/components/UITranslationInput/UITranslationButton.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UITranslationButton.types.d.ts","sourceRoot":"","sources":["../../../src/components/UITranslationInput/UITranslationButton.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,wBAAwB;IACrC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,sBAAsB,EAAE,MAAM,CAAC;IAC/B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,yBAAyB,EAAE,MAAM,CAAC;IAClC,uBAAuB,EAAE,MAAM,CAAC;IAChC,2BAA2B,EAAE,MAAM,CAAC;IACpC,8BAA8B,EAAE,MAAM,CAAC;IACvC,kCAAkC,EAAE,MAAM,CAAC;CAC9C;AAED,oBAAY,uBAAuB;IAC/B,SAAS,cAAc;IACvB,UAAU,eAAe;CAC5B;AAED,oBAAY,sBAAsB;IAE9B,oBAAoB,yBAAyB;IAE7C,oBAAoB,yBAAyB;CAChD;AAED,MAAM,WAAW,qBAAqB;IAClC,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,gBAAgB;IAC7B,GAAG,EAAE,qBAAqB,CAAC;IAC3B,KAAK,EAAE,qBAAqB,CAAC;CAChC;AAED,oBAAY,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,gBAAgB,EAAE,CAAC,CAAC;AAE5D,MAAM,WAAW,kBAAkB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,OAAO,EAAE,UAAU,CAAC;IAEpB,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAExD,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAGrD,gBAAgB,CAAC,EAAE,uBAAuB,CAAC;IAE3C,IAAI,CAAC,EAAE,qBAAqB,CAAC;IAE7B,UAAU,EAAE,MAAM,CAAC;IAEnB,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAE/B,cAAc,EAAE,sBAAsB,CAAC;IAEvC,eAAe,EAAE,sBAAsB,EAAE,CAAC;IAE1C,OAAO,CAAC,EAAE,wBAAwB,CAAC;CACtC;AAED,MAAM,WAAW,qBAAqB;IAClC,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,iBAAiB,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CACxC"}

package/dist/components/UITranslationInput/UITranslationButton.types.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TranslationTextPattern = exports.TranslationKeyGenerator = void 0;
+var TranslationKeyGenerator;
+(function (TranslationKeyGenerator) {
+    TranslationKeyGenerator["CamelCase"] = "CamelCase";
+    TranslationKeyGenerator["PascalCase"] = "PascalCase";
+})(TranslationKeyGenerator = exports.TranslationKeyGenerator || (exports.TranslationKeyGenerator = {}));
+var TranslationTextPattern;
+(function (TranslationTextPattern) {
+    // Pattern `{{}}`
+    TranslationTextPattern["DoubleBracketReplace"] = "DoubleBracketReplace";
+    // Pattern `{key>}`
+    TranslationTextPattern["SingleBracketBinding"] = "SingleBracketBinding";
+})(TranslationTextPattern = exports.TranslationTextPattern || (exports.TranslationTextPattern = {}));
+//# sourceMappingURL=UITranslationButton.types.js.map