@sap-ux/ui-components 1.14.1 → 1.14.2

package/dist/components/UIButton/UISplitButton.js

@@ -1,87 +1,87 @@
-"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);
-    }
-    /**
-     * Gets derived state from properties.
-     *
-     * @param {UISplitButtonProps} newProps
-     * @param {UISplitButtonState} prevState
-     * @returns {UISplitButtonState}
-     */
-    static getDerivedStateFromProps(newProps, prevState) {
-        return {
-            menu: {
-                items: newProps.menuItems,
-                onItemClick: prevState.menu.onItemClick
-            }
-        };
-    }
-    /**
-     * @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);
+    }
+    /**
+     * Gets derived state from properties.
+     *
+     * @param {UISplitButtonProps} newProps
+     * @param {UISplitButtonState} prevState
+     * @returns {UISplitButtonState}
+     */
+    static getDerivedStateFromProps(newProps, prevState) {
+        return {
+            menu: {
+                items: newProps.menuItems,
+                onItemClick: prevState.menu.onItemClick
+            }
+        };
+    }
+    /**
+     * @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/CalloutCollisionTransform.d.ts

@@ -1,55 +1,55 @@
-/// <reference types="react" />
-export interface CalloutCollisionTransformProps {
-    container: string;
-    target: string;
-    absolute?: boolean;
-}
-/**
- * This class is responsible for Dialog/Container element transformation to avoid collision/overlap between Callout/Dropdown Menu and target element.
- * In example when multi select dropdown is used inside dialog with actions,
- *  then class will apply transformation dialog to make sure that dialog actions and dropdown menu is visible.
- */
-export declare class CalloutCollisionTransform {
-    private props;
-    private source;
-    private callout;
-    private placeholder?;
-    private originalStyle;
-    /**
-     * Initializes class with options.
-     *
-     * @param source Source element.
-     * @param callout Dropdown menu/callout element.
-     * @param props Transformation properties.
-     */
-    constructor(source: React.RefObject<HTMLElement>, callout: React.RefObject<HTMLElement>, props?: CalloutCollisionTransformProps);
-    /**
-     * Method creates placeholder element with given size.
-     *
-     * @param size Size of placeholder.
-     * @returns HTML element for placeholder.
-     */
-    private createPlaceholder;
-    /**
-     * Method returns DOM elements and rectangles of associated elements(container, target, callout).
-     *
-     * @returns DOM elements and rectangles of associated elements.
-     */
-    private getElements;
-    /**
-     * Method calculates callout overlap with target and applies transformation to make target visible.
-     */
-    applyTransformation(): void;
-    /**
-     * Method resets current applied transformation.
-     */
-    resetTransformation(): void;
-    /**
-     * Method prevents callout dismiss/close if focus/click on target elements.
-     *
-     * @param event Triggered event to check.
-     * @returns Returns true if callout should not be closed.
-     */
-    preventDismissOnEvent(event: Event | React.FocusEvent<Element> | React.KeyboardEvent<Element> | React.MouseEvent<Element, MouseEvent>): boolean;
-}
+/// <reference types="react" />
+export interface CalloutCollisionTransformProps {
+    container: string;
+    target: string;
+    absolute?: boolean;
+}
+/**
+ * This class is responsible for Dialog/Container element transformation to avoid collision/overlap between Callout/Dropdown Menu and target element.
+ * In example when multi select dropdown is used inside dialog with actions,
+ *  then class will apply transformation dialog to make sure that dialog actions and dropdown menu is visible.
+ */
+export declare class CalloutCollisionTransform {
+    private props;
+    private source;
+    private callout;
+    private placeholder?;
+    private originalStyle;
+    /**
+     * Initializes class with options.
+     *
+     * @param source Source element.
+     * @param callout Dropdown menu/callout element.
+     * @param props Transformation properties.
+     */
+    constructor(source: React.RefObject<HTMLElement>, callout: React.RefObject<HTMLElement>, props?: CalloutCollisionTransformProps);
+    /**
+     * Method creates placeholder element with given size.
+     *
+     * @param size Size of placeholder.
+     * @returns HTML element for placeholder.
+     */
+    private createPlaceholder;
+    /**
+     * Method returns DOM elements and rectangles of associated elements(container, target, callout).
+     *
+     * @returns DOM elements and rectangles of associated elements.
+     */
+    private getElements;
+    /**
+     * Method calculates callout overlap with target and applies transformation to make target visible.
+     */
+    applyTransformation(): void;
+    /**
+     * Method resets current applied transformation.
+     */
+    resetTransformation(): void;
+    /**
+     * Method prevents callout dismiss/close if focus/click on target elements.
+     *
+     * @param event Triggered event to check.
+     * @returns Returns true if callout should not be closed.
+     */
+    preventDismissOnEvent(event: Event | React.FocusEvent<Element> | React.KeyboardEvent<Element> | React.MouseEvent<Element, MouseEvent>): boolean;
+}
 //# sourceMappingURL=CalloutCollisionTransform.d.ts.map