@sap-ux/ui-components 1.8.1 → 1.8.2

package/dist/components/UIFocusZone/UIFocusZone.d.ts

@@ -1,24 +1,24 @@
-import React from 'react';
-import { IFocusZoneProps, FocusZoneDirection, IFocusZone, FocusZoneTabbableElements } from '@fluentui/react';
-export { FocusZoneDirection as UIFocusZoneDirection, IFocusZoneProps as UIFocusZoneProps, IFocusZone, FocusZoneTabbableElements as UIFocusZoneTabbableElements };
-/**
- * UIFocusZone component
- * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/focuszone
- *
- * @exports
- * @class UIFocusZone
- * @extends {React.Component<IFocusZoneProps, {}>}
- */
-export declare class UIFocusZone extends React.Component<IFocusZoneProps, {}> {
-    /**
-     * Initializes component properties.
-     *
-     * @param {IFocusZoneProps} props
-     */
-    constructor(props: IFocusZoneProps);
-    /**
-     * @returns {JSX.Element}
-     */
-    render(): JSX.Element;
-}
+import React from 'react';
+import { IFocusZoneProps, FocusZoneDirection, IFocusZone, FocusZoneTabbableElements } from '@fluentui/react';
+export { FocusZoneDirection as UIFocusZoneDirection, IFocusZoneProps as UIFocusZoneProps, IFocusZone, FocusZoneTabbableElements as UIFocusZoneTabbableElements };
+/**
+ * UIFocusZone component
+ * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/focuszone
+ *
+ * @exports
+ * @class UIFocusZone
+ * @extends {React.Component<IFocusZoneProps, {}>}
+ */
+export declare class UIFocusZone extends React.Component<IFocusZoneProps, {}> {
+    /**
+     * Initializes component properties.
+     *
+     * @param {IFocusZoneProps} props
+     */
+    constructor(props: IFocusZoneProps);
+    /**
+     * @returns {JSX.Element}
+     */
+    render(): JSX.Element;
+}
 //# sourceMappingURL=UIFocusZone.d.ts.map

package/dist/components/UIFocusZone/UIFocusZone.js

@@ -1,36 +1,36 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UIFocusZone = exports.UIFocusZoneTabbableElements = exports.UIFocusZoneDirection = void 0;
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@fluentui/react");
-Object.defineProperty(exports, "UIFocusZoneDirection", { enumerable: true, get: function () { return react_2.FocusZoneDirection; } });
-Object.defineProperty(exports, "UIFocusZoneTabbableElements", { enumerable: true, get: function () { return react_2.FocusZoneTabbableElements; } });
-/**
- * UIFocusZone component
- * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/focuszone
- *
- * @exports
- * @class UIFocusZone
- * @extends {React.Component<IFocusZoneProps, {}>}
- */
-class UIFocusZone extends react_1.default.Component {
-    /**
-     * Initializes component properties.
-     *
-     * @param {IFocusZoneProps} props
-     */
-    constructor(props) {
-        super(props);
-    }
-    /**
-     * @returns {JSX.Element}
-     */
-    render() {
-        return react_1.default.createElement(react_2.FocusZone, { ...this.props }, this.props.children);
-    }
-}
-exports.UIFocusZone = UIFocusZone;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UIFocusZone = exports.UIFocusZoneTabbableElements = exports.UIFocusZoneDirection = void 0;
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@fluentui/react");
+Object.defineProperty(exports, "UIFocusZoneDirection", { enumerable: true, get: function () { return react_2.FocusZoneDirection; } });
+Object.defineProperty(exports, "UIFocusZoneTabbableElements", { enumerable: true, get: function () { return react_2.FocusZoneTabbableElements; } });
+/**
+ * UIFocusZone component
+ * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/focuszone
+ *
+ * @exports
+ * @class UIFocusZone
+ * @extends {React.Component<IFocusZoneProps, {}>}
+ */
+class UIFocusZone extends react_1.default.Component {
+    /**
+     * Initializes component properties.
+     *
+     * @param {IFocusZoneProps} props
+     */
+    constructor(props) {
+        super(props);
+    }
+    /**
+     * @returns {JSX.Element}
+     */
+    render() {
+        return react_1.default.createElement(react_2.FocusZone, { ...this.props }, this.props.children);
+    }
+}
+exports.UIFocusZone = UIFocusZone;
 //# sourceMappingURL=UIFocusZone.js.map

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

@@ -1,3 +1,3 @@
-export * from './UIFocusTrapZone';
-export * from './UIFocusZone';
+export * from './UIFocusTrapZone';
+export * from './UIFocusZone';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/UIFocusZone/index.js

@@ -1,19 +1,19 @@
-"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("./UIFocusTrapZone"), exports);
-__exportStar(require("./UIFocusZone"), 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("./UIFocusTrapZone"), exports);
+__exportStar(require("./UIFocusZone"), exports);
 //# sourceMappingURL=index.js.map

package/dist/components/UIIcon/UIIcon.d.ts

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

package/dist/components/UIIcon/UIIcon.js

@@ -1,38 +1,38 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UIIcon = void 0;
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@fluentui/react");
-require("./UIIcon.scss");
-/**
- * UIIcon component
- * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/button
- *
- * @exports
- * @class UIIcon
- * @extends {React.Component<IIconProps, {}>}
- */
-class UIIcon extends react_1.default.Component {
-    /**
-     * Initializes component properties.
-     *
-     * @param {IIconProps} props
-     */
-    constructor(props) {
-        super(props);
-        this.setStyle = () => {
-            return {};
-        };
-    }
-    /**
-     * @returns {JSX.Element}
-     */
-    render() {
-        return (react_1.default.createElement(react_2.Icon, { ...this.props, className: `ts-icon${this.props.className ? ` ${this.props.className}` : ''}`, styles: this.setStyle() }));
-    }
-}
-exports.UIIcon = UIIcon;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UIIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@fluentui/react");
+require("./UIIcon.scss");
+/**
+ * UIIcon component
+ * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/button
+ *
+ * @exports
+ * @class UIIcon
+ * @extends {React.Component<IIconProps, {}>}
+ */
+class UIIcon extends react_1.default.Component {
+    /**
+     * Initializes component properties.
+     *
+     * @param {IIconProps} props
+     */
+    constructor(props) {
+        super(props);
+        this.setStyle = () => {
+            return {};
+        };
+    }
+    /**
+     * @returns {JSX.Element}
+     */
+    render() {
+        return (react_1.default.createElement(react_2.Icon, { ...this.props, className: `ts-icon${this.props.className ? ` ${this.props.className}` : ''}`, styles: this.setStyle() }));
+    }
+}
+exports.UIIcon = UIIcon;
 //# sourceMappingURL=UIIcon.js.map

package/dist/components/UIIcon/UIIcon.scss

@@ -1,3 +1,3 @@
-.ts-icon {
-    fill: var(--vscode-foreground);
-}
+.ts-icon {
+    fill: var(--vscode-foreground);
+}

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

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

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

package/dist/components/UIInput/UITextInput.d.ts

@@ -1,49 +1,49 @@
-import React from 'react';
-import type { ITextFieldProps } from '@fluentui/react';
-import type { UIMessagesExtendedProps } from '../../helper/ValidationMessage';
-export { ITextField, ITextFieldProps } from '@fluentui/react';
-export type UITextInputProps = ITextFieldProps & UIMessagesExtendedProps;
-/**
- * UITextInput component
- * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/textfield
- *
- * @exports
- * @class UITextInput
- * @extends {React.Component<ITextFieldProps, {}>}
- */
-export declare class UITextInput extends React.Component<UITextInputProps> {
-    /**
-     * Initializes component properties.
-     *
-     * @param {UITextInputProps} props
-     */
-    constructor(props: UITextInputProps);
-    /**
-     * Method returns value for CSS property "border" for focus state.
-     *
-     * @param {InputValidationMessageInfo} messageInfo
-     * @returns {string} Value for CSS "border" property.
-     */
-    private getFocusBorder;
-    /**
-     * Method returns styles for text field.
-     *
-     * @param {ITextFieldStyleProps} props Component properties.
-     * @returns {Partial<ITextFieldStyles>} Styles to apply for text field.
-     */
-    private getStyles;
-    /**
-     * Method to render HTML input element.
-     * Custom rendering is used to use "readonly" attribute instead of "disabled" to make disabled field focusable.
-     *
-     * @param {InputRenderProps} [props] Input props.
-     * @param {(props?: InputRenderProps) => JSX.Element | null} [defaultRender] Default renderer.
-     * @returns {JSX.Element | null} Input element to render.
-     */
-    private onRenderDisabledInput;
-    /**
-     * @returns {JSX.Element}
-     */
-    render(): JSX.Element;
-}
+import React from 'react';
+import type { ITextFieldProps } from '@fluentui/react';
+import type { UIMessagesExtendedProps } from '../../helper/ValidationMessage';
+export { ITextField, ITextFieldProps } from '@fluentui/react';
+export type UITextInputProps = ITextFieldProps & UIMessagesExtendedProps;
+/**
+ * UITextInput component
+ * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/textfield
+ *
+ * @exports
+ * @class UITextInput
+ * @extends {React.Component<ITextFieldProps, {}>}
+ */
+export declare class UITextInput extends React.Component<UITextInputProps> {
+    /**
+     * Initializes component properties.
+     *
+     * @param {UITextInputProps} props
+     */
+    constructor(props: UITextInputProps);
+    /**
+     * Method returns value for CSS property "border" for focus state.
+     *
+     * @param {InputValidationMessageInfo} messageInfo
+     * @returns {string} Value for CSS "border" property.
+     */
+    private getFocusBorder;
+    /**
+     * Method returns styles for text field.
+     *
+     * @param {ITextFieldStyleProps} props Component properties.
+     * @returns {Partial<ITextFieldStyles>} Styles to apply for text field.
+     */
+    private getStyles;
+    /**
+     * Method to render HTML input element.
+     * Custom rendering is used to use "readonly" attribute instead of "disabled" to make disabled field focusable.
+     *
+     * @param {InputRenderProps} [props] Input props.
+     * @param {(props?: InputRenderProps) => JSX.Element | null} [defaultRender] Default renderer.
+     * @returns {JSX.Element | null} Input element to render.
+     */
+    private onRenderDisabledInput;
+    /**
+     * @returns {JSX.Element}
+     */
+    render(): JSX.Element;
+}
 //# sourceMappingURL=UITextInput.d.ts.map