@sap-ux/ui-components 1.8.0 → 1.8.2

package/dist/components/UIButton/UISplitButton.js

@@ -1,72 +1,72 @@
-"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UISplitButton = void 0;
-const React = __importStar(require("react"));
-const UIDefaultButton_1 = require("./UIDefaultButton");
-const UIContextualMenu_1 = require("../UIContextualMenu");
-const Icons_1 = require("../Icons");
-const utilities_1 = require("../../utilities");
-/**
- * UISplitButton component
- *
- * @exports
- * @class UISplitButton
- * @extends {React.Component<UISplitButtonProps, UISplitButtonState>}
- */
-class UISplitButton extends React.Component {
-    /**
-     * Initializes component properties.
-     *
-     * @param {UISplitButtonProps} props
-     */
-    constructor(props) {
-        super(props);
-        this.id = this.props.id ? this.props.id : (0, utilities_1.getUIId)('ui-split-button-');
-        this.onClick = () => {
-            this.props.callback(this.props.button.key);
-        };
-        this.onMenuItemClick = (ev, item) => {
-            if (item && item.key) {
-                this.props.callback(item.key);
-            }
-        };
-        this.state = {
-            menu: {
-                items: props.menuItems,
-                onItemClick: this.onMenuItemClick
-            }
-        };
-        this.onClick = this.onClick.bind(this);
-    }
-    /**
-     * @returns {JSX.Element}
-     */
-    render() {
-        return (React.createElement(UIDefaultButton_1.UIDefaultButton, { ariaLabel: this.props.ariaLabel, ariaDescription: this.props.ariaDescription, id: this.id, className: "ui-split-button", primary: true, split: true, onClick: this.onClick.bind(this), menuProps: this.state.menu, menuIconProps: { iconName: Icons_1.UiIcons.ArrowDown }, menuAs: UIContextualMenu_1.UIContextualMenu, disabled: this.props.disabled }, this.props.button.text));
-    }
-}
-exports.UISplitButton = UISplitButton;
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UISplitButton = void 0;
+const React = __importStar(require("react"));
+const UIDefaultButton_1 = require("./UIDefaultButton");
+const UIContextualMenu_1 = require("../UIContextualMenu");
+const Icons_1 = require("../Icons");
+const utilities_1 = require("../../utilities");
+/**
+ * UISplitButton component
+ *
+ * @exports
+ * @class UISplitButton
+ * @extends {React.Component<UISplitButtonProps, UISplitButtonState>}
+ */
+class UISplitButton extends React.Component {
+    /**
+     * Initializes component properties.
+     *
+     * @param {UISplitButtonProps} props
+     */
+    constructor(props) {
+        super(props);
+        this.id = this.props.id ? this.props.id : (0, utilities_1.getUIId)('ui-split-button-');
+        this.onClick = () => {
+            this.props.callback(this.props.button.key);
+        };
+        this.onMenuItemClick = (ev, item) => {
+            if (item && item.key) {
+                this.props.callback(item.key);
+            }
+        };
+        this.state = {
+            menu: {
+                items: props.menuItems,
+                onItemClick: this.onMenuItemClick
+            }
+        };
+        this.onClick = this.onClick.bind(this);
+    }
+    /**
+     * @returns {JSX.Element}
+     */
+    render() {
+        return (React.createElement(UIDefaultButton_1.UIDefaultButton, { ariaLabel: this.props.ariaLabel, ariaDescription: this.props.ariaDescription, id: this.id, className: "ui-split-button", primary: true, split: true, onClick: this.onClick.bind(this), menuProps: this.state.menu, menuIconProps: { iconName: Icons_1.UiIcons.ArrowDown }, menuAs: UIContextualMenu_1.UIContextualMenu, disabled: this.props.disabled }, this.props.button.text));
+    }
+}
+exports.UISplitButton = UISplitButton;
 //# sourceMappingURL=UISplitButton.js.map

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

@@ -1,8 +1,8 @@
-import { IButton } from '@fluentui/react';
-export { IButton as UIButtonInterface };
-export * from './UIActionButton';
-export * from './UIDefaultButton';
-export * from './UIIconButton';
-export * from './UISplitButton';
-export * from './UISmallButton';
+import { IButton } from '@fluentui/react';
+export { IButton as UIButtonInterface };
+export * from './UIActionButton';
+export * from './UIDefaultButton';
+export * from './UIIconButton';
+export * from './UISplitButton';
+export * from './UISmallButton';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/UIButton/index.js

@@ -1,22 +1,22 @@
-"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("./UIActionButton"), exports);
-__exportStar(require("./UIDefaultButton"), exports);
-__exportStar(require("./UIIconButton"), exports);
-__exportStar(require("./UISplitButton"), exports);
-__exportStar(require("./UISmallButton"), 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("./UIActionButton"), exports);
+__exportStar(require("./UIDefaultButton"), exports);
+__exportStar(require("./UIIconButton"), exports);
+__exportStar(require("./UISplitButton"), exports);
+__exportStar(require("./UISmallButton"), exports);
 //# sourceMappingURL=index.js.map

package/dist/components/UICallout/UICallout.d.ts

@@ -1,38 +1,38 @@
-import React from 'react';
-import type { ICalloutProps, ICalloutContentStyles } from '@fluentui/react';
-export interface UICalloutProps extends ICalloutProps {
-    calloutMinWidth?: number;
-    contentPadding?: UICalloutContentPadding;
-}
-export declare const CALLOUT_STYLES: {
-    background: string;
-    boxShadow: string;
-    text: string;
-    font: string;
-};
-export declare enum UICalloutContentPadding {
-    None = "None",
-    Standard = "Standard"
-}
-export declare const getCalloutStyle: (props: UICalloutProps) => ICalloutContentStyles;
-/**
- * UICallout component.
- * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/callout
- *
- * @exports
- * @class UICallout
- * @extends {React.Component<ICalloutProps, {}>}
- */
-export declare class UICallout extends React.Component<UICalloutProps, {}> {
-    /**
-     * Initializes component properties.
-     *
-     * @param {UICalloutProps} props
-     */
-    constructor(props: UICalloutProps);
-    /**
-     * @returns {JSX.Element}
-     */
-    render(): JSX.Element;
-}
+import React from 'react';
+import type { ICalloutProps, ICalloutContentStyles } from '@fluentui/react';
+export interface UICalloutProps extends ICalloutProps {
+    calloutMinWidth?: number;
+    contentPadding?: UICalloutContentPadding;
+}
+export declare const CALLOUT_STYLES: {
+    background: string;
+    boxShadow: string;
+    text: string;
+    font: string;
+};
+export declare enum UICalloutContentPadding {
+    None = "None",
+    Standard = "Standard"
+}
+export declare const getCalloutStyle: (props: UICalloutProps) => ICalloutContentStyles;
+/**
+ * UICallout component.
+ * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/callout
+ *
+ * @exports
+ * @class UICallout
+ * @extends {React.Component<ICalloutProps, {}>}
+ */
+export declare class UICallout extends React.Component<UICalloutProps, {}> {
+    /**
+     * Initializes component properties.
+     *
+     * @param {UICalloutProps} props
+     */
+    constructor(props: UICalloutProps);
+    /**
+     * @returns {JSX.Element}
+     */
+    render(): JSX.Element;
+}
 //# sourceMappingURL=UICallout.d.ts.map

package/dist/components/UICallout/UICallout.js

@@ -1,91 +1,91 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UICallout = exports.getCalloutStyle = exports.UICalloutContentPadding = exports.CALLOUT_STYLES = void 0;
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@fluentui/react");
-exports.CALLOUT_STYLES = {
-    background: 'var(--vscode-editorSuggestWidget-background)',
-    boxShadow: '0 2px 6px rgb(0 0 0 / 20%), 0 0 0 1px var(--vscode-contrastBorder, var(--vscode-editorSuggestWidget-border))',
-    text: 'var(--vscode-editorSuggestWidget-foreground)',
-    font: 'var(--vscode-font-family)'
-};
-var UICalloutContentPadding;
-(function (UICalloutContentPadding) {
-    UICalloutContentPadding["None"] = "None";
-    UICalloutContentPadding["Standard"] = "Standard";
-})(UICalloutContentPadding = exports.UICalloutContentPadding || (exports.UICalloutContentPadding = {}));
-// Control content padding with different states to avoid different hardcoded values across extensions
-const CALLOUT_CONTENT_PADDING = new Map([[UICalloutContentPadding.Standard, 8]]);
-/**
- * Method receives callout style and extracts into raw styles object.
- *
- * @param {IStyleFunctionOrObject<ICalloutContentStyleProps, ICalloutContentStyles> | undefined} styles Callout styles.
- * @param {keyof ICalloutContentStyles} name Callout style type.
- * @returns {IRawStyle} Raw style object.
- */
-const extractRawStyles = (styles, name) => {
-    if (typeof styles === 'object' && typeof styles[name] === 'object') {
-        return styles[name];
-    }
-    return {};
-};
-const getCalloutStyle = (props) => {
-    return {
-        root: {
-            boxShadow: exports.CALLOUT_STYLES.boxShadow,
-            backgroundColor: 'transparent',
-            borderRadius: 0,
-            ...extractRawStyles(props.styles, 'root')
-        },
-        beak: {
-            backgroundColor: exports.CALLOUT_STYLES.background,
-            boxShadow: exports.CALLOUT_STYLES.boxShadow,
-            ...extractRawStyles(props.styles, 'beak')
-        },
-        beakCurtain: {
-            backgroundColor: exports.CALLOUT_STYLES.background,
-            ...extractRawStyles(props.styles, 'beakCurtain')
-        },
-        calloutMain: {
-            backgroundColor: exports.CALLOUT_STYLES.background,
-            color: exports.CALLOUT_STYLES.text,
-            fontFamily: exports.CALLOUT_STYLES.font,
-            borderRadius: 0,
-            minWidth: props.calloutMinWidth ?? 300,
-            boxSizing: 'border-box',
-            padding: CALLOUT_CONTENT_PADDING.get(props.contentPadding || UICalloutContentPadding.None),
-            ...extractRawStyles(props.styles, 'calloutMain')
-        },
-        container: extractRawStyles(props.styles, 'container')
-    };
-};
-exports.getCalloutStyle = getCalloutStyle;
-/**
- * UICallout component.
- * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/callout
- *
- * @exports
- * @class UICallout
- * @extends {React.Component<ICalloutProps, {}>}
- */
-class UICallout extends react_1.default.Component {
-    /**
-     * Initializes component properties.
-     *
-     * @param {UICalloutProps} props
-     */
-    constructor(props) {
-        super(props);
-    }
-    /**
-     * @returns {JSX.Element}
-     */
-    render() {
-        return (react_1.default.createElement(react_2.Callout, { ...this.props, styles: (0, exports.getCalloutStyle)(this.props) }, this.props.children));
-    }
-}
-exports.UICallout = UICallout;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UICallout = exports.getCalloutStyle = exports.UICalloutContentPadding = exports.CALLOUT_STYLES = void 0;
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@fluentui/react");
+exports.CALLOUT_STYLES = {
+    background: 'var(--vscode-editorSuggestWidget-background)',
+    boxShadow: '0 2px 6px rgb(0 0 0 / 20%), 0 0 0 1px var(--vscode-contrastBorder, var(--vscode-editorSuggestWidget-border))',
+    text: 'var(--vscode-editorSuggestWidget-foreground)',
+    font: 'var(--vscode-font-family)'
+};
+var UICalloutContentPadding;
+(function (UICalloutContentPadding) {
+    UICalloutContentPadding["None"] = "None";
+    UICalloutContentPadding["Standard"] = "Standard";
+})(UICalloutContentPadding = exports.UICalloutContentPadding || (exports.UICalloutContentPadding = {}));
+// Control content padding with different states to avoid different hardcoded values across extensions
+const CALLOUT_CONTENT_PADDING = new Map([[UICalloutContentPadding.Standard, 8]]);
+/**
+ * Method receives callout style and extracts into raw styles object.
+ *
+ * @param {IStyleFunctionOrObject<ICalloutContentStyleProps, ICalloutContentStyles> | undefined} styles Callout styles.
+ * @param {keyof ICalloutContentStyles} name Callout style type.
+ * @returns {IRawStyle} Raw style object.
+ */
+const extractRawStyles = (styles, name) => {
+    if (typeof styles === 'object' && typeof styles[name] === 'object') {
+        return styles[name];
+    }
+    return {};
+};
+const getCalloutStyle = (props) => {
+    return {
+        root: {
+            boxShadow: exports.CALLOUT_STYLES.boxShadow,
+            backgroundColor: 'transparent',
+            borderRadius: 0,
+            ...extractRawStyles(props.styles, 'root')
+        },
+        beak: {
+            backgroundColor: exports.CALLOUT_STYLES.background,
+            boxShadow: exports.CALLOUT_STYLES.boxShadow,
+            ...extractRawStyles(props.styles, 'beak')
+        },
+        beakCurtain: {
+            backgroundColor: exports.CALLOUT_STYLES.background,
+            ...extractRawStyles(props.styles, 'beakCurtain')
+        },
+        calloutMain: {
+            backgroundColor: exports.CALLOUT_STYLES.background,
+            color: exports.CALLOUT_STYLES.text,
+            fontFamily: exports.CALLOUT_STYLES.font,
+            borderRadius: 0,
+            minWidth: props.calloutMinWidth ?? 300,
+            boxSizing: 'border-box',
+            padding: CALLOUT_CONTENT_PADDING.get(props.contentPadding || UICalloutContentPadding.None),
+            ...extractRawStyles(props.styles, 'calloutMain')
+        },
+        container: extractRawStyles(props.styles, 'container')
+    };
+};
+exports.getCalloutStyle = getCalloutStyle;
+/**
+ * UICallout component.
+ * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/callout
+ *
+ * @exports
+ * @class UICallout
+ * @extends {React.Component<ICalloutProps, {}>}
+ */
+class UICallout extends react_1.default.Component {
+    /**
+     * Initializes component properties.
+     *
+     * @param {UICalloutProps} props
+     */
+    constructor(props) {
+        super(props);
+    }
+    /**
+     * @returns {JSX.Element}
+     */
+    render() {
+        return (react_1.default.createElement(react_2.Callout, { ...this.props, styles: (0, exports.getCalloutStyle)(this.props) }, this.props.children));
+    }
+}
+exports.UICallout = UICallout;
 //# sourceMappingURL=UICallout.js.map

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

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

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

package/dist/components/UICheckbox/UICheckbox.d.ts

@@ -1,35 +1,35 @@
-import React from 'react';
-import type { ICheckboxProps, ICheckboxStyles, ICheckboxStyleProps } from '@fluentui/react';
-import type { UIComponentMessagesProps, InputValidationMessageInfo } from '../../helper/ValidationMessage';
-export interface UICheckboxProps extends ICheckboxProps, UIComponentMessagesProps {
-    CheckboxMinWidth?: number;
-}
-/**
- * UICheckbox component.
- * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/checkbox
- *
- * @exports
- * @class UICheckbox
- * @extends {React.Component<ICheckboxProps, {}>}
- */
-export declare class UICheckbox extends React.Component<UICheckboxProps, {}> {
-    GlobalClassNames: {
-        root: string;
-        label: string;
-        checkbox: string;
-        checkmark: string;
-        text: string;
-    };
-    /**
-     * Initializes component properties.
-     *
-     * @param {UICheckboxProps} props
-     */
-    constructor(props: UICheckboxProps);
-    protected setStyle: (messageInfo: InputValidationMessageInfo, props: ICheckboxStyleProps) => ICheckboxStyles;
-    /**
-     * @returns {JSX.Element}
-     */
-    render(): JSX.Element;
-}
+import React from 'react';
+import type { ICheckboxProps, ICheckboxStyles, ICheckboxStyleProps } from '@fluentui/react';
+import type { UIComponentMessagesProps, InputValidationMessageInfo } from '../../helper/ValidationMessage';
+export interface UICheckboxProps extends ICheckboxProps, UIComponentMessagesProps {
+    CheckboxMinWidth?: number;
+}
+/**
+ * UICheckbox component.
+ * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/checkbox
+ *
+ * @exports
+ * @class UICheckbox
+ * @extends {React.Component<ICheckboxProps, {}>}
+ */
+export declare class UICheckbox extends React.Component<UICheckboxProps, {}> {
+    GlobalClassNames: {
+        root: string;
+        label: string;
+        checkbox: string;
+        checkmark: string;
+        text: string;
+    };
+    /**
+     * Initializes component properties.
+     *
+     * @param {UICheckboxProps} props
+     */
+    constructor(props: UICheckboxProps);
+    protected setStyle: (messageInfo: InputValidationMessageInfo, props: ICheckboxStyleProps) => ICheckboxStyles;
+    /**
+     * @returns {JSX.Element}
+     */
+    render(): JSX.Element;
+}
 //# sourceMappingURL=UICheckbox.d.ts.map