@reltio/components 1.4.1824-hf → 1.4.1836-hf

package/cjs/BasicTablePagination/BasicTablePagination.test.js

@@ -0,0 +1,122 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var react_2 = require("@testing-library/react");
+var user_event_1 = __importDefault(require("@testing-library/user-event"));
+var BasicTablePagination_1 = __importDefault(require("./BasicTablePagination"));
+describe('BasicTablePagination tests', function () {
+    var resetScrollbarPositionSpy = jest.fn();
+    var tableElement = { resetScrollbarPosition: resetScrollbarPositionSpy };
+    var defaultProps = {
+        basicTableRef: { current: tableElement },
+        onChangePage: jest.fn(),
+        onChangeRowsPerPage: jest.fn(),
+        rowsPerPageOptions: [20, 30, 40],
+        rowsPerPage: 20,
+        count: 100,
+        page: 1
+    };
+    var setUp = function (props) {
+        if (props === void 0) { props = {}; }
+        var user = user_event_1.default.setup();
+        return __assign({ user: user }, (0, react_2.render)(react_1.default.createElement(BasicTablePagination_1.default, __assign({}, defaultProps, props))));
+    };
+    beforeEach(function () {
+        jest.clearAllMocks();
+    });
+    it('should render correctly', function () {
+        setUp();
+        expect(react_2.screen.getByRole('button', { name: 'Rows per page: 20' })).toBeInTheDocument();
+        expect(react_2.screen.getByText('21-40 of 100')).toBeInTheDocument();
+        expect(react_2.screen.getByRole('button', { name: 'Go to previous page' })).toBeInTheDocument();
+        expect(react_2.screen.getByRole('button', { name: 'Go to next page' })).toBeInTheDocument();
+    });
+    it('should support custom label for rows per page', function () {
+        setUp({ labelRowsPerPage: 'Custom label:' });
+        expect(react_2.screen.getByRole('button', { name: 'Custom label: 20' })).toBeInTheDocument();
+    });
+    it('should call resetScrollbarPosition when the page changed', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    user = setUp().user;
+                    return [4 /*yield*/, user.click(react_2.screen.getByRole('button', { name: 'Go to next page' }))];
+                case 1:
+                    _a.sent();
+                    expect(defaultProps.onChangePage).toHaveBeenCalledWith(2);
+                    expect(resetScrollbarPositionSpy).toHaveBeenCalled();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should call resetScrollbarPosition and onPageChange when the row per page changed', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    user = setUp().user;
+                    return [4 /*yield*/, user.click(react_2.screen.getByRole('button', { name: 'Rows per page: 20' }))];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, user.click(react_2.screen.getByRole('option', { name: '30' }))];
+                case 2:
+                    _a.sent();
+                    expect(defaultProps.onChangePage).toHaveBeenCalledWith(0);
+                    expect(defaultProps.onChangeRowsPerPage).toHaveBeenCalledWith(30);
+                    expect(resetScrollbarPositionSpy).toHaveBeenCalled();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});

package/cjs/BasicTablePagination/index.d.ts

@@ -0,0 +1 @@
+export { default as BasicTablePagination } from './BasicTablePagination';

package/cjs/BasicTablePagination/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BasicTablePagination = void 0;
+var BasicTablePagination_1 = require("./BasicTablePagination");
+Object.defineProperty(exports, "BasicTablePagination", { enumerable: true, get: function () { return __importDefault(BasicTablePagination_1).default; } });

package/cjs/BasicView/BasicView.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export declare const BasicView: React.ForwardRefExoticComponent<Pick<{
+    children?: React.ReactNode;
+    classes?: Partial<import("@mui/material/Paper").PaperClasses>;
+    elevation?: number;
+    square?: boolean;
+    sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
+    variant?: import("@mui/types").OverridableStringUnion<"elevation" | "outlined", import("@mui/material/Paper").PaperPropsVariantOverrides>;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+    ref?: React.Ref<HTMLDivElement>;
+}, "square" | "children" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "elevation" | "variant">, "color" | "translate" | "hidden" | "square" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "elevation" | "variant"> & React.RefAttributes<HTMLDivElement>>;

package/cjs/BasicView/BasicView.js

@@ -0,0 +1,60 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 __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;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BasicView = void 0;
+var react_1 = __importStar(require("react"));
+var Paper_1 = __importDefault(require("@mui/material/Paper"));
+var styles_1 = require("./styles");
+exports.BasicView = (0, react_1.forwardRef)(function (_a, ref) {
+    var children = _a.children, className = _a.className, otherProps = __rest(_a, ["children", "className"]);
+    var styles = (0, styles_1.useStyles)();
+    return (react_1.default.createElement(Paper_1.default, __assign({ ref: ref, className: className, classes: { root: styles.basicViewPaper } }, otherProps), children));
+});
+exports.BasicView.displayName = 'BasicView';

package/cjs/BasicView/BasicView.test.d.ts

@@ -0,0 +1 @@
+export {};

package/cjs/BasicView/BasicView.test.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var react_2 = require("@testing-library/react");
+var BasicView_1 = require("./BasicView");
+describe('BasicView tests', function () {
+    it('should render styled paper with children', function () {
+        var className = 'myClass';
+        (0, react_2.render)(react_1.default.createElement(BasicView_1.BasicView, { className: className },
+            react_1.default.createElement("div", { "data-reltio-id": "child" })));
+        var child = react_2.screen.getByTestId('child');
+        expect(child).toBeInTheDocument();
+        expect(child.parentElement).toHaveClass(className);
+    });
+});

package/cjs/BasicView/index.d.ts

@@ -0,0 +1 @@
+export { BasicView } from './BasicView';

package/cjs/BasicView/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BasicView = void 0;
+var BasicView_1 = require("./BasicView");
+Object.defineProperty(exports, "BasicView", { enumerable: true, get: function () { return BasicView_1.BasicView; } });

package/cjs/BasicViewContent/BasicViewContent.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+type Props = React.ComponentPropsWithoutRef<'div'>;
+export declare const BasicViewContent: ({ children, className, ...otherProps }: Props) => JSX.Element;
+export {};

package/cjs/BasicViewContent/BasicViewContent.js

@@ -0,0 +1,37 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BasicViewContent = void 0;
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var styles_1 = require("./styles");
+var BasicViewContent = function (_a) {
+    var children = _a.children, className = _a.className, otherProps = __rest(_a, ["children", "className"]);
+    var styles = (0, styles_1.useStyles)();
+    return (react_1.default.createElement("div", __assign({ className: (0, classnames_1.default)(styles['basic-view-content'], className) }, otherProps), children));
+};
+exports.BasicViewContent = BasicViewContent;

package/cjs/BasicViewContent/BasicViewContent.test.d.ts

@@ -0,0 +1 @@
+export {};

package/cjs/BasicViewContent/BasicViewContent.test.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var enzyme_1 = require("enzyme");
+var BasicViewContent_1 = require("./BasicViewContent");
+test('it should render styled div with children', function () {
+    var children = 123, className = 'class';
+    var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(BasicViewContent_1.BasicViewContent, { className: className }, children));
+    var content = wrapper.find('div');
+    expect(content).toHaveLength(1);
+    expect(content.prop('children')).toEqual(children);
+    expect(content.prop('className')).toContain(className);
+    expect(content.prop('className')).toContain('basic-view-content');
+});

package/cjs/BasicViewContent/index.d.ts

@@ -0,0 +1 @@
+export { BasicViewContent } from './BasicViewContent';

package/cjs/BasicViewContent/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BasicViewContent = void 0;
+var BasicViewContent_1 = require("./BasicViewContent");
+Object.defineProperty(exports, "BasicViewContent", { enumerable: true, get: function () { return BasicViewContent_1.BasicViewContent; } });

package/cjs/BasicViewHeader/BasicViewHeader.d.ts

@@ -0,0 +1,7 @@
+import { ToolbarProps } from '@mui/material/Toolbar';
+type Props = ToolbarProps & {
+    title?: string;
+    classes?: Partial<Record<'root' | 'title', string>>;
+};
+export declare const BasicViewHeader: ({ title, children, classes, ...otherProps }: Props) => JSX.Element;
+export {};

package/cjs/BasicViewHeader/BasicViewHeader.js

@@ -0,0 +1,41 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BasicViewHeader = void 0;
+var react_1 = __importDefault(require("react"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var Toolbar_1 = __importDefault(require("@mui/material/Toolbar"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var styles_1 = require("./styles");
+var BasicViewHeader = function (_a) {
+    var _b = _a.title, title = _b === void 0 ? '' : _b, _c = _a.children, children = _c === void 0 ? null : _c, _d = _a.classes, classes = _d === void 0 ? {} : _d, otherProps = __rest(_a, ["title", "children", "classes"]);
+    var styles = (0, styles_1.useStyles)();
+    return (react_1.default.createElement(Toolbar_1.default, __assign({ className: classes.root, classes: { root: styles.toolbar } }, otherProps),
+        title && (react_1.default.createElement(Typography_1.default, { className: classes.title, classes: { root: styles.title }, variant: "h6" }, ui_i18n_1.default.text(title))),
+        children));
+};
+exports.BasicViewHeader = BasicViewHeader;

package/cjs/BasicViewHeader/BasicViewHeader.test.d.ts

@@ -0,0 +1 @@
+export {};

package/cjs/BasicViewHeader/BasicViewHeader.test.js

@@ -0,0 +1,46 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var react_2 = require("@testing-library/react");
+var BasicViewHeader_1 = require("./BasicViewHeader");
+describe('BasicViewHeader tests', function () {
+    var defaultProps = {
+        children: react_1.default.createElement("div", { "data-reltio-id": "children" }),
+        title: 'Title',
+        classes: { root: 'root', title: 'title' }
+    };
+    var setUp = function (_a) {
+        var _b = _a === void 0 ? {} : _a, _c = _b.props, props = _c === void 0 ? {} : _c;
+        return (0, react_2.render)(react_1.default.createElement(BasicViewHeader_1.BasicViewHeader, __assign({}, defaultProps, props)));
+    };
+    it('should render styled toolbar with title and children', function () {
+        var container = setUp().container;
+        var toolbar = container.querySelector('.toolbar');
+        var title = react_2.screen.getByText(defaultProps.title);
+        expect(toolbar).toBeInTheDocument();
+        expect(toolbar).toHaveClass(defaultProps.classes.root);
+        expect(title).toBeInTheDocument();
+        expect(title).toHaveClass(defaultProps.classes.title);
+        expect(react_2.screen.getByTestId('children')).toBeInTheDocument();
+    });
+    it('should render toolbar without title', function () {
+        var container = setUp({ props: { title: '' } }).container;
+        var title = container.querySelector('.title');
+        expect(title).not.toBeInTheDocument();
+        expect(react_2.screen.getByTestId('children')).toBeInTheDocument();
+    });
+});

package/cjs/BasicViewHeader/index.d.ts

@@ -0,0 +1 @@
+export { BasicViewHeader } from './BasicViewHeader';

package/cjs/BasicViewHeader/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BasicViewHeader = void 0;
+var BasicViewHeader_1 = require("./BasicViewHeader");
+Object.defineProperty(exports, "BasicViewHeader", { enumerable: true, get: function () { return BasicViewHeader_1.BasicViewHeader; } });

package/cjs/BasicViewHeader/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"toolbar" | "title">;

package/cjs/BlobRenderer/BlobRenderer.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type Props = {
+    value?: React.ReactNode;
+};
+export declare const BlobRenderer: ({ value }: Props) => JSX.Element;
+export {};

package/cjs/BlobRenderer/BlobRenderer.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BlobRenderer = void 0;
+var react_1 = __importDefault(require("react"));
+var styles_1 = require("./styles");
+var BlobRenderer = function (_a) {
+    var value = _a.value;
+    var styles = (0, styles_1.useStyles)();
+    return (react_1.default.createElement("div", { className: styles.blobWrapper, onScroll: function (e) { return e.stopPropagation(); } }, value));
+};
+exports.BlobRenderer = BlobRenderer;

package/cjs/BlobRenderer/BlobRenderer.test.d.ts

@@ -0,0 +1 @@
+export {};

package/cjs/BlobRenderer/BlobRenderer.test.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var enzyme_1 = require("enzyme");
+var BlobRenderer_1 = require("./BlobRenderer");
+describe('BlobRenderer', function () {
+    it('should render value', function () {
+        var testValue = 'testValue';
+        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(BlobRenderer_1.BlobRenderer, { value: testValue }));
+        expect(wrapper.html()).toContain(testValue);
+    });
+    it('should stop propagation scroll event', function () {
+        var testValue = 'testValue';
+        var scrollHandler = jest.fn();
+        var wrapper = (0, enzyme_1.mount)(react_1.default.createElement("div", { onScroll: scrollHandler },
+            react_1.default.createElement(BlobRenderer_1.BlobRenderer, { value: testValue })));
+        wrapper.find(BlobRenderer_1.BlobRenderer).simulate('scroll');
+        expect(scrollHandler).not.toHaveBeenCalled();
+    });
+});

package/cjs/BlobRenderer/index.d.ts

@@ -0,0 +1 @@
+export { BlobRenderer } from './BlobRenderer';

package/cjs/BlobRenderer/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BlobRenderer = void 0;
+var BlobRenderer_1 = require("./BlobRenderer");
+Object.defineProperty(exports, "BlobRenderer", { enumerable: true, get: function () { return BlobRenderer_1.BlobRenderer; } });

package/cjs/BlobRenderer/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"blobWrapper">;

package/cjs/BlobRenderer/styles.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@mui/styles");
+var BLOB_HEIGHT = 100;
+exports.useStyles = (0, styles_1.makeStyles)({
+    blobWrapper: {
+        position: 'relative',
+        overflowY: 'auto',
+        overflowX: 'hidden',
+        whiteSpace: 'pre',
+        maxHeight: "".concat(BLOB_HEIGHT, "px"),
+        boxSizing: 'border-box',
+        padding: '15px 25px 0 25px'
+    }
+});

package/cjs/BranchDecorator/BranchDecorator.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+type Props = {
+    className?: string;
+    children: React.ReactNode;
+    plain?: boolean;
+    enabled?: boolean;
+};
+export declare const BranchDecorator: ({ className, children, plain, enabled }: Props) => JSX.Element;
+export {};

package/cjs/BranchDecorator/BranchDecorator.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BranchDecorator = void 0;
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var styles_1 = require("./styles");
+var BranchDecorator = function (_a) {
+    var _b;
+    var className = _a.className, children = _a.children, _c = _a.plain, plain = _c === void 0 ? false : _c, _d = _a.enabled, enabled = _d === void 0 ? false : _d;
+    var styles = (0, styles_1.useStyles)();
+    return enabled ? (react_1.default.createElement("div", { "data-reltio-id": "branch-decorator", className: (0, classnames_1.default)(styles.decorator, (_b = {}, _b[styles.plain] = plain, _b), className) },
+        react_1.default.createElement("div", { className: styles.wrapper }, children))) : (react_1.default.createElement(react_1.default.Fragment, null, children));
+};
+exports.BranchDecorator = BranchDecorator;

package/cjs/BranchDecorator/index.d.ts

@@ -0,0 +1 @@
+export { BranchDecorator } from './BranchDecorator';

package/cjs/BranchDecorator/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BranchDecorator = void 0;
+var BranchDecorator_1 = require("./BranchDecorator");
+Object.defineProperty(exports, "BranchDecorator", { enumerable: true, get: function () { return BranchDecorator_1.BranchDecorator; } });

package/cjs/BranchDecorator/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"wrapper" | "decorator" | "plain">;

package/cjs/BubbleChart/BubbleChart.d.ts

@@ -0,0 +1,15 @@
+import { BubbleChartOptions, ChartType } from '@reltio/mdm-sdk';
+import { BaseChartProps } from '../types/charts';
+type Props = BaseChartProps & {
+    chartType?: ChartType.BUBBLE;
+    options?: BubbleChartOptions;
+};
+export declare const BubbleChart: ({ width, height, data, options, onItemClick }: Props) => JSX.Element;
+declare const _default: {
+    ({ data, ...otherProps }: BaseChartProps & {
+        chartType?: ChartType.BUBBLE;
+        options?: BubbleChartOptions;
+    }): JSX.Element;
+    displayName: string;
+};
+export default _default;