@sap-ux/ui-components 1.8.1 → 1.8.2

package/dist/components/UITable/types.d.ts

@@ -1,78 +1,78 @@
-import type { IDetailsListProps, IScrollablePaneProps, IColumn, IDetailsHeaderProps, IRenderFunction, Selection } from '@fluentui/react';
-import './UITable.scss';
-import type { MutableRefObject } from 'react';
-export declare enum CalculationType {
-    Addition = 0,
-    Subtraction = 1,
-    Multiplication = 2,
-    Division = 3
-}
-export declare enum ColumnControlType {
-    UITextInput = 0,
-    UIDropdown = 1,
-    UIDatePicker = 2,
-    UICombobox = 3,
-    UIBooleanSelect = 4
-}
-export { CheckboxVisibility, SelectionMode, Selection, DetailsListLayoutMode, IDropdownOption } from '@fluentui/react';
-export type UIDocument = {
-    [key: string]: any;
-};
-export type UIColumn = IColumn & {
-    type?: string;
-    editable?: boolean;
-    validate?: Function;
-    iconName?: string;
-    iconTooltip?: string;
-    headerTooltip?: string;
-    notEditableTooltip?: string;
-    key?: string;
-    text?: string;
-    dataType?: string;
-    isResizable?: boolean;
-    includeColumnInExport?: boolean;
-    includeColumnInSearch?: boolean;
-    columnControlType?: ColumnControlType;
-    calculatedColumn?: {
-        type: CalculationType;
-        fields: any[];
-    };
-    onChange?: any;
-    maxLength?: number;
-    applyColumnFilter?: boolean;
-    comboboxOptions?: string[];
-};
-export interface EditedCell {
-    rowIndex: number;
-    item: UIDocument;
-    column?: UIColumn;
-    errorMessage?: string;
-    newValue?: string;
-}
-export type UITableState = {
-    columns: UIColumn[];
-    items: UIDocument[];
-    editedCell?: EditedCell;
-    selectedColumnId?: string;
-};
-export type CellChangeHandler = (cell: EditedCell, value?: string) => void;
-export declare const RenderInputs: {
-    never: boolean;
-    always: boolean;
-};
-export type OwnProps = {
-    dataSetKey: string;
-    scrollablePaneProps?: IScrollablePaneProps;
-    onSave?: CellChangeHandler;
-    onSelectionChange?: Function;
-    selectionRef?: MutableRefObject<Selection | null>;
-    columns: UIColumn[];
-    selectedRow?: number;
-    selectedColumnId?: string;
-    showRowNumbers?: boolean;
-    headerRenderer?: IRenderFunction<IDetailsHeaderProps>;
-    renderInputs?: boolean;
-    scrollToAddedRow?: boolean;
-};
-export type UITableProps = OwnProps & IDetailsListProps;
+import type { IDetailsListProps, IScrollablePaneProps, IColumn, IDetailsHeaderProps, IRenderFunction, Selection } from '@fluentui/react';
+import './UITable.scss';
+import type { MutableRefObject } from 'react';
+export declare enum CalculationType {
+    Addition = 0,
+    Subtraction = 1,
+    Multiplication = 2,
+    Division = 3
+}
+export declare enum ColumnControlType {
+    UITextInput = 0,
+    UIDropdown = 1,
+    UIDatePicker = 2,
+    UICombobox = 3,
+    UIBooleanSelect = 4
+}
+export { CheckboxVisibility, SelectionMode, Selection, DetailsListLayoutMode, IDropdownOption } from '@fluentui/react';
+export type UIDocument = {
+    [key: string]: any;
+};
+export type UIColumn = IColumn & {
+    type?: string;
+    editable?: boolean;
+    validate?: Function;
+    iconName?: string;
+    iconTooltip?: string;
+    headerTooltip?: string;
+    notEditableTooltip?: string;
+    key?: string;
+    text?: string;
+    dataType?: string;
+    isResizable?: boolean;
+    includeColumnInExport?: boolean;
+    includeColumnInSearch?: boolean;
+    columnControlType?: ColumnControlType;
+    calculatedColumn?: {
+        type: CalculationType;
+        fields: any[];
+    };
+    onChange?: any;
+    maxLength?: number;
+    applyColumnFilter?: boolean;
+    comboboxOptions?: string[];
+};
+export interface EditedCell {
+    rowIndex: number;
+    item: UIDocument;
+    column?: UIColumn;
+    errorMessage?: string;
+    newValue?: string;
+}
+export type UITableState = {
+    columns: UIColumn[];
+    items: UIDocument[];
+    editedCell?: EditedCell;
+    selectedColumnId?: string;
+};
+export type CellChangeHandler = (cell: EditedCell, value?: string) => void;
+export declare const RenderInputs: {
+    never: boolean;
+    always: boolean;
+};
+export type OwnProps = {
+    dataSetKey: string;
+    scrollablePaneProps?: IScrollablePaneProps;
+    onSave?: CellChangeHandler;
+    onSelectionChange?: Function;
+    selectionRef?: MutableRefObject<Selection | null>;
+    columns: UIColumn[];
+    selectedRow?: number;
+    selectedColumnId?: string;
+    showRowNumbers?: boolean;
+    headerRenderer?: IRenderFunction<IDetailsHeaderProps>;
+    renderInputs?: boolean;
+    scrollToAddedRow?: boolean;
+};
+export type UITableProps = OwnProps & IDetailsListProps;
 //# sourceMappingURL=types.d.ts.map

package/dist/components/UITable/types.js

@@ -1,29 +1,29 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RenderInputs = exports.DetailsListLayoutMode = exports.Selection = exports.SelectionMode = exports.CheckboxVisibility = exports.ColumnControlType = exports.CalculationType = void 0;
-require("./UITable.scss");
-var CalculationType;
-(function (CalculationType) {
-    CalculationType[CalculationType["Addition"] = 0] = "Addition";
-    CalculationType[CalculationType["Subtraction"] = 1] = "Subtraction";
-    CalculationType[CalculationType["Multiplication"] = 2] = "Multiplication";
-    CalculationType[CalculationType["Division"] = 3] = "Division";
-})(CalculationType = exports.CalculationType || (exports.CalculationType = {}));
-var ColumnControlType;
-(function (ColumnControlType) {
-    ColumnControlType[ColumnControlType["UITextInput"] = 0] = "UITextInput";
-    ColumnControlType[ColumnControlType["UIDropdown"] = 1] = "UIDropdown";
-    ColumnControlType[ColumnControlType["UIDatePicker"] = 2] = "UIDatePicker";
-    ColumnControlType[ColumnControlType["UICombobox"] = 3] = "UICombobox";
-    ColumnControlType[ColumnControlType["UIBooleanSelect"] = 4] = "UIBooleanSelect";
-})(ColumnControlType = exports.ColumnControlType || (exports.ColumnControlType = {}));
-var react_1 = require("@fluentui/react");
-Object.defineProperty(exports, "CheckboxVisibility", { enumerable: true, get: function () { return react_1.CheckboxVisibility; } });
-Object.defineProperty(exports, "SelectionMode", { enumerable: true, get: function () { return react_1.SelectionMode; } });
-Object.defineProperty(exports, "Selection", { enumerable: true, get: function () { return react_1.Selection; } });
-Object.defineProperty(exports, "DetailsListLayoutMode", { enumerable: true, get: function () { return react_1.DetailsListLayoutMode; } });
-exports.RenderInputs = {
-    never: false,
-    always: true
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RenderInputs = exports.DetailsListLayoutMode = exports.Selection = exports.SelectionMode = exports.CheckboxVisibility = exports.ColumnControlType = exports.CalculationType = void 0;
+require("./UITable.scss");
+var CalculationType;
+(function (CalculationType) {
+    CalculationType[CalculationType["Addition"] = 0] = "Addition";
+    CalculationType[CalculationType["Subtraction"] = 1] = "Subtraction";
+    CalculationType[CalculationType["Multiplication"] = 2] = "Multiplication";
+    CalculationType[CalculationType["Division"] = 3] = "Division";
+})(CalculationType = exports.CalculationType || (exports.CalculationType = {}));
+var ColumnControlType;
+(function (ColumnControlType) {
+    ColumnControlType[ColumnControlType["UITextInput"] = 0] = "UITextInput";
+    ColumnControlType[ColumnControlType["UIDropdown"] = 1] = "UIDropdown";
+    ColumnControlType[ColumnControlType["UIDatePicker"] = 2] = "UIDatePicker";
+    ColumnControlType[ColumnControlType["UICombobox"] = 3] = "UICombobox";
+    ColumnControlType[ColumnControlType["UIBooleanSelect"] = 4] = "UIBooleanSelect";
+})(ColumnControlType = exports.ColumnControlType || (exports.ColumnControlType = {}));
+var react_1 = require("@fluentui/react");
+Object.defineProperty(exports, "CheckboxVisibility", { enumerable: true, get: function () { return react_1.CheckboxVisibility; } });
+Object.defineProperty(exports, "SelectionMode", { enumerable: true, get: function () { return react_1.SelectionMode; } });
+Object.defineProperty(exports, "Selection", { enumerable: true, get: function () { return react_1.Selection; } });
+Object.defineProperty(exports, "DetailsListLayoutMode", { enumerable: true, get: function () { return react_1.DetailsListLayoutMode; } });
+exports.RenderInputs = {
+    never: false,
+    always: true
+};
 //# sourceMappingURL=types.js.map

package/dist/components/UITabs/UITabs.d.ts

@@ -1,29 +1,29 @@
-import React from 'react';
-import type { IPivotProps, IPivotStyles } from '@fluentui/react';
-import { PivotItem } from '@fluentui/react';
-export { PivotItem as UITabsItem };
-export interface UITabsProps extends IPivotProps {
-    items: string[];
-}
-/**
- * UITabs component.
- * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/pivot
- *
- * @exports
- * @class UITabs
- * @extends {React.Component<IPivotProps, {}>}
- */
-export declare class UITabs extends React.Component<UITabsProps, {}> {
-    /**
-     * Initializes component properties.
-     *
-     * @param {UITabsProps} props
-     */
-    constructor(props: UITabsProps);
-    protected setTabsStyle: () => Partial<IPivotStyles>;
-    /**
-     * @returns {JSX.Element}
-     */
-    render(): JSX.Element;
-}
+import React from 'react';
+import type { IPivotProps, IPivotStyles } from '@fluentui/react';
+import { PivotItem } from '@fluentui/react';
+export { PivotItem as UITabsItem };
+export interface UITabsProps extends IPivotProps {
+    items: string[];
+}
+/**
+ * UITabs component.
+ * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/pivot
+ *
+ * @exports
+ * @class UITabs
+ * @extends {React.Component<IPivotProps, {}>}
+ */
+export declare class UITabs extends React.Component<UITabsProps, {}> {
+    /**
+     * Initializes component properties.
+     *
+     * @param {UITabsProps} props
+     */
+    constructor(props: UITabsProps);
+    protected setTabsStyle: () => Partial<IPivotStyles>;
+    /**
+     * @returns {JSX.Element}
+     */
+    render(): JSX.Element;
+}
 //# sourceMappingURL=UITabs.d.ts.map

package/dist/components/UITabs/UITabs.js

@@ -1,71 +1,71 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UITabs = exports.UITabsItem = void 0;
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@fluentui/react");
-Object.defineProperty(exports, "UITabsItem", { enumerable: true, get: function () { return react_2.PivotItem; } });
-/**
- * UITabs component.
- * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/pivot
- *
- * @exports
- * @class UITabs
- * @extends {React.Component<IPivotProps, {}>}
- */
-class UITabs extends react_1.default.Component {
-    /**
-     * Initializes component properties.
-     *
-     * @param {UITabsProps} props
-     */
-    constructor(props) {
-        super(props);
-        this.setTabsStyle = () => {
-            return {
-                root: {
-                    color: 'var(--vscode-tab-activeForeground)',
-                    borderBottom: '1px solid var(--vscode-dropdown-border)'
-                },
-                link: {
-                    color: 'var(--vscode-tab-inactiveForeground)',
-                    selectors: {
-                        '&:active, &:hover': {
-                            backgroundColor: 'transparent',
-                            color: 'var(--vscode-tab-activeForeground)'
-                        }
-                    }
-                },
-                linkIsSelected: {
-                    color: 'var(--vscode-tab-activeForeground)',
-                    selectors: {
-                        '&:before': {
-                            height: 1,
-                            transition: 'none',
-                            left: 0,
-                            right: 0,
-                            backgroundColor: 'var(--vscode-inputOption-activeForeground)'
-                        }
-                    }
-                },
-                linkContent: {},
-                text: {
-                    fontFamily: 'var(--vscode-font-family)',
-                    fontSize: 13
-                }
-            };
-        };
-    }
-    /**
-     * @returns {JSX.Element}
-     */
-    render() {
-        return (react_1.default.createElement(react_2.Pivot, { ...this.props, styles: this.setTabsStyle() }, this.props.items.map((itemValue) => {
-            return react_1.default.createElement(react_2.PivotItem, { headerText: itemValue, key: itemValue, itemKey: itemValue });
-        })));
-    }
-}
-exports.UITabs = UITabs;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UITabs = exports.UITabsItem = void 0;
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@fluentui/react");
+Object.defineProperty(exports, "UITabsItem", { enumerable: true, get: function () { return react_2.PivotItem; } });
+/**
+ * UITabs component.
+ * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/pivot
+ *
+ * @exports
+ * @class UITabs
+ * @extends {React.Component<IPivotProps, {}>}
+ */
+class UITabs extends react_1.default.Component {
+    /**
+     * Initializes component properties.
+     *
+     * @param {UITabsProps} props
+     */
+    constructor(props) {
+        super(props);
+        this.setTabsStyle = () => {
+            return {
+                root: {
+                    color: 'var(--vscode-tab-activeForeground)',
+                    borderBottom: '1px solid var(--vscode-dropdown-border)'
+                },
+                link: {
+                    color: 'var(--vscode-tab-inactiveForeground)',
+                    selectors: {
+                        '&:active, &:hover': {
+                            backgroundColor: 'transparent',
+                            color: 'var(--vscode-tab-activeForeground)'
+                        }
+                    }
+                },
+                linkIsSelected: {
+                    color: 'var(--vscode-tab-activeForeground)',
+                    selectors: {
+                        '&:before': {
+                            height: 1,
+                            transition: 'none',
+                            left: 0,
+                            right: 0,
+                            backgroundColor: 'var(--vscode-inputOption-activeForeground)'
+                        }
+                    }
+                },
+                linkContent: {},
+                text: {
+                    fontFamily: 'var(--vscode-font-family)',
+                    fontSize: 13
+                }
+            };
+        };
+    }
+    /**
+     * @returns {JSX.Element}
+     */
+    render() {
+        return (react_1.default.createElement(react_2.Pivot, { ...this.props, styles: this.setTabsStyle() }, this.props.items.map((itemValue) => {
+            return react_1.default.createElement(react_2.PivotItem, { headerText: itemValue, key: itemValue, itemKey: itemValue });
+        })));
+    }
+}
+exports.UITabs = UITabs;
 //# sourceMappingURL=UITabs.js.map

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

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

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

package/dist/components/UIToggle/UIToggle.d.ts

@@ -1,40 +1,40 @@
-import React from 'react';
-import type { IToggleProps } from '@fluentui/react';
-import type { UIComponentMessagesProps } from '../../helper/ValidationMessage';
-export interface UIToggleProps extends IToggleProps, UIComponentMessagesProps {
-    inlineLabelLeft?: boolean;
-    labelFlexGrow?: boolean;
-    size?: UIToggleSize;
-}
-export declare enum UIToggleSize {
-    Standard = "Standard",
-    Small = "Small"
-}
-/**
- * UIToggle component.
- * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/toggle
- *
- * @exports
- * @class UIToggle
- * @extends {React.Component<IToggleProps, {}>}
- */
-export declare class UIToggle extends React.Component<UIToggleProps, {}> {
-    /**
-     * Initializes component properties.
-     *
-     * @param {UIToggleProps} props
-     */
-    constructor(props: UIToggleProps);
-    /**
-     * Method returns size of margin bottom for root container depending on current props state.
-     *
-     * @param {string} [message] Validation message.
-     * @returns {number | undefined} Value for margin bottom.
-     */
-    getMarginBottom(message?: string): number | undefined;
-    /**
-     * @returns {JSX.Element}
-     */
-    render(): JSX.Element;
-}
+import React from 'react';
+import type { IToggleProps } from '@fluentui/react';
+import type { UIComponentMessagesProps } from '../../helper/ValidationMessage';
+export interface UIToggleProps extends IToggleProps, UIComponentMessagesProps {
+    inlineLabelLeft?: boolean;
+    labelFlexGrow?: boolean;
+    size?: UIToggleSize;
+}
+export declare enum UIToggleSize {
+    Standard = "Standard",
+    Small = "Small"
+}
+/**
+ * UIToggle component.
+ * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/toggle
+ *
+ * @exports
+ * @class UIToggle
+ * @extends {React.Component<IToggleProps, {}>}
+ */
+export declare class UIToggle extends React.Component<UIToggleProps, {}> {
+    /**
+     * Initializes component properties.
+     *
+     * @param {UIToggleProps} props
+     */
+    constructor(props: UIToggleProps);
+    /**
+     * Method returns size of margin bottom for root container depending on current props state.
+     *
+     * @param {string} [message] Validation message.
+     * @returns {number | undefined} Value for margin bottom.
+     */
+    getMarginBottom(message?: string): number | undefined;
+    /**
+     * @returns {JSX.Element}
+     */
+    render(): JSX.Element;
+}
 //# sourceMappingURL=UIToggle.d.ts.map