@sap-ux/ui-components 1.8.0 → 1.8.2

package/dist/components/UIContextualMenu/UIContextualMenu.d.ts

@@ -1,32 +1,32 @@
-import React from 'react';
-import type { IContextualMenuStyles, IContextualMenuItemStyles, ICalloutContentStyles } from '@fluentui/react';
-import { ContextualMenuItemType, IContextualMenuProps, IContextualMenuItem } from '@fluentui/react';
-export { IContextualMenuItem } from '@fluentui/react';
-export { IContextualMenuItem as UIContextualMenuItem };
-export { IContextualMenuProps as UIContextualMenuProps };
-export { ContextualMenuItemType as UIContextualMenuItemType };
-import './UIContextualMenu.scss';
-/**
- * ContextualMenu styles prop generator.
- *
- * @returns - consumable styles property for ContextualMenu
- */
-export declare function getUIcontextualMenuStyles(): Partial<IContextualMenuStyles>;
-/**
- * ContextualMenu subcomponent styles prop generator.
- *
- * @returns - consumable styles property for ContextualMenuItem
- */
-export declare function getUIContextualMenuItemStyles(): Partial<IContextualMenuItemStyles>;
-/**
- * ContextualMenu sub-component styles prop generator.
- *
- * @param {number} maxWidth
- * @returns consumable styles property for Callout
- */
-export declare function getUIcontextualMenuCalloutStyles(maxWidth?: number): Partial<ICalloutContentStyles>;
-export interface UIIContextualMenuProps extends IContextualMenuProps {
-    maxWidth?: number;
-}
-export declare const UIContextualMenu: React.FC<UIIContextualMenuProps>;
+import React from 'react';
+import type { IContextualMenuStyles, IContextualMenuItemStyles, ICalloutContentStyles } from '@fluentui/react';
+import { ContextualMenuItemType, IContextualMenuProps, IContextualMenuItem } from '@fluentui/react';
+export { IContextualMenuItem } from '@fluentui/react';
+export { IContextualMenuItem as UIContextualMenuItem };
+export { IContextualMenuProps as UIContextualMenuProps };
+export { ContextualMenuItemType as UIContextualMenuItemType };
+import './UIContextualMenu.scss';
+/**
+ * ContextualMenu styles prop generator.
+ *
+ * @returns - consumable styles property for ContextualMenu
+ */
+export declare function getUIcontextualMenuStyles(): Partial<IContextualMenuStyles>;
+/**
+ * ContextualMenu subcomponent styles prop generator.
+ *
+ * @returns - consumable styles property for ContextualMenuItem
+ */
+export declare function getUIContextualMenuItemStyles(): Partial<IContextualMenuItemStyles>;
+/**
+ * ContextualMenu sub-component styles prop generator.
+ *
+ * @param {number} maxWidth
+ * @returns consumable styles property for Callout
+ */
+export declare function getUIcontextualMenuCalloutStyles(maxWidth?: number): Partial<ICalloutContentStyles>;
+export interface UIIContextualMenuProps extends IContextualMenuProps {
+    maxWidth?: number;
+}
+export declare const UIContextualMenu: React.FC<UIIContextualMenuProps>;
 //# sourceMappingURL=UIContextualMenu.d.ts.map

package/dist/components/UIContextualMenu/UIContextualMenu.js

@@ -1,124 +1,124 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UIContextualMenu = exports.getUIcontextualMenuCalloutStyles = exports.getUIContextualMenuItemStyles = exports.getUIcontextualMenuStyles = exports.UIContextualMenuItemType = void 0;
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@fluentui/react");
-Object.defineProperty(exports, "UIContextualMenuItemType", { enumerable: true, get: function () { return react_2.ContextualMenuItemType; } });
-const Icons_1 = require("../Icons");
-require("./UIContextualMenu.scss");
-const submenuIconProps = { iconName: Icons_1.UiIcons.ArrowDown };
-/**
- * ContextualMenu styles prop generator.
- *
- * @returns - consumable styles property for ContextualMenu
- */
-function getUIcontextualMenuStyles() {
-    return {
-        root: {
-            minWidth: 190,
-            background: 'var(--vscode-input-background)',
-            border: 0
-        }
-    };
-}
-exports.getUIcontextualMenuStyles = getUIcontextualMenuStyles;
-/**
- * ContextualMenu subcomponent styles prop generator.
- *
- * @returns - consumable styles property for ContextualMenuItem
- */
-function getUIContextualMenuItemStyles() {
-    return {
-        checkmarkIcon: {
-            color: 'var(--vscode-foreground)',
-            maxHeight: 18,
-            fontSize: 16,
-            lineHeight: 18,
-            margin: 0
-        },
-        icon: {
-            marginLeft: 0,
-            marginRight: 6
-        },
-        label: {
-            fontFamily: 'var(--vscode-font-family)',
-            lineHeight: 18,
-            height: 18
-        },
-        linkContent: {
-            fontSize: 13,
-            height: 'auto'
-        },
-        subMenuIcon: {
-            height: 16,
-            width: 16,
-            transform: 'rotate(-90deg)',
-            transformOrigin: '50% 50%',
-            lineHeight: 0
-        }
-    };
-}
-exports.getUIContextualMenuItemStyles = getUIContextualMenuItemStyles;
-/**
- * ContextualMenu sub-component styles prop generator.
- *
- * @param {number} maxWidth
- * @returns consumable styles property for Callout
- */
-function getUIcontextualMenuCalloutStyles(maxWidth) {
-    return {
-        root: {
-            // workaround. resolves callout root element borders being cut or invisible
-            // issue appears in webkit based environments with double as devicePixelRatio value
-            animationFillMode: 'none',
-            transform: 'rotate(0.0001deg)',
-            maxWidth: maxWidth
-        }
-    };
-}
-exports.getUIcontextualMenuCalloutStyles = getUIcontextualMenuCalloutStyles;
-/**
- * Recursively applies corresponding styles generator to each,
- * IContextualMenuItem, ICallourProps and IContxualMenuProps item in props tree.
- *
- * @param items - IContextualMenu list
- * @returns - mutated IContextualMenuItem prop with styles props generators applied to each menu tree node
- */
-function injectContextualMenuItemsStyle(items) {
-    return items.map((item) => {
-        if (!item.itemProps) {
-            item.itemProps = {};
-        }
-        if (item.itemProps.styles) {
-            item.itemProps.styles = {
-                ...getUIContextualMenuItemStyles(),
-                ...item.itemProps.styles
-            };
-        }
-        else {
-            item.itemProps.styles = getUIContextualMenuItemStyles();
-        }
-        if (!item.submenuIconProps) {
-            item.submenuIconProps = submenuIconProps;
-        }
-        return item;
-    });
-}
-const UIContextualMenu = (props) => {
-    const className = props.className ? ` ${props.className}` : '';
-    return (react_1.default.createElement(react_2.ContextualMenu, { ...props, className: `ts-ContextualMenu${className}`, items: injectContextualMenuItemsStyle(props.items), isBeakVisible: false, calloutProps: {
-            className: 'ts-ContextualMenu-callout',
-            styles: getUIcontextualMenuCalloutStyles(props.maxWidth),
-            ...props.calloutProps
-        }, styles: { ...getUIcontextualMenuStyles(), ...props.styles }, onRenderSubMenu: (props) => {
-            if (!props) {
-                return null;
-            }
-            return react_1.default.createElement(exports.UIContextualMenu, { ...props });
-        } }));
-};
-exports.UIContextualMenu = UIContextualMenu;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UIContextualMenu = exports.getUIcontextualMenuCalloutStyles = exports.getUIContextualMenuItemStyles = exports.getUIcontextualMenuStyles = exports.UIContextualMenuItemType = void 0;
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@fluentui/react");
+Object.defineProperty(exports, "UIContextualMenuItemType", { enumerable: true, get: function () { return react_2.ContextualMenuItemType; } });
+const Icons_1 = require("../Icons");
+require("./UIContextualMenu.scss");
+const submenuIconProps = { iconName: Icons_1.UiIcons.ArrowDown };
+/**
+ * ContextualMenu styles prop generator.
+ *
+ * @returns - consumable styles property for ContextualMenu
+ */
+function getUIcontextualMenuStyles() {
+    return {
+        root: {
+            minWidth: 190,
+            background: 'var(--vscode-input-background)',
+            border: 0
+        }
+    };
+}
+exports.getUIcontextualMenuStyles = getUIcontextualMenuStyles;
+/**
+ * ContextualMenu subcomponent styles prop generator.
+ *
+ * @returns - consumable styles property for ContextualMenuItem
+ */
+function getUIContextualMenuItemStyles() {
+    return {
+        checkmarkIcon: {
+            color: 'var(--vscode-foreground)',
+            maxHeight: 18,
+            fontSize: 16,
+            lineHeight: 18,
+            margin: 0
+        },
+        icon: {
+            marginLeft: 0,
+            marginRight: 6
+        },
+        label: {
+            fontFamily: 'var(--vscode-font-family)',
+            lineHeight: 18,
+            height: 18
+        },
+        linkContent: {
+            fontSize: 13,
+            height: 'auto'
+        },
+        subMenuIcon: {
+            height: 16,
+            width: 16,
+            transform: 'rotate(-90deg)',
+            transformOrigin: '50% 50%',
+            lineHeight: 0
+        }
+    };
+}
+exports.getUIContextualMenuItemStyles = getUIContextualMenuItemStyles;
+/**
+ * ContextualMenu sub-component styles prop generator.
+ *
+ * @param {number} maxWidth
+ * @returns consumable styles property for Callout
+ */
+function getUIcontextualMenuCalloutStyles(maxWidth) {
+    return {
+        root: {
+            // workaround. resolves callout root element borders being cut or invisible
+            // issue appears in webkit based environments with double as devicePixelRatio value
+            animationFillMode: 'none',
+            transform: 'rotate(0.0001deg)',
+            maxWidth: maxWidth
+        }
+    };
+}
+exports.getUIcontextualMenuCalloutStyles = getUIcontextualMenuCalloutStyles;
+/**
+ * Recursively applies corresponding styles generator to each,
+ * IContextualMenuItem, ICallourProps and IContxualMenuProps item in props tree.
+ *
+ * @param items - IContextualMenu list
+ * @returns - mutated IContextualMenuItem prop with styles props generators applied to each menu tree node
+ */
+function injectContextualMenuItemsStyle(items) {
+    return items.map((item) => {
+        if (!item.itemProps) {
+            item.itemProps = {};
+        }
+        if (item.itemProps.styles) {
+            item.itemProps.styles = {
+                ...getUIContextualMenuItemStyles(),
+                ...item.itemProps.styles
+            };
+        }
+        else {
+            item.itemProps.styles = getUIContextualMenuItemStyles();
+        }
+        if (!item.submenuIconProps) {
+            item.submenuIconProps = submenuIconProps;
+        }
+        return item;
+    });
+}
+const UIContextualMenu = (props) => {
+    const className = props.className ? ` ${props.className}` : '';
+    return (react_1.default.createElement(react_2.ContextualMenu, { ...props, className: `ts-ContextualMenu${className}`, items: injectContextualMenuItemsStyle(props.items), isBeakVisible: false, calloutProps: {
+            className: 'ts-ContextualMenu-callout',
+            styles: getUIcontextualMenuCalloutStyles(props.maxWidth),
+            ...props.calloutProps
+        }, styles: { ...getUIcontextualMenuStyles(), ...props.styles }, onRenderSubMenu: (props) => {
+            if (!props) {
+                return null;
+            }
+            return react_1.default.createElement(exports.UIContextualMenu, { ...props });
+        } }));
+};
+exports.UIContextualMenu = UIContextualMenu;
 //# sourceMappingURL=UIContextualMenu.js.map