@reltio/components 1.4.1849 → 1.4.1851

package/esm/ReadOnlyAttributesView/ReadOnlyAttributesView.test.js

@@ -9,6 +9,42 @@ var __assign = (this && this.__assign) || function () {
     };
     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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
@@ -21,6 +57,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 import React from 'react';
 import { shallow } from 'enzyme';
 import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
 import { EntityAttrTypes } from '@reltio/mdm-sdk';
 import Typography from '@mui/material/Typography';
 import { ReadOnlyAttributesView } from './ReadOnlyAttributesView';
@@ -28,8 +65,8 @@ import { BasicView } from '../BasicView';
 import { ReadOnlyAttributesList } from '../ReadOnlyAttributesList';
 import { FacetViewHeader } from '../FacetViewHeader';
 import { PivotingAttributeContext } from '../contexts/PivotingAttributeContext';
-import { useMdmMetadata, useMdmPivotingAttributes } from '../contexts/MdmModuleContext';
-jest.mock('../contexts/MdmModuleContext', function () { return (__assign(__assign({}, jest.requireActual('../contexts/MdmModuleContext')), { useMdmMetadata: jest.fn(), useMdmPivotingAttributes: jest.fn() })); });
+import { useMdmHiddenAttributes, useMdmMetadata, useMdmPivotingAttributes } from '../contexts/MdmModuleContext';
+jest.mock('../contexts/MdmModuleContext', function () { return (__assign(__assign({}, jest.requireActual('../contexts/MdmModuleContext')), { useMdmMetadata: jest.fn(), useMdmPivotingAttributes: jest.fn(), useMdmHiddenAttributes: jest.fn() })); });
 describe('ReadOnlyAttributesView tests', function () {
     var metadata = {
         entityTypes: [
@@ -203,8 +240,8 @@ describe('ReadOnlyAttributesView tests', function () {
         var provider = component.find(PivotingAttributeContext.Provider);
         expect(provider.prop('value')).toEqual(pivotingAttributes);
     });
-    describe('dynamic rules', function () {
-        var metadataWithDynamicRules = {
+    describe('rule based attributes', function () {
+        var metadata = {
             entityTypes: [
                 {
                     uri: 'configuration/entityTypes/HCP',
@@ -228,93 +265,38 @@ describe('ReadOnlyAttributesView tests', function () {
                             name: 'Category4',
                             type: 'String',
                             uri: 'configuration/entityTypes/HCP/attributes/Category4'
-                        }
-                    ],
-                    ruleBasedAttributes: [
-                        {
-                            uri: 'configuration/entityTypes/HCP/ruleBasedAttributes/DynamicRule1',
-                            label: 'Dynamic Rule 1',
-                            description: 'Dynamic Attributes Rule 1',
-                            name: 'DynamicRule1',
-                            type: 'Dynamic',
-                            controlFunction: {
-                                expression: "listEquals(attributes.Category1.value, 'category1_value1') and listEquals(attributes.Category2.value, 'category2_value1', 'category2_value2')",
-                                showAttributeURI: [
-                                    'configuration/entityTypes/HCP/attributes/Category3',
-                                    'configuration/entityTypes/HCP/attributes/Category4'
-                                ]
-                            }
-                        },
-                        {
-                            uri: 'configuration/entityTypes/HCP/ruleBasedAttributes/DynamicRule2',
-                            label: 'Dynamic Rule 2',
-                            description: 'Dynamic Attributes Rule 2',
-                            name: 'DynamicRule2',
-                            type: 'Dynamic',
-                            controlFunction: {
-                                expression: "listEquals(attributes.Category1.value, 'category1_value1')",
-                                showAttributeURI: ['configuration/entityTypes/HCP/attributes/Category2']
-                            }
                         },
                         {
-                            uri: 'configuration/entityTypes/HCP/ruleBasedAttributes/DynamicRule3',
-                            label: 'Dynamic Rule 3',
-                            description: 'Dynamic Attributes Rule 3',
-                            name: 'DynamicRule3',
-                            type: 'Dynamic',
-                            controlFunction: {
-                                expression: "listEquals(attributes.Category1.value, 'category1_value2')",
-                                showAttributeURI: ['configuration/entityTypes/HCP/attributes/Category4']
-                            }
+                            name: 'Nested1',
+                            label: 'Nested1',
+                            type: 'Nested',
+                            uri: 'configuration/entityTypes/HCP/attributes/Nested1',
+                            attributes: [
+                                {
+                                    name: 'NestedCategory1',
+                                    type: 'String',
+                                    uri: 'configuration/entityTypes/HCP/attributes/Nested1/attributes/NestedCategory1'
+                                },
+                                {
+                                    name: 'NestedCategory2',
+                                    type: 'String',
+                                    uri: 'configuration/entityTypes/HCP/attributes/Nested1/attributes/NestedCategory2'
+                                }
+                            ]
                         }
                     ]
                 }
             ]
         };
         var setUp = function (props) {
-            return render(React.createElement(ReadOnlyAttributesView, __assign({}, props)));
+            var user = userEvent.setup();
+            return __assign(__assign({}, render(React.createElement(ReadOnlyAttributesView, __assign({}, props)))), { user: user });
         };
         beforeAll(function () {
-            useMdmMetadata.mockReturnValue(metadataWithDynamicRules);
-        });
-        it('should hide attributes which does not fit dynamic rules', function () {
-            var entity = {
-                type: 'configuration/entityTypes/HCP',
-                uri: 'entities/uri_e',
-                attributes: {
-                    Category1: [
-                        {
-                            uri: 'entities/uri_e/attributes/uri1',
-                            value: 'category1_value1_diff'
-                        }
-                    ],
-                    Category2: [
-                        {
-                            uri: 'entities/uri_e/attributes/uri2',
-                            value: 'category2_value1_diff'
-                        }
-                    ],
-                    Category3: [
-                        {
-                            uri: 'entities/uri_e/attributes/uri3',
-                            value: 'category3_value1'
-                        }
-                    ],
-                    Category4: [
-                        {
-                            uri: 'entities/uri_e/attributes/uri4',
-                            value: 'category4_value1'
-                        }
-                    ]
-                }
-            };
-            setUp({ entity: entity });
-            expect(screen.getByText('category1_value1_diff')).toBeInTheDocument();
-            expect(screen.queryByText('category2_value1_diff')).not.toBeInTheDocument();
-            expect(screen.queryByText('category3_value1')).not.toBeInTheDocument();
-            expect(screen.queryByText('category4_value1')).not.toBeInTheDocument();
+            useMdmMetadata.mockReturnValue(metadata);
+            useMdmHiddenAttributes.mockReturnValue([]);
         });
-        it('should show attributes which fits dynamic rules', function () {
+        it('should hide attributes', function () {
             var entity = {
                 type: 'configuration/entityTypes/HCP',
                 uri: 'entities/uri_e',
@@ -345,34 +327,61 @@ describe('ReadOnlyAttributesView tests', function () {
                     ]
                 }
             };
+            useMdmHiddenAttributes.mockReturnValue([
+                'configuration/entityTypes/HCP/attributes/Category2',
+                'configuration/entityTypes/HCP/attributes/Category3',
+                'configuration/entityTypes/HCP/attributes/Category4'
+            ]);
             setUp({ entity: entity });
             expect(screen.getByText('category1_value1')).toBeInTheDocument();
-            expect(screen.getByText('category2_value1')).toBeInTheDocument();
-            expect(screen.getByText('category3_value1')).toBeInTheDocument();
-            expect(screen.getByText('category4_value1')).toBeInTheDocument();
+            expect(screen.queryByText('category2_value1')).not.toBeInTheDocument();
+            expect(screen.queryByText('category3_value1')).not.toBeInTheDocument();
+            expect(screen.queryByText('category4_value1')).not.toBeInTheDocument();
         });
-        it('should show attributes if at least one rule allows to show the attribute from showAttributeURI', function () {
-            var entity = {
-                type: 'configuration/entityTypes/HCP',
-                uri: 'entities/uri_e',
-                attributes: {
-                    Category1: [
-                        {
-                            uri: 'entities/uri_e/attributes/uri1',
-                            value: 'category1_value2'
-                        }
-                    ],
-                    Category4: [
-                        {
-                            uri: 'entities/uri_e/attributes/uri4',
-                            value: 'category4_value1'
-                        }
-                    ]
+        it('should hide nested attributes', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var entity, user;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        entity = {
+                            type: 'configuration/entityTypes/HCP',
+                            uri: 'entities/uri_e',
+                            attributes: {
+                                Nested1: [
+                                    {
+                                        uri: 'entities/uri_e/attributes/nesteduri1',
+                                        value: {
+                                            NestedCategory1: [
+                                                {
+                                                    ov: true,
+                                                    uri: 'entities/uri_e/attributes/nesteduri1/attributes/nestedcaturi1',
+                                                    value: 'nested_category1_value'
+                                                }
+                                            ],
+                                            NestedCategory2: [
+                                                {
+                                                    ov: true,
+                                                    uri: 'entities/uri_e/attributes/nesteduri1/attributes/nestedcaturi2',
+                                                    value: 'nested_category2_value1'
+                                                }
+                                            ]
+                                        }
+                                    }
+                                ]
+                            }
+                        };
+                        useMdmHiddenAttributes.mockReturnValue([
+                            'configuration/entityTypes/HCP/attributes/Nested1/attributes/NestedCategory2'
+                        ]);
+                        user = setUp({ entity: entity }).user;
+                        return [4 /*yield*/, user.click(screen.getByTestId('arrow-expand-button'))];
+                    case 1:
+                        _a.sent();
+                        expect(screen.getByText('nested_category1_value')).toBeInTheDocument();
+                        expect(screen.queryByText('nested_category2_value1')).not.toBeInTheDocument();
+                        return [2 /*return*/];
                 }
-            };
-            setUp({ entity: entity });
-            expect(screen.getByText('category1_value2')).toBeInTheDocument();
-            expect(screen.getByText('category4_value1')).toBeInTheDocument();
-        });
+            });
+        }); });
     });
 });

package/esm/SaveSegmentDialog/SaveSegmentDialog.d.ts

@@ -0,0 +1,8 @@
+type Props = {
+    isOpen: boolean;
+    isSaving: boolean;
+    onClose: () => void;
+    onSave: (name: string, description: string, isPublic: boolean) => void;
+};
+export declare const SaveSegmentDialog: ({ isOpen, isSaving, onClose, onSave }: Props) => JSX.Element;
+export {};

package/esm/SaveSegmentDialog/SaveSegmentDialog.js

@@ -0,0 +1,99 @@
+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 };
+    }
+};
+import React, { useCallback, useEffect, useState } from 'react';
+import i18n from 'ui-i18n';
+import Dialog from '@mui/material/Dialog';
+import DialogTitle from '@mui/material/DialogTitle';
+import DialogContent from '@mui/material/DialogContent';
+import DialogActions from '@mui/material/DialogActions';
+import Button from '@mui/material/Button';
+import { DropDownEditor } from '../DropDownEditor';
+import { TextEditor } from '../TextEditor';
+import { useStyles } from './styles';
+var SharingOption;
+(function (SharingOption) {
+    SharingOption["Public"] = "public";
+    SharingOption["Private"] = "private";
+})(SharingOption || (SharingOption = {}));
+var SHARING_OPTIONS = [
+    { label: i18n.text('Only me'), value: SharingOption.Private },
+    { label: i18n.text('All users'), value: SharingOption.Public }
+];
+export var SaveSegmentDialog = function (_a) {
+    var isOpen = _a.isOpen, isSaving = _a.isSaving, onClose = _a.onClose, onSave = _a.onSave;
+    var styles = useStyles();
+    var _b = useState(''), name = _b[0], setName = _b[1];
+    var _c = useState(''), description = _c[0], setDescription = _c[1];
+    var _d = useState(SharingOption.Private), share = _d[0], setShare = _d[1];
+    var isValid = name.trim() !== '';
+    var handleChangeName = useCallback(function (event) {
+        setName(event.target.value);
+    }, []);
+    var handleChangeDescription = useCallback(function (event) {
+        setDescription(event.target.value);
+    }, []);
+    var handleChangeShareWith = useCallback(function (newValue) {
+        setShare(newValue);
+    }, []);
+    var handleSave = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            onSave(name, description, share === SharingOption.Public);
+            return [2 /*return*/];
+        });
+    }); }, [onSave, name, description, share]);
+    useEffect(function () {
+        if (isOpen) {
+            setName('');
+            setDescription('');
+            setShare(SharingOption.Private);
+        }
+    }, [isOpen]);
+    return (React.createElement(Dialog, { onClose: onClose, open: isOpen, PaperProps: { classes: { root: styles.root } } },
+        React.createElement(DialogTitle, null, i18n.text('Save segment')),
+        React.createElement(DialogContent, { className: styles.dialogContent },
+            React.createElement(TextEditor, { label: i18n.text('Name'), required: true, variant: "filled", onInput: handleChangeName, value: name, size: "small", autoFocus: true }),
+            React.createElement(TextEditor, { label: i18n.text('Description (optional)'), multiline: true, variant: "filled", value: description, onInput: handleChangeDescription, size: "small", rows: 5 }),
+            React.createElement(DropDownEditor, { entries: SHARING_OPTIONS, TextFieldProps: {
+                    required: true,
+                    label: i18n.text('Share with'),
+                    variant: 'filled',
+                    size: 'small'
+                }, value: share, onChange: handleChangeShareWith })),
+        React.createElement(DialogActions, null,
+            React.createElement(Button, { onClick: onClose }, i18n.text('Cancel')),
+            React.createElement(Button, { color: "primary", onClick: handleSave, disabled: isSaving || !isValid }, i18n.text('Save')))));
+};

package/esm/SaveSegmentDialog/SaveSegmentDialog.test.d.ts

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

package/esm/SaveSegmentDialog/SaveSegmentDialog.test.js

@@ -0,0 +1,209 @@
+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 };
+    }
+};
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { SaveSegmentDialog } from '../SaveSegmentDialog';
+var defaultProps = {
+    isOpen: true,
+    isSaving: false,
+    onClose: jest.fn(),
+    onSave: jest.fn()
+};
+var setUp = function (props) {
+    if (props === void 0) { props = defaultProps; }
+    var user = userEvent.setup();
+    var result = render(React.createElement(SaveSegmentDialog, __assign({}, props)));
+    var rerender = function (props) { return result.rerender(React.createElement(SaveSegmentDialog, __assign({}, defaultProps, props))); };
+    return __assign(__assign({}, result), { user: user, rerender: rerender });
+};
+describe('SaveSegmentDialog tests', function () {
+    beforeEach(function () {
+        jest.clearAllMocks();
+    });
+    it('should not render dialog if isOpen prop is false', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var props, container;
+        return __generator(this, function (_a) {
+            props = __assign(__assign({}, defaultProps), { isOpen: false });
+            container = setUp(props).container;
+            expect(container).toBeEmptyDOMElement();
+            return [2 /*return*/];
+        });
+    }); });
+    it('should render main parts correctly', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            setUp();
+            expect(screen.getByText('Save segment')).toBeInTheDocument();
+            expect(screen.getByText('Name')).toBeInTheDocument();
+            expect(screen.getByText('Description (optional)')).toBeInTheDocument();
+            expect(screen.getByText('Share with')).toBeInTheDocument();
+            expect(screen.getByText('Cancel')).toBeInTheDocument();
+            expect(screen.getByText('Save')).toBeInTheDocument();
+            return [2 /*return*/];
+        });
+    }); });
+    it('should clear all fields on close dialog', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _a, user, rerender;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    _a = setUp(), user = _a.user, rerender = _a.rerender;
+                    return [4 /*yield*/, user.click(screen.getByText('Name'))];
+                case 1:
+                    _b.sent();
+                    return [4 /*yield*/, user.keyboard('test name')];
+                case 2:
+                    _b.sent();
+                    return [4 /*yield*/, user.click(screen.getByText('Description (optional)'))];
+                case 3:
+                    _b.sent();
+                    return [4 /*yield*/, user.keyboard('test description')];
+                case 4:
+                    _b.sent();
+                    return [4 /*yield*/, user.click(screen.getByText('Only me'))];
+                case 5:
+                    _b.sent();
+                    return [4 /*yield*/, user.click(screen.getByText('All users'))];
+                case 6:
+                    _b.sent();
+                    rerender({ isOpen: false });
+                    rerender({ isOpen: true });
+                    expect(screen.queryByText('test name')).not.toBeInTheDocument();
+                    expect(screen.queryByText('test description')).not.toBeInTheDocument();
+                    screen.getByText('Only me');
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should disable "Save" button in case of name field is empty', 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;
+                    expect(screen.getByText('Save')).toBeDisabled();
+                    return [4 /*yield*/, user.click(screen.getByText('Name'))];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, user.keyboard('   ')];
+                case 2:
+                    _a.sent();
+                    expect(screen.getByText('Save')).toBeDisabled();
+                    return [4 /*yield*/, user.keyboard('test')];
+                case 3:
+                    _a.sent();
+                    expect(screen.getByText('Save')).toBeEnabled();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should disable "Save" button in case of isSaving prop is true', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var props, user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    props = __assign(__assign({}, defaultProps), { isSaving: true });
+                    user = setUp(props).user;
+                    return [4 /*yield*/, user.click(screen.getByText('Name'))];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, user.keyboard('test')];
+                case 2:
+                    _a.sent();
+                    expect(screen.getByText('Save')).toBeDisabled();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should call onSave callback with correct props on "Save" button click', 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(screen.getByText('Name'))];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, user.keyboard('test name')];
+                case 2:
+                    _a.sent();
+                    return [4 /*yield*/, user.click(screen.getByText('Description (optional)'))];
+                case 3:
+                    _a.sent();
+                    return [4 /*yield*/, user.keyboard('test description')];
+                case 4:
+                    _a.sent();
+                    return [4 /*yield*/, user.click(screen.getByText('Only me'))];
+                case 5:
+                    _a.sent();
+                    return [4 /*yield*/, user.click(screen.getByText('All users'))];
+                case 6:
+                    _a.sent();
+                    return [4 /*yield*/, user.click(screen.getByText('Save'))];
+                case 7:
+                    _a.sent();
+                    expect(defaultProps.onSave).toHaveBeenCalledWith('test name', 'test description', true);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should call onClose callback on "Cancel" button click', 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(screen.getByText('Cancel'))];
+                case 1:
+                    _a.sent();
+                    expect(defaultProps.onClose).toHaveBeenCalled();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});

package/esm/SaveSegmentDialog/index.d.ts

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

package/esm/SaveSegmentDialog/index.js

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

package/esm/SaveSegmentDialog/styles.d.ts

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

package/esm/SaveSegmentDialog/styles.js

@@ -0,0 +1,12 @@
+import { makeStyles } from '@mui/styles';
+export var useStyles = makeStyles({
+    root: {
+        minWidth: '600px',
+        minHeight: '280px'
+    },
+    dialogContent: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '20px'
+    }
+});

package/esm/contexts/MdmModuleContext/context.d.ts

@@ -32,6 +32,7 @@ export type MdmModuleValuesContextProps = Partial<{
     mode: Mode;
     isViewMode: boolean;
     isEditableMode: boolean;
+    hiddenAttributes: string[];
     historyDiff: HistoryDiff;
     historyMode: HistoryMode;
     historySlice: HistorySlice;
@@ -114,6 +115,8 @@ export type MdmModuleActionsContextProps = Partial<{
     errorsSet: (payload: AttributeError[]) => void;
     addRelation: (id: string, connection: Connection) => void;
     editRelation: (id: string, connection: Connection) => void;
+    updateHiddenAttributes: (uri: string, hiddenAttributes: string[]) => void;
+    resetHiddenAttributes: (uri: string) => void;
 }>;
 export type MdmModuleListenersContextProps = Partial<{
     expandInvalidRelatonsListener: (callback: () => void) => (action: any) => void;
@@ -180,6 +183,8 @@ export declare const MdmModuleActionsContext: import("@fluentui/react-context-se
     errorsSet: (payload: AttributeError[]) => void;
     addRelation: (id: string, connection: Connection) => void;
     editRelation: (id: string, connection: Connection) => void;
+    updateHiddenAttributes: (uri: string, hiddenAttributes: string[]) => void;
+    resetHiddenAttributes: (uri: string) => void;
 }>>;
 export declare const MdmModuleValuesContext: import("@fluentui/react-context-selector").Context<Partial<{
     autoCloseInterval: number;
@@ -213,6 +218,7 @@ export declare const MdmModuleValuesContext: import("@fluentui/react-context-sel
     mode: Mode;
     isViewMode: boolean;
     isEditableMode: boolean;
+    hiddenAttributes: string[];
     historyDiff: HistoryDiff;
     historyMode: HistoryMode;
     historySlice: HistorySlice;