@sap-ux/ui-components 1.13.5 → 1.14.1

package/dist/components/UITranslationInput/UITranslationButton.js

@@ -1,89 +1,89 @@
-"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 __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 = void 0;
-const react_1 = __importStar(require("react"));
-const UIButton_1 = require("../UIButton");
-const UICallout_1 = require("../UICallout");
-const Icons_1 = require("../Icons");
-const UITranslationButton_types_1 = require("./UITranslationButton.types");
-const UILoadButton_1 = require("./UILoadButton");
-require("./UITranslationInput.scss");
-/**
- * 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] || '';
-};
-/**
- * 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.
- */
-const UITranslationButton = (props) => {
-    const { id, strings, value, onCreateNewEntry, onUpdateValue, onShowExistingEntry, busy, suggestion } = props;
-    const [isCalloutVisible, setCalloutVisible] = (0, react_1.useState)(false);
-    // Callbacks
-    const onToggleCallout = (0, react_1.useCallback)(() => {
-        if (suggestion.suggest?.type === UITranslationButton_types_1.SuggestValueType.Existing) {
-            setCalloutVisible(false);
-            // Trigger show existing entry callbACK
-            onShowExistingEntry?.(suggestion.suggest.entry);
-        }
-        else {
-            setCalloutVisible(!isCalloutVisible);
-        }
-    }, [isCalloutVisible, suggestion]);
-    const onAccept = (0, react_1.useCallback)(() => {
-        if (suggestion.suggest) {
-            if (suggestion.suggest.type === UITranslationButton_types_1.SuggestValueType.New) {
-                onCreateNewEntry?.(suggestion.suggest.entry);
-            }
-            if (value !== suggestion.suggest.i18n) {
-                onUpdateValue?.(suggestion.suggest.i18n || '');
-            }
-        }
-        setCalloutVisible(false);
-    }, [suggestion, onCreateNewEntry, onUpdateValue, value]);
-    const onCancel = (0, 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;
+"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 __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 = void 0;
+const react_1 = __importStar(require("react"));
+const UIButton_1 = require("../UIButton");
+const UICallout_1 = require("../UICallout");
+const Icons_1 = require("../Icons");
+const UITranslationButton_types_1 = require("./UITranslationButton.types");
+const UILoadButton_1 = require("./UILoadButton");
+require("./UITranslationInput.scss");
+/**
+ * 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] || '';
+};
+/**
+ * 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.
+ */
+const UITranslationButton = (props) => {
+    const { id, strings, value, onCreateNewEntry, onUpdateValue, onShowExistingEntry, busy, suggestion } = props;
+    const [isCalloutVisible, setCalloutVisible] = (0, react_1.useState)(false);
+    // Callbacks
+    const onToggleCallout = (0, react_1.useCallback)(() => {
+        if (suggestion.suggest?.type === UITranslationButton_types_1.SuggestValueType.Existing) {
+            setCalloutVisible(false);
+            // Trigger show existing entry callbACK
+            onShowExistingEntry?.(suggestion.suggest.entry);
+        }
+        else {
+            setCalloutVisible(!isCalloutVisible);
+        }
+    }, [isCalloutVisible, suggestion]);
+    const onAccept = (0, react_1.useCallback)(() => {
+        if (suggestion.suggest) {
+            if (suggestion.suggest.type === UITranslationButton_types_1.SuggestValueType.New) {
+                onCreateNewEntry?.(suggestion.suggest.entry);
+            }
+            if (value !== suggestion.suggest.i18n) {
+                onUpdateValue?.(suggestion.suggest.i18n || '');
+            }
+        }
+        setCalloutVisible(false);
+    }, [suggestion, onCreateNewEntry, onUpdateValue, value]);
+    const onCancel = (0, 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;
 //# sourceMappingURL=UITranslationButton.js.map

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

@@ -1,68 +1,68 @@
-/// <reference types="react" />
-import type { UiIcons } from '../Icons';
-export interface TranslationInputStrings {
-    acceptButtonLabel: string;
-    cancelButtonLabel: string;
-    i18nEntryExistsTooltip: string;
-    i18nKeyMissingTooltip: string;
-    i18nKeyMissingDescription: string;
-    i18nValueMissingTooltip: string;
-    i18nValueMissingDescription: string;
-    i18nReplaceWithExistingTooltip: string;
-    i18nReplaceWithExistingDescription: string;
-    i18nEntryExistsInputTooltip: 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 type I18nBundle<T extends TranslationEntry = TranslationEntry> = Record<string, T[]>;
-export interface UITranslationProps<T extends TranslationEntry> {
-    value?: string;
-    id: string;
-    disabled?: boolean;
-    onShowExistingEntry?: (entry: T) => void;
-    onCreateNewEntry?: (entry: TranslationEntry) => void;
-    busy?: UILoadButtonBusyProps;
-    strings?: TranslationInputStrings;
-}
-export interface UILoadButtonBusyProps {
-    busy?: boolean;
-    useMinWaitingTime?: boolean | number;
-}
-export declare enum SuggestValueType {
-    Existing = "Existing",
-    Update = "Update",
-    New = "New"
-}
-export type TranslationSuggestValue<T extends TranslationEntry> = TranslationSuggestValueNew | TranslationSuggestValueExisting<T>;
-interface TranslationSuggestValueBase {
-    icon?: UiIcons;
-    i18n?: string;
-}
-export interface TranslationSuggestValueNew extends TranslationSuggestValueBase {
-    entry: TranslationEntry;
-    type: SuggestValueType.New;
-}
-export interface TranslationSuggestValueExisting<T extends TranslationEntry> extends TranslationSuggestValueBase {
-    entry: T;
-    type: SuggestValueType.Existing | SuggestValueType.Update;
-}
-export interface TranslationSuggest<T extends TranslationEntry> {
-    tooltip: string;
-    message?: React.ReactElement;
-    suggest?: TranslationSuggestValue<T>;
-}
-export {};
+/// <reference types="react" />
+import type { UiIcons } from '../Icons';
+export interface TranslationInputStrings {
+    acceptButtonLabel: string;
+    cancelButtonLabel: string;
+    i18nEntryExistsTooltip: string;
+    i18nKeyMissingTooltip: string;
+    i18nKeyMissingDescription: string;
+    i18nValueMissingTooltip: string;
+    i18nValueMissingDescription: string;
+    i18nReplaceWithExistingTooltip: string;
+    i18nReplaceWithExistingDescription: string;
+    i18nEntryExistsInputTooltip: 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 type I18nBundle<T extends TranslationEntry = TranslationEntry> = Record<string, T[]>;
+export interface UITranslationProps<T extends TranslationEntry> {
+    value?: string;
+    id: string;
+    disabled?: boolean;
+    onShowExistingEntry?: (entry: T) => void;
+    onCreateNewEntry?: (entry: TranslationEntry) => void;
+    busy?: UILoadButtonBusyProps;
+    strings?: TranslationInputStrings;
+}
+export interface UILoadButtonBusyProps {
+    busy?: boolean;
+    useMinWaitingTime?: boolean | number;
+}
+export declare enum SuggestValueType {
+    Existing = "Existing",
+    Update = "Update",
+    New = "New"
+}
+export type TranslationSuggestValue<T extends TranslationEntry> = TranslationSuggestValueNew | TranslationSuggestValueExisting<T>;
+interface TranslationSuggestValueBase {
+    icon?: UiIcons;
+    i18n?: string;
+}
+export interface TranslationSuggestValueNew extends TranslationSuggestValueBase {
+    entry: TranslationEntry;
+    type: SuggestValueType.New;
+}
+export interface TranslationSuggestValueExisting<T extends TranslationEntry> extends TranslationSuggestValueBase {
+    entry: T;
+    type: SuggestValueType.Existing | SuggestValueType.Update;
+}
+export interface TranslationSuggest<T extends TranslationEntry> {
+    tooltip: string;
+    message?: React.ReactElement;
+    suggest?: TranslationSuggestValue<T>;
+}
+export {};
 //# sourceMappingURL=UITranslationButton.types.d.ts.map

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

@@ -1,22 +1,22 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SuggestValueType = 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 = {}));
-var SuggestValueType;
-(function (SuggestValueType) {
-    SuggestValueType["Existing"] = "Existing";
-    SuggestValueType["Update"] = "Update";
-    SuggestValueType["New"] = "New";
-})(SuggestValueType = exports.SuggestValueType || (exports.SuggestValueType = {}));
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SuggestValueType = 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 = {}));
+var SuggestValueType;
+(function (SuggestValueType) {
+    SuggestValueType["Existing"] = "Existing";
+    SuggestValueType["Update"] = "Update";
+    SuggestValueType["New"] = "New";
+})(SuggestValueType = exports.SuggestValueType || (exports.SuggestValueType = {}));
 //# sourceMappingURL=UITranslationButton.types.js.map

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

@@ -1,26 +1,26 @@
-import type { ReactElement } from 'react';
-import type { ITextFieldProps } from '../UIInput';
-import type { UITranslationProps, I18nBundle, TranslationTextPattern, TranslationEntry } from './UITranslationButton.types';
-import { TranslationKeyGenerator } from './UITranslationButton.types';
-export interface UITranslationInputProps<T extends TranslationEntry> extends ITextFieldProps, UITranslationProps<T> {
-    id: string;
-    entries: I18nBundle<T>;
-    namingConvention?: TranslationKeyGenerator;
-    i18nPrefix: string;
-    allowedI18nPrefixes?: string[];
-    defaultPattern: TranslationTextPattern;
-    allowedPatterns: TranslationTextPattern[];
-}
-/**
- * Component to render translation input with button to provide helper callout with i18n generation option.
- *
- * @param props Component properties.
- * @returns Component to render translation input.
- */
-export declare const UITranslationInput: {
-    <T extends TranslationEntry = TranslationEntry>(props: UITranslationInputProps<T>): ReactElement;
-    defaultProps: {
-        strings: import("./UITranslationButton.types").TranslationInputStrings;
-    };
-};
+import type { ReactElement } from 'react';
+import type { ITextFieldProps } from '../UIInput';
+import type { UITranslationProps, I18nBundle, TranslationTextPattern, TranslationEntry } from './UITranslationButton.types';
+import { TranslationKeyGenerator } from './UITranslationButton.types';
+export interface UITranslationInputProps<T extends TranslationEntry> extends ITextFieldProps, UITranslationProps<T> {
+    id: string;
+    entries: I18nBundle<T>;
+    namingConvention?: TranslationKeyGenerator;
+    i18nPrefix: string;
+    allowedI18nPrefixes?: string[];
+    defaultPattern: TranslationTextPattern;
+    allowedPatterns: TranslationTextPattern[];
+}
+/**
+ * Component to render translation input with button to provide helper callout with i18n generation option.
+ *
+ * @param props Component properties.
+ * @returns Component to render translation input.
+ */
+export declare const UITranslationInput: {
+    <T extends TranslationEntry = TranslationEntry>(props: UITranslationInputProps<T>): ReactElement;
+    defaultProps: {
+        strings: import("./UITranslationButton.types").TranslationInputStrings;
+    };
+};
 //# sourceMappingURL=UITranslationInput.d.ts.map