@sap-ux/ui-components 1.14.1 → 1.14.2

package/dist/helper/ValidationMessage/utils.js

@@ -1,122 +1,122 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getMessageInfo = exports.MESSAGE_TYPES_CLASSNAME_MAP = exports.ErrorMessageType = void 0;
-var ErrorMessageType;
-(function (ErrorMessageType) {
-    ErrorMessageType["Error"] = "Error";
-    ErrorMessageType["Warning"] = "Warning";
-    ErrorMessageType["Info"] = "Info";
-})(ErrorMessageType = exports.ErrorMessageType || (exports.ErrorMessageType = {}));
-/**
- * Private method to get common styling for coloring by applying incoming colors.
- *
- * @param {string} bgColor Background color.
- * @param {string} borderColor Border color.
- * @returns {IRawStyle} Object with styles for message.
- */
-const getMessageColorStylings = (bgColor, borderColor) => {
-    const border = `1px solid ${borderColor}`;
-    return {
-        backgroundColor: bgColor,
-        borderLeft: border,
-        borderRight: border,
-        borderBottom: border,
-        borderColor: borderColor
-    };
-};
-const messagesStyles = {
-    error: {
-        color: 'var(--vscode-input-foreground)',
-        ...getMessageColorStylings('var(--vscode-inputValidation-errorBackground)', 'var(--vscode-inputValidation-errorBorder)'),
-        paddingTop: 4,
-        paddingBottom: 5,
-        paddingLeft: 8,
-        margin: 0
-    },
-    warning: {},
-    info: {}
-};
-messagesStyles.warning = {
-    ...messagesStyles.error,
-    ...getMessageColorStylings('var(--vscode-inputValidation-warningBackground)', 'var(--vscode-inputValidation-warningBorder)')
-};
-messagesStyles.info = {
-    ...messagesStyles.error,
-    ...getMessageColorStylings('var(--vscode-inputValidation-infoBackground)', 'var(--vscode-inputValidation-infoBorder)')
-};
-exports.MESSAGE_TYPES_CLASSNAME_MAP = new Map([
-    [undefined, 'error'],
-    ["Error" /* ErrorMessageType.Error */, 'error'],
-    ["Warning" /* ErrorMessageType.Warning */, 'warning'],
-    ["Info" /* ErrorMessageType.Info */, 'info']
-]);
-/**
- * Method returns input message styles for passed message type.
- * Default style is for Error message.
- *
- * @param {ErrorMessageType} [type] Message type.
- * @returns {IRawStyle} Object with styles for message.
- */
-const getMessageStyle = (type) => {
-    let style;
-    switch (type) {
-        case "Warning" /* ErrorMessageType.Warning */: {
-            style = messagesStyles.warning;
-            break;
-        }
-        case "Info" /* ErrorMessageType.Info */: {
-            style = messagesStyles.info;
-            break;
-        }
-        default: {
-            style = messagesStyles.error;
-            break;
-        }
-    }
-    return style;
-};
-/**
- * Method returns error message type depends on properties of UIComponentMessagesProps.
- *
- * @param {UIComponentMessagesProps} [props] Component props.
- * @returns {ErrorMessageType} Message type.
- */
-const getMessageType = (props) => {
-    if (props) {
-        if (props.errorMessage) {
-            return "Error" /* ErrorMessageType.Error */;
-        }
-        else if (props.warningMessage) {
-            return "Warning" /* ErrorMessageType.Warning */;
-        }
-        else if (props.infoMessage) {
-            return "Info" /* ErrorMessageType.Info */;
-        }
-    }
-    return "Error" /* ErrorMessageType.Error */;
-};
-/**
- * Method returns error message string by handling property of all messages like Error Warning and Info.
- *
- *  @param {UIComponentMessagesProps} [props] Component props.
- * @returns {string | undefined} Message string.
- */
-const getErrorMessage = (props) => {
-    return props?.errorMessage || props?.warningMessage || props?.infoMessage;
-};
-/**
- * Method returns object containing data to display message for component.
- *
- * @param {UIMessagesExtendedProps} [props] Component props.
- * @returns {InputValidationMessageInfo} Message info.
- */
-const getMessageInfo = (props) => {
-    const errorType = getMessageType(props);
-    return {
-        type: errorType,
-        style: getMessageStyle(errorType),
-        message: getErrorMessage(props)
-    };
-};
-exports.getMessageInfo = getMessageInfo;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getMessageInfo = exports.MESSAGE_TYPES_CLASSNAME_MAP = exports.ErrorMessageType = void 0;
+var ErrorMessageType;
+(function (ErrorMessageType) {
+    ErrorMessageType["Error"] = "Error";
+    ErrorMessageType["Warning"] = "Warning";
+    ErrorMessageType["Info"] = "Info";
+})(ErrorMessageType = exports.ErrorMessageType || (exports.ErrorMessageType = {}));
+/**
+ * Private method to get common styling for coloring by applying incoming colors.
+ *
+ * @param {string} bgColor Background color.
+ * @param {string} borderColor Border color.
+ * @returns {IRawStyle} Object with styles for message.
+ */
+const getMessageColorStylings = (bgColor, borderColor) => {
+    const border = `1px solid ${borderColor}`;
+    return {
+        backgroundColor: bgColor,
+        borderLeft: border,
+        borderRight: border,
+        borderBottom: border,
+        borderColor: borderColor
+    };
+};
+const messagesStyles = {
+    error: {
+        color: 'var(--vscode-input-foreground)',
+        ...getMessageColorStylings('var(--vscode-inputValidation-errorBackground)', 'var(--vscode-inputValidation-errorBorder)'),
+        paddingTop: 4,
+        paddingBottom: 5,
+        paddingLeft: 8,
+        margin: 0
+    },
+    warning: {},
+    info: {}
+};
+messagesStyles.warning = {
+    ...messagesStyles.error,
+    ...getMessageColorStylings('var(--vscode-inputValidation-warningBackground)', 'var(--vscode-inputValidation-warningBorder)')
+};
+messagesStyles.info = {
+    ...messagesStyles.error,
+    ...getMessageColorStylings('var(--vscode-inputValidation-infoBackground)', 'var(--vscode-inputValidation-infoBorder)')
+};
+exports.MESSAGE_TYPES_CLASSNAME_MAP = new Map([
+    [undefined, 'error'],
+    ["Error" /* ErrorMessageType.Error */, 'error'],
+    ["Warning" /* ErrorMessageType.Warning */, 'warning'],
+    ["Info" /* ErrorMessageType.Info */, 'info']
+]);
+/**
+ * Method returns input message styles for passed message type.
+ * Default style is for Error message.
+ *
+ * @param {ErrorMessageType} [type] Message type.
+ * @returns {IRawStyle} Object with styles for message.
+ */
+const getMessageStyle = (type) => {
+    let style;
+    switch (type) {
+        case "Warning" /* ErrorMessageType.Warning */: {
+            style = messagesStyles.warning;
+            break;
+        }
+        case "Info" /* ErrorMessageType.Info */: {
+            style = messagesStyles.info;
+            break;
+        }
+        default: {
+            style = messagesStyles.error;
+            break;
+        }
+    }
+    return style;
+};
+/**
+ * Method returns error message type depends on properties of UIComponentMessagesProps.
+ *
+ * @param {UIComponentMessagesProps} [props] Component props.
+ * @returns {ErrorMessageType} Message type.
+ */
+const getMessageType = (props) => {
+    if (props) {
+        if (props.errorMessage) {
+            return "Error" /* ErrorMessageType.Error */;
+        }
+        else if (props.warningMessage) {
+            return "Warning" /* ErrorMessageType.Warning */;
+        }
+        else if (props.infoMessage) {
+            return "Info" /* ErrorMessageType.Info */;
+        }
+    }
+    return "Error" /* ErrorMessageType.Error */;
+};
+/**
+ * Method returns error message string by handling property of all messages like Error Warning and Info.
+ *
+ *  @param {UIComponentMessagesProps} [props] Component props.
+ * @returns {string | undefined} Message string.
+ */
+const getErrorMessage = (props) => {
+    return props?.errorMessage || props?.warningMessage || props?.infoMessage;
+};
+/**
+ * Method returns object containing data to display message for component.
+ *
+ * @param {UIMessagesExtendedProps} [props] Component props.
+ * @returns {InputValidationMessageInfo} Message info.
+ */
+const getMessageInfo = (props) => {
+    const errorType = getMessageType(props);
+    return {
+        type: errorType,
+        style: getMessageStyle(errorType),
+        message: getErrorMessage(props)
+    };
+};
+exports.getMessageInfo = getMessageInfo;
 //# sourceMappingURL=utils.js.map

package/dist/index.d.ts

@@ -1,3 +1,3 @@
-export * from './components';
-export * from './utilities';
+export * from './components';
+export * from './utilities';
 //# sourceMappingURL=index.d.ts.map

package/dist/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("./components"), exports);
-__exportStar(require("./utilities"), 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("./components"), exports);
+__exportStar(require("./utilities"), exports);
 //# sourceMappingURL=index.js.map

package/dist/utilities/DeepMerge.d.ts

@@ -1,11 +1,11 @@
-/**
- * Performs deep merge on two objects.
- * Parameters are not mutated.
- * Arrays are copied as references and are not merged.
- *
- * @param a
- * @param b
- * @returns  Record<string, unknown>
- */
-export declare function deepMerge(a: any, b: any): Record<string, unknown>;
+/**
+ * Performs deep merge on two objects.
+ * Parameters are not mutated.
+ * Arrays are copied as references and are not merged.
+ *
+ * @param a
+ * @param b
+ * @returns  Record<string, unknown>
+ */
+export declare function deepMerge(a: any, b: any): Record<string, unknown>;
 //# sourceMappingURL=DeepMerge.d.ts.map

package/dist/utilities/DeepMerge.js

@@ -1,49 +1,49 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.deepMerge = void 0;
-const react_1 = __importDefault(require("react"));
-/**
- * Performs deep merge on two objects.
- * Parameters are not mutated.
- * Arrays are copied as references and are not merged.
- *
- * @param a
- * @param b
- * @returns  Record<string, unknown>
- */
-function deepMerge(a, b) {
-    const result = Object.keys(a).length ? deepMerge({}, a) : {};
-    const keys = Object.keys(b);
-    for (const key of keys) {
-        const value = b[key];
-        if (isObject(value)) {
-            if (!result[key] || isObject(result[key])) {
-                result[key] = deepMerge(result[key] ?? {}, value);
-            }
-            else {
-                throw new Error('Object structures are not compatible!');
-            }
-        }
-        else {
-            result[key] = value;
-        }
-    }
-    return result;
-}
-exports.deepMerge = deepMerge;
-/**
- * Method checks item is object.
- *
- * @param item
- * @returns boolean
- */
-function isObject(item) {
-    if (!item) {
-        return false;
-    }
-    return typeof item === 'object' && !Array.isArray(item) && !react_1.default.isValidElement(item);
-}
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.deepMerge = void 0;
+const react_1 = __importDefault(require("react"));
+/**
+ * Performs deep merge on two objects.
+ * Parameters are not mutated.
+ * Arrays are copied as references and are not merged.
+ *
+ * @param a
+ * @param b
+ * @returns  Record<string, unknown>
+ */
+function deepMerge(a, b) {
+    const result = Object.keys(a).length ? deepMerge({}, a) : {};
+    const keys = Object.keys(b);
+    for (const key of keys) {
+        const value = b[key];
+        if (isObject(value)) {
+            if (!result[key] || isObject(result[key])) {
+                result[key] = deepMerge(result[key] ?? {}, value);
+            }
+            else {
+                throw new Error('Object structures are not compatible!');
+            }
+        }
+        else {
+            result[key] = value;
+        }
+    }
+    return result;
+}
+exports.deepMerge = deepMerge;
+/**
+ * Method checks item is object.
+ *
+ * @param item
+ * @returns boolean
+ */
+function isObject(item) {
+    if (!item) {
+        return false;
+    }
+    return typeof item === 'object' && !Array.isArray(item) && !react_1.default.isValidElement(item);
+}
 //# sourceMappingURL=DeepMerge.js.map

package/dist/utilities/Dom.d.ts

@@ -1,15 +1,15 @@
-/**
- * Method checks if passed Element is HTML Element.
- *
- * @param element Element.
- * @returns True if passed Element is HTML Element.
- */
-export declare function isHTMLElement(element: Element): element is HTMLElement;
-/**
- * Method checks if passed Element is HTML Input Element.
- *
- * @param element Element.
- * @returns True if passed Element is HTML Input Element.
- */
-export declare function isHTMLInputElement(element: Element | EventTarget): element is HTMLInputElement;
+/**
+ * Method checks if passed Element is HTML Element.
+ *
+ * @param element Element.
+ * @returns True if passed Element is HTML Element.
+ */
+export declare function isHTMLElement(element: Element): element is HTMLElement;
+/**
+ * Method checks if passed Element is HTML Input Element.
+ *
+ * @param element Element.
+ * @returns True if passed Element is HTML Input Element.
+ */
+export declare function isHTMLInputElement(element: Element | EventTarget): element is HTMLInputElement;
 //# sourceMappingURL=Dom.d.ts.map

package/dist/utilities/Dom.js

@@ -1,24 +1,24 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isHTMLInputElement = exports.isHTMLElement = void 0;
-/**
- * Method checks if passed Element is HTML Element.
- *
- * @param element Element.
- * @returns True if passed Element is HTML Element.
- */
-function isHTMLElement(element) {
-    return 'title' in element;
-}
-exports.isHTMLElement = isHTMLElement;
-/**
- * Method checks if passed Element is HTML Input Element.
- *
- * @param element Element.
- * @returns True if passed Element is HTML Input Element.
- */
-function isHTMLInputElement(element) {
-    return 'value' in element && 'tagName' in element && element.tagName === 'INPUT';
-}
-exports.isHTMLInputElement = isHTMLInputElement;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isHTMLInputElement = exports.isHTMLElement = void 0;
+/**
+ * Method checks if passed Element is HTML Element.
+ *
+ * @param element Element.
+ * @returns True if passed Element is HTML Element.
+ */
+function isHTMLElement(element) {
+    return 'title' in element;
+}
+exports.isHTMLElement = isHTMLElement;
+/**
+ * Method checks if passed Element is HTML Input Element.
+ *
+ * @param element Element.
+ * @returns True if passed Element is HTML Input Element.
+ */
+function isHTMLInputElement(element) {
+    return 'value' in element && 'tagName' in element && element.tagName === 'INPUT';
+}
+exports.isHTMLInputElement = isHTMLInputElement;
 //# sourceMappingURL=Dom.js.map

package/dist/utilities/Focus.d.ts

@@ -1,15 +1,15 @@
-import { getFirstFocusable, getLastFocusable, setFocusVisibility, getNextElement, getPreviousElement } from '@fluentui/react';
-export { getFirstFocusable as getUIFirstFocusable };
-export { getLastFocusable as getUILastFocusable };
-export { setFocusVisibility as setUIFocusVisibility };
-export { getNextElement };
-export { getPreviousElement };
-/**
- * Method redirects focus to next or previous element based on source element in stack/sequence in DOM.
- *
- * @param source Source/current element.
- * @param next `true` if should focus next or `false` if should focus previous.
- * @returns Redirected element.
- */
-export declare function focusToSibling(source: HTMLElement, next: boolean): HTMLElement | null;
+import { getFirstFocusable, getLastFocusable, setFocusVisibility, getNextElement, getPreviousElement } from '@fluentui/react';
+export { getFirstFocusable as getUIFirstFocusable };
+export { getLastFocusable as getUILastFocusable };
+export { setFocusVisibility as setUIFocusVisibility };
+export { getNextElement };
+export { getPreviousElement };
+/**
+ * Method redirects focus to next or previous element based on source element in stack/sequence in DOM.
+ *
+ * @param source Source/current element.
+ * @param next `true` if should focus next or `false` if should focus previous.
+ * @returns Redirected element.
+ */
+export declare function focusToSibling(source: HTMLElement, next: boolean): HTMLElement | null;
 //# sourceMappingURL=Focus.d.ts.map

package/dist/utilities/Focus.js

@@ -1,35 +1,35 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.focusToSibling = exports.getPreviousElement = exports.getNextElement = exports.setUIFocusVisibility = exports.getUILastFocusable = exports.getUIFirstFocusable = void 0;
-const react_1 = require("@fluentui/react");
-Object.defineProperty(exports, "getUIFirstFocusable", { enumerable: true, get: function () { return react_1.getFirstFocusable; } });
-Object.defineProperty(exports, "getUILastFocusable", { enumerable: true, get: function () { return react_1.getLastFocusable; } });
-Object.defineProperty(exports, "setUIFocusVisibility", { enumerable: true, get: function () { return react_1.setFocusVisibility; } });
-Object.defineProperty(exports, "getNextElement", { enumerable: true, get: function () { return react_1.getNextElement; } });
-Object.defineProperty(exports, "getPreviousElement", { enumerable: true, get: function () { return react_1.getPreviousElement; } });
-/**
- * Method redirects focus to next or previous element based on source element in stack/sequence in DOM.
- *
- * @param source Source/current element.
- * @param next `true` if should focus next or `false` if should focus previous.
- * @returns Redirected element.
- */
-function focusToSibling(source, next) {
-    const document = (0, react_1.getDocument)();
-    if (document) {
-        let element = null;
-        if (next) {
-            element = (0, react_1.getNextElement)(document.body, source, false, false, true, true);
-        }
-        else {
-            element = (0, react_1.getPreviousElement)(document.body, source, false, false, true, true);
-        }
-        if (element) {
-            element.focus();
-            return element;
-        }
-    }
-    return null;
-}
-exports.focusToSibling = focusToSibling;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.focusToSibling = exports.getPreviousElement = exports.getNextElement = exports.setUIFocusVisibility = exports.getUILastFocusable = exports.getUIFirstFocusable = void 0;
+const react_1 = require("@fluentui/react");
+Object.defineProperty(exports, "getUIFirstFocusable", { enumerable: true, get: function () { return react_1.getFirstFocusable; } });
+Object.defineProperty(exports, "getUILastFocusable", { enumerable: true, get: function () { return react_1.getLastFocusable; } });
+Object.defineProperty(exports, "setUIFocusVisibility", { enumerable: true, get: function () { return react_1.setFocusVisibility; } });
+Object.defineProperty(exports, "getNextElement", { enumerable: true, get: function () { return react_1.getNextElement; } });
+Object.defineProperty(exports, "getPreviousElement", { enumerable: true, get: function () { return react_1.getPreviousElement; } });
+/**
+ * Method redirects focus to next or previous element based on source element in stack/sequence in DOM.
+ *
+ * @param source Source/current element.
+ * @param next `true` if should focus next or `false` if should focus previous.
+ * @returns Redirected element.
+ */
+function focusToSibling(source, next) {
+    const document = (0, react_1.getDocument)();
+    if (document) {
+        let element = null;
+        if (next) {
+            element = (0, react_1.getNextElement)(document.body, source, false, false, true, true);
+        }
+        else {
+            element = (0, react_1.getPreviousElement)(document.body, source, false, false, true, true);
+        }
+        if (element) {
+            element.focus();
+            return element;
+        }
+    }
+    return null;
+}
+exports.focusToSibling = focusToSibling;
 //# sourceMappingURL=Focus.js.map

package/dist/utilities/Id.d.ts

@@ -1,3 +1,3 @@
-import { getId } from '@fluentui/react';
-export { getId as getUIId };
+import { getId } from '@fluentui/react';
+export { getId as getUIId };
 //# sourceMappingURL=Id.d.ts.map

package/dist/utilities/Id.js

@@ -1,6 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getUIId = void 0;
-const react_1 = require("@fluentui/react");
-Object.defineProperty(exports, "getUIId", { enumerable: true, get: function () { return react_1.getId; } });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getUIId = void 0;
+const react_1 = require("@fluentui/react");
+Object.defineProperty(exports, "getUIId", { enumerable: true, get: function () { return react_1.getId; } });
 //# sourceMappingURL=Id.js.map

package/dist/utilities/Keys.d.ts

@@ -1,3 +1,3 @@
-import { KeyCodes } from '@fluentui/react';
-export { KeyCodes as UIKeyCodes };
+import { KeyCodes } from '@fluentui/react';
+export { KeyCodes as UIKeyCodes };
 //# sourceMappingURL=Keys.d.ts.map

package/dist/utilities/Keys.js

@@ -1,6 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UIKeyCodes = void 0;
-const react_1 = require("@fluentui/react");
-Object.defineProperty(exports, "UIKeyCodes", { enumerable: true, get: function () { return react_1.KeyCodes; } });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UIKeyCodes = void 0;
+const react_1 = require("@fluentui/react");
+Object.defineProperty(exports, "UIKeyCodes", { enumerable: true, get: function () { return react_1.KeyCodes; } });
 //# sourceMappingURL=Keys.js.map

package/dist/utilities/index.d.ts

@@ -1,5 +1,5 @@
-export * from './Dom';
-export * from './Focus';
-export * from './Id';
-export * from './Keys';
+export * from './Dom';
+export * from './Focus';
+export * from './Id';
+export * from './Keys';
 //# sourceMappingURL=index.d.ts.map