@sap-ux/ui-components 1.8.0 → 1.8.2

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

@@ -1,6 +1,6 @@
-export * from './UIFlexibleTable';
-export * from './UIFlexibleTableRowActionButton';
-export * from './UIFlexibleTableActionButton';
-export * from './utils';
-export * from './types';
+export * from './UIFlexibleTable';
+export * from './UIFlexibleTableRowActionButton';
+export * from './UIFlexibleTableActionButton';
+export * from './utils';
+export * from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/UIFlexibleTable/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("./UIFlexibleTable"), exports);
-__exportStar(require("./UIFlexibleTableRowActionButton"), exports);
-__exportStar(require("./UIFlexibleTableActionButton"), exports);
-__exportStar(require("./utils"), exports);
-__exportStar(require("./types"), 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("./UIFlexibleTable"), exports);
+__exportStar(require("./UIFlexibleTableRowActionButton"), exports);
+__exportStar(require("./UIFlexibleTableActionButton"), exports);
+__exportStar(require("./utils"), exports);
+__exportStar(require("./types"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1,143 +1,143 @@
-/// <reference types="react" />
-import type { IItemProps } from 'react-movable/lib/types';
-export declare enum UIFlexibleTableLayout {
-    InlineFlex = "InlineFlex",
-    Wrapping = "Wrapping"
-}
-export interface UIFlexibleTableColumnType {
-    title: string;
-    key: string;
-    className?: string;
-    hidden?: boolean;
-    tooltip?: string;
-}
-export type TableRowCells<T> = {
-    [key: string]: T;
-};
-export interface UIFlexibleTableRowType<T> {
-    key: string;
-    cells: TableRowCells<T>;
-    title?: string;
-    className?: string;
-    tooltip?: string;
-}
-export interface TableRowEventHandlerParameters<T> {
-    readonly: boolean;
-    rowIndex: number;
-    rowKey: string;
-    cells: TableRowCells<T>;
-}
-export interface TitleCellRendererParams {
-    colIndex?: number;
-    colKey?: string;
-    isActionsColumn?: boolean;
-    isIndexColumn?: boolean;
-}
-export interface CellRendererParams<T> extends TableRowEventHandlerParameters<T> {
-    colIndex: number;
-    colKey: string;
-    isInRowLayout: boolean;
-    value: T;
-}
-export interface CellRendererResult {
-    content: React.ReactNode;
-    title?: string | React.ReactNode;
-    isSpan?: boolean;
-    cellClassNames?: string | string[];
-    tooltip?: string;
-}
-export type AddRowResultType = {
-    scrollToRow?: number;
-} | undefined;
-export interface UIFlexibleTableProps<T> {
-    addRowButton?: {
-        label: string;
-        title?: string;
-        onClick?: () => AddRowResultType | Promise<AddRowResultType>;
-    };
-    columns: UIFlexibleTableColumnType[];
-    id: string;
-    isAddItemDisabled?: boolean;
-    isContentLoading?: boolean;
-    inRowLayoutMinWidth?: number;
-    layout: UIFlexibleTableLayout;
-    maxScrollableContentHeight?: number;
-    maxWidth?: number;
-    noRowBackground?: boolean;
-    onBeforeTableRender?: (params: {
-        rows: UIFlexibleTableRowType<T>[];
-    }) => {
-        rows: (UIFlexibleTableRowType<T> & {
-            disabled: boolean;
-        })[];
-    };
-    onDeleteRow?: (params: TableRowEventHandlerParameters<T>) => void;
-    onRenderPrimaryTableActions?: (params: {
-        readonly: boolean;
-    }) => React.ReactElement[];
-    onRenderSecondaryTableActions?: (params: {
-        readonly: boolean;
-    }) => React.ReactElement[];
-    onRenderActions?: (params: TableRowEventHandlerParameters<T>) => React.ReactElement[];
-    onRenderReorderActions?: (params: TableRowEventHandlerParameters<T>) => undefined | {
-        up?: {
-            disabled: boolean;
-            tooltip?: string;
-        };
-        down?: {
-            disabled: boolean;
-            tooltip?: string;
-        };
-    };
-    onRenderDeleteAction?: (params: TableRowEventHandlerParameters<T>) => {
-        isDeleteDisabled: boolean;
-        tooltip?: string;
-    };
-    onStartDragging?: (params: {
-        elements: Element[];
-        index: number;
-    }) => void;
-    onRenderRowContainer?: (params: {
-        readonly: boolean;
-        rowIndex?: number;
-        isDragged: boolean;
-    }) => {
-        isDropWarning?: boolean;
-    };
-    onRenderCell: (params: CellRendererParams<T>) => CellRendererResult;
-    onRenderRowDataContent?: (params: TableRowEventHandlerParameters<T>) => React.ReactNode | undefined;
-    onRenderTitleColumnCell?: (params: TitleCellRendererParams) => CellRendererResult;
-    onTableReorder?: (params: {
-        oldIndex: number;
-        newIndex: number;
-    }) => void | {
-        isDropDisabled: boolean;
-    };
-    onContentSizeChange?: (params: {
-        height: number;
-        width: number;
-    }) => void;
-    readonly?: boolean;
-    rows: UIFlexibleTableRowType<T>[];
-    showIndexColumn?: boolean;
-    showColumnTitles?: boolean;
-    showColumnTitlesInCells?: boolean;
-    showRowTitles?: boolean;
-    lockVertically?: boolean;
-    reverseBackground?: boolean;
-    noDataText?: string | React.ReactElement;
-}
-export interface NodeDragAndDropSortingParams {
-    index?: number;
-    isDragged: boolean;
-    isOutOfBounds: boolean;
-    isSelected: boolean;
-    props: IItemProps;
-    value: unknown;
-}
-export declare enum UIFlexibleTableNoDataAlignment {
-    Left = "left",
-    Right = "right",
-    Center = "center"
-}
+/// <reference types="react" />
+import type { IItemProps } from 'react-movable/lib/types';
+export declare enum UIFlexibleTableLayout {
+    InlineFlex = "InlineFlex",
+    Wrapping = "Wrapping"
+}
+export interface UIFlexibleTableColumnType {
+    title: string;
+    key: string;
+    className?: string;
+    hidden?: boolean;
+    tooltip?: string;
+}
+export type TableRowCells<T> = {
+    [key: string]: T;
+};
+export interface UIFlexibleTableRowType<T> {
+    key: string;
+    cells: TableRowCells<T>;
+    title?: string;
+    className?: string;
+    tooltip?: string;
+}
+export interface TableRowEventHandlerParameters<T> {
+    readonly: boolean;
+    rowIndex: number;
+    rowKey: string;
+    cells: TableRowCells<T>;
+}
+export interface TitleCellRendererParams {
+    colIndex?: number;
+    colKey?: string;
+    isActionsColumn?: boolean;
+    isIndexColumn?: boolean;
+}
+export interface CellRendererParams<T> extends TableRowEventHandlerParameters<T> {
+    colIndex: number;
+    colKey: string;
+    isInRowLayout: boolean;
+    value: T;
+}
+export interface CellRendererResult {
+    content: React.ReactNode;
+    title?: string | React.ReactNode;
+    isSpan?: boolean;
+    cellClassNames?: string | string[];
+    tooltip?: string;
+}
+export type AddRowResultType = {
+    scrollToRow?: number;
+} | undefined;
+export interface UIFlexibleTableProps<T> {
+    addRowButton?: {
+        label: string;
+        title?: string;
+        onClick?: () => AddRowResultType | Promise<AddRowResultType>;
+    };
+    columns: UIFlexibleTableColumnType[];
+    id: string;
+    isAddItemDisabled?: boolean;
+    isContentLoading?: boolean;
+    inRowLayoutMinWidth?: number;
+    layout: UIFlexibleTableLayout;
+    maxScrollableContentHeight?: number;
+    maxWidth?: number;
+    noRowBackground?: boolean;
+    onBeforeTableRender?: (params: {
+        rows: UIFlexibleTableRowType<T>[];
+    }) => {
+        rows: (UIFlexibleTableRowType<T> & {
+            disabled: boolean;
+        })[];
+    };
+    onDeleteRow?: (params: TableRowEventHandlerParameters<T>) => void;
+    onRenderPrimaryTableActions?: (params: {
+        readonly: boolean;
+    }) => React.ReactElement[];
+    onRenderSecondaryTableActions?: (params: {
+        readonly: boolean;
+    }) => React.ReactElement[];
+    onRenderActions?: (params: TableRowEventHandlerParameters<T>) => React.ReactElement[];
+    onRenderReorderActions?: (params: TableRowEventHandlerParameters<T>) => undefined | {
+        up?: {
+            disabled: boolean;
+            tooltip?: string;
+        };
+        down?: {
+            disabled: boolean;
+            tooltip?: string;
+        };
+    };
+    onRenderDeleteAction?: (params: TableRowEventHandlerParameters<T>) => {
+        isDeleteDisabled: boolean;
+        tooltip?: string;
+    };
+    onStartDragging?: (params: {
+        elements: Element[];
+        index: number;
+    }) => void;
+    onRenderRowContainer?: (params: {
+        readonly: boolean;
+        rowIndex?: number;
+        isDragged: boolean;
+    }) => {
+        isDropWarning?: boolean;
+    };
+    onRenderCell: (params: CellRendererParams<T>) => CellRendererResult;
+    onRenderRowDataContent?: (params: TableRowEventHandlerParameters<T>) => React.ReactNode | undefined;
+    onRenderTitleColumnCell?: (params: TitleCellRendererParams) => CellRendererResult;
+    onTableReorder?: (params: {
+        oldIndex: number;
+        newIndex: number;
+    }) => void | {
+        isDropDisabled: boolean;
+    };
+    onContentSizeChange?: (params: {
+        height: number;
+        width: number;
+    }) => void;
+    readonly?: boolean;
+    rows: UIFlexibleTableRowType<T>[];
+    showIndexColumn?: boolean;
+    showColumnTitles?: boolean;
+    showColumnTitlesInCells?: boolean;
+    showRowTitles?: boolean;
+    lockVertically?: boolean;
+    reverseBackground?: boolean;
+    noDataText?: string | React.ReactElement;
+}
+export interface NodeDragAndDropSortingParams {
+    index?: number;
+    isDragged: boolean;
+    isOutOfBounds: boolean;
+    isSelected: boolean;
+    props: IItemProps;
+    value: unknown;
+}
+export declare enum UIFlexibleTableNoDataAlignment {
+    Left = "left",
+    Right = "right",
+    Center = "center"
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/components/UIFlexibleTable/types.js

@@ -1,15 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UIFlexibleTableNoDataAlignment = exports.UIFlexibleTableLayout = void 0;
-var UIFlexibleTableLayout;
-(function (UIFlexibleTableLayout) {
-    UIFlexibleTableLayout["InlineFlex"] = "InlineFlex";
-    UIFlexibleTableLayout["Wrapping"] = "Wrapping";
-})(UIFlexibleTableLayout = exports.UIFlexibleTableLayout || (exports.UIFlexibleTableLayout = {}));
-var UIFlexibleTableNoDataAlignment;
-(function (UIFlexibleTableNoDataAlignment) {
-    UIFlexibleTableNoDataAlignment["Left"] = "left";
-    UIFlexibleTableNoDataAlignment["Right"] = "right";
-    UIFlexibleTableNoDataAlignment["Center"] = "center";
-})(UIFlexibleTableNoDataAlignment = exports.UIFlexibleTableNoDataAlignment || (exports.UIFlexibleTableNoDataAlignment = {}));
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UIFlexibleTableNoDataAlignment = exports.UIFlexibleTableLayout = void 0;
+var UIFlexibleTableLayout;
+(function (UIFlexibleTableLayout) {
+    UIFlexibleTableLayout["InlineFlex"] = "InlineFlex";
+    UIFlexibleTableLayout["Wrapping"] = "Wrapping";
+})(UIFlexibleTableLayout = exports.UIFlexibleTableLayout || (exports.UIFlexibleTableLayout = {}));
+var UIFlexibleTableNoDataAlignment;
+(function (UIFlexibleTableNoDataAlignment) {
+    UIFlexibleTableNoDataAlignment["Left"] = "left";
+    UIFlexibleTableNoDataAlignment["Right"] = "right";
+    UIFlexibleTableNoDataAlignment["Center"] = "center";
+})(UIFlexibleTableNoDataAlignment = exports.UIFlexibleTableNoDataAlignment || (exports.UIFlexibleTableNoDataAlignment = {}));
 //# sourceMappingURL=types.js.map

package/dist/components/UIFlexibleTable/utils.d.ts

@@ -1,26 +1,26 @@
-/**
- * Get row actions button id.
- *
- * @param {string} tableId
- * @param {number | undefined} rowNumber
- * @param {string} actionName
- * @returns {string}
- */
-export declare function getRowActionButtonId(tableId: string, rowNumber: number | undefined, actionName: string): string;
-/**
- * Gets table actions button id.
- *
- * @param {string} tableId
- * @param {string} actionName
- * @returns {string}
- */
-export declare function getTableActionButtonId(tableId: string, actionName: string): string;
-/**
- * Composes class name.
- *
- * @param {string} initialClass
- * @param {string | string[]} additionalClassNames
- * @returns {string}
- */
-export declare function composeClassNames(initialClass: string, additionalClassNames?: (string | string[] | undefined)[]): string;
+/**
+ * Get row actions button id.
+ *
+ * @param {string} tableId
+ * @param {number | undefined} rowNumber
+ * @param {string} actionName
+ * @returns {string}
+ */
+export declare function getRowActionButtonId(tableId: string, rowNumber: number | undefined, actionName: string): string;
+/**
+ * Gets table actions button id.
+ *
+ * @param {string} tableId
+ * @param {string} actionName
+ * @returns {string}
+ */
+export declare function getTableActionButtonId(tableId: string, actionName: string): string;
+/**
+ * Composes class name.
+ *
+ * @param {string} initialClass
+ * @param {string | string[]} additionalClassNames
+ * @returns {string}
+ */
+export declare function composeClassNames(initialClass: string, additionalClassNames?: (string | string[] | undefined)[]): string;
 //# sourceMappingURL=utils.d.ts.map

package/dist/components/UIFlexibleTable/utils.js

@@ -1,50 +1,50 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.composeClassNames = exports.getTableActionButtonId = exports.getRowActionButtonId = void 0;
-/**
- * Get row actions button id.
- *
- * @param {string} tableId
- * @param {number | undefined} rowNumber
- * @param {string} actionName
- * @returns {string}
- */
-function getRowActionButtonId(tableId, rowNumber, actionName) {
-    return `table-${tableId || 'unknown'}-content-row-${rowNumber ?? 'unknown'}-actions-${actionName}`;
-}
-exports.getRowActionButtonId = getRowActionButtonId;
-/**
- * Gets table actions button id.
- *
- * @param {string} tableId
- * @param {string} actionName
- * @returns {string}
- */
-function getTableActionButtonId(tableId, actionName) {
-    return `table-${tableId || 'unknown'}-actions-${actionName}`;
-}
-exports.getTableActionButtonId = getTableActionButtonId;
-/**
- * Composes class name.
- *
- * @param {string} initialClass
- * @param {string | string[]} additionalClassNames
- * @returns {string}
- */
-function composeClassNames(initialClass, additionalClassNames) {
-    const classList = [initialClass];
-    const addToArray = (array, items) => {
-        if (items) {
-            if (Array.isArray(items)) {
-                items.forEach((i) => addToArray(array, i));
-            }
-            else {
-                array.push(items);
-            }
-        }
-    };
-    addToArray(classList, additionalClassNames);
-    return classList.filter((item) => !!item).join(' ');
-}
-exports.composeClassNames = composeClassNames;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.composeClassNames = exports.getTableActionButtonId = exports.getRowActionButtonId = void 0;
+/**
+ * Get row actions button id.
+ *
+ * @param {string} tableId
+ * @param {number | undefined} rowNumber
+ * @param {string} actionName
+ * @returns {string}
+ */
+function getRowActionButtonId(tableId, rowNumber, actionName) {
+    return `table-${tableId || 'unknown'}-content-row-${rowNumber ?? 'unknown'}-actions-${actionName}`;
+}
+exports.getRowActionButtonId = getRowActionButtonId;
+/**
+ * Gets table actions button id.
+ *
+ * @param {string} tableId
+ * @param {string} actionName
+ * @returns {string}
+ */
+function getTableActionButtonId(tableId, actionName) {
+    return `table-${tableId || 'unknown'}-actions-${actionName}`;
+}
+exports.getTableActionButtonId = getTableActionButtonId;
+/**
+ * Composes class name.
+ *
+ * @param {string} initialClass
+ * @param {string | string[]} additionalClassNames
+ * @returns {string}
+ */
+function composeClassNames(initialClass, additionalClassNames) {
+    const classList = [initialClass];
+    const addToArray = (array, items) => {
+        if (items) {
+            if (Array.isArray(items)) {
+                items.forEach((i) => addToArray(array, i));
+            }
+            else {
+                array.push(items);
+            }
+        }
+    };
+    addToArray(classList, additionalClassNames);
+    return classList.filter((item) => !!item).join(' ');
+}
+exports.composeClassNames = composeClassNames;
 //# sourceMappingURL=utils.js.map

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

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

package/dist/components/UIFocusZone/UIFocusTrapZone.js

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