@sap-ux/ui-components 1.0.0

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { UiIcons } from '..';
+export interface UIFlexibleTableRowActionProps {
+    actionName: string;
+    className?: string;
+    iconName: UiIcons;
+    disabled?: boolean;
+    rowNumber: number;
+    tableId: string;
+    title?: string;
+    onClick?: () => void;
+    onFocus?: () => void;
+}
+/**
+ * UIFlexibleTableRowActionButton Component.
+ *
+ * @param {UIFlexibleTableRowActionProps} props
+ * @returns {React.ReactElement}
+ */
+export declare function UIFlexibleTableRowActionButton(props: UIFlexibleTableRowActionProps): React.ReactElement;
+//# sourceMappingURL=UIFlexibleTableRowActionButton.d.ts.map

package/dist/components/UIFlexibleTable/UIFlexibleTableRowActionButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UIFlexibleTableRowActionButton.d.ts","sourceRoot":"","sources":["../../../src/components/UIFlexibleTable/UIFlexibleTableRowActionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC;AAIlC,MAAM,WAAW,6BAA6B;IAC1C,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED;;;;;GAKG;AACH,wBAAgB,8BAA8B,CAAC,KAAK,EAAE,6BAA6B,GAAG,KAAK,CAAC,YAAY,CAevG"}

package/dist/components/UIFlexibleTable/UIFlexibleTableRowActionButton.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UIFlexibleTableRowActionButton = void 0;
+const react_1 = __importDefault(require("react"));
+const __1 = require("..");
+const utils_1 = require("./utils");
+/**
+ * UIFlexibleTableRowActionButton Component.
+ *
+ * @param {UIFlexibleTableRowActionProps} props
+ * @returns {React.ReactElement}
+ */
+function UIFlexibleTableRowActionButton(props) {
+    return (react_1.default.createElement(__1.UIIconButton, { id: utils_1.getRowActionButtonId(props.tableId, props.rowNumber, props.actionName), key: `table-row-${props.rowNumber}-actions-${props.actionName}`, className: `flexible-table-content-table-row-item-actions-${props.actionName}${props.className ? ' ' + props.className : ''}`, onClick: props.onClick, onFocus: props.onFocus, disabled: props.disabled, iconProps: { iconName: props.iconName }, title: props.title }));
+}
+exports.UIFlexibleTableRowActionButton = UIFlexibleTableRowActionButton;
+//# sourceMappingURL=UIFlexibleTableRowActionButton.js.map

package/dist/components/UIFlexibleTable/UIFlexibleTableRowActionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UIFlexibleTableRowActionButton.js","sourceRoot":"","sources":["../../../src/components/UIFlexibleTable/UIFlexibleTableRowActionButton.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,0BAAkC;AAClC,mCAA+C;AAc/C;;;;;GAKG;AACH,SAAgB,8BAA8B,CAAC,KAAoC;IAC/E,OAAO,CACH,8BAAC,gBAAY,IACT,EAAE,EAAE,4BAAoB,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,UAAU,CAAC,EAC1E,GAAG,EAAE,aAAa,KAAK,CAAC,SAAS,YAAY,KAAK,CAAC,UAAU,EAAE,EAC/D,SAAS,EAAE,iDAAiD,KAAK,CAAC,UAAU,GACxE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAC9C,EAAE,EACF,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,SAAS,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,EACvC,KAAK,EAAE,KAAK,CAAC,KAAK,GACpB,CACL,CAAC;AACN,CAAC;AAfD,wEAeC"}

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

@@ -0,0 +1,6 @@
+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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/UIFlexibleTable/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,kCAAkC,CAAC;AACjD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

package/dist/components/UIFlexibleTable/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/UIFlexibleTable/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,oDAAkC;AAClC,mEAAiD;AACjD,gEAA8C;AAC9C,0CAAwB;AACxB,0CAAwB"}

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

@@ -0,0 +1,103 @@
+/// <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;
+}
+export declare type TableRowCells<T> = {
+    [key: string]: T;
+};
+export interface UIFlexibleTableRowType<T> {
+    key: string;
+    cells: TableRowCells<T>;
+    title?: string;
+    className?: 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[];
+}
+export declare 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;
+    onDeleteRow?: (params: TableRowEventHandlerParameters<T>) => void;
+    onRenderPrimaryTableActions?: (params: {
+        readonly: boolean;
+    }) => React.ReactElement[];
+    onRenderSecondaryTableActions?: (params: {
+        readonly: boolean;
+    }) => React.ReactElement[];
+    onRenderActions?: (params: TableRowEventHandlerParameters<T>) => React.ReactElement[];
+    onRenderDeleteAction?: (params: TableRowEventHandlerParameters<T>) => {
+        isDeleteDisabled: boolean;
+    };
+    onRenderCell: (params: CellRendererParams<T>) => CellRendererResult;
+    onRenderRowDataContent?: (params: TableRowEventHandlerParameters<T>) => React.ReactNode | undefined;
+    onRenderTitleColumnCell?: (params: TitleCellRendererParams) => CellRendererResult;
+    onTableReorder?: (params: {
+        oldIndex: number;
+        newIndex: number;
+    }) => void;
+    onContentSizeChange?: (params: {
+        height: number;
+        width: number;
+    }) => void;
+    readonly?: boolean;
+    rows: UIFlexibleTableRowType<T>[];
+    showIndexColumn?: boolean;
+    showColumnTitles?: boolean;
+    showColumnTitlesInCells?: boolean;
+    showRowTitles?: boolean;
+    lockVertically?: boolean;
+    reverseBackground?: boolean;
+}
+export interface NodeDragAndDropSortingParams {
+    index?: number;
+    isDragged: boolean;
+    isOutOfBounds: boolean;
+    isSelected: boolean;
+    props: IItemProps;
+    value: unknown;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/UIFlexibleTable/types.ts"],"names":[],"mappings":"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"}

package/dist/components/UIFlexibleTable/types.js

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

package/dist/components/UIFlexibleTable/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/UIFlexibleTable/types.ts"],"names":[],"mappings":";;;AAEA,IAAY,qBAGX;AAHD,WAAY,qBAAqB;IAC7B,kDAAyB,CAAA;IACzB,8CAAqB,CAAA;AACzB,CAAC,EAHW,qBAAqB,GAArB,6BAAqB,KAArB,6BAAqB,QAGhC"}

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

@@ -0,0 +1,29 @@
+/**
+ * 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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/UIFlexibleTable/utils.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,SAAS,EAAE,UAAU,EAAE,MAAM,GAAG,MAAM,CAE/G;AAED;;;;;;;GAOG;AACH,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,MAAM,CAElF;AAED;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAC7B,YAAY,EAAE,MAAM,EACpB,oBAAoB,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC,EAAE,GACzD,MAAM,CAcR"}

package/dist/components/UIFlexibleTable/utils.js

@@ -0,0 +1,53 @@
+"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/UIFlexibleTable/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/UIFlexibleTable/utils.ts"],"names":[],"mappings":";;;AAAA;;;;;;;;GAQG;AACH,SAAgB,oBAAoB,CAAC,OAAe,EAAE,SAA6B,EAAE,UAAkB;IACnG,OAAO,SAAS,OAAO,IAAI,SAAS,gBAAgB,SAAS,IAAI,SAAS,YAAY,UAAU,EAAE,CAAC;AACvG,CAAC;AAFD,oDAEC;AAED;;;;;;;GAOG;AACH,SAAgB,sBAAsB,CAAC,OAAe,EAAE,UAAkB;IACtE,OAAO,SAAS,OAAO,IAAI,SAAS,YAAY,UAAU,EAAE,CAAC;AACjE,CAAC;AAFD,wDAEC;AAED;;;;;;;GAOG;AACH,SAAgB,iBAAiB,CAC7B,YAAoB,EACpB,oBAAwD;IAExD,MAAM,SAAS,GAAa,CAAC,YAAY,CAAC,CAAC;IAC3C,MAAM,UAAU,GAAG,CAAC,KAAe,EAAE,KAAwE,EAAE,EAAE;QAC7G,IAAI,KAAK,EAAE;YACP,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBACtB,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;aAC9C;iBAAM;gBACH,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aACrB;SACJ;IACL,CAAC,CAAC;IAEF,UAAU,CAAC,SAAS,EAAE,oBAAoB,CAAC,CAAC;IAC5C,OAAO,SAAS,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACxD,CAAC;AAjBD,8CAiBC"}

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

@@ -0,0 +1,22 @@
+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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UIFocusTrapZone.d.ts","sourceRoot":"","sources":["../../../src/components/UIFocusZone/UIFocusTrapZone.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAG3D;;;;;;;GAOG;AACH,qBAAa,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,mBAAmB,EAAE,EAAE,CAAC;IACzE;;;OAGG;gBACgB,KAAK,EAAE,mBAAmB;IAI7C;;OAEG;IACH,MAAM,IAAI,GAAG,CAAC,OAAO;CAGxB"}

package/dist/components/UIFocusZone/UIFocusTrapZone.js

@@ -0,0 +1,33 @@
+"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

package/dist/components/UIFocusZone/UIFocusTrapZone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UIFocusTrapZone.js","sourceRoot":"","sources":["../../../src/components/UIFocusZone/UIFocusTrapZone.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,2CAAgD;AAEhD;;;;;;;GAOG;AACH,MAAa,eAAgB,SAAQ,eAAK,CAAC,SAAkC;IACzE;;;OAGG;IACH,YAAmB,KAA0B;QACzC,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAED;;OAEG;IACH,MAAM;QACF,OAAO,8BAAC,qBAAa,OAAK,IAAI,CAAC,KAAK,IAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAiB,CAAC;IAChF,CAAC;CACJ;AAfD,0CAeC"}

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

@@ -0,0 +1,23 @@
+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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UIFocusZone.d.ts","sourceRoot":"","sources":["../../../src/components/UIFocusZone/UIFocusZone.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAa,eAAe,EAAE,kBAAkB,EAAE,UAAU,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AACxH,OAAO,EACH,kBAAkB,IAAI,oBAAoB,EAC1C,eAAe,IAAI,gBAAgB,EACnC,UAAU,EACV,yBAAyB,IAAI,2BAA2B,EAC3D,CAAC;AAEF;;;;;;;GAOG;AACH,qBAAa,WAAY,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,EAAE,EAAE,CAAC;IACjE;;;OAGG;gBACgB,KAAK,EAAE,eAAe;IAIzC;;OAEG;IACH,MAAM,IAAI,GAAG,CAAC,OAAO;CAGxB"}

package/dist/components/UIFocusZone/UIFocusZone.js

@@ -0,0 +1,35 @@
+"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/UIFocusZone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UIFocusZone.js","sourceRoot":"","sources":["../../../src/components/UIFocusZone/UIFocusZone.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,2CAAwH;AAE9F,qGAFW,0BAAkB,OAET;AAGb,4GALoC,iCAAyB,OAKlC;AAG5D;;;;;;;GAOG;AACH,MAAa,WAAY,SAAQ,eAAK,CAAC,SAA8B;IACjE;;;OAGG;IACH,YAAmB,KAAsB;QACrC,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAED;;OAEG;IACH,MAAM;QACF,OAAO,8BAAC,iBAAS,OAAK,IAAI,CAAC,KAAK,IAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAa,CAAC;IACxE,CAAC;CACJ;AAfD,kCAeC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/UIFocusZone/index.tsx"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC"}

package/dist/components/UIFocusZone/index.js

@@ -0,0 +1,15 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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/UIFocusZone/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/UIFocusZone/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,oDAAkC;AAClC,gDAA8B"}

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

@@ -0,0 +1,24 @@
+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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UIIcon.d.ts","sourceRoot":"","sources":["../../../src/components/UIIcon/UIIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE/D,OAAO,eAAe,CAAC;AAEvB;;;;;;;GAOG;AACH,qBAAa,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,UAAU,EAAE,EAAE,CAAC;IACvD;;;OAGG;gBACgB,KAAK,EAAE,UAAU;IAIpC,SAAS,CAAC,QAAQ,QAAO,WAAW,CAElC;IAEF;;OAEG;IACH,MAAM,IAAI,GAAG,CAAC,OAAO;CASxB"}

package/dist/components/UIIcon/UIIcon.js

@@ -0,0 +1,37 @@
+"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.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UIIcon.js","sourceRoot":"","sources":["../../../src/components/UIIcon/UIIcon.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,2CAAuC;AACvC,yBAAuB;AAEvB;;;;;;;GAOG;AACH,MAAa,MAAO,SAAQ,eAAK,CAAC,SAAyB;IACvD;;;OAGG;IACH,YAAmB,KAAiB;QAChC,KAAK,CAAC,KAAK,CAAC,CAAC;QAGP,aAAQ,GAAG,GAAgB,EAAE;YACnC,OAAO,EAAE,CAAC;QACd,CAAC,CAAC;IAJF,CAAC;IAMD;;OAEG;IACH,MAAM;QACF,OAAO,CACH,8BAAC,YAAI,OACG,IAAI,CAAC,KAAK,EACd,SAAS,EAAE,UAAU,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAC7E,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE,GACzB,CACL,CAAC;IACN,CAAC;CACJ;AAzBD,wBAyBC"}

package/dist/components/UIIcon/UIIcon.scss

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/UIIcon/index.tsx"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/components/UIIcon/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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/UIIcon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/UIIcon/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2CAAyB"}

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { ITextFieldProps } from '@fluentui/react';
+import type { UIMessagesExtendedProps } from '../../helper/ValidationMessage';
+export { ITextField, ITextFieldProps } from '@fluentui/react';
+export declare 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);
+    /**
+     * @returns {JSX.Element}
+     */
+    render(): JSX.Element;
+}
+//# sourceMappingURL=UITextInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UITextInput.d.ts","sourceRoot":"","sources":["../../../src/components/UIInput/UITextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,eAAe,EAA0C,MAAM,iBAAiB,CAAC;AAE/F,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAI9E,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAE9D,oBAAY,gBAAgB,GAAG,eAAe,GAAG,uBAAuB,CAAC;AAEzE;;;;;;;GAOG;AACH,qBAAa,WAAY,SAAQ,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC;IAC9D;;;OAGG;gBACgB,KAAK,EAAE,gBAAgB;IAI1C;;OAEG;IACH,MAAM,IAAI,GAAG,CAAC,OAAO;CAyJxB"}