@reltio/components 1.4.1836-hf → 1.4.1837

package/cjs/ConnectionRelationTypeSelector/ConnectionRelationTypeSelector.test.js

@@ -0,0 +1,181 @@
+"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 enzyme_1 = require("enzyme");
+var ramda_1 = require("ramda");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var RelationTypeSelector_1 = require("../RelationTypeSelector");
+var ConnectionRelationTypeSelector_1 = require("./ConnectionRelationTypeSelector");
+var relationTypes = [
+    {
+        uri: 'configuration/relationTypes/AccountTeam',
+        label: 'supported by',
+        startObject: {
+            uri: 'configuration/relationTypes/AccountTeam/startObject',
+            directionalContext: [
+                {
+                    uri: 'configuration/relationTypes/AccountTeam/startObject/directionalContext',
+                    labelPattern: 'supported by'
+                }
+            ],
+            objectTypeURI: 'configuration/entityTypes/Organization'
+        },
+        endObject: {
+            uri: 'configuration/relationTypes/AccountTeam/endObject',
+            directionalContext: [
+                {
+                    uri: 'configuration/relationTypes/AccountTeam/endObject/directionalContext',
+                    labelPattern: 'supports'
+                }
+            ],
+            objectTypeURI: 'configuration/entityTypes/Employee'
+        },
+        attributes: [
+            {
+                label: 'Role',
+                name: 'Role',
+                type: 'String',
+                hidden: false,
+                important: false,
+                system: false,
+                required: false,
+                attributeOrdering: {
+                    orderType: 'ASC',
+                    orderingStrategy: 'LUD'
+                },
+                uri: 'configuration/relationTypes/AccountTeam/attributes/Role'
+            }
+        ],
+        direction: 'directed'
+    },
+    {
+        uri: 'configuration/relationTypes/knowledge',
+        label: 'knowledge',
+        startObject: {
+            uri: 'configuration/relationTypes/knowledge/startObject',
+            directionalContext: [
+                {
+                    uri: 'configuration/relationTypes/knowledge/startObject/directionalContext',
+                    labelPattern: ''
+                }
+            ],
+            objectTypeURI: 'configuration/entityTypes/Topic'
+        },
+        endObject: {
+            uri: 'configuration/relationTypes/knowledge/endObject',
+            directionalContext: [
+                {
+                    uri: 'configuration/relationTypes/knowledge/endObject/directionalContext',
+                    labelPattern: ''
+                }
+            ],
+            objectTypeURI: 'configuration/entityTypes/Employee'
+        },
+        attributes: [
+            {
+                label: 'Role',
+                name: 'Role',
+                type: 'String',
+                hidden: false,
+                important: false,
+                system: false,
+                required: false,
+                attributeOrdering: {
+                    orderType: 'ASC',
+                    orderingStrategy: 'LUD'
+                },
+                uri: 'configuration/relationTypes/knowledge/attributes/Role'
+            }
+        ],
+        direction: 'directed'
+    }
+];
+// make useEffect work in shallow render
+jest.mock('react', function () { return (__assign(__assign({}, jest.requireActual('react')), { useEffect: jest.fn().mockImplementation(function (f) { return f(); }) })); });
+describe('ConnectionRelationTypeSelector tests', function () {
+    var expectedOptions = [
+        __assign({ label: relationTypes[1].label, value: "".concat(relationTypes[1].uri, ",").concat(mdm_sdk_1.Directions.IN) }, (0, ramda_1.pick)(['startObject', 'endObject'], relationTypes[1])),
+        __assign({ label: (0, ramda_1.path)(['directionalContext', 0, 'labelPattern'], relationTypes[0].endObject), value: "".concat(relationTypes[0].uri, ",").concat(mdm_sdk_1.Directions.OUT) }, (0, ramda_1.pick)(['startObject', 'endObject'], relationTypes[0]))
+    ];
+    it('should render main parts', function () {
+        var component = (0, enzyme_1.shallow)(react_1.default.createElement(ConnectionRelationTypeSelector_1.ConnectionRelationTypeSelector, null));
+        var selector = component.find(RelationTypeSelector_1.RelationTypeSelector);
+        expect(selector).toHaveLength(1);
+    });
+    it('should render correct props', function () {
+        var relation = { relationType: 'configuration/relationTypes/AccountTeam', direction: mdm_sdk_1.Directions.OUT };
+        var expectedValue = expectedOptions.find((0, ramda_1.propEq)('value', "".concat(relation.relationType, ",").concat(relation.direction)));
+        var onChange = jest.fn();
+        var component = (0, enzyme_1.shallow)(react_1.default.createElement(ConnectionRelationTypeSelector_1.ConnectionRelationTypeSelector, { relation: relation, inRelationTypes: [relationTypes[1]], outRelationTypes: [relationTypes[0]], onChange: onChange }));
+        var selector = component.find(RelationTypeSelector_1.RelationTypeSelector);
+        expect(selector).toHaveLength(1);
+        expect(selector.prop('options')).toStrictEqual(expectedOptions);
+        expect(selector.prop('value')).toStrictEqual(expectedValue);
+        expect(onChange).not.toHaveBeenCalled();
+    });
+    it('should call onChange when RelationTypeSelector onChange was called', function () {
+        var expectedRelationType = {
+            type: relationTypes[0],
+            direction: mdm_sdk_1.Directions.OUT
+        };
+        var onChange = jest.fn();
+        var component = (0, enzyme_1.shallow)(react_1.default.createElement(ConnectionRelationTypeSelector_1.ConnectionRelationTypeSelector, { inRelationTypes: [relationTypes[1]], outRelationTypes: [relationTypes[0]], onChange: onChange }));
+        var selector = component.find(RelationTypeSelector_1.RelationTypeSelector);
+        expect(selector).toHaveLength(1);
+        selector.prop('onChange')(expectedOptions[1]);
+        expect(onChange).toHaveBeenCalledWith(expectedRelationType);
+    });
+    it('should not fail when onChange prop is undefined', function () {
+        var component = (0, enzyme_1.shallow)(react_1.default.createElement(ConnectionRelationTypeSelector_1.ConnectionRelationTypeSelector, { inRelationTypes: [relationTypes[1]], outRelationTypes: [relationTypes[0]] }));
+        var selector = component.find(RelationTypeSelector_1.RelationTypeSelector);
+        expect(selector).toHaveLength(1);
+        selector.prop('onChange')(expectedOptions[1]);
+    });
+    it('should set first relation if applyFirstByDefault is true and Selector is empty', function () {
+        var expectedRelation = {
+            direction: mdm_sdk_1.Directions.IN,
+            type: relationTypes[1]
+        };
+        var onChange = jest.fn();
+        var component = (0, enzyme_1.shallow)(react_1.default.createElement(ConnectionRelationTypeSelector_1.ConnectionRelationTypeSelector, { inRelationTypes: [relationTypes[1]], outRelationTypes: [relationTypes[0]], applyFirstByDefault: true, onChange: onChange }));
+        var selector = component.find(RelationTypeSelector_1.RelationTypeSelector);
+        expect(selector).toHaveLength(1);
+        expect(selector.prop('options')).toStrictEqual(expectedOptions);
+        expect(onChange).toHaveBeenCalledWith(expectedRelation);
+    });
+    it('should not set first relation if applyFirstByDefault is true and Selector is not empty', function () {
+        var relation = {
+            direction: mdm_sdk_1.Directions.OUT,
+            relationUri: 'relations/uri123',
+            relationType: relationTypes[0].uri
+        };
+        var onChange = jest.fn();
+        var component = (0, enzyme_1.shallow)(react_1.default.createElement(ConnectionRelationTypeSelector_1.ConnectionRelationTypeSelector, { relation: relation, inRelationTypes: [relationTypes[1]], outRelationTypes: [relationTypes[0]], applyFirstByDefault: true, onChange: onChange }));
+        var selector = component.find(RelationTypeSelector_1.RelationTypeSelector);
+        expect(selector).toHaveLength(1);
+        expect(selector.prop('options')).toStrictEqual(expectedOptions);
+        expect(onChange).not.toHaveBeenCalled();
+    });
+    it('should not set first relation if applyFirstByDefault is false', function () {
+        var onChange = jest.fn();
+        var component = (0, enzyme_1.shallow)(react_1.default.createElement(ConnectionRelationTypeSelector_1.ConnectionRelationTypeSelector, { inRelationTypes: [relationTypes[1]], outRelationTypes: [relationTypes[0]], applyFirstByDefault: false, onChange: onChange }));
+        var selector = component.find(RelationTypeSelector_1.RelationTypeSelector);
+        expect(selector).toHaveLength(1);
+        expect(selector.prop('options')).toStrictEqual(expectedOptions);
+        expect(onChange).not.toHaveBeenCalled();
+    });
+});

package/cjs/ConnectionRelationTypeSelector/index.d.ts

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

package/cjs/ConnectionRelationTypeSelector/index.js

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

package/cjs/CustomDateRangeEditor/CustomDateRangeEditor.d.ts

@@ -0,0 +1,8 @@
+type DateValues = [Date, Date];
+type Props = {
+    values: DateValues;
+    onChange: (values: DateValues) => void;
+    onFocus?: () => void;
+};
+export declare const CustomDateRangeEditor: ({ values, onChange, onFocus }: Props) => JSX.Element;
+export {};

package/cjs/CustomDateRangeEditor/CustomDateRangeEditor.js

@@ -0,0 +1,85 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomDateRangeEditor = void 0;
+var react_1 = __importStar(require("react"));
+var moment_1 = __importDefault(require("moment"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var ramda_1 = require("ramda");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var TextField_1 = __importDefault(require("@mui/material/TextField"));
+var Popover_1 = __importDefault(require("@mui/material/Popover"));
+var core_1 = require("../core");
+var ReactSelectDropdownIndicatorWithIconButton_1 = require("../ReactSelectDropdownIndicatorWithIconButton");
+var DateRangePicker_1 = require("../DateRangePicker");
+var styles_1 = require("./styles");
+var localeFormat = moment_1.default.localeData().longDateFormat('L');
+var formatValue = function (value, placeholder) {
+    return (0, ramda_1.isNil)(value)
+        ? "".concat(placeholder)
+        : "".concat((0, mdm_sdk_1.formatDataTypeValue)({ dataTypeDefinition: { type: mdm_sdk_1.DataTypes.TYPE_ACTIVENESS_DATE } }, value));
+};
+var CustomDateRangeEditor = function (_a) {
+    var values = _a.values, onChange = _a.onChange, _b = _a.onFocus, onFocus = _b === void 0 ? core_1.noop : _b;
+    var placeholder = localeFormat;
+    var inputRef = (0, react_1.useRef)(null);
+    var _c = (0, react_1.useState)(false), open = _c[0], setOpen = _c[1];
+    var styles = (0, styles_1.useStyles)();
+    var onApply = function (values) {
+        onChange(values);
+        setOpen(false);
+    };
+    var handleToggle = (0, react_1.useCallback)(function () {
+        setOpen(function (open) { return !open; });
+        onFocus();
+    }, [onFocus]);
+    var onCancel = function () {
+        setOpen(false);
+    };
+    return (react_1.default.createElement("div", { className: styles.root },
+        react_1.default.createElement(TextField_1.default, { fullWidth: true, value: values.map(function (value) { return formatValue(value, placeholder); }).join(' \u2014 '), onClick: handleToggle, variant: "filled", ref: inputRef, InputProps: {
+                endAdornment: (react_1.default.createElement(ReactSelectDropdownIndicatorWithIconButton_1.ReactSelectDropdownIndicatorWithIconButton, { selectProps: { classes: styles, menuIsOpen: open }, innerProps: {} })),
+                disableUnderline: (0, ramda_1.isNil)(values),
+                readOnly: true,
+                classes: {
+                    root: styles.inputRoot,
+                    input: styles.input
+                }
+            }, InputLabelProps: {
+                shrink: false
+            }, placeholder: ui_i18n_1.default.text("".concat(placeholder, " \u2014 ").concat(placeholder)) }),
+        react_1.default.createElement(Popover_1.default, { open: open, anchorEl: inputRef.current, onClose: onCancel, anchorOrigin: {
+                vertical: 'bottom',
+                horizontal: 'right'
+            }, transformOrigin: {
+                vertical: 'top',
+                horizontal: 'right'
+            }, elevation: 2 },
+            react_1.default.createElement(DateRangePicker_1.DateRangePicker, { values: values, onApply: onApply, type: mdm_sdk_1.DataTypes.TYPE_ACTIVENESS_DATE }))));
+};
+exports.CustomDateRangeEditor = CustomDateRangeEditor;

package/cjs/CustomDateRangeEditor/CustomDateRangeEditor.test.d.ts

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

package/cjs/CustomDateRangeEditor/CustomDateRangeEditor.test.js

@@ -0,0 +1,158 @@
+"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 LocalizationProvider_1 = require("@mui/x-date-pickers/LocalizationProvider");
+var AdapterMoment_1 = require("@mui/x-date-pickers/AdapterMoment");
+var CustomDateRangeEditor_1 = require("./CustomDateRangeEditor");
+describe('CustomDateRangeEditor tests', function () {
+    var values = [new Date('2021-06-10'), new Date('2021-06-11')];
+    var defaultProps = { values: values, onChange: jest.fn() };
+    var setUp = function (props) {
+        if (props === void 0) { props = {}; }
+        var user = user_event_1.default.setup();
+        var renderer = (0, react_2.render)(react_1.default.createElement(LocalizationProvider_1.LocalizationProvider, { dateAdapter: AdapterMoment_1.AdapterMoment },
+            react_1.default.createElement(CustomDateRangeEditor_1.CustomDateRangeEditor, __assign({}, defaultProps, props))));
+        return __assign({ user: user }, renderer);
+    };
+    afterEach(function () {
+        jest.clearAllMocks();
+    });
+    it('should render main parts', function () {
+        setUp();
+        expect(react_2.screen.getByRole('textbox')).toBeInTheDocument();
+        expect(react_2.screen.queryByRole('presentation')).not.toBeInTheDocument();
+    });
+    it('should open DateRangePicker when clicked', 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('textbox'))];
+                case 1:
+                    _a.sent();
+                    expect(react_2.screen.getByRole('presentation')).toBeInTheDocument();
+                    expect(react_2.screen.getByRole('textbox', { name: 'From' })).toBeInTheDocument();
+                    expect(react_2.screen.getByRole('textbox', { name: 'To' })).toBeInTheDocument();
+                    expect(react_2.screen.getByRole('button', { name: 'Update' })).toBeInTheDocument();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should call onFocus on popover open', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var onFocusSpy, user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    onFocusSpy = jest.fn();
+                    user = setUp({ onFocus: onFocusSpy }).user;
+                    return [4 /*yield*/, user.click(react_2.screen.getByRole('textbox'))];
+                case 1:
+                    _a.sent();
+                    expect(onFocusSpy).toBeCalledTimes(1);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should call props.onChange with dates when click on Update button', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var newValues, user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    newValues = [new Date('05/05/2023'), new Date('05/06/2023')];
+                    user = setUp({ values: [] }).user;
+                    return [4 /*yield*/, user.click(react_2.screen.getByRole('textbox'))];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox', { name: 'From' }), '05/05/2023')];
+                case 2:
+                    _a.sent();
+                    return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox', { name: 'To' }), '05/06/2023')];
+                case 3:
+                    _a.sent();
+                    return [4 /*yield*/, user.click(react_2.screen.getByRole('button', { name: 'Update' }))];
+                case 4:
+                    _a.sent();
+                    expect(react_2.screen.queryByRole('presentation')).not.toBeInTheDocument();
+                    expect(defaultProps.onChange).toHaveBeenCalledWith(newValues);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should not call props.onChange with values in case click on Back button', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    user = setUp({ values: [] }).user;
+                    return [4 /*yield*/, user.click(react_2.screen.getByRole('textbox'))];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox', { name: 'From' }), '05/05/2023')];
+                case 2:
+                    _a.sent();
+                    return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox', { name: 'To' }), '05/06/2023')];
+                case 3:
+                    _a.sent();
+                    return [4 /*yield*/, user.click(react_2.screen.getByRole('presentation').firstChild)];
+                case 4:
+                    _a.sent();
+                    expect(react_2.screen.queryByRole('presentation')).not.toBeInTheDocument();
+                    expect(defaultProps.onChange).not.toBeCalled();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});

package/cjs/CustomDateRangeEditor/index.d.ts

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

package/cjs/CustomDateRangeEditor/index.js

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

package/cjs/CustomDateRangeEditor/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"input" | "inputRoot" | "root" | "paper" | "dropdownIndicator" | "dateOptionLabel">;

package/cjs/DataTenantBadge/DataTenantBadge.js

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataTenantBadge = void 0;
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var ramda_1 = require("ramda");
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var Tooltip_1 = __importDefault(require("@mui/material/Tooltip"));
+var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
+var styles_1 = require("./styles");
+var addDataTenantPrefix = function (label) { return "DT:".concat((0, ramda_1.slice)(0, 1, label)); };
+var DataTenantBadge = function (_a) {
+    var dataTenantId = _a.dataTenantId, className = _a.className;
+    var styles = (0, styles_1.useStyles)({ dataTenantId: dataTenantId });
+    var dataTenants = (0, MdmModuleContext_1.useMdmDataTenants)();
+    var dataTenant = (0, ramda_1.pipe)((0, ramda_1.defaultTo)([]), (0, ramda_1.find)((0, ramda_1.propEq)('id', dataTenantId)))(dataTenants);
+    var label = (0, ramda_1.pipe)((0, ramda_1.propOr)('', 'label'), ramda_1.toUpper, (0, ramda_1.ifElse)((0, ramda_1.startsWith)('DT:'), (0, ramda_1.slice)(0, 4), addDataTenantPrefix))(dataTenant);
+    var content = (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.root, className) },
+        react_1.default.createElement(Typography_1.default, { variant: "body2" }, label)));
+    var showTooltip = !!(dataTenant === null || dataTenant === void 0 ? void 0 : dataTenant.label);
+    if (!showTooltip) {
+        return content;
+    }
+    return (react_1.default.createElement(Tooltip_1.default, { "data-reltio-id": "reltio-data-tenant-bage-tooltip", title: dataTenant.label }, content));
+};
+exports.DataTenantBadge = DataTenantBadge;

package/cjs/DataTenantBadge/DataTenantBadge.test.d.ts

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

package/cjs/DataTenantBadge/DataTenantBadge.test.js

@@ -0,0 +1,82 @@
+"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 MdmModuleContext_1 = require("../contexts/MdmModuleContext");
+var DataTenantBadge_1 = require("./DataTenantBadge");
+var defaultDataTenants = [
+    {
+        id: 'uitest3',
+        name: 'DT_TEST',
+        label: 'DT:TEST'
+    },
+    {
+        id: 'hmcyo4cu',
+        name: 'withoutPrefix',
+        label: 'withoutPrefix'
+    },
+    {
+        id: 'uitest2',
+        name: 'DT_TEST'
+    }
+];
+var defaultMdmValues = {
+    dataTenants: defaultDataTenants
+};
+var setUp = function (props, mdmValues) {
+    if (mdmValues === void 0) { mdmValues = defaultMdmValues; }
+    var Providers = function (_a) {
+        var children = _a.children;
+        return (react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: mdmValues }, children));
+    };
+    return (0, react_2.render)(react_1.default.createElement(DataTenantBadge_1.DataTenantBadge, __assign({}, props)), { wrapper: Providers });
+};
+describe('DataTenantBage tests', function () {
+    it('should pass className to root element correctly', function () {
+        setUp({ dataTenantId: 'uitest3', className: 'dataTenantBadge' });
+        expect(react_2.screen.getByLabelText('DT:TEST')).toHaveClass('dataTenantBadge');
+    });
+    it('should render correct label if dataTenantId exists in dataTenants', function () {
+        setUp({ dataTenantId: 'uitest3' });
+        react_2.screen.getByText('DT:T');
+    });
+    it('should render correct label if dataTenants is not exists', function () {
+        var mdmValues = { dataTenants: [] };
+        setUp({ dataTenantId: 'uitest3' }, mdmValues);
+        react_2.screen.getByText('DT:');
+    });
+    it('should render correct label if dataTenantId does not exist in dataTenants', function () {
+        setUp({ dataTenantId: 'notExistedTenantId' });
+        react_2.screen.getByText('DT:');
+    });
+    it('should render correct label if data tenant name does not start with "DT:"', function () {
+        setUp({ dataTenantId: 'hmcyo4cu' });
+        react_2.screen.getByText('DT:W');
+    });
+    it('should render correct tooltip if dataTenantId has a label', function () {
+        setUp({ dataTenantId: 'uitest3' });
+        react_2.screen.getByLabelText('DT:TEST');
+    });
+    it('should not render tooltip if dataTenant does not have a label property', function () {
+        setUp({ dataTenantId: 'uitest2' });
+        expect(react_2.screen.queryByTestId('reltio-data-tenant-bage-tooltip')).not.toBeInTheDocument();
+    });
+    it('should not render tooltip if dataTenantId does not exist in dataTenants', function () {
+        setUp({ dataTenantId: 'notExistedTenantId' });
+        expect(react_2.screen.queryByTestId('reltio-data-tenant-bage-tooltip')).not.toBeInTheDocument();
+    });
+});

package/cjs/DataTenantBadge/index.d.ts

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

package/cjs/DataTenantBadge/index.js

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

package/cjs/DataTypeValue/DataTypeValue.d.ts

@@ -0,0 +1,13 @@
+export function DataTypeValue({ value, dataTypeDefinition, rich }: {
+    value?: any;
+    dataTypeDefinition: any;
+    rich?: boolean;
+}): JSX.Element;
+export namespace DataTypeValue {
+    namespace propTypes {
+        let value: PropTypes.Requireable<any>;
+        let dataTypeDefinition: PropTypes.Requireable<object>;
+        let rich: PropTypes.Requireable<boolean>;
+    }
+}
+import PropTypes from 'prop-types';

package/cjs/DataTypeValue/DataTypeValue.js

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataTypeValue = void 0;
+var react_1 = __importDefault(require("react"));
+var prop_types_1 = __importDefault(require("prop-types"));
+var moment_1 = __importDefault(require("moment"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var Link_1 = __importDefault(require("@mui/material/Link"));
+var SearchHighlighter_1 = __importDefault(require("../components/SearchHighlighter/SearchHighlighter"));
+var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
+var DataTypeValue = function (_a) {
+    var _b = _a.value, value = _b === void 0 ? null : _b, dataTypeDefinition = _a.dataTypeDefinition, _c = _a.rich, rich = _c === void 0 ? true : _c;
+    var localeDateFormat = moment_1.default.localeData().longDateFormat('L');
+    var localeTimeFormat = moment_1.default.localeData().longDateFormat('LTS');
+    var attributesPresentation = (0, MdmModuleContext_1.useMdmAttributesPresentation)();
+    var dateMask = (0, MdmModuleContext_1.useMdmDateMask)() || localeDateFormat;
+    var dateTimeMask = (0, MdmModuleContext_1.useMdmDateTimeMask)() || localeDateFormat + ' ' + localeTimeFormat;
+    var formattedValue = (0, mdm_sdk_1.formatDataTypeValue)({ attributesPresentation: attributesPresentation, dataTypeDefinition: dataTypeDefinition, dateMask: dateMask, dateTimeMask: dateTimeMask }, value);
+    return rich && (0, mdm_sdk_1.isAttributeValueLink)(dataTypeDefinition, value) ? (react_1.default.createElement(Link_1.default, { target: "_blank", href: (0, mdm_sdk_1.addProtocolToLink)(formattedValue), underline: "none" },
+        react_1.default.createElement(SearchHighlighter_1.default, { text: formattedValue }))) : (react_1.default.createElement(SearchHighlighter_1.default, { text: formattedValue }));
+};
+exports.DataTypeValue = DataTypeValue;
+exports.DataTypeValue.propTypes = {
+    value: prop_types_1.default.any,
+    dataTypeDefinition: prop_types_1.default.object,
+    rich: prop_types_1.default.bool
+};

package/cjs/DataTypeValue/DataTypeValue.test.d.ts

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