@sap-ux/ui-components 1.14.0 → 1.14.1

package/dist/components/UIMessageBar/UIMessageBar.js

@@ -1,57 +1,57 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UIMessageBar = exports.UIMessageBarType = void 0;
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@fluentui/react");
-Object.defineProperty(exports, "UIMessageBarType", { enumerable: true, get: function () { return react_2.MessageBarType; } });
-const Icons_1 = require("../Icons");
-/**
- * UIMessageBar component
- * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/MessageBar
- *
- * @exports
- * @class UIMessageBar
- * @extends {React.Component<IMessageBarProps, {}>}
- */
-class UIMessageBar extends react_1.default.Component {
-    /**
-     * Initializes component properties.
-     *
-     * @param {IMessageBarProps} props
-     */
-    constructor(props) {
-        super(props);
-        this.setStyle = (props) => {
-            const { messageBarType } = props;
-            return {
-                root: {
-                    ...((messageBarType === react_2.MessageBarType.error || messageBarType === react_2.MessageBarType.success) && {
-                        backgroundColor: 'transparent'
-                    })
-                },
-                innerText: {
-                    fontSize: 13,
-                    lineHeight: 18,
-                    color: 'var(--vscode-foreground)',
-                    selectors: {
-                        p: {
-                            margin: 0
-                        }
-                    }
-                }
-            };
-        };
-    }
-    /**
-     * @returns {JSX.Element}
-     */
-    render() {
-        const iconName = this.props.messageBarType === react_2.MessageBarType.error ? Icons_1.UiIcons.Error : Icons_1.UiIcons.Success;
-        return (react_1.default.createElement(react_2.MessageBar, { ...this.props, messageBarIconProps: { iconName }, styles: this.setStyle(this.props) }, this.props.children));
-    }
-}
-exports.UIMessageBar = UIMessageBar;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UIMessageBar = exports.UIMessageBarType = void 0;
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@fluentui/react");
+Object.defineProperty(exports, "UIMessageBarType", { enumerable: true, get: function () { return react_2.MessageBarType; } });
+const Icons_1 = require("../Icons");
+/**
+ * UIMessageBar component
+ * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/MessageBar
+ *
+ * @exports
+ * @class UIMessageBar
+ * @extends {React.Component<IMessageBarProps, {}>}
+ */
+class UIMessageBar extends react_1.default.Component {
+    /**
+     * Initializes component properties.
+     *
+     * @param {IMessageBarProps} props
+     */
+    constructor(props) {
+        super(props);
+        this.setStyle = (props) => {
+            const { messageBarType } = props;
+            return {
+                root: {
+                    ...((messageBarType === react_2.MessageBarType.error || messageBarType === react_2.MessageBarType.success) && {
+                        backgroundColor: 'transparent'
+                    })
+                },
+                innerText: {
+                    fontSize: 13,
+                    lineHeight: 18,
+                    color: 'var(--vscode-foreground)',
+                    selectors: {
+                        p: {
+                            margin: 0
+                        }
+                    }
+                }
+            };
+        };
+    }
+    /**
+     * @returns {JSX.Element}
+     */
+    render() {
+        const iconName = this.props.messageBarType === react_2.MessageBarType.error ? Icons_1.UiIcons.Error : Icons_1.UiIcons.Success;
+        return (react_1.default.createElement(react_2.MessageBar, { ...this.props, messageBarIconProps: { iconName }, styles: this.setStyle(this.props) }, this.props.children));
+    }
+}
+exports.UIMessageBar = UIMessageBar;
 //# sourceMappingURL=UIMessageBar.js.map

package/dist/components/UIMessageBar/index.d.ts

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

package/dist/components/UIMessageBar/index.js

@@ -1,18 +1,18 @@
-"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("./UIMessageBar"), 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("./UIMessageBar"), exports);
 //# sourceMappingURL=index.js.map

package/dist/components/UIModal/UIModal.d.ts

@@ -1,24 +1,24 @@
-import React from 'react';
-import type { IModalProps, IModalStyles } from '@fluentui/react';
-/**
- * UIModal component
- * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/Modal
- *
- * @exports
- * @class UIModal
- * @extends {React.Component<IModalProps, {}>}
- */
-export declare class UIModal extends React.Component<IModalProps, {}> {
-    /**
-     * Initializes component properties.
-     *
-     * @param {IModalProps} props
-     */
-    constructor(props: IModalProps);
-    protected setStyle: () => IModalStyles;
-    /**
-     * @returns {JSX.Element}
-     */
-    render(): JSX.Element;
-}
+import React from 'react';
+import type { IModalProps, IModalStyles } from '@fluentui/react';
+/**
+ * UIModal component
+ * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/Modal
+ *
+ * @exports
+ * @class UIModal
+ * @extends {React.Component<IModalProps, {}>}
+ */
+export declare class UIModal extends React.Component<IModalProps, {}> {
+    /**
+     * Initializes component properties.
+     *
+     * @param {IModalProps} props
+     */
+    constructor(props: IModalProps);
+    protected setStyle: () => IModalStyles;
+    /**
+     * @returns {JSX.Element}
+     */
+    render(): JSX.Element;
+}
 //# sourceMappingURL=UIModal.d.ts.map

package/dist/components/UIModal/UIModal.js

@@ -1,44 +1,44 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UIModal = void 0;
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@fluentui/react");
-/**
- * UIModal component
- * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/Modal
- *
- * @exports
- * @class UIModal
- * @extends {React.Component<IModalProps, {}>}
- */
-class UIModal extends react_1.default.Component {
-    /**
-     * Initializes component properties.
-     *
-     * @param {IModalProps} props
-     */
-    constructor(props) {
-        super(props);
-        this.setStyle = () => {
-            return {
-                root: {},
-                keyboardMoveIcon: {},
-                keyboardMoveIconContainer: {},
-                layer: {},
-                main: {},
-                scrollableContent: {}
-            };
-        };
-    }
-    /**
-     * @returns {JSX.Element}
-     */
-    render() {
-        return react_1.default.createElement(react_2.Modal, { ...this.props, styles: this.setStyle() });
-    }
-}
-exports.UIModal = UIModal;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UIModal = void 0;
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@fluentui/react");
+/**
+ * UIModal component
+ * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/Modal
+ *
+ * @exports
+ * @class UIModal
+ * @extends {React.Component<IModalProps, {}>}
+ */
+class UIModal extends react_1.default.Component {
+    /**
+     * Initializes component properties.
+     *
+     * @param {IModalProps} props
+     */
+    constructor(props) {
+        super(props);
+        this.setStyle = () => {
+            return {
+                root: {},
+                keyboardMoveIcon: {},
+                keyboardMoveIconContainer: {},
+                layer: {},
+                main: {},
+                scrollableContent: {}
+            };
+        };
+    }
+    /**
+     * @returns {JSX.Element}
+     */
+    render() {
+        return react_1.default.createElement(react_2.Modal, { ...this.props, styles: this.setStyle() });
+    }
+}
+exports.UIModal = UIModal;
 //# sourceMappingURL=UIModal.js.map

package/dist/components/UIModal/index.d.ts

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

package/dist/components/UIModal/index.js

@@ -1,18 +1,18 @@
-"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("./UIModal"), 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("./UIModal"), exports);
 //# sourceMappingURL=index.js.map

package/dist/components/UIOverlay/UIOverlay.d.ts

@@ -1,23 +1,23 @@
-import React from 'react';
-import type { IOverlayProps } from '@fluentui/react';
-/**
- * UILoader component
- * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/overlay
- *
- * @exports
- * @class UIOverlay
- * @extends {React.Component<IOverlayProps, {}>}
- */
-export declare class UIOverlay extends React.Component<IOverlayProps, {}> {
-    /**
-     * Initializes component properties.
-     *
-     * @param {IOverlayProps} props
-     */
-    constructor(props: IOverlayProps);
-    /**
-     * @returns {JSX.Element}
-     */
-    render(): JSX.Element;
-}
+import React from 'react';
+import type { IOverlayProps } from '@fluentui/react';
+/**
+ * UILoader component
+ * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/overlay
+ *
+ * @exports
+ * @class UIOverlay
+ * @extends {React.Component<IOverlayProps, {}>}
+ */
+export declare class UIOverlay extends React.Component<IOverlayProps, {}> {
+    /**
+     * Initializes component properties.
+     *
+     * @param {IOverlayProps} props
+     */
+    constructor(props: IOverlayProps);
+    /**
+     * @returns {JSX.Element}
+     */
+    render(): JSX.Element;
+}
 //# sourceMappingURL=UIOverlay.d.ts.map

package/dist/components/UIOverlay/UIOverlay.js

@@ -1,39 +1,39 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UIOverlay = void 0;
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@fluentui/react");
-/**
- * UILoader component
- * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/overlay
- *
- * @exports
- * @class UIOverlay
- * @extends {React.Component<IOverlayProps, {}>}
- */
-class UIOverlay extends react_1.default.Component {
-    /**
-     * Initializes component properties.
-     *
-     * @param {IOverlayProps} props
-     */
-    constructor(props) {
-        super(props);
-    }
-    /**
-     * @returns {JSX.Element}
-     */
-    render() {
-        const overlayStyles = () => ({
-            ...{
-                root: {}
-            }
-        });
-        return (react_1.default.createElement(react_2.Overlay, { ...this.props, styles: overlayStyles }, this.props.children));
-    }
-}
-exports.UIOverlay = UIOverlay;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UIOverlay = void 0;
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@fluentui/react");
+/**
+ * UILoader component
+ * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/overlay
+ *
+ * @exports
+ * @class UIOverlay
+ * @extends {React.Component<IOverlayProps, {}>}
+ */
+class UIOverlay extends react_1.default.Component {
+    /**
+     * Initializes component properties.
+     *
+     * @param {IOverlayProps} props
+     */
+    constructor(props) {
+        super(props);
+    }
+    /**
+     * @returns {JSX.Element}
+     */
+    render() {
+        const overlayStyles = () => ({
+            ...{
+                root: {}
+            }
+        });
+        return (react_1.default.createElement(react_2.Overlay, { ...this.props, styles: overlayStyles }, this.props.children));
+    }
+}
+exports.UIOverlay = UIOverlay;
 //# sourceMappingURL=UIOverlay.js.map

package/dist/components/UIOverlay/index.d.ts

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

package/dist/components/UIOverlay/index.js

@@ -1,18 +1,18 @@
-"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("./UIOverlay"), 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("./UIOverlay"), exports);
 //# sourceMappingURL=index.js.map

package/dist/components/UIPersona/UIPersona.d.ts

@@ -1,28 +1,28 @@
-import React from 'react';
-import type { IPersonaProps } from '@fluentui/react';
-import { PersonaSize, PersonaPresence } from '@fluentui/react';
-export { PersonaSize as UIPersonaSize };
-export { PersonaPresence as UIPersonaPresence };
-export type UIPersonaProps = IPersonaProps;
-/**
- * UIPersona component
- * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/persona
- *
- * @exports
- * @class UIPersona
- * @extends {React.Component<IPersonaProps, {}>}
- */
-export declare class UIPersona extends React.Component<IPersonaProps, {}> {
-    /**
-     * Initializes component properties.
-     *
-     * @param props
-     */
-    constructor(props: IPersonaProps);
-    private personaStyles;
-    /**
-     * @returns {JSX.Element}
-     */
-    render(): JSX.Element;
-}
+import React from 'react';
+import type { IPersonaProps } from '@fluentui/react';
+import { PersonaSize, PersonaPresence } from '@fluentui/react';
+export { PersonaSize as UIPersonaSize };
+export { PersonaPresence as UIPersonaPresence };
+export type UIPersonaProps = IPersonaProps;
+/**
+ * UIPersona component
+ * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/persona
+ *
+ * @exports
+ * @class UIPersona
+ * @extends {React.Component<IPersonaProps, {}>}
+ */
+export declare class UIPersona extends React.Component<IPersonaProps, {}> {
+    /**
+     * Initializes component properties.
+     *
+     * @param props
+     */
+    constructor(props: IPersonaProps);
+    private personaStyles;
+    /**
+     * @returns {JSX.Element}
+     */
+    render(): JSX.Element;
+}
 //# sourceMappingURL=UIPersona.d.ts.map

package/dist/components/UIPersona/UIPersona.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.UIPersona = exports.UIPersonaPresence = exports.UIPersonaSize = void 0;
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@fluentui/react");
-Object.defineProperty(exports, "UIPersonaSize", { enumerable: true, get: function () { return react_2.PersonaSize; } });
-Object.defineProperty(exports, "UIPersonaPresence", { enumerable: true, get: function () { return react_2.PersonaPresence; } });
-/**
- * UIPersona component
- * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/persona
- *
- * @exports
- * @class UIPersona
- * @extends {React.Component<IPersonaProps, {}>}
- */
-class UIPersona extends react_1.default.Component {
-    /**
-     * Initializes component properties.
-     *
-     * @param props
-     */
-    constructor(props) {
-        super(props);
-        this.personaStyles = (_props) => {
-            return {
-                ...{
-                    root: {},
-                    details: {},
-                    primaryText: {},
-                    secondaryText: {},
-                    tertiaryText: {},
-                    optionalText: {},
-                    textContent: {}
-                }
-            };
-        };
-    }
-    /**
-     * @returns {JSX.Element}
-     */
-    render() {
-        return react_1.default.createElement(react_2.Persona, { ...this.props, styles: this.personaStyles });
-    }
-}
-exports.UIPersona = UIPersona;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UIPersona = exports.UIPersonaPresence = exports.UIPersonaSize = void 0;
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@fluentui/react");
+Object.defineProperty(exports, "UIPersonaSize", { enumerable: true, get: function () { return react_2.PersonaSize; } });
+Object.defineProperty(exports, "UIPersonaPresence", { enumerable: true, get: function () { return react_2.PersonaPresence; } });
+/**
+ * UIPersona component
+ * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/persona
+ *
+ * @exports
+ * @class UIPersona
+ * @extends {React.Component<IPersonaProps, {}>}
+ */
+class UIPersona extends react_1.default.Component {
+    /**
+     * Initializes component properties.
+     *
+     * @param props
+     */
+    constructor(props) {
+        super(props);
+        this.personaStyles = (_props) => {
+            return {
+                ...{
+                    root: {},
+                    details: {},
+                    primaryText: {},
+                    secondaryText: {},
+                    tertiaryText: {},
+                    optionalText: {},
+                    textContent: {}
+                }
+            };
+        };
+    }
+    /**
+     * @returns {JSX.Element}
+     */
+    render() {
+        return react_1.default.createElement(react_2.Persona, { ...this.props, styles: this.personaStyles });
+    }
+}
+exports.UIPersona = UIPersona;
 //# sourceMappingURL=UIPersona.js.map

package/dist/components/UIPersona/index.d.ts

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