@sap-ux/ui-components 1.14.0 → 1.14.1

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

package/dist/components/UISearchBox/UISearchBox.d.ts

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

package/dist/components/UISearchBox/UISearchBox.js

@@ -1,156 +1,156 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UISearchBox = void 0;
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@fluentui/react");
-const UIInput_1 = require("../UIInput");
-/**
- * UISearchBox component
- * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/searchbox
- *
- * @exports
- * @class UISearchBox
- * @extends {React.Component<ISearchBoxProps, {}>}
- */
-class UISearchBox extends react_1.default.Component {
-    /**
-     * Initializes component properties.
-     *
-     * @param {ISearchBoxProps} props
-     */
-    constructor(props) {
-        super(props);
-    }
-    /**
-     * @returns {JSX.Element}
-     */
-    render() {
-        const searchBoxStyles = (props) => ({
-            ...{
-                root: [
-                    {
-                        fontFamily: 'var(--vscode-font-family)',
-                        fontSize: 13,
-                        backgroundColor: 'var(--vscode-input-background)',
-                        border: '1px solid var(--vscode-editorWidget-border)',
-                        borderRadius: UIInput_1.COMMON_INPUT_STYLES.borderRadius,
-                        height: 22,
-                        width: '100%',
-                        boxSizing: 'initial',
-                        selectors: {
-                            '&:hover': {
-                                border: '1px solid var(--vscode-focusBorder)'
-                            }
-                        }
-                    },
-                    props.hasFocus && {
-                        selectors: {
-                            ':after': {
-                                border: `1px solid var(--vscode-focusBorder)`,
-                                inset: -1,
-                                borderRadius: UIInput_1.COMMON_INPUT_STYLES.borderRadius
-                            }
-                        }
-                    },
-                    props.disabled && {
-                        color: 'var(--vscode-input-foreground)',
-                        opacity: 0.2,
-                        backgroundColor: 'var(--vscode-input-background)',
-                        borderColor: 'var(--vscode-input-background)',
-                        borderRadius: UIInput_1.COMMON_INPUT_STYLES.borderRadius,
-                        height: 22,
-                        maxHeight: 22,
-                        minHeight: 22,
-                        boxSizing: 'initial'
-                    }
-                ],
-                field: [
-                    {
-                        backgroundColor: 'var(--vscode-input-background)',
-                        color: 'var(--vscode-input-foreground)',
-                        lineHeight: 22,
-                        height: 22,
-                        maxHeight: 22,
-                        minHeight: 22,
-                        fontSize: 13,
-                        fontWeight: 'normal',
-                        boxSizing: 'border-box',
-                        borderRadius: UIInput_1.COMMON_INPUT_STYLES.borderRadius,
-                        selectors: {
-                            '::placeholder': {
-                                color: 'var(--vscode-input-placeholderForeground)'
-                            }
-                        }
-                    },
-                    {
-                        [':focus']: {
-                            outline: 0
-                        }
-                    },
-                    props.hasFocus && {
-                        selectors: {
-                            ':after': {
-                                border: `1px solid var(--vscode-focusBorder')`
-                            }
-                        }
-                    }
-                ],
-                iconContainer: [
-                    {
-                        alignItems: 'flex-start',
-                        marginLeft: 5,
-                        height: 16,
-                        width: 23,
-                        cursor: 'text',
-                        paddingTop: 5,
-                        transition: 'width 0.167s ease 0s',
-                        selectors: {
-                            svg: {
-                                width: 16
-                            },
-                            'svg > g': {
-                                fill: 'var(--vscode-foreground)'
-                            }
-                        }
-                    },
-                    props.hasFocus && {
-                        width: 0,
-                        marginLeft: 5
-                    }
-                ],
-                clearButton: [
-                    {
-                        display: 'flex',
-                        flexDirection: 'row',
-                        alignItems: 'stretch',
-                        cursor: 'pointer',
-                        flexBasis: '16px',
-                        flexShrink: 0,
-                        padding: 0,
-                        margin: '-1px 0px',
-                        selectors: {
-                            '&:hover .ms-Button': {
-                                backgroundColor: 'var(--vscode-input-background)'
-                            },
-                            '&:hover .ms-Button-icon': {
-                                color: 'var(--vscode-input-foreground)'
-                            },
-                            '.ms-Button': {
-                                borderRadius: 0
-                            },
-                            '.ms-Button-icon': {
-                                color: 'var(--vscode-input-foreground)'
-                            }
-                        }
-                    }
-                ]
-            }
-        });
-        return react_1.default.createElement(react_2.SearchBox, { ...this.props, styles: searchBoxStyles });
-    }
-}
-exports.UISearchBox = UISearchBox;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UISearchBox = void 0;
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@fluentui/react");
+const UIInput_1 = require("../UIInput");
+/**
+ * UISearchBox component
+ * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/searchbox
+ *
+ * @exports
+ * @class UISearchBox
+ * @extends {React.Component<ISearchBoxProps, {}>}
+ */
+class UISearchBox extends react_1.default.Component {
+    /**
+     * Initializes component properties.
+     *
+     * @param {ISearchBoxProps} props
+     */
+    constructor(props) {
+        super(props);
+    }
+    /**
+     * @returns {JSX.Element}
+     */
+    render() {
+        const searchBoxStyles = (props) => ({
+            ...{
+                root: [
+                    {
+                        fontFamily: 'var(--vscode-font-family)',
+                        fontSize: 13,
+                        backgroundColor: 'var(--vscode-input-background)',
+                        border: '1px solid var(--vscode-editorWidget-border)',
+                        borderRadius: UIInput_1.COMMON_INPUT_STYLES.borderRadius,
+                        height: 22,
+                        width: '100%',
+                        boxSizing: 'initial',
+                        selectors: {
+                            '&:hover': {
+                                border: '1px solid var(--vscode-focusBorder)'
+                            }
+                        }
+                    },
+                    props.hasFocus && {
+                        selectors: {
+                            ':after': {
+                                border: `1px solid var(--vscode-focusBorder)`,
+                                inset: -1,
+                                borderRadius: UIInput_1.COMMON_INPUT_STYLES.borderRadius
+                            }
+                        }
+                    },
+                    props.disabled && {
+                        color: 'var(--vscode-input-foreground)',
+                        opacity: 0.2,
+                        backgroundColor: 'var(--vscode-input-background)',
+                        borderColor: 'var(--vscode-input-background)',
+                        borderRadius: UIInput_1.COMMON_INPUT_STYLES.borderRadius,
+                        height: 22,
+                        maxHeight: 22,
+                        minHeight: 22,
+                        boxSizing: 'initial'
+                    }
+                ],
+                field: [
+                    {
+                        backgroundColor: 'var(--vscode-input-background)',
+                        color: 'var(--vscode-input-foreground)',
+                        lineHeight: 22,
+                        height: 22,
+                        maxHeight: 22,
+                        minHeight: 22,
+                        fontSize: 13,
+                        fontWeight: 'normal',
+                        boxSizing: 'border-box',
+                        borderRadius: UIInput_1.COMMON_INPUT_STYLES.borderRadius,
+                        selectors: {
+                            '::placeholder': {
+                                color: 'var(--vscode-input-placeholderForeground)'
+                            }
+                        }
+                    },
+                    {
+                        [':focus']: {
+                            outline: 0
+                        }
+                    },
+                    props.hasFocus && {
+                        selectors: {
+                            ':after': {
+                                border: `1px solid var(--vscode-focusBorder')`
+                            }
+                        }
+                    }
+                ],
+                iconContainer: [
+                    {
+                        alignItems: 'flex-start',
+                        marginLeft: 5,
+                        height: 16,
+                        width: 23,
+                        cursor: 'text',
+                        paddingTop: 5,
+                        transition: 'width 0.167s ease 0s',
+                        selectors: {
+                            svg: {
+                                width: 16
+                            },
+                            'svg > g': {
+                                fill: 'var(--vscode-foreground)'
+                            }
+                        }
+                    },
+                    props.hasFocus && {
+                        width: 0,
+                        marginLeft: 5
+                    }
+                ],
+                clearButton: [
+                    {
+                        display: 'flex',
+                        flexDirection: 'row',
+                        alignItems: 'stretch',
+                        cursor: 'pointer',
+                        flexBasis: '16px',
+                        flexShrink: 0,
+                        padding: 0,
+                        margin: '-1px 0px',
+                        selectors: {
+                            '&:hover .ms-Button': {
+                                backgroundColor: 'var(--vscode-input-background)'
+                            },
+                            '&:hover .ms-Button-icon': {
+                                color: 'var(--vscode-input-foreground)'
+                            },
+                            '.ms-Button': {
+                                borderRadius: 0
+                            },
+                            '.ms-Button-icon': {
+                                color: 'var(--vscode-input-foreground)'
+                            }
+                        }
+                    }
+                ]
+            }
+        });
+        return react_1.default.createElement(react_2.SearchBox, { ...this.props, styles: searchBoxStyles });
+    }
+}
+exports.UISearchBox = UISearchBox;
 //# sourceMappingURL=UISearchBox.js.map

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

@@ -1,4 +1,4 @@
-import { ISearchBox } from '@fluentui/react';
-export { ISearchBox as UISearchBoxInterface };
-export * from './UISearchBox';
+import { ISearchBox } from '@fluentui/react';
+export { ISearchBox as UISearchBoxInterface };
+export * from './UISearchBox';
 //# sourceMappingURL=index.d.ts.map

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

package/dist/components/UISection/UISection.d.ts

@@ -1,35 +1,35 @@
-import React from 'react';
-import './UISection.scss';
-export declare enum UISectionLayout {
-    Standard = "standard",
-    Extended = "extended"
-}
-export interface UISectionProps {
-    title?: string;
-    height?: string;
-    className?: string;
-    hidden?: boolean;
-    layout?: UISectionLayout;
-    collapsible?: boolean;
-    scrollable?: boolean;
-    cleanPadding?: boolean;
-    rootRef?: React.RefObject<HTMLDivElement>;
-    onScroll?: () => void;
-}
-/**
- * Section Component.
- *
- * @exports
- * @class {UISection}
- * @extends {React.Component<UISectionProps>}
- */
-export declare class UISection extends React.Component<UISectionProps & Readonly<{
-    children?: React.ReactNode;
-}>> {
-    private onScroll;
-    /**
-     * @returns {React.ReactElement}
-     */
-    render(): React.ReactElement;
-}
+import React from 'react';
+import './UISection.scss';
+export declare enum UISectionLayout {
+    Standard = "standard",
+    Extended = "extended"
+}
+export interface UISectionProps {
+    title?: string;
+    height?: string;
+    className?: string;
+    hidden?: boolean;
+    layout?: UISectionLayout;
+    collapsible?: boolean;
+    scrollable?: boolean;
+    cleanPadding?: boolean;
+    rootRef?: React.RefObject<HTMLDivElement>;
+    onScroll?: () => void;
+}
+/**
+ * Section Component.
+ *
+ * @exports
+ * @class {UISection}
+ * @extends {React.Component<UISectionProps>}
+ */
+export declare class UISection extends React.Component<UISectionProps & Readonly<{
+    children?: React.ReactNode;
+}>> {
+    private onScroll;
+    /**
+     * @returns {React.ReactElement}
+     */
+    render(): React.ReactElement;
+}
 //# sourceMappingURL=UISection.d.ts.map

package/dist/components/UISection/UISection.js

@@ -1,45 +1,45 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UISection = exports.UISectionLayout = void 0;
-const react_1 = __importDefault(require("react"));
-require("./UISection.scss");
-var UISectionLayout;
-(function (UISectionLayout) {
-    UISectionLayout["Standard"] = "standard";
-    UISectionLayout["Extended"] = "extended";
-})(UISectionLayout = exports.UISectionLayout || (exports.UISectionLayout = {}));
-/**
- * Section Component.
- *
- * @exports
- * @class {UISection}
- * @extends {React.Component<UISectionProps>}
- */
-class UISection extends react_1.default.Component {
-    onScroll() {
-        if (this.props.onScroll) {
-            this.props.onScroll();
-        }
-    }
-    /**
-     * @returns {React.ReactElement}
-     */
-    render() {
-        const scrollable = this.props.scrollable === undefined || this.props.scrollable;
-        const style = {};
-        const layout = this.props.layout || UISectionLayout.Standard;
-        if ('height' in this.props) {
-            style.height = this.props.height;
-        }
-        return (react_1.default.createElement("div", { className: `section${this.props.className ? ' ' + this.props.className : ''} section--${layout}${scrollable ? ' section--scrollable' : ''}${this.props.cleanPadding ? ' section--clean' : ''}${this.props.hidden ? ' section--hidden' : ''}`, style: style, ref: this.props.rootRef },
-            this.props.title && (react_1.default.createElement("div", { className: "section__header" },
-                react_1.default.createElement("div", null,
-                    react_1.default.createElement("span", { className: "section__header__title ui-medium-header" }, this.props.title)))),
-            react_1.default.createElement("div", { className: "section__body", onScroll: this.onScroll.bind(this) }, this.props.children)));
-    }
-}
-exports.UISection = UISection;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UISection = exports.UISectionLayout = void 0;
+const react_1 = __importDefault(require("react"));
+require("./UISection.scss");
+var UISectionLayout;
+(function (UISectionLayout) {
+    UISectionLayout["Standard"] = "standard";
+    UISectionLayout["Extended"] = "extended";
+})(UISectionLayout = exports.UISectionLayout || (exports.UISectionLayout = {}));
+/**
+ * Section Component.
+ *
+ * @exports
+ * @class {UISection}
+ * @extends {React.Component<UISectionProps>}
+ */
+class UISection extends react_1.default.Component {
+    onScroll() {
+        if (this.props.onScroll) {
+            this.props.onScroll();
+        }
+    }
+    /**
+     * @returns {React.ReactElement}
+     */
+    render() {
+        const scrollable = this.props.scrollable === undefined || this.props.scrollable;
+        const style = {};
+        const layout = this.props.layout || UISectionLayout.Standard;
+        if ('height' in this.props) {
+            style.height = this.props.height;
+        }
+        return (react_1.default.createElement("div", { className: `section${this.props.className ? ' ' + this.props.className : ''} section--${layout}${scrollable ? ' section--scrollable' : ''}${this.props.cleanPadding ? ' section--clean' : ''}${this.props.hidden ? ' section--hidden' : ''}`, style: style, ref: this.props.rootRef },
+            this.props.title && (react_1.default.createElement("div", { className: "section__header" },
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement("span", { className: "section__header__title ui-medium-header" }, this.props.title)))),
+            react_1.default.createElement("div", { className: "section__body", onScroll: this.onScroll.bind(this) }, this.props.children)));
+    }
+}
+exports.UISection = UISection;
 //# sourceMappingURL=UISection.js.map