@sap-ux/ui-components 1.8.2 → 1.8.4

package/dist/components/UILabel/UILabel.js

@@ -1,65 +1,65 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UILabel = exports.labelGlobalStyle = void 0;
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@fluentui/react");
-exports.labelGlobalStyle = {
-    fontWeight: 'bold',
-    fontSize: '13px',
-    color: 'var(--vscode-input-foreground)',
-    fontFamily: 'var(--vscode-font-family)',
-    padding: '4px 0'
-};
-/**
- * UILabel component
- * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/label
- *
- * @exports
- * @class UILabel
- * @extends {React.Component<ILabelProps, {}>}
- */
-class UILabel extends react_1.default.Component {
-    /**
-     * Initializes component properties.
-     *
-     * @param {UILabelProps} props
-     */
-    constructor(props) {
-        super(props);
-    }
-    /**
-     * @returns {JSX.Element}
-     */
-    render() {
-        const labelStyles = (props) => {
-            return {
-                ...{
-                    root: [
-                        {
-                            marginTop: 25,
-                            ...exports.labelGlobalStyle
-                        },
-                        props.disabled && {
-                            opacity: '0.4'
-                        },
-                        props.required && {
-                            selectors: {
-                                '::after': {
-                                    content: `' *'`,
-                                    color: 'var(--vscode-inputValidation-errorBorder)',
-                                    paddingRight: 12
-                                }
-                            }
-                        }
-                    ]
-                }
-            };
-        };
-        return react_1.default.createElement(react_2.Label, { ...this.props, styles: labelStyles });
-    }
-}
-exports.UILabel = UILabel;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UILabel = exports.labelGlobalStyle = void 0;
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@fluentui/react");
+exports.labelGlobalStyle = {
+    fontWeight: 'bold',
+    fontSize: '13px',
+    color: 'var(--vscode-input-foreground)',
+    fontFamily: 'var(--vscode-font-family)',
+    padding: '4px 0'
+};
+/**
+ * UILabel component
+ * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/label
+ *
+ * @exports
+ * @class UILabel
+ * @extends {React.Component<ILabelProps, {}>}
+ */
+class UILabel extends react_1.default.Component {
+    /**
+     * Initializes component properties.
+     *
+     * @param {UILabelProps} props
+     */
+    constructor(props) {
+        super(props);
+    }
+    /**
+     * @returns {JSX.Element}
+     */
+    render() {
+        const labelStyles = (props) => {
+            return {
+                ...{
+                    root: [
+                        {
+                            marginTop: 25,
+                            ...exports.labelGlobalStyle
+                        },
+                        props.disabled && {
+                            opacity: '0.4'
+                        },
+                        props.required && {
+                            selectors: {
+                                '::after': {
+                                    content: `' *'`,
+                                    color: 'var(--vscode-inputValidation-errorBorder)',
+                                    paddingRight: 12
+                                }
+                            }
+                        }
+                    ]
+                }
+            };
+        };
+        return react_1.default.createElement(react_2.Label, { ...this.props, styles: labelStyles });
+    }
+}
+exports.UILabel = UILabel;
 //# sourceMappingURL=UILabel.js.map

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

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

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

package/dist/components/UILink/UILink.d.ts

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

package/dist/components/UILink/UILink.js

@@ -1,72 +1,72 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UILink = void 0;
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@fluentui/react");
-const linkStyle = {
-    primary: {
-        color: 'var(--vscode-textLink-foreground)',
-        hoverColor: 'var(--vscode-textLink-activeForeground)'
-    },
-    secondary: {
-        color: 'var(--vscode-foreground)',
-        hoverColor: 'var(--vscode-foreground)'
-    }
-};
-/**
- * UILink component
- * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/link
- *
- * @exports
- * @class UILink
- * @extends {React.Component<UILinkProps, {}>}
- */
-class UILink extends react_1.default.Component {
-    /**
-     * Initializes component properties.
-     *
-     * @param {UILinkProps} props
-     */
-    constructor(props) {
-        super(props);
-    }
-    /**
-     * @returns {JSX.Element}
-     */
-    render() {
-        const { secondary } = this.props;
-        const styles = secondary ? linkStyle.secondary : linkStyle.primary;
-        const linkStyles = () => {
-            return {
-                root: {
-                    color: styles.color,
-                    fontFamily: 'var(--vscode-font-family)',
-                    textDecoration: 'underline',
-                    selectors: {
-                        '&:hover, &:hover:focus, &:hover:active': {
-                            color: styles.hoverColor,
-                            textDecoration: 'none'
-                        },
-                        '&:active, &:focus': {
-                            color: styles.hoverColor,
-                            textDecoration: 'none',
-                            outline: 'none'
-                        },
-                        // Focus through tab navigation
-                        '.ms-Fabric--isFocusVisible &:focus': {
-                            boxShadow: 'none',
-                            outline: '1px solid var(--vscode-focusBorder)',
-                            outlineOffset: '-1px'
-                        }
-                    }
-                }
-            };
-        };
-        return react_1.default.createElement(react_2.Link, { ...this.props, styles: linkStyles });
-    }
-}
-exports.UILink = UILink;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UILink = void 0;
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@fluentui/react");
+const linkStyle = {
+    primary: {
+        color: 'var(--vscode-textLink-foreground)',
+        hoverColor: 'var(--vscode-textLink-activeForeground)'
+    },
+    secondary: {
+        color: 'var(--vscode-foreground)',
+        hoverColor: 'var(--vscode-foreground)'
+    }
+};
+/**
+ * UILink component
+ * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/link
+ *
+ * @exports
+ * @class UILink
+ * @extends {React.Component<UILinkProps, {}>}
+ */
+class UILink extends react_1.default.Component {
+    /**
+     * Initializes component properties.
+     *
+     * @param {UILinkProps} props
+     */
+    constructor(props) {
+        super(props);
+    }
+    /**
+     * @returns {JSX.Element}
+     */
+    render() {
+        const { secondary } = this.props;
+        const styles = secondary ? linkStyle.secondary : linkStyle.primary;
+        const linkStyles = () => {
+            return {
+                root: {
+                    color: styles.color,
+                    fontFamily: 'var(--vscode-font-family)',
+                    textDecoration: 'underline',
+                    selectors: {
+                        '&:hover, &:hover:focus, &:hover:active': {
+                            color: styles.hoverColor,
+                            textDecoration: 'none'
+                        },
+                        '&:active, &:focus': {
+                            color: styles.hoverColor,
+                            textDecoration: 'none',
+                            outline: 'none'
+                        },
+                        // Focus through tab navigation
+                        '.ms-Fabric--isFocusVisible &:focus': {
+                            boxShadow: 'none',
+                            outline: '1px solid var(--vscode-focusBorder)',
+                            outlineOffset: '-1px'
+                        }
+                    }
+                }
+            };
+        };
+        return react_1.default.createElement(react_2.Link, { ...this.props, styles: linkStyles });
+    }
+}
+exports.UILink = UILink;
 //# sourceMappingURL=UILink.js.map

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

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

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

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

@@ -1,32 +1,32 @@
-import React from 'react';
-import type { IGroup, IGroupRenderProps } from '@fluentui/react';
-import './UIList.scss';
-export interface ListProps {
-    groups: IGroup[];
-    groupProps?: IGroupRenderProps;
-    items: never[];
-    onSelect: (value: IGroup) => void;
-    onRenderCell: (nestingDepth?: number, item?: never, index?: number) => React.ReactNode;
-}
-/**
- * UIList component
- * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/groupedlist
- *
- * @exports
- * @class UIList
- * @extends {React.Component<ListProps, {}>}
- */
-export declare class UIList extends React.Component<ListProps, {}> {
-    /**
-     * Initializes component properties.
-     *
-     * @param {ListProps} props
-     */
-    constructor(props: ListProps);
-    private onGroupHeaderClick;
-    /**
-     * @returns {JSX.Element}
-     */
-    render(): JSX.Element;
-}
+import React from 'react';
+import type { IGroup, IGroupRenderProps } from '@fluentui/react';
+import './UIList.scss';
+export interface ListProps {
+    groups: IGroup[];
+    groupProps?: IGroupRenderProps;
+    items: never[];
+    onSelect: (value: IGroup) => void;
+    onRenderCell: (nestingDepth?: number, item?: never, index?: number) => React.ReactNode;
+}
+/**
+ * UIList component
+ * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/groupedlist
+ *
+ * @exports
+ * @class UIList
+ * @extends {React.Component<ListProps, {}>}
+ */
+export declare class UIList extends React.Component<ListProps, {}> {
+    /**
+     * Initializes component properties.
+     *
+     * @param {ListProps} props
+     */
+    constructor(props: ListProps);
+    private onGroupHeaderClick;
+    /**
+     * @returns {JSX.Element}
+     */
+    render(): JSX.Element;
+}
 //# sourceMappingURL=UIList.d.ts.map