@sap-ux/ui-components 1.0.0

package/dist/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UIToggleGroupOption.types.js","sourceRoot":"","sources":["../../../../src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.types.ts"],"names":[],"mappings":""}

package/dist/components/UIToggleGroup/UIToggleGroupOption/index.d.ts

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

package/dist/components/UIToggleGroup/UIToggleGroupOption/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/UIToggleGroup/UIToggleGroupOption/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC"}

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

package/dist/components/UIToggleGroup/UIToggleGroupOption/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/UIToggleGroup/UIToggleGroupOption/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,wDAAsC;AACtC,8DAA4C"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/UIToggleGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC"}

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

package/dist/components/UIToggleGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/UIToggleGroup/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,kDAAgC;AAChC,wDAAsC"}

package/dist/components/UIToolbar/UIToolbar.d.ts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import './UIToolbar.scss';
+export interface UIToolbarProps {
+    className?: string;
+    children: React.ReactNode;
+    breakPointLarge?: number;
+    breakPointMedium?: number;
+    breakPointSmall?: number;
+    onResize?(width: number, widthName: string): void;
+}
+export interface UIToolbarState {
+    toolbarWidthClassName: string;
+}
+/**
+ * UIToolbar component.
+ *
+ * @exports
+ * @class {UIToolbar}
+ * @extends {React.Component<UIToolbarProps, UIToolbarState>}
+ */
+export declare class UIToolbar extends React.Component<UIToolbarProps, UIToolbarState> {
+    private toolbarRef;
+    resizeObserver: any;
+    /**
+     * Initializes component properties.
+     *
+     * @param props
+     */
+    constructor(props: UIToolbarProps);
+    componentDidMount(): void;
+    onResize: () => void;
+    /**
+     * @returns {React.ReactNode}
+     */
+    render(): React.ReactNode;
+}
+//# sourceMappingURL=UIToolbar.d.ts.map

package/dist/components/UIToolbar/UIToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UIToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/UIToolbar/UIToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,cAAc;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;CACrD;AAED,MAAM,WAAW,cAAc;IAC3B,qBAAqB,EAAE,MAAM,CAAC;CACjC;AAgBD;;;;;;GAMG;AACH,qBAAa,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;IAC1E,OAAO,CAAC,UAAU,CAAkC;IACpD,cAAc,EAAE,GAAG,CAAC;IAEpB;;;;OAIG;gBACS,KAAK,EAAE,cAAc;IAW1B,iBAAiB,IAAI,IAAI;IAKzB,QAAQ,QAAO,IAAI,CA6CxB;IAEF;;OAEG;IACH,MAAM,IAAI,KAAK,CAAC,SAAS;CAe5B"}

package/dist/components/UIToolbar/UIToolbar.js

@@ -0,0 +1,101 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UIToolbar = void 0;
+const React = __importStar(require("react"));
+require("./UIToolbar.scss");
+/**
+ * UIToolbar component.
+ *
+ * @exports
+ * @class {UIToolbar}
+ * @extends {React.Component<UIToolbarProps, UIToolbarState>}
+ */
+class UIToolbar extends React.Component {
+    /**
+     * Initializes component properties.
+     *
+     * @param props
+     */
+    constructor(props) {
+        super(props);
+        this.onResize = () => {
+            const toolbarWidth = this.toolbarRef.current?.clientWidth;
+            let breakPointLarge = 800;
+            let breakPointMedium = 660;
+            let breakPointSmall = 420;
+            if (this.props.breakPointLarge) {
+                breakPointLarge = this.props.breakPointLarge;
+            }
+            if (this.props.breakPointMedium) {
+                breakPointMedium = this.props.breakPointMedium;
+            }
+            if (this.props.breakPointSmall) {
+                breakPointSmall = this.props.breakPointSmall;
+            }
+            let toolbarWidthClassName = this.state.toolbarWidthClassName;
+            let widthName = '';
+            if (toolbarWidth) {
+                if (toolbarWidth > breakPointLarge) {
+                    toolbarWidthClassName = 'column-wide';
+                    widthName = 'wide';
+                }
+                if (toolbarWidth > breakPointMedium && toolbarWidth <= breakPointLarge) {
+                    toolbarWidthClassName = 'column-large';
+                    widthName = 'large';
+                }
+                if (toolbarWidth >= breakPointSmall && toolbarWidth <= breakPointMedium) {
+                    toolbarWidthClassName = 'column-medium';
+                    widthName = 'medium';
+                }
+                if (toolbarWidth < breakPointSmall) {
+                    toolbarWidthClassName = 'column-small';
+                    widthName = 'small';
+                }
+                this.setState({
+                    toolbarWidthClassName: toolbarWidthClassName
+                });
+                if (this.props.onResize) {
+                    this.props.onResize(toolbarWidth, widthName);
+                }
+            }
+        };
+        this.state = {
+            toolbarWidthClassName: 'column-large'
+        };
+        this.toolbarRef = React.createRef();
+        this.resizeObserver = new ResizeObserver(this.onResize);
+    }
+    componentDidMount() {
+        this.resizeObserver.observe(this.toolbarRef.current);
+        this.onResize();
+    }
+    /**
+     * @returns {React.ReactNode}
+     */
+    render() {
+        return (React.createElement("div", { tabIndex: -1, ref: this.toolbarRef, className: `ui-toolbar ${this.state.toolbarWidthClassName} ${this.props.className ? this.props.className : ''}`, role: "toolbar" },
+            React.createElement("div", { className: "ui-toolbar__container" },
+                React.createElement("div", { className: "ui-toolbar__content" }, this.props.children))));
+    }
+}
+exports.UIToolbar = UIToolbar;
+//# sourceMappingURL=UIToolbar.js.map

package/dist/components/UIToolbar/UIToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UIToolbar.js","sourceRoot":"","sources":["../../../src/components/UIToolbar/UIToolbar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,4BAA0B;AA6B1B;;;;;;GAMG;AACH,MAAa,SAAU,SAAQ,KAAK,CAAC,SAAyC;IAI1E;;;;OAIG;IACH,YAAY,KAAqB;QAC7B,KAAK,CAAC,KAAK,CAAC,CAAC;QAeV,aAAQ,GAAG,GAAS,EAAE;YACzB,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,WAAW,CAAC;YAE1D,IAAI,eAAe,GAAG,GAAG,CAAC;YAC1B,IAAI,gBAAgB,GAAG,GAAG,CAAC;YAC3B,IAAI,eAAe,GAAG,GAAG,CAAC;YAE1B,IAAI,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE;gBAC5B,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC;aAChD;YACD,IAAI,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE;gBAC7B,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC;aAClD;YACD,IAAI,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE;gBAC5B,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC;aAChD;YAED,IAAI,qBAAqB,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC;YAC7D,IAAI,SAAS,GAAG,EAAE,CAAC;YAEnB,IAAI,YAAY,EAAE;gBACd,IAAI,YAAY,GAAG,eAAe,EAAE;oBAChC,qBAAqB,GAAG,aAAa,CAAC;oBACtC,SAAS,GAAG,MAAM,CAAC;iBACtB;gBACD,IAAI,YAAY,GAAG,gBAAgB,IAAI,YAAY,IAAI,eAAe,EAAE;oBACpE,qBAAqB,GAAG,cAAc,CAAC;oBACvC,SAAS,GAAG,OAAO,CAAC;iBACvB;gBACD,IAAI,YAAY,IAAI,eAAe,IAAI,YAAY,IAAI,gBAAgB,EAAE;oBACrE,qBAAqB,GAAG,eAAe,CAAC;oBACxC,SAAS,GAAG,QAAQ,CAAC;iBACxB;gBACD,IAAI,YAAY,GAAG,eAAe,EAAE;oBAChC,qBAAqB,GAAG,cAAc,CAAC;oBACvC,SAAS,GAAG,OAAO,CAAC;iBACvB;gBACD,IAAI,CAAC,QAAQ,CAAC;oBACV,qBAAqB,EAAE,qBAAqB;iBAC/C,CAAC,CAAC;gBAEH,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;oBACrB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;iBAChD;aACJ;QACL,CAAC,CAAC;QA1DE,IAAI,CAAC,KAAK,GAAG;YACT,qBAAqB,EAAE,cAAc;SACxC,CAAC;QAEF,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;QACpC,IAAI,CAAC,cAAc,GAAG,IAAI,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC5D,CAAC;IAEM,iBAAiB;QACpB,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QACrD,IAAI,CAAC,QAAQ,EAAE,CAAC;IACpB,CAAC;IAiDD;;OAEG;IACH,MAAM;QACF,OAAO,CACH,6BACI,QAAQ,EAAE,CAAC,CAAC,EACZ,GAAG,EAAE,IAAI,CAAC,UAAU,EACpB,SAAS,EAAE,cAAc,IAAI,CAAC,KAAK,CAAC,qBAAqB,IACrD,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAClD,EAAE,EACF,IAAI,EAAC,SAAS;YACd,6BAAK,SAAS,EAAC,uBAAuB;gBAClC,6BAAK,SAAS,EAAC,qBAAqB,IAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAO,CAC9D,CACJ,CACT,CAAC;IACN,CAAC;CACJ;AA1FD,8BA0FC"}

package/dist/components/UIToolbar/UIToolbar.scss

@@ -0,0 +1,48 @@
+.ui-toolbar {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    z-index: 20;
+
+    &__container {
+        overflow-x: scroll;
+    }
+
+    &__content {
+        border-bottom: 1px solid var(--vscode-contrastBorder, var(--vscuie-editorIndentGuide-background));
+        background-color: var(--vscuie-editor-background);
+        display: flex;
+        flex-wrap: wrap;
+        min-width: 400px;
+    }
+
+    .ui-divider {
+        display: inline-block;
+        height: 20px;
+        margin: 3px 10px 3px;
+        border-right: 1px solid var(--vscode-contrastBorder, var(--vscuie-editorIndentGuide-background));
+    }
+
+    &__column {
+        display: flex;
+        flex-grow: 1;
+
+        &__content {
+            display: flex;
+            margin: 6px 20px 6px;
+            height: 28px;
+        }
+    }
+}
+@media screen and (max-width: 640px) {
+    .ui-toolbar {
+        .ui-toolbar__content {
+            flex-wrap: wrap;
+        }
+
+        div.ui-divider.hidden-xs {
+            display: none;
+        }
+    }
+}

package/dist/components/UIToolbar/UIToolbarColumn.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import './UIToolbar.scss';
+export interface UIColumnProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare const UIToolbarColumn: React.FC<UIColumnProps>;
+//# sourceMappingURL=UIToolbarColumn.d.ts.map

package/dist/components/UIToolbar/UIToolbarColumn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UIToolbarColumn.d.ts","sourceRoot":"","sources":["../../../src/components/UIToolbar/UIToolbarColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,aAAa;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAMnD,CAAC"}

package/dist/components/UIToolbar/UIToolbarColumn.js

@@ -0,0 +1,30 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UIToolbarColumn = void 0;
+const React = __importStar(require("react"));
+require("./UIToolbar.scss");
+const UIToolbarColumn = (props) => {
+    return (React.createElement("div", { className: 'ui-toolbar__column ' + props.className },
+        React.createElement("div", { className: "ui-toolbar__column__content" }, props.children)));
+};
+exports.UIToolbarColumn = UIToolbarColumn;
+//# sourceMappingURL=UIToolbarColumn.js.map

package/dist/components/UIToolbar/UIToolbarColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UIToolbarColumn.js","sourceRoot":"","sources":["../../../src/components/UIToolbar/UIToolbarColumn.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,4BAA0B;AAOnB,MAAM,eAAe,GAA4B,CAAC,KAAoB,EAAE,EAAE;IAC7E,OAAO,CACH,6BAAK,SAAS,EAAE,qBAAqB,GAAG,KAAK,CAAC,SAAS;QACnD,6BAAK,SAAS,EAAC,6BAA6B,IAAE,KAAK,CAAC,QAAQ,CAAO,CACjE,CACT,CAAC;AACN,CAAC,CAAC;AANW,QAAA,eAAe,mBAM1B"}

package/dist/components/UIToolbar/UIToolbarDivider.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import './UIToolbar.scss';
+export interface UIToolbarDividerProps {
+    hiddenSmallScreen?: boolean;
+    showSmallScreen?: boolean;
+    hiddenMediumScreen?: boolean;
+    showMediumScreen?: boolean;
+}
+/**
+ * UIToolbarDivider component.
+ * @exports
+ * @class UIToolbarDivider
+ + @extends {React.Component<UIToolbarDividerProps, {}>}
+ */
+export declare class UIToolbarDivider extends React.Component<UIToolbarDividerProps, {}> {
+    /**
+     * Initializes component properties.
+     * @param props
+     */
+    constructor(props: UIToolbarDividerProps);
+    /**
+     * @returns {React.ReactNode}
+     */
+    render(): React.ReactNode;
+}
+//# sourceMappingURL=UIToolbarDivider.d.ts.map

package/dist/components/UIToolbar/UIToolbarDivider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UIToolbarDivider.d.ts","sourceRoot":"","sources":["../../../src/components/UIToolbar/UIToolbarDivider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,qBAAqB;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED;;;;;GAKG;AACH,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,qBAAqB,EAAE,EAAE,CAAC;IAC5E;;;OAGG;gBACS,KAAK,EAAE,qBAAqB;IAIxC;;OAEG;IACH,MAAM,IAAI,KAAK,CAAC,SAAS;CAW5B"}

package/dist/components/UIToolbar/UIToolbarDivider.js

@@ -0,0 +1,51 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UIToolbarDivider = void 0;
+const React = __importStar(require("react"));
+require("./UIToolbar.scss");
+/**
+ * UIToolbarDivider component.
+ * @exports
+ * @class UIToolbarDivider
+ + @extends {React.Component<UIToolbarDividerProps, {}>}
+ */
+class UIToolbarDivider extends React.Component {
+    /**
+     * Initializes component properties.
+     * @param props
+     */
+    constructor(props) {
+        super(props);
+    }
+    /**
+     * @returns {React.ReactNode}
+     */
+    render() {
+        return (React.createElement("div", { className: `ui-divider 
+                    ${this.props.hiddenSmallScreen ? 'hidden-xs' : ''} 
+                    ${this.props.showSmallScreen ? 'show-xs' : ''}
+                    ${this.props.hiddenMediumScreen ? 'hidden-md' : ''} 
+                    ${this.props.showMediumScreen ? 'show-md' : ''}` }));
+    }
+}
+exports.UIToolbarDivider = UIToolbarDivider;
+//# sourceMappingURL=UIToolbarDivider.js.map

package/dist/components/UIToolbar/UIToolbarDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UIToolbarDivider.js","sourceRoot":"","sources":["../../../src/components/UIToolbar/UIToolbarDivider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,4BAA0B;AAS1B;;;;;GAKG;AACH,MAAa,gBAAiB,SAAQ,KAAK,CAAC,SAAoC;IAC5E;;;OAGG;IACH,YAAY,KAA4B;QACpC,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAED;;OAEG;IACH,MAAM;QACF,OAAO,CACH,6BACI,SAAS,EAAE;sBACL,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE;sBAC/C,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;sBAC3C,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE;sBAChD,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,GACtD,CACL,CAAC;IACN,CAAC;CACJ;AAvBD,4CAuBC"}

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

@@ -0,0 +1,4 @@
+export * from './UIToolbar';
+export * from './UIToolbarColumn';
+export * from './UIToolbarDivider';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/UIToolbar/index.js

@@ -0,0 +1,16 @@
+"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("./UIToolbar"), exports);
+__exportStar(require("./UIToolbarColumn"), exports);
+__exportStar(require("./UIToolbarDivider"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/UIToolbar/index.js.map

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

package/dist/components/UITooltip/UITooltip.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import type { ITooltipHostProps, ITooltipProps } from '@fluentui/react';
+import { TooltipDelay } from '@fluentui/react';
+export { TooltipDelay as UITooltipDelay, ITooltipProps as UIToolTipProps };
+export interface UITooltipProps extends ITooltipHostProps {
+    maxWidth?: number | string;
+    showOnFocus?: boolean;
+}
+/**
+ * UITooltip component
+ * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/tooltip
+ * it can be used like <UITooltip tooltipProps={TooltipUtils.renderContent(value.name)}>{value.name}</UITooltip>
+ *
+ * @exports
+ * @class UITooltip
+ * @extends {React.Component<UITooltipProps, {}>}
+ */
+export declare class UITooltip extends React.Component<UITooltipProps, {}> {
+    /**
+     * Initializes component properties.
+     * @param {UITooltipProps} props
+     */
+    constructor(props: UITooltipProps);
+    /**
+     * @returns {JSX.Element}
+     */
+    render(): JSX.Element;
+}
+//# sourceMappingURL=UITooltip.d.ts.map

package/dist/components/UITooltip/UITooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UITooltip.d.ts","sourceRoot":"","sources":["../../../src/components/UITooltip/UITooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EACR,iBAAiB,EAIjB,aAAa,EAChB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAe,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAG5D,OAAO,EAAE,YAAY,IAAI,cAAc,EAAE,aAAa,IAAI,cAAc,EAAE,CAAC;AAE3E,MAAM,WAAW,cAAe,SAAQ,iBAAiB;IAErD,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE3B,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;;;;;;GAQG;AACH,qBAAa,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,EAAE,EAAE,CAAC;IAC9D;;;OAGG;gBACgB,KAAK,EAAE,cAAc;IAIxC;;OAEG;IACH,MAAM,IAAI,GAAG,CAAC,OAAO;CA8DxB"}

package/dist/components/UITooltip/UITooltip.js

@@ -0,0 +1,79 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UITooltip = exports.UITooltipDelay = void 0;
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@fluentui/react");
+Object.defineProperty(exports, "UITooltipDelay", { enumerable: true, get: function () { return react_2.TooltipDelay; } });
+const UICallout_1 = require("../UICallout");
+/**
+ * UITooltip component
+ * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/tooltip
+ * it can be used like <UITooltip tooltipProps={TooltipUtils.renderContent(value.name)}>{value.name}</UITooltip>
+ *
+ * @exports
+ * @class UITooltip
+ * @extends {React.Component<UITooltipProps, {}>}
+ */
+class UITooltip extends react_1.default.Component {
+    /**
+     * Initializes component properties.
+     * @param {UITooltipProps} props
+     */
+    constructor(props) {
+        super(props);
+    }
+    /**
+     * @returns {JSX.Element}
+     */
+    render() {
+        const maxWidth = this.props.maxWidth !== undefined ? this.props.maxWidth : 200;
+        const TooltipHostStyles = () => ({
+            ...{
+                root: {
+                    display: 'inline-block'
+                },
+                content: {
+                    backgroundColor: UICallout_1.CALLOUT_STYLES.background,
+                    color: UICallout_1.CALLOUT_STYLES.text,
+                    fontFamily: UICallout_1.CALLOUT_STYLES.font
+                }
+            },
+            ...this.props.styles
+        });
+        const CalloutStyles = () => {
+            // We can not reuse `UICallout` component from `UITooltip`, but we can reuse same styles from `UICallout` component
+            // In result callout in Tooltip would look same/similar
+            return UICallout_1.getCalloutStyle({
+                calloutMinWidth: 0,
+                // Apply some different styles
+                styles: {
+                    root: {
+                        display: 'inline-block'
+                    },
+                    calloutMain: {
+                        padding: 10,
+                        maxWidth
+                    }
+                }
+            });
+        };
+        const CalloutProps = {
+            beakWidth: 10,
+            styles: CalloutStyles
+        };
+        const tooltipHost = (react_1.default.createElement(react_2.TooltipHost, { ...this.props, styles: TooltipHostStyles, calloutProps: { ...CalloutProps, ...this.props.calloutProps } }));
+        return this.props.showOnFocus ? (tooltipHost) : (react_1.default.createElement("div", { 
+            // eslint-disable-next-line react/no-unknown-property
+            onFocusCapture: (event) => {
+                if (event.target.parentElement && event.target.parentElement.classList.contains('ms-TooltipHost')) {
+                    // Stop propagation to avoid display of tooltip on focus
+                    event.stopPropagation();
+                }
+            } }, tooltipHost));
+    }
+}
+exports.UITooltip = UITooltip;
+//# sourceMappingURL=UITooltip.js.map

package/dist/components/UITooltip/UITooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UITooltip.js","sourceRoot":"","sources":["../../../src/components/UITooltip/UITooltip.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAS1B,2CAA4D;AAGnC,+FAHH,oBAAY,OAGK;AAFvC,4CAA+D;AAW/D;;;;;;;;GAQG;AACH,MAAa,SAAU,SAAQ,eAAK,CAAC,SAA6B;IAC9D;;;OAGG;IACH,YAAmB,KAAqB;QACpC,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAED;;OAEG;IACH,MAAM;QACF,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC;QAC/E,MAAM,iBAAiB,GAAG,GAAgC,EAAE,CAAC,CAAC;YAC1D,GAAG;gBACC,IAAI,EAAE;oBACF,OAAO,EAAE,cAAc;iBAC1B;gBACD,OAAO,EAAE;oBACL,eAAe,EAAE,0BAAc,CAAC,UAAU;oBAC1C,KAAK,EAAE,0BAAc,CAAC,IAAI;oBAC1B,UAAU,EAAE,0BAAc,CAAC,IAAI;iBAClC;aACJ;YACD,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM;SACvB,CAAC,CAAC;QAEH,MAAM,aAAa,GAAG,GAAmC,EAAE;YACvD,mHAAmH;YACnH,uDAAuD;YACvD,OAAO,2BAAe,CAAC;gBACnB,eAAe,EAAE,CAAC;gBAClB,8BAA8B;gBAC9B,MAAM,EAAE;oBACJ,IAAI,EAAE;wBACF,OAAO,EAAE,cAAc;qBAC1B;oBACD,WAAW,EAAE;wBACT,OAAO,EAAE,EAAE;wBACX,QAAQ;qBACX;iBACJ;aACJ,CAAC,CAAC;QACP,CAAC,CAAC;QAEF,MAAM,YAAY,GAAkB;YAChC,SAAS,EAAE,EAAE;YACb,MAAM,EAAE,aAAa;SACxB,CAAC;QAEF,MAAM,WAAW,GAAG,CAChB,8BAAC,mBAAW,OACJ,IAAI,CAAC,KAAK,EACd,MAAM,EAAE,iBAAiB,EACzB,YAAY,EAAE,EAAE,GAAG,YAAY,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,GAC/D,CACL,CAAC;QAEF,OAAO,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAC5B,WAAW,CACd,CAAC,CAAC,CAAC,CACA;YACI,qDAAqD;YACrD,cAAc,EAAE,CAAC,KAAK,EAAE,EAAE;gBACtB,IAAI,KAAK,CAAC,MAAM,CAAC,aAAa,IAAI,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,SAAS,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE;oBAC/F,wDAAwD;oBACxD,KAAK,CAAC,eAAe,EAAE,CAAC;iBAC3B;YACL,CAAC,IACA,WAAW,CACV,CACT,CAAC;IACN,CAAC;CACJ;AA1ED,8BA0EC"}

package/dist/components/UITooltip/UITooltipUtils.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { ITooltipProps, ITooltipStyles } from '@fluentui/react';
+/**
+ * UITooltipUtil class for rendering content
+ * @class UITooltipUtils
+ */
+export declare class UITooltipUtils {
+    /**
+     * Method returns styles for tooltip content.
+     *
+     * @returns {ITooltipStyles} Object with tooltip styles.
+     */
+    static getStyles(): ITooltipStyles;
+    static renderContent: (content: string | React.ReactElement | null) => ITooltipProps;
+    static renderHTMLContent: (content: string) => ITooltipProps;
+}
+//# sourceMappingURL=UITooltipUtils.d.ts.map

package/dist/components/UITooltip/UITooltipUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UITooltipUtils.d.ts","sourceRoot":"","sources":["../../../src/components/UITooltip/UITooltipUtils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAKrE;;;GAGG;AACH,qBAAa,cAAc;IACvB;;;;OAIG;WACW,SAAS,IAAI,cAAc;IAWzC,OAAc,aAAa,YAAa,MAAM,GAAG,MAAM,YAAY,GAAG,IAAI,KAAG,aAAa,CAMxF;IAEF,OAAc,iBAAiB,YAAa,MAAM,KAAG,aAAa,CAQhE;CACL"}

package/dist/components/UITooltip/UITooltipUtils.js

@@ -0,0 +1,47 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UITooltipUtils = void 0;
+const react_1 = __importDefault(require("react"));
+const sanitize_html_1 = __importDefault(require("sanitize-html"));
+const UICallout_1 = require("../UICallout");
+/**
+ * UITooltipUtil class for rendering content
+ * @class UITooltipUtils
+ */
+class UITooltipUtils {
+    /**
+     * Method returns styles for tooltip content.
+     *
+     * @returns {ITooltipStyles} Object with tooltip styles.
+     */
+    static getStyles() {
+        return {
+            root: {},
+            content: {
+                background: UICallout_1.CALLOUT_STYLES.background,
+                color: UICallout_1.CALLOUT_STYLES.text
+            },
+            subText: {}
+        };
+    }
+}
+exports.UITooltipUtils = UITooltipUtils;
+UITooltipUtils.renderContent = (content) => {
+    return {
+        // eslint-disable-next-line react/display-name
+        onRenderContent: () => react_1.default.createElement("span", null, content ?? ''),
+        styles: UITooltipUtils.getStyles()
+    };
+};
+UITooltipUtils.renderHTMLContent = (content) => {
+    const sanitized = sanitize_html_1.default(content);
+    return {
+        // eslint-disable-next-line react/display-name
+        onRenderContent: () => react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: sanitized } }),
+        styles: UITooltipUtils.getStyles()
+    };
+};
+//# sourceMappingURL=UITooltipUtils.js.map

package/dist/components/UITooltip/UITooltipUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UITooltipUtils.js","sourceRoot":"","sources":["../../../src/components/UITooltip/UITooltipUtils.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,kEAAyC;AAEzC,4CAA8C;AAE9C;;;GAGG;AACH,MAAa,cAAc;IACvB;;;;OAIG;IACI,MAAM,CAAC,SAAS;QACnB,OAAO;YACH,IAAI,EAAE,EAAE;YACR,OAAO,EAAE;gBACL,UAAU,EAAE,0BAAc,CAAC,UAAU;gBACrC,KAAK,EAAE,0BAAc,CAAC,IAAI;aAC7B;YACD,OAAO,EAAE,EAAE;SACd,CAAC;IACN,CAAC;;AAfL,wCAkCC;AAjBiB,4BAAa,GAAG,CAAC,OAA2C,EAAiB,EAAE;IACzF,OAAO;QACH,8CAA8C;QAC9C,eAAe,EAAE,GAAG,EAAE,CAAC,4CAAO,OAAO,IAAI,EAAE,CAAQ;QACnD,MAAM,EAAE,cAAc,CAAC,SAAS,EAAE;KACpB,CAAC;AACvB,CAAC,CAAC;AAEY,gCAAiB,GAAG,CAAC,OAAe,EAAiB,EAAE;IACjE,MAAM,SAAS,GAAG,uBAAY,CAAC,OAAO,CAAC,CAAC;IAExC,OAAO;QACH,8CAA8C;QAC9C,eAAe,EAAE,GAAG,EAAE,CAAC,wCAAM,uBAAuB,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,GAAI;QAC/E,MAAM,EAAE,cAAc,CAAC,SAAS,EAAE;KACpB,CAAC;AACvB,CAAC,CAAC"}

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

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

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

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

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