@sap-ux/ui-components 1.8.2 → 1.8.4

package/dist/components/UIList/UIList.js

@@ -1,121 +1,121 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UIList = void 0;
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@fluentui/react");
-const Icons_1 = require("../Icons");
-require("./UIList.scss");
-/**
- * UIList component
- * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/groupedlist
- *
- * @exports
- * @class UIList
- * @extends {React.Component<ListProps, {}>}
- */
-class UIList extends react_1.default.Component {
-    /**
-     * Initializes component properties.
-     *
-     * @param {ListProps} props
-     */
-    constructor(props) {
-        super(props);
-        this.onGroupHeaderClick = (group) => {
-            this.props.onSelect(group);
-        };
-    }
-    /**
-     * @returns {JSX.Element}
-     */
-    render() {
-        const HeaderStyles = () => ({
-            ...{
-                root: [
-                    {
-                        cursor: 'pointer',
-                        padding: '0 10px 0 10px',
-                        selectors: {
-                            '&:hover': {
-                                backgroundColor: 'var(--vscode-dropdown-background)',
-                                color: 'var(--vscode-dropdown-foreground)'
-                            }
-                        }
-                    }
-                ],
-                groupHeaderContainer: {
-                    height: 20
-                },
-                expandIsCollapsed: {
-                    height: 16
-                },
-                expand: [
-                    {
-                        height: 20,
-                        width: 30,
-                        selectors: {
-                            '&:hover': {
-                                backgroundColor: 'var(--vscode-dropdown-background)',
-                                color: 'var(--vscode-dropdown-foreground)'
-                            },
-                            '&:active': {
-                                backgroundColor: 'var(--vscode-dropdown-background)',
-                                color: 'var(--vscode-dropdown-foreground)'
-                            }
-                        }
-                    }
-                ],
-                title: {
-                    fontSize: 13,
-                    fontWeight: 'normal',
-                    paddingLeft: 0,
-                    height: 20,
-                    color: 'var(--vscode-settings-textInputForeground)'
-                }
-            }
-        });
-        const HeaderProps = {
-            ...{
-                root: {},
-                expandButtonIcon: Icons_1.UiIcons.ArrowRight,
-                expandButtonProps: {
-                    style: {
-                        width: 20,
-                        paddingRight: 5
-                    }
-                },
-                indentWidth: 10,
-                styles: HeaderStyles,
-                onGroupHeaderClick: this.onGroupHeaderClick
-            }
-        };
-        const GroupeListStyles = () => ({
-            ...{
-                root: [
-                    {
-                        color: 'var(--vscode-dropdown-foreground)',
-                        paddingTop: 10,
-                        paddingBottom: 10,
-                        selectors: {
-                            '.ms-List-cell': {
-                                minHeight: 20
-                            }
-                        }
-                    }
-                ]
-            }
-        });
-        const GroupProps = {
-            headerProps: HeaderProps,
-            isAllGroupsCollapsed: true,
-            ...this.props.groupProps
-        };
-        const ListProps = {};
-        return (react_1.default.createElement(react_2.GroupedList, { ...this.props, className: "uiList", selectionMode: 0, compact: true, styles: GroupeListStyles, groupProps: GroupProps, listProps: ListProps }));
-    }
-}
-exports.UIList = UIList;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UIList = void 0;
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@fluentui/react");
+const Icons_1 = require("../Icons");
+require("./UIList.scss");
+/**
+ * UIList component
+ * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/groupedlist
+ *
+ * @exports
+ * @class UIList
+ * @extends {React.Component<ListProps, {}>}
+ */
+class UIList extends react_1.default.Component {
+    /**
+     * Initializes component properties.
+     *
+     * @param {ListProps} props
+     */
+    constructor(props) {
+        super(props);
+        this.onGroupHeaderClick = (group) => {
+            this.props.onSelect(group);
+        };
+    }
+    /**
+     * @returns {JSX.Element}
+     */
+    render() {
+        const HeaderStyles = () => ({
+            ...{
+                root: [
+                    {
+                        cursor: 'pointer',
+                        padding: '0 10px 0 10px',
+                        selectors: {
+                            '&:hover': {
+                                backgroundColor: 'var(--vscode-dropdown-background)',
+                                color: 'var(--vscode-dropdown-foreground)'
+                            }
+                        }
+                    }
+                ],
+                groupHeaderContainer: {
+                    height: 20
+                },
+                expandIsCollapsed: {
+                    height: 16
+                },
+                expand: [
+                    {
+                        height: 20,
+                        width: 30,
+                        selectors: {
+                            '&:hover': {
+                                backgroundColor: 'var(--vscode-dropdown-background)',
+                                color: 'var(--vscode-dropdown-foreground)'
+                            },
+                            '&:active': {
+                                backgroundColor: 'var(--vscode-dropdown-background)',
+                                color: 'var(--vscode-dropdown-foreground)'
+                            }
+                        }
+                    }
+                ],
+                title: {
+                    fontSize: 13,
+                    fontWeight: 'normal',
+                    paddingLeft: 0,
+                    height: 20,
+                    color: 'var(--vscode-settings-textInputForeground)'
+                }
+            }
+        });
+        const HeaderProps = {
+            ...{
+                root: {},
+                expandButtonIcon: Icons_1.UiIcons.ArrowRight,
+                expandButtonProps: {
+                    style: {
+                        width: 20,
+                        paddingRight: 5
+                    }
+                },
+                indentWidth: 10,
+                styles: HeaderStyles,
+                onGroupHeaderClick: this.onGroupHeaderClick
+            }
+        };
+        const GroupeListStyles = () => ({
+            ...{
+                root: [
+                    {
+                        color: 'var(--vscode-dropdown-foreground)',
+                        paddingTop: 10,
+                        paddingBottom: 10,
+                        selectors: {
+                            '.ms-List-cell': {
+                                minHeight: 20
+                            }
+                        }
+                    }
+                ]
+            }
+        });
+        const GroupProps = {
+            headerProps: HeaderProps,
+            isAllGroupsCollapsed: true,
+            ...this.props.groupProps
+        };
+        const ListProps = {};
+        return (react_1.default.createElement(react_2.GroupedList, { ...this.props, className: "uiList", selectionMode: 0, compact: true, styles: GroupeListStyles, groupProps: GroupProps, listProps: ListProps }));
+    }
+}
+exports.UIList = UIList;
 //# sourceMappingURL=UIList.js.map

package/dist/components/UIList/UIList.scss

@@ -1,16 +1,16 @@
-@import '../../styles/ui-components.scss';
-
-.uiList {
-    &-group-entry {
-        padding: 0 20px 0 10px;
-        font-size: 13px;
-        font-weight: normal;
-        height: 20px;
-
-        &:hover {
-            cursor: pointer;
-            background-color: var(--vscode-dropdown-background);
-            color: var(--vscode-dropdown-foreground);
-        }
-    }
-}
+@import '../../styles/ui-components.scss';
+
+.uiList {
+    &-group-entry {
+        padding: 0 20px 0 10px;
+        font-size: 13px;
+        font-weight: normal;
+        height: 20px;
+
+        &:hover {
+            cursor: pointer;
+            background-color: var(--vscode-dropdown-background);
+            color: var(--vscode-dropdown-foreground);
+        }
+    }
+}

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

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

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

package/dist/components/UILoader/UILoader.d.ts

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

package/dist/components/UILoader/UILoader.js

@@ -1,79 +1,79 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UILoader = void 0;
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@fluentui/react");
-require("./UILoader.scss");
-/**
- * UILoader component
- * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/spinner
- *
- * @exports
- * @class UILoader
- * @extends {React.Component<ISpinnerProps, {}>}
- */
-class UILoader extends react_1.default.Component {
-    /**
-     * Initializes component properties.
-     *
-     * @param {UILoaderProps} props
-     */
-    constructor(props) {
-        super(props);
-    }
-    /**
-     * @returns {JSX.Element}
-     */
-    render() {
-        const { blockDOM, delayed } = this.props;
-        const loaderStyles = () => ({
-            ...{
-                root: {
-                    ...(blockDOM && { height: '100%' })
-                },
-                circle: [
-                    {
-                        borderColor: 'var(--vscode-progressBar-background) var(--vscode-terminal-ansiBrightWhite) var(--vscode-terminal-ansiBrightWhite)',
-                        borderWidth: 2,
-                        zIndex: 1
-                    }
-                ],
-                label: {
-                    color: 'var(--vscode-foreground)',
-                    fontSize: 14,
-                    fontWeight: 'bold',
-                    zIndex: 1
-                }
-            }
-        });
-        const spinner = react_1.default.createElement(react_2.Spinner, { ...this.props, styles: loaderStyles });
-        if (!blockDOM) {
-            return spinner;
-        }
-        else {
-            const overlayStyles = () => ({
-                ...{
-                    root: {
-                        backgroundColor: 'transparent',
-                        selectors: {
-                            '&:before': {
-                                content: '""',
-                                position: 'absolute',
-                                inset: 0,
-                                backgroundColor: 'var(--vscode-editor-background)',
-                                opacity: 0.6,
-                                zIndex: 1
-                            }
-                        }
-                    }
-                }
-            });
-            return (react_1.default.createElement(react_2.Overlay, { className: `ui-loader-blocker${delayed ? ' ui-loader--delayed' : ''}`, styles: overlayStyles }, spinner));
-        }
-    }
-}
-exports.UILoader = UILoader;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UILoader = void 0;
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@fluentui/react");
+require("./UILoader.scss");
+/**
+ * UILoader component
+ * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/spinner
+ *
+ * @exports
+ * @class UILoader
+ * @extends {React.Component<ISpinnerProps, {}>}
+ */
+class UILoader extends react_1.default.Component {
+    /**
+     * Initializes component properties.
+     *
+     * @param {UILoaderProps} props
+     */
+    constructor(props) {
+        super(props);
+    }
+    /**
+     * @returns {JSX.Element}
+     */
+    render() {
+        const { blockDOM, delayed } = this.props;
+        const loaderStyles = () => ({
+            ...{
+                root: {
+                    ...(blockDOM && { height: '100%' })
+                },
+                circle: [
+                    {
+                        borderColor: 'var(--vscode-progressBar-background) var(--vscode-terminal-ansiBrightWhite) var(--vscode-terminal-ansiBrightWhite)',
+                        borderWidth: 2,
+                        zIndex: 1
+                    }
+                ],
+                label: {
+                    color: 'var(--vscode-foreground)',
+                    fontSize: 14,
+                    fontWeight: 'bold',
+                    zIndex: 1
+                }
+            }
+        });
+        const spinner = react_1.default.createElement(react_2.Spinner, { ...this.props, styles: loaderStyles });
+        if (!blockDOM) {
+            return spinner;
+        }
+        else {
+            const overlayStyles = () => ({
+                ...{
+                    root: {
+                        backgroundColor: 'transparent',
+                        selectors: {
+                            '&:before': {
+                                content: '""',
+                                position: 'absolute',
+                                inset: 0,
+                                backgroundColor: 'var(--vscode-editor-background)',
+                                opacity: 0.6,
+                                zIndex: 1
+                            }
+                        }
+                    }
+                }
+            });
+            return (react_1.default.createElement(react_2.Overlay, { className: `ui-loader-blocker${delayed ? ' ui-loader--delayed' : ''}`, styles: overlayStyles }, spinner));
+        }
+    }
+}
+exports.UILoader = UILoader;
 //# sourceMappingURL=UILoader.js.map

package/dist/components/UILoader/UILoader.scss

@@ -1,32 +1,32 @@
-@import '../../styles/ui-components.scss';
-
-.uiLoaderXLarge {
-    .ms-Spinner-circle {
-        width: 50px;
-        height: 50px;
-    }
-}
-.uiLoaderXSmall {
-    .ms-Spinner-circle {
-        border-width: 1px;
-        width: 12px;
-        height: 12px;
-    }
-}
-
-.ui-loader {
-    &--delayed {
-        opacity: 0;
-        animation: 1s ease-in 0.3s normal forwards 1 ui-loader-fade-in;
-        z-index: 1;
-    }
-}
-
-@keyframes ui-loader-fade-in {
-    0% {
-        opacity: 0;
-    }
-    100% {
-        opacity: 1;
-    }
-}
+@import '../../styles/ui-components.scss';
+
+.uiLoaderXLarge {
+    .ms-Spinner-circle {
+        width: 50px;
+        height: 50px;
+    }
+}
+.uiLoaderXSmall {
+    .ms-Spinner-circle {
+        border-width: 1px;
+        width: 12px;
+        height: 12px;
+    }
+}
+
+.ui-loader {
+    &--delayed {
+        opacity: 0;
+        animation: 1s ease-in 0.3s normal forwards 1 ui-loader-fade-in;
+        z-index: 1;
+    }
+}
+
+@keyframes ui-loader-fade-in {
+    0% {
+        opacity: 0;
+    }
+    100% {
+        opacity: 1;
+    }
+}

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

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

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