@sap-ux/ui-components 1.14.0 → 1.14.1

package/dist/components/UIActionCallout/UIActionCallout.d.ts

@@ -1,65 +1,65 @@
-import React from 'react';
-import { UIIcon } from '../UIIcon';
-import './UIActionCallout.scss';
-export interface ActionCalloutProps {
-    /** The id of the element to which this GA box will point */
-    targetElementId: string;
-    /**
-     * If true (default) the callout will be placed relative to the target element instead of floating using position absolute
-     * Note: This is not a bound property and cannot be used to dynamically change the positon of the component
-     */
-    showInline?: boolean;
-    /** The action details that will be rendered in the component */
-    actionDetail: IActionCalloutDetail;
-    /** The function which will be passed the command */
-    commandAction?(command: IActionCalloutDetail['command']): void;
-    /** The icon to use if provided, otherwise a default icon is applied */
-    icon?: UIIcon;
-    /** Call back function to be called on every click */
-    onClick?(): void;
-    /** Border colour */
-    isError?: boolean;
-}
-export interface IActionCalloutDetail {
-    linkText: string;
-    subText: string;
-    /**
-     * Command to be executed and parameters passed to the command
-     */
-    command?: {
-        id: string;
-        params: Object | string;
-    };
-    /**
-     * A http url string, command takes precedence if provided
-     */
-    url?: string;
-}
-/**
- *
- *
- */
-export declare class UIActionCallout extends React.Component<ActionCalloutProps> {
-    private anchor;
-    private actionDetail;
-    private commandAction;
-    private targetElementId;
-    private showInline;
-    private icon;
-    private onClick;
-    private anchorClicked;
-    private isError;
-    /**
-     * Initializes component properties.
-     *
-     * @param {ActionCalloutProps} props
-     */
-    constructor(props: ActionCalloutProps);
-    private onCalloutClick;
-    private handleAnchorClick;
-    /**
-     * @returns {JSX.Element}
-     */
-    render(): JSX.Element;
-}
+import React from 'react';
+import { UIIcon } from '../UIIcon';
+import './UIActionCallout.scss';
+export interface ActionCalloutProps {
+    /** The id of the element to which this GA box will point */
+    targetElementId: string;
+    /**
+     * If true (default) the callout will be placed relative to the target element instead of floating using position absolute
+     * Note: This is not a bound property and cannot be used to dynamically change the positon of the component
+     */
+    showInline?: boolean;
+    /** The action details that will be rendered in the component */
+    actionDetail: IActionCalloutDetail;
+    /** The function which will be passed the command */
+    commandAction?(command: IActionCalloutDetail['command']): void;
+    /** The icon to use if provided, otherwise a default icon is applied */
+    icon?: UIIcon;
+    /** Call back function to be called on every click */
+    onClick?(): void;
+    /** Border colour */
+    isError?: boolean;
+}
+export interface IActionCalloutDetail {
+    linkText: string;
+    subText: string;
+    /**
+     * Command to be executed and parameters passed to the command
+     */
+    command?: {
+        id: string;
+        params: Object | string;
+    };
+    /**
+     * A http url string, command takes precedence if provided
+     */
+    url?: string;
+}
+/**
+ *
+ *
+ */
+export declare class UIActionCallout extends React.Component<ActionCalloutProps> {
+    private anchor;
+    private actionDetail;
+    private commandAction;
+    private targetElementId;
+    private showInline;
+    private icon;
+    private onClick;
+    private anchorClicked;
+    private isError;
+    /**
+     * Initializes component properties.
+     *
+     * @param {ActionCalloutProps} props
+     */
+    constructor(props: ActionCalloutProps);
+    private onCalloutClick;
+    private handleAnchorClick;
+    /**
+     * @returns {JSX.Element}
+     */
+    render(): JSX.Element;
+}
 //# sourceMappingURL=UIActionCallout.d.ts.map

package/dist/components/UIActionCallout/UIActionCallout.js

@@ -1,68 +1,68 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UIActionCallout = void 0;
-const react_1 = require("@fluentui/react");
-const react_2 = __importDefault(require("react"));
-const Icons_1 = require("../Icons");
-const UICallout_1 = require("../UICallout");
-const UIIcon_1 = require("../UIIcon");
-require("./UIActionCallout.scss");
-/**
- *
- *
- */
-class UIActionCallout extends react_2.default.Component {
-    /**
-     * Initializes component properties.
-     *
-     * @param {ActionCalloutProps} props
-     */
-    constructor(props) {
-        super(props);
-        this.actionDetail = props.actionDetail;
-        this.commandAction = props.commandAction;
-        this.targetElementId = props.targetElementId;
-        this.showInline = props.showInline;
-        this.anchor = react_2.default.createRef();
-        this.onCalloutClick = this.onCalloutClick.bind(this);
-        this.icon = props.icon;
-        this.onClick = props.onClick;
-        this.anchorClicked = false;
-        this.isError = props.isError ?? false;
-    }
-    onCalloutClick() {
-        if (this.onClick && !this.anchorClicked) {
-            this.onClick();
-        }
-        if (this.actionDetail.command && this.commandAction) {
-            this.commandAction(this.actionDetail.command);
-        }
-        else {
-            this.anchor.current?.click();
-            this.anchorClicked = false;
-        }
-    }
-    handleAnchorClick() {
-        this.anchorClicked = true;
-    }
-    /**
-     * @returns {JSX.Element}
-     */
-    render() {
-        return (react_2.default.createElement(UICallout_1.UICallout, { className: "UIActionCallout-callout", onClick: this.onCalloutClick, target: `#${this.targetElementId}`, isBeakVisible: true, doNotLayer: true, beakWidth: 10, calloutMaxWidth: 230, calloutMinWidth: 230, directionalHint: react_1.DirectionalHint.bottomLeftEdge, styles: {
-                calloutMain: { padding: '10px' },
-                root: {
-                    position: this.showInline === false ? 'absolute' : 'sticky',
-                    border: this.isError === true ? 'thin solid var(--vscode-errorForeground)' : 'thin solid none'
-                }
-            } },
-            (this.icon && this.icon.render()) || react_2.default.createElement(UIIcon_1.UIIcon, { iconName: Icons_1.UiIcons.HelpAction }),
-            react_2.default.createElement("a", { ref: this.anchor, href: this.actionDetail.url, className: "UIActionCallout-link", target: "_blank", rel: "noreferrer", onClick: () => this.handleAnchorClick() }, this.actionDetail.linkText),
-            react_2.default.createElement("div", { className: "UIActionCallout-subText" }, this.actionDetail.subText)));
-    }
-}
-exports.UIActionCallout = UIActionCallout;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UIActionCallout = void 0;
+const react_1 = require("@fluentui/react");
+const react_2 = __importDefault(require("react"));
+const Icons_1 = require("../Icons");
+const UICallout_1 = require("../UICallout");
+const UIIcon_1 = require("../UIIcon");
+require("./UIActionCallout.scss");
+/**
+ *
+ *
+ */
+class UIActionCallout extends react_2.default.Component {
+    /**
+     * Initializes component properties.
+     *
+     * @param {ActionCalloutProps} props
+     */
+    constructor(props) {
+        super(props);
+        this.actionDetail = props.actionDetail;
+        this.commandAction = props.commandAction;
+        this.targetElementId = props.targetElementId;
+        this.showInline = props.showInline;
+        this.anchor = react_2.default.createRef();
+        this.onCalloutClick = this.onCalloutClick.bind(this);
+        this.icon = props.icon;
+        this.onClick = props.onClick;
+        this.anchorClicked = false;
+        this.isError = props.isError ?? false;
+    }
+    onCalloutClick() {
+        if (this.onClick && !this.anchorClicked) {
+            this.onClick();
+        }
+        if (this.actionDetail.command && this.commandAction) {
+            this.commandAction(this.actionDetail.command);
+        }
+        else {
+            this.anchor.current?.click();
+            this.anchorClicked = false;
+        }
+    }
+    handleAnchorClick() {
+        this.anchorClicked = true;
+    }
+    /**
+     * @returns {JSX.Element}
+     */
+    render() {
+        return (react_2.default.createElement(UICallout_1.UICallout, { className: "UIActionCallout-callout", onClick: this.onCalloutClick, target: `#${this.targetElementId}`, isBeakVisible: true, doNotLayer: true, beakWidth: 10, calloutMaxWidth: 230, calloutMinWidth: 230, directionalHint: react_1.DirectionalHint.bottomLeftEdge, styles: {
+                calloutMain: { padding: '10px' },
+                root: {
+                    position: this.showInline === false ? 'absolute' : 'sticky',
+                    border: this.isError === true ? 'thin solid var(--vscode-errorForeground)' : 'thin solid none'
+                }
+            } },
+            (this.icon && this.icon.render()) || react_2.default.createElement(UIIcon_1.UIIcon, { iconName: Icons_1.UiIcons.HelpAction }),
+            react_2.default.createElement("a", { ref: this.anchor, href: this.actionDetail.url, className: "UIActionCallout-link", target: "_blank", rel: "noreferrer", onClick: () => this.handleAnchorClick() }, this.actionDetail.linkText),
+            react_2.default.createElement("div", { className: "UIActionCallout-subText" }, this.actionDetail.subText)));
+    }
+}
+exports.UIActionCallout = UIActionCallout;
 //# sourceMappingURL=UIActionCallout.js.map

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

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

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

package/dist/components/UIBreadcrumb/UIBreadcrumb.d.ts

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

package/dist/components/UIBreadcrumb/UIBreadcrumb.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.UIBreadcrumb = void 0;
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@fluentui/react");
-/**
- * UIBreadcrumb component
- * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/breadcrumb
- *
- * @exports
- * @class UIBreadcrumb
- * @extends {React.Component<IBreadcrumbProps, {}>}
- */
-class UIBreadcrumb extends react_1.default.Component {
-    /**
-     * Initializes component properties.
-     *
-     * @param {IBreadcrumbProps} props
-     */
-    constructor(props) {
-        super(props);
-        this.setStyle = () => ({
-            ...{
-                root: {}
-            }
-        });
-    }
-    /**
-     * @returns {JSX.Element}
-     */
-    render() {
-        return react_1.default.createElement(react_2.Breadcrumb, { ...this.props });
-    }
-}
-exports.UIBreadcrumb = UIBreadcrumb;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UIBreadcrumb = void 0;
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@fluentui/react");
+/**
+ * UIBreadcrumb component
+ * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/breadcrumb
+ *
+ * @exports
+ * @class UIBreadcrumb
+ * @extends {React.Component<IBreadcrumbProps, {}>}
+ */
+class UIBreadcrumb extends react_1.default.Component {
+    /**
+     * Initializes component properties.
+     *
+     * @param {IBreadcrumbProps} props
+     */
+    constructor(props) {
+        super(props);
+        this.setStyle = () => ({
+            ...{
+                root: {}
+            }
+        });
+    }
+    /**
+     * @returns {JSX.Element}
+     */
+    render() {
+        return react_1.default.createElement(react_2.Breadcrumb, { ...this.props });
+    }
+}
+exports.UIBreadcrumb = UIBreadcrumb;
 //# sourceMappingURL=UIBreadcrumb.js.map

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

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

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

package/dist/components/UIButton/UIActionButton.d.ts

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