@reltio/components 1.4.2094 → 1.4.2096

package/BlobRenderer/BlobRenderer.d.ts

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

package/BlobRenderer/BlobRenderer.js

@@ -1,6 +1,7 @@
 import React from 'react';
+import classnames from 'classnames';
 import styles from './BlobRenderer.module.css';
 export var BlobRenderer = function (_a) {
-    var value = _a.value;
-    return (React.createElement("div", { "data-reltio-id": "blob-renderer", className: styles.blobWrapper, onScroll: function (e) { return e.stopPropagation(); } }, value));
+    var value = _a.value, className = _a.className;
+    return (React.createElement("div", { "data-reltio-id": "blob-renderer", className: classnames(styles.blobWrapper, className), onScroll: function (e) { return e.stopPropagation(); } }, value));
 };

package/BlobRenderer/BlobRenderer.test.js

@@ -14,7 +14,8 @@ import { BlobRenderer } from './BlobRenderer';
 import { fireEvent, render, screen } from '@testing-library/react';
 describe('BlobRenderer test', function () {
     var defaultProps = {
-        value: 'testValue'
+        value: 'testValue',
+        className: 'columnClassName'
     };
     var setUp = function (props, wrapper) {
         if (props === void 0) { props = defaultProps; }
@@ -23,6 +24,7 @@ describe('BlobRenderer test', function () {
     it('should render value', function () {
         setUp();
         expect(screen.getByText(defaultProps.value)).toBeInTheDocument();
+        expect(screen.getByText(defaultProps.value)).toHaveClass('columnClassName');
     });
     it('should stop propagation scroll event', function () {
         var scrollHandler = jest.fn();

package/DefaultCellValueRenderer/DefaultCellValueRenderer.js

@@ -21,7 +21,7 @@ export var DefaultCellValueRenderer = function (props) {
     var value = props.value, _a = props.columnData, dataTypeDefinition = _a.dataTypeDefinition, columnClassName = _a.className, className = props.className;
     switch (dataTypeDefinition.type) {
         case DataTypes.TYPE_BLOB:
-            return React.createElement(BlobRenderer, __assign({}, props));
+            return React.createElement(BlobRenderer, __assign({}, props, { className: columnClassName }));
         default: {
             var dataTypeValue = React.createElement(DataTypeValue, { value: value, dataTypeDefinition: dataTypeDefinition });
             return (React.createElement(ExpandedValueTooltip, { value: dataTypeValue },

package/HOCs/withCollapseButton/WithCollapseButton.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"collapser":"withCollapseButton-collapser--5njVm","cellWithCollapseLocal":"withCollapseButton-cellWithCollapseLocal--jOuCd"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.withCollapseButton-collapser--5njVm{margin-left:-2px}.withCollapseButton-cellWithCollapseLocal--jOuCd{align-items:center;display:flex;height:100%}`;
+    head.appendChild(style);
+}
+export default styles;

package/HOCs/withCollapseButton/index.d.ts

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

package/HOCs/withCollapseButton/index.js

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

package/HOCs/withCollapseButton/withCollapseButton.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { RowValue } from '../../types/basicTable';
+type WithCollapseButtonProps = {
+    hasCollapseButton?: boolean;
+};
+export declare const withCollapseButton: <P extends {
+    rowValue: RowValue;
+    rowIndex: number;
+}>(Component: React.ComponentType<P>) => {
+    (componentProps: P & WithCollapseButtonProps): React.JSX.Element;
+    displayName: string;
+};
+export {};

package/HOCs/withCollapseButton/withCollapseButton.js

@@ -0,0 +1,36 @@
+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;
+};
+import React from 'react';
+import classnames from 'classnames';
+import { CollapseRowButton } from '../../CollapseRowButton';
+import styles from './WithCollapseButton.module.css';
+export var withCollapseButton = function (Component) {
+    var WrappedComponent = function (componentProps) {
+        var hasCollapseButton = componentProps.hasCollapseButton, restProps = __rest(componentProps, ["hasCollapseButton"]);
+        return hasCollapseButton ? (React.createElement("div", { className: classnames(styles.cellWithCollapseLocal, 'cellWithCollapser') },
+            React.createElement(CollapseRowButton, { className: styles.collapser, rowIndex: componentProps.rowIndex, rowValue: componentProps.rowValue }),
+            React.createElement(Component, __assign({}, restProps)))) : (React.createElement(Component, __assign({}, restProps)));
+    };
+    WrappedComponent.displayName = "withCollapseButton(".concat(Component.displayName || 'Component', ")");
+    return WrappedComponent;
+};

package/cjs/BlobRenderer/BlobRenderer.d.ts

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

package/cjs/BlobRenderer/BlobRenderer.js

@@ -5,9 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BlobRenderer = void 0;
 var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
 var BlobRenderer_module_css_1 = __importDefault(require("./BlobRenderer.module.css"));
 var BlobRenderer = function (_a) {
-    var value = _a.value;
-    return (react_1.default.createElement("div", { "data-reltio-id": "blob-renderer", className: BlobRenderer_module_css_1.default.blobWrapper, onScroll: function (e) { return e.stopPropagation(); } }, value));
+    var value = _a.value, className = _a.className;
+    return (react_1.default.createElement("div", { "data-reltio-id": "blob-renderer", className: (0, classnames_1.default)(BlobRenderer_module_css_1.default.blobWrapper, className), onScroll: function (e) { return e.stopPropagation(); } }, value));
 };
 exports.BlobRenderer = BlobRenderer;

package/cjs/BlobRenderer/BlobRenderer.test.js

@@ -19,7 +19,8 @@ var BlobRenderer_1 = require("./BlobRenderer");
 var react_2 = require("@testing-library/react");
 describe('BlobRenderer test', function () {
     var defaultProps = {
-        value: 'testValue'
+        value: 'testValue',
+        className: 'columnClassName'
     };
     var setUp = function (props, wrapper) {
         if (props === void 0) { props = defaultProps; }
@@ -28,6 +29,7 @@ describe('BlobRenderer test', function () {
     it('should render value', function () {
         setUp();
         expect(react_2.screen.getByText(defaultProps.value)).toBeInTheDocument();
+        expect(react_2.screen.getByText(defaultProps.value)).toHaveClass('columnClassName');
     });
     it('should stop propagation scroll event', function () {
         var scrollHandler = jest.fn();

package/cjs/DefaultCellValueRenderer/DefaultCellValueRenderer.js

@@ -27,7 +27,7 @@ var DefaultCellValueRenderer = function (props) {
     var value = props.value, _a = props.columnData, dataTypeDefinition = _a.dataTypeDefinition, columnClassName = _a.className, className = props.className;
     switch (dataTypeDefinition.type) {
         case mdm_sdk_1.DataTypes.TYPE_BLOB:
-            return react_1.default.createElement(BlobRenderer_1.BlobRenderer, __assign({}, props));
+            return react_1.default.createElement(BlobRenderer_1.BlobRenderer, __assign({}, props, { className: columnClassName }));
         default: {
             var dataTypeValue = react_1.default.createElement(DataTypeValue_1.DataTypeValue, { value: value, dataTypeDefinition: dataTypeDefinition });
             return (react_1.default.createElement(ExpandedValueTooltip_1.ExpandedValueTooltip, { value: dataTypeValue },

package/cjs/HOCs/withCollapseButton/WithCollapseButton.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"collapser":"withCollapseButton-collapser--5njVm","cellWithCollapseLocal":"withCollapseButton-cellWithCollapseLocal--jOuCd"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.withCollapseButton-collapser--5njVm{margin-left:-2px}.withCollapseButton-cellWithCollapseLocal--jOuCd{align-items:center;display:flex;height:100%}`;
+    head.appendChild(style);
+}
+module.exports = styles;

package/cjs/HOCs/withCollapseButton/index.d.ts

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

package/cjs/HOCs/withCollapseButton/index.js

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

package/cjs/HOCs/withCollapseButton/withCollapseButton.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { RowValue } from '../../types/basicTable';
+type WithCollapseButtonProps = {
+    hasCollapseButton?: boolean;
+};
+export declare const withCollapseButton: <P extends {
+    rowValue: RowValue;
+    rowIndex: number;
+}>(Component: React.ComponentType<P>) => {
+    (componentProps: P & WithCollapseButtonProps): React.JSX.Element;
+    displayName: string;
+};
+export {};

package/cjs/HOCs/withCollapseButton/withCollapseButton.js

@@ -0,0 +1,43 @@
+"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.withCollapseButton = void 0;
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var CollapseRowButton_1 = require("../../CollapseRowButton");
+var WithCollapseButton_module_css_1 = __importDefault(require("./WithCollapseButton.module.css"));
+var withCollapseButton = function (Component) {
+    var WrappedComponent = function (componentProps) {
+        var hasCollapseButton = componentProps.hasCollapseButton, restProps = __rest(componentProps, ["hasCollapseButton"]);
+        return hasCollapseButton ? (react_1.default.createElement("div", { className: (0, classnames_1.default)(WithCollapseButton_module_css_1.default.cellWithCollapseLocal, 'cellWithCollapser') },
+            react_1.default.createElement(CollapseRowButton_1.CollapseRowButton, { className: WithCollapseButton_module_css_1.default.collapser, rowIndex: componentProps.rowIndex, rowValue: componentProps.rowValue }),
+            react_1.default.createElement(Component, __assign({}, restProps)))) : (react_1.default.createElement(Component, __assign({}, restProps)));
+    };
+    WrappedComponent.displayName = "withCollapseButton(".concat(Component.displayName || 'Component', ")");
+    return WrappedComponent;
+};
+exports.withCollapseButton = withCollapseButton;

package/cjs/helpers/entitiesTable.d.ts

@@ -0,0 +1,9 @@
+export declare const REFERENCE_HEIGHT = 28;
+export declare const BLOB_HEIGHT = 100;
+export declare const IMAGE_HEIGHT = 76;
+export declare const getAttributeHeight: ({ columnData, cell }: {
+    columnData: any;
+    cell: any;
+}) => number;
+export declare const getAttrPathFromColumnId: any;
+export declare const getNestedPathByColumnId: (columnId: string) => string[];

package/cjs/helpers/entitiesTable.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getNestedPathByColumnId = exports.getAttrPathFromColumnId = exports.getAttributeHeight = exports.IMAGE_HEIGHT = exports.BLOB_HEIGHT = exports.REFERENCE_HEIGHT = void 0;
+var ramda_1 = require("ramda");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+exports.REFERENCE_HEIGHT = 28;
+exports.BLOB_HEIGHT = 100;
+exports.IMAGE_HEIGHT = 76;
+var PADDING = 17;
+var getAttributeHeight = function (_a) {
+    var columnData = _a.columnData, cell = _a.cell;
+    var countAttributes = cell.values.length;
+    var defaultHeight = 28 * Math.max(countAttributes, 1) + 20;
+    if (!countAttributes) {
+        return defaultHeight;
+    }
+    switch ((0, ramda_1.path)(['dataTypeDefinition', 'type'], columnData)) {
+        case 'Reference':
+            return exports.REFERENCE_HEIGHT * countAttributes + PADDING;
+        case 'Blob':
+            return exports.BLOB_HEIGHT * countAttributes;
+        case 'Image':
+            return exports.IMAGE_HEIGHT * countAttributes + PADDING;
+        default:
+            return defaultHeight;
+    }
+};
+exports.getAttributeHeight = getAttributeHeight;
+exports.getAttrPathFromColumnId = (0, ramda_1.split)('.');
+var getNestedPathByColumnId = function (columnId) {
+    if ((0, mdm_sdk_1.isAttributeSearchUri)(columnId)) {
+        var _a = (0, exports.getAttrPathFromColumnId)(columnId), attrPath = _a.slice(1);
+        return attrPath.length > 1 ? attrPath.slice(0, -1) : null;
+    }
+    else {
+        return null;
+    }
+};
+exports.getNestedPathByColumnId = getNestedPathByColumnId;

package/cjs/helpers/entitiesTable.test.d.ts

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

package/cjs/helpers/entitiesTable.test.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var entitiesTable_1 = require("./entitiesTable");
+describe('height calculator tests', function () {
+    it('should return height correctly when countAttributes more than 1', function () {
+        expect((0, entitiesTable_1.getAttributeHeight)({ columnData: {}, cell: { values: [1, 2] } })).toBe(76);
+    });
+    it('should return height correctly when countAttributes is 0', function () {
+        expect((0, entitiesTable_1.getAttributeHeight)({ columnData: {}, cell: { values: [] } })).toBe(48);
+    });
+    it('should return height correctly when attribute is Reference', function () {
+        expect((0, entitiesTable_1.getAttributeHeight)({ columnData: { dataTypeDefinition: { type: 'Reference' } }, cell: { values: [{ entity: {} }] } })).toBe(45);
+    });
+    it('should return height correctly when attribute is Blob', function () {
+        expect((0, entitiesTable_1.getAttributeHeight)({ columnData: { dataTypeDefinition: { type: 'Blob' } }, cell: { values: ['123'] } })).toBe(100);
+    });
+    it('should return height correctly when attribute is Image', function () {
+        expect((0, entitiesTable_1.getAttributeHeight)({ columnData: { dataTypeDefinition: { type: 'Image' } }, cell: { values: ['uri/123'] } })).toBe(93);
+    });
+});

package/cjs/helpers/segments.d.ts

@@ -0,0 +1 @@
+export declare const buildSegmentsFilterString: any;

package/cjs/helpers/segments.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildSegmentsFilterString = void 0;
+var ramda_1 = require("ramda");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var buildFavoriteFilterClause = function (value) {
+    return value ? "equals(favorite, 'true')" : '';
+};
+var buildOwnerFilterClause = function (user) {
+    return "equals(owner, '".concat(user, "')");
+};
+var buildStatusFilterClause = function (status) {
+    return "equals(status, '".concat(status, "')");
+};
+var buildSharingFilterClause = function (value) {
+    return "equals(sharing, '".concat(value, "')");
+};
+var buildDestinationFilterClause = function (value) {
+    return "equals(integrationIDs, '".concat(value, "')");
+};
+var buildSearchValueFilterClause = function (value) {
+    return "contains(label, '".concat(value, "')");
+};
+var getFilterClauseBuilder = (0, ramda_1.cond)([
+    [(0, ramda_1.equals)('showFavorite'), function () { return buildFavoriteFilterClause; }],
+    [(0, ramda_1.equals)('ownedBy'), function () { return buildOwnerFilterClause; }],
+    [(0, ramda_1.equals)('statuses'), function () { return (0, mdm_sdk_1.multiValueFilter)(buildStatusFilterClause); }],
+    [(0, ramda_1.equals)('createdBy'), function () { return (0, mdm_sdk_1.multiValueFilter)(buildOwnerFilterClause); }],
+    [(0, ramda_1.equals)('sharedWith'), function () { return (0, mdm_sdk_1.multiValueFilter)(buildSharingFilterClause); }],
+    [(0, ramda_1.equals)('destinations'), function () { return (0, mdm_sdk_1.multiValueFilter)(buildDestinationFilterClause); }],
+    [(0, ramda_1.equals)('searchValue'), function () { return buildSearchValueFilterClause; }]
+]);
+exports.buildSegmentsFilterString = (0, ramda_1.pipe)((0, ramda_1.defaultTo)({}), (0, ramda_1.reject)(mdm_sdk_1.isEmptyValue), ramda_1.toPairs, (0, ramda_1.map)(function (_a) {
+    var key = _a[0], value = _a[1];
+    return getFilterClauseBuilder(key)(value);
+}), (0, ramda_1.reject)(mdm_sdk_1.isEmptyValue), (0, ramda_1.map)(mdm_sdk_1.wrapInBrackets), (0, ramda_1.join)(' and '));

package/cjs/hooks/useSegmentsLoader/index.d.ts

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

package/cjs/hooks/useSegmentsLoader/index.js

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

package/cjs/hooks/useSegmentsLoader/useSegmentsLoader.d.ts

@@ -0,0 +1,15 @@
+import { NewSegment, SegmentationFilters, SortingField } from '@reltio/mdm-sdk';
+import { RequestStates } from '../../types';
+type Props = {
+    sorting?: SortingField;
+    rowsPerPage: number;
+    page: number;
+    filters?: SegmentationFilters;
+};
+export declare const useSegmentsLoader: ({ sorting, rowsPerPage, page, filters }: Props) => {
+    requestState: RequestStates;
+    segments: NewSegment[];
+    total: number;
+    reload: () => Promise<void>;
+};
+export {};

package/cjs/hooks/useSegmentsLoader/useSegmentsLoader.js

@@ -0,0 +1,92 @@
+"use strict";
+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 = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["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 };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSegmentsLoader = void 0;
+var react_1 = require("react");
+var ramda_1 = require("ramda");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var types_1 = require("../../types");
+var segments_1 = require("../../helpers/segments");
+var useSegmentsLoader = function (_a) {
+    var sorting = _a.sorting, rowsPerPage = _a.rowsPerPage, page = _a.page, filters = _a.filters;
+    var _b = (0, react_1.useState)(types_1.RequestStates.INIT), requestState = _b[0], setRequestState = _b[1];
+    var _c = (0, react_1.useState)([]), segments = _c[0], setSegments = _c[1];
+    var _d = (0, react_1.useState)(0), segmentsTotal = _d[0], setSegmentsTotal = _d[1];
+    var _e = sorting || {}, sort = _e.field, order = _e.order;
+    var filterString = (0, segments_1.buildSegmentsFilterString)(filters);
+    var segmentsRequestParams = (0, react_1.useMemo)(function () { return (0, ramda_1.reject)(mdm_sdk_1.isEmptyValue, { sort: sort, order: order, max: rowsPerPage, offset: page * rowsPerPage, filter: filterString }); }, [sort, order, rowsPerPage, page, filterString]);
+    var loadRequest = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _a, segments_2, total, error_1;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    setRequestState(types_1.RequestStates.LOADING);
+                    _b.label = 1;
+                case 1:
+                    _b.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, (0, mdm_sdk_1.getSegments)(segmentsRequestParams)];
+                case 2:
+                    _a = _b.sent(), segments_2 = _a.segments, total = _a.total;
+                    setSegments(segments_2 !== null && segments_2 !== void 0 ? segments_2 : []);
+                    setSegmentsTotal(total);
+                    setRequestState(types_1.RequestStates.LOADED);
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _b.sent();
+                    console.warn(error_1);
+                    if (!(0, mdm_sdk_1.isAbortError)(error_1)) {
+                        setSegments([]);
+                        setSegmentsTotal(0);
+                    }
+                    setRequestState(types_1.RequestStates.ERROR);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); }, [segmentsRequestParams]);
+    (0, react_1.useEffect)(function () {
+        loadRequest();
+    }, [loadRequest]);
+    return {
+        requestState: requestState,
+        segments: segments,
+        total: segmentsTotal,
+        reload: loadRequest
+    };
+};
+exports.useSegmentsLoader = useSegmentsLoader;

package/cjs/index.d.ts

@@ -189,6 +189,7 @@ export { withContext } from './HOCs/withContext';
 export { withChartDataPercents as withPercents } from './HOCs/withChartDataPercents';
 export { withFilterAtBottom } from './HOCs/withFilterAtBottom';
 export { withTableContext } from './HOCs/withTableContext';
+export { withCollapseButton } from './HOCs/withCollapseButton';
 export { MdmModuleProvider } from './contexts/MdmModuleContext';
 export { AsyncMountContext } from './contexts/AsyncMountContext';
 export { HistoryDiffContext } from './contexts/HistoryAppearanceContext';
@@ -273,6 +274,7 @@ export { useSegmentationRequest } from './hooks/useSegmentationRequest';
 export { useFilterAutoFocus } from './hooks/useFilterAutoFocus';
 export { useDynamicYAxisWidth } from './hooks/useDynamicYAxisWidth';
 export { useDndBasicTableScrollModifier } from './hooks/useDndBasicTableScrollModifier';
+export { useSegmentsLoader } from './hooks/useSegmentsLoader';
 export { buildColumnsFilter, buildColumnsSizeById, columnFilterToMdmFilter, defaultGetRowCellHeight, defaultRenderRowCell } from './helpers/basicTable';
 export { enrichDataWithPercents } from './helpers/charts';
 export { showDefaultErrorMessage, showErrorMessage } from './helpers/errors';
@@ -280,6 +282,7 @@ export { getChecked, getValue, isControlOrCommandPressed } from './helpers/event
 export { mergeClasses } from './helpers/classes';
 export { getAttributeSelectorItems } from './helpers/attributesSelector';
 export { applyCompactValuesCountConstraint } from './helpers/tableCompactCollapseHelpers';
+export { getNestedPathByColumnId, getAttributeHeight, getAttrPathFromColumnId } from './helpers/entitiesTable';
 export type { AttributeFiltersComponentProps } from './AttributesFiltersBuilder';
 export type { ChartData } from './types/charts';
 export type { AddInlineAttributeEvent, DeleteInlineAttributeEvent, EditInlineAttributeEvent, IgnoreInlineAttributeEvent, PinInlineAttributeEvent } from './types/inlineAttributes';

package/cjs/index.js

@@ -17,10 +17,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.NestedAttributeEditor = exports.NestedAttribute = exports.MoreAttributesButton = exports.InlineReferenceAttribute = exports.InlineNestedAttribute = exports.InlineImageAttribute = exports.InlineAttributesPager = exports.InfoIcon = exports.EditableImageAttributesLine = exports.FilterButton = exports.FacetViewHeader = exports.ExpandedValueTooltip = exports.EntitySelector = exports.EntityCreator = exports.AttributesPager = exports.AttributesList = exports.EditableAttribute = exports.DropDownMenuButton = exports.DescriptionIcon = exports.DefaultCellValueRenderer = exports.ControlAttributeIcon = exports.ColumnsSettingsPopup = exports.ColumnsSettings = exports.ColorBar = exports.CollapseRowButton = exports.BasicChartsFactory = exports.ChartsFactory = exports.CardinalityMessage = exports.BranchDecorator = exports.BasicViewHeader = exports.BasicViewContent = exports.BasicView = exports.BasicTablePagination = exports.basicTableViewState = exports.BasicTable = exports.BasicAttributeSelector = exports.BarChart = exports.AvatarWithFallback = exports.AutoSizeList = exports.AttributesView = exports.AttributesValuesEditor = exports.AttributesFiltersButton = exports.AttributesFiltersBuilder = exports.AttributesFilterSelector = exports.AttributesErrorsPanel = exports.AttributeListItem = exports.AttributeGroupIcon = exports.ArrowExpandButton = exports.ActionsPanel = exports.ActionButton = void 0;
 exports.ConnectionEditor = exports.DropDownSelector = exports.ReactSelectOptionWithCheckIcon = exports.ReactSelectMenuWithPopper = exports.ReactSelectMenuList = exports.ReactSelectLoadMoreButton = exports.ReactSelectDropdownIndicatorWithIconButton = exports.ReactSelectDropdownIndicator = exports.Highlighter = exports.HierarchyNodeTitle = exports.HierarchicalAttributeTooltip = exports.HideOnShrink = exports.ExpandableSearchInput = exports.ErrorPopup = exports.ErrorBoundary = exports.EntityUriLink = exports.EntityTypesSelector = exports.EntityTypeIcon = exports.EntityTypeBadge = exports.EntityAvatar = exports.EMPTY_STATE_VARIANTS = exports.EMPTY_STATE_ICONS = exports.EmptyState = exports.Drawer = exports.DataTypeValue = exports.DataTenantBadge = exports.ConnectionRelationTypeSelector = exports.CollaborationItem = exports.ConfirmationDialog = exports.CommentsContainer = exports.ColoredSourceIcon = exports.CollapseButton = exports.TreeChart = exports.TableWithBars = exports.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = exports.SimpleAttributeEditor = exports.SimpleAttribute = exports.RowCellAutoSizer = exports.RelationTypeSelector = exports.ReferenceAttributeEditor = exports.ReferenceAttribute = exports.ImageAttributesLine = exports.ReadOnlyAttributesPager = exports.ReadOnlyAttributesList = exports.ReadOnlyAttribute = exports.ReadOnlyAttributeValuesBlock = exports.PieChart = exports.OvIcon = void 0;
 exports.Popper = exports.MultipleInput = exports.ModeSwitcherSelect = exports.ModeSwitcher = exports.TransitiveMatchBlock = exports.SimpleMatchRulesBuilder = exports.SimpleMatchRulesBlock = exports.SimpleMatchRules = exports.MatchRulesBlock = exports.LoadingSpinner = exports.Link = exports.LinearLoadIndicator = exports.ImportButton = exports.ReadableSearchQueryBuilder = exports.ReadableSearchQuery = exports.LogicOperator = exports.TableSkeleton = exports.StepNavigation = exports.TenantLabel = exports.RelevanceScoreBadge = exports.RequiredMark = exports.SettingsMenu = exports.TenantsDropDownSelector = exports.TenantIcon = exports.SourceSystemsSelector = exports.MatchRulesSelector = exports.MultiValueSelector = exports.ProfilesList = exports.NotMatchButton = exports.MergeButton = exports.ProfileMatchCard = exports.ImageGalleryDialog = exports.RelationTypesSelector = exports.ScreenProfileBand = exports.ProfileBandNavigation = exports.EmptyStub = exports.MaskingSwitcher = exports.FileTypeEditor = exports.EmptySearchResult = exports.DropDownEditor = exports.FilterValueEditor = exports.MultiValueChip = exports.TextEditor = exports.DateRangeEditor = exports.NumberEditor = exports.DataTypeValueEditor = exports.DateEditor = exports.ErrorWrapper = exports.ErrorMessage = exports.ConfigureColumnsPopup = void 0;
-exports.MdmModuleProvider = exports.withTableContext = exports.withFilterAtBottom = exports.withPercents = exports.withContext = exports.withDateRangeSelector = exports.withDragHandle = exports.withAsyncMount = exports.withTooltip = exports.DefaultHeadCellRendererWithTooltip = exports.LazyRenderer = exports.MetadataTypesSelector = exports.DateRangeSelector = exports.UpSetChart = exports.GaugeChart = exports.RelationEditor = exports.ReltioMap = exports.Marginator = exports.LightArrowTooltip = exports.ScrollableTabs = exports.VirtualGroupedList = exports.ViewMoreToggle = exports.VerticalHeadingsTable = exports.VerticalDivider = exports.AttributeTitle = exports.Spacer = exports.SimpleDropDownSelector = exports.SidePanelContentHeader = exports.SidePanel = exports.SidePanelEmptyState = exports.SideButtonsPanel = exports.SelectorWithOnlyOptionAutoSelect = exports.SelectionPopup = exports.WhiteSearchInput = exports.SearchInput = exports.ProfileResizablePanes = exports.ResizablePanes = exports.ReltioGridLayout = exports.RCTreeSwitchRenderer = exports.RCTreeLevelLines = exports.RCTree = exports.reactSortableTreeHelpers = exports.ReactSortableTree = exports.MultiSelect = exports.QueryBuilderRowsGroup = exports.QueryBuilderRow = exports.ProfileCard = exports.ProfileBand = exports.PotentialMatchReviewCard = exports.PopupWithArrow = void 0;
-exports.ConfigPermissionsContextProvider = exports.ConfigPermissionsContext = exports.useActionsHook = exports.ActionsHookProvider = exports.PageRequestsAbortingContext = exports.DependentLookupAutopopulationContext = exports.FeaturesContext = exports.LabelsContext = exports.UrlGeneratorsContext = exports.isHighlightedAttributeType = exports.isHighlightedErrorType = exports.ScrollType = exports.ScrollToElementProvider = exports.ScrollToElementContext = exports.SearchValueContext = exports.InterceptHandlersContext = exports.HighlightedValuesContext = exports.SnackbarContext = exports.SearchFiltersContext = exports.useReloadFacet = exports.ReloadFacetProvider = exports.useReloadAllFacets = exports.SandboxAPIContext = exports.EntityContext = exports.RelatedObjectUrisContext = exports.WorkflowTasksContext = exports.useEntityLoadingIndication = exports.EntityLoadingIndicationProvider = exports.EntityMarkerContext = exports.useAttributeExpanded = exports.ExpandedAttributesProvider = exports.useHighlightedCrosswalks = exports.useCrosswalkHighlight = exports.useCrosswalkFocus = exports.useCrosswalkColor = exports.CrosswalksDisplayProvider = exports.EntitiesMapContext = exports.IdContext = exports.ProfilePerspectiveViewContext = exports.usePerspectivesSettings = exports.PerspectivesSettingsContext = exports.PivotingAttributeContext = exports.UsersContext = exports.InitialCollaborationContextValue = exports.CollaborationContextProvider = exports.CollaborationContext = exports.BlockImageGalleryDialogContext = exports.PopupBoundariesContext = exports.HistoryDiffContext = exports.AsyncMountContext = void 0;
-exports.useDynamicRowCellHeight = exports.useClickableStyle = exports.BasicTableCellRenderer = exports.useBasicTableCellRenderer = exports.useHiddenAttributes = exports.useSavedSearchesRequest = exports.useRequestDCRReview = exports.useAutoFocus = exports.useExpandInvalidRelations = exports.useLayoutResetter = exports.useIsMountedRef = exports.useSnackbar = exports.useSavedStateForEntityType = exports.useReadableSearchState = exports.useEditableConnection = exports.useCustomScripts = exports.useMarkAsNotMatchRequest = exports.useMergeAllRequest = exports.usePagingSimulator = exports.useMatchesLoader = exports.useConfigPermissions = exports.useWhyDidYouUpdate = exports.useUsers = exports.useSavedState = exports.useSafePromise = exports.useRunOnceAfterValueInitialization = exports.useRelationsLoader = exports.useRelationTypeSelector = exports.usePrevious = exports.useDidUpdateEffect = exports.useCommentsEntitiesMap = exports.useCollaboration = exports.useAsyncMount = exports.useAPI = exports.useActions = exports.useMatchesColumnsData = exports.useScrollToAttributeError = exports.ThemeProvider = exports.ProfileTablesContext = exports.HiddenAttributesContext = exports.BasicTableContext = exports.BasicTableRowCollapseContext = exports.useDeleteUnmaskedAttributeForRelation = exports.useUnmaskedAttributeValue = exports.useUnmaskAttributeValue = exports.useMaskAttributeValue = exports.MaskedAttributesProvider = exports.useReloadData = exports.ReloadDataProvider = exports.useAttributeValueConfigPermissions = void 0;
-exports.mockComputedStyles = exports.FakeMouseEvent = exports.rerenderWrapper = exports.mockElementSizes = exports.fixClicksOnResizablePanes = exports.mockBasicTableSizing = exports.getMuiIconsByName = exports.getMuiIconByName = exports.deepFreeze = exports.awaitMockPromises = exports.TestStylesProvider = exports.TestPerspectivesSettingsProvider = exports.applyCompactValuesCountConstraint = exports.getAttributeSelectorItems = exports.mergeClasses = exports.isControlOrCommandPressed = exports.getValue = exports.getChecked = exports.showErrorMessage = exports.showDefaultErrorMessage = exports.enrichDataWithPercents = exports.defaultRenderRowCell = exports.defaultGetRowCellHeight = exports.columnFilterToMdmFilter = exports.buildColumnsSizeById = exports.buildColumnsFilter = exports.useDndBasicTableScrollModifier = exports.useDynamicYAxisWidth = exports.useFilterAutoFocus = exports.useSegmentationRequest = exports.resolveMarkers = exports.useMarkers = exports.useMaskedAttribute = exports.useKeyboardNavigation = void 0;
+exports.withCollapseButton = exports.withTableContext = exports.withFilterAtBottom = exports.withPercents = exports.withContext = exports.withDateRangeSelector = exports.withDragHandle = exports.withAsyncMount = exports.withTooltip = exports.DefaultHeadCellRendererWithTooltip = exports.LazyRenderer = exports.MetadataTypesSelector = exports.DateRangeSelector = exports.UpSetChart = exports.GaugeChart = exports.RelationEditor = exports.ReltioMap = exports.Marginator = exports.LightArrowTooltip = exports.ScrollableTabs = exports.VirtualGroupedList = exports.ViewMoreToggle = exports.VerticalHeadingsTable = exports.VerticalDivider = exports.AttributeTitle = exports.Spacer = exports.SimpleDropDownSelector = exports.SidePanelContentHeader = exports.SidePanel = exports.SidePanelEmptyState = exports.SideButtonsPanel = exports.SelectorWithOnlyOptionAutoSelect = exports.SelectionPopup = exports.WhiteSearchInput = exports.SearchInput = exports.ProfileResizablePanes = exports.ResizablePanes = exports.ReltioGridLayout = exports.RCTreeSwitchRenderer = exports.RCTreeLevelLines = exports.RCTree = exports.reactSortableTreeHelpers = exports.ReactSortableTree = exports.MultiSelect = exports.QueryBuilderRowsGroup = exports.QueryBuilderRow = exports.ProfileCard = exports.ProfileBand = exports.PotentialMatchReviewCard = exports.PopupWithArrow = void 0;
+exports.ConfigPermissionsContext = exports.useActionsHook = exports.ActionsHookProvider = exports.PageRequestsAbortingContext = exports.DependentLookupAutopopulationContext = exports.FeaturesContext = exports.LabelsContext = exports.UrlGeneratorsContext = exports.isHighlightedAttributeType = exports.isHighlightedErrorType = exports.ScrollType = exports.ScrollToElementProvider = exports.ScrollToElementContext = exports.SearchValueContext = exports.InterceptHandlersContext = exports.HighlightedValuesContext = exports.SnackbarContext = exports.SearchFiltersContext = exports.useReloadFacet = exports.ReloadFacetProvider = exports.useReloadAllFacets = exports.SandboxAPIContext = exports.EntityContext = exports.RelatedObjectUrisContext = exports.WorkflowTasksContext = exports.useEntityLoadingIndication = exports.EntityLoadingIndicationProvider = exports.EntityMarkerContext = exports.useAttributeExpanded = exports.ExpandedAttributesProvider = exports.useHighlightedCrosswalks = exports.useCrosswalkHighlight = exports.useCrosswalkFocus = exports.useCrosswalkColor = exports.CrosswalksDisplayProvider = exports.EntitiesMapContext = exports.IdContext = exports.ProfilePerspectiveViewContext = exports.usePerspectivesSettings = exports.PerspectivesSettingsContext = exports.PivotingAttributeContext = exports.UsersContext = exports.InitialCollaborationContextValue = exports.CollaborationContextProvider = exports.CollaborationContext = exports.BlockImageGalleryDialogContext = exports.PopupBoundariesContext = exports.HistoryDiffContext = exports.AsyncMountContext = exports.MdmModuleProvider = void 0;
+exports.useClickableStyle = exports.BasicTableCellRenderer = exports.useBasicTableCellRenderer = exports.useHiddenAttributes = exports.useSavedSearchesRequest = exports.useRequestDCRReview = exports.useAutoFocus = exports.useExpandInvalidRelations = exports.useLayoutResetter = exports.useIsMountedRef = exports.useSnackbar = exports.useSavedStateForEntityType = exports.useReadableSearchState = exports.useEditableConnection = exports.useCustomScripts = exports.useMarkAsNotMatchRequest = exports.useMergeAllRequest = exports.usePagingSimulator = exports.useMatchesLoader = exports.useConfigPermissions = exports.useWhyDidYouUpdate = exports.useUsers = exports.useSavedState = exports.useSafePromise = exports.useRunOnceAfterValueInitialization = exports.useRelationsLoader = exports.useRelationTypeSelector = exports.usePrevious = exports.useDidUpdateEffect = exports.useCommentsEntitiesMap = exports.useCollaboration = exports.useAsyncMount = exports.useAPI = exports.useActions = exports.useMatchesColumnsData = exports.useScrollToAttributeError = exports.ThemeProvider = exports.ProfileTablesContext = exports.HiddenAttributesContext = exports.BasicTableContext = exports.BasicTableRowCollapseContext = exports.useDeleteUnmaskedAttributeForRelation = exports.useUnmaskedAttributeValue = exports.useUnmaskAttributeValue = exports.useMaskAttributeValue = exports.MaskedAttributesProvider = exports.useReloadData = exports.ReloadDataProvider = exports.useAttributeValueConfigPermissions = exports.ConfigPermissionsContextProvider = void 0;
+exports.mockComputedStyles = exports.FakeMouseEvent = exports.rerenderWrapper = exports.mockElementSizes = exports.fixClicksOnResizablePanes = exports.mockBasicTableSizing = exports.getMuiIconsByName = exports.getMuiIconByName = exports.deepFreeze = exports.awaitMockPromises = exports.TestStylesProvider = exports.TestPerspectivesSettingsProvider = exports.getAttrPathFromColumnId = exports.getAttributeHeight = exports.getNestedPathByColumnId = exports.applyCompactValuesCountConstraint = exports.getAttributeSelectorItems = exports.mergeClasses = exports.isControlOrCommandPressed = exports.getValue = exports.getChecked = exports.showErrorMessage = exports.showDefaultErrorMessage = exports.enrichDataWithPercents = exports.defaultRenderRowCell = exports.defaultGetRowCellHeight = exports.columnFilterToMdmFilter = exports.buildColumnsSizeById = exports.buildColumnsFilter = exports.useSegmentsLoader = exports.useDndBasicTableScrollModifier = exports.useDynamicYAxisWidth = exports.useFilterAutoFocus = exports.useSegmentationRequest = exports.resolveMarkers = exports.useMarkers = exports.useMaskedAttribute = exports.useKeyboardNavigation = exports.useDynamicRowCellHeight = void 0;
 // components
 var ActionButton_1 = require("./ActionButton");
 Object.defineProperty(exports, "ActionButton", { enumerable: true, get: function () { return ActionButton_1.ActionButton; } });
@@ -412,6 +412,8 @@ var withFilterAtBottom_1 = require("./HOCs/withFilterAtBottom");
 Object.defineProperty(exports, "withFilterAtBottom", { enumerable: true, get: function () { return withFilterAtBottom_1.withFilterAtBottom; } });
 var withTableContext_1 = require("./HOCs/withTableContext");
 Object.defineProperty(exports, "withTableContext", { enumerable: true, get: function () { return withTableContext_1.withTableContext; } });
+var withCollapseButton_1 = require("./HOCs/withCollapseButton");
+Object.defineProperty(exports, "withCollapseButton", { enumerable: true, get: function () { return withCollapseButton_1.withCollapseButton; } });
 // contexts
 var MdmModuleContext_1 = require("./contexts/MdmModuleContext");
 Object.defineProperty(exports, "MdmModuleProvider", { enumerable: true, get: function () { return MdmModuleContext_1.MdmModuleProvider; } });
@@ -607,6 +609,8 @@ var useDynamicYAxisWidth_1 = require("./hooks/useDynamicYAxisWidth");
 Object.defineProperty(exports, "useDynamicYAxisWidth", { enumerable: true, get: function () { return useDynamicYAxisWidth_1.useDynamicYAxisWidth; } });
 var useDndBasicTableScrollModifier_1 = require("./hooks/useDndBasicTableScrollModifier");
 Object.defineProperty(exports, "useDndBasicTableScrollModifier", { enumerable: true, get: function () { return useDndBasicTableScrollModifier_1.useDndBasicTableScrollModifier; } });
+var useSegmentsLoader_1 = require("./hooks/useSegmentsLoader");
+Object.defineProperty(exports, "useSegmentsLoader", { enumerable: true, get: function () { return useSegmentsLoader_1.useSegmentsLoader; } });
 // helpers
 var basicTable_1 = require("./helpers/basicTable");
 Object.defineProperty(exports, "buildColumnsFilter", { enumerable: true, get: function () { return basicTable_1.buildColumnsFilter; } });
@@ -629,6 +633,10 @@ var attributesSelector_1 = require("./helpers/attributesSelector");
 Object.defineProperty(exports, "getAttributeSelectorItems", { enumerable: true, get: function () { return attributesSelector_1.getAttributeSelectorItems; } });
 var tableCompactCollapseHelpers_1 = require("./helpers/tableCompactCollapseHelpers");
 Object.defineProperty(exports, "applyCompactValuesCountConstraint", { enumerable: true, get: function () { return tableCompactCollapseHelpers_1.applyCompactValuesCountConstraint; } });
+var entitiesTable_1 = require("./helpers/entitiesTable");
+Object.defineProperty(exports, "getNestedPathByColumnId", { enumerable: true, get: function () { return entitiesTable_1.getNestedPathByColumnId; } });
+Object.defineProperty(exports, "getAttributeHeight", { enumerable: true, get: function () { return entitiesTable_1.getAttributeHeight; } });
+Object.defineProperty(exports, "getAttrPathFromColumnId", { enumerable: true, get: function () { return entitiesTable_1.getAttrPathFromColumnId; } });
 __exportStar(require("./types/preferences"), exports);
 __exportStar(require("./types"), exports);
 // constants

package/helpers/entitiesTable.d.ts

@@ -0,0 +1,9 @@
+export declare const REFERENCE_HEIGHT = 28;
+export declare const BLOB_HEIGHT = 100;
+export declare const IMAGE_HEIGHT = 76;
+export declare const getAttributeHeight: ({ columnData, cell }: {
+    columnData: any;
+    cell: any;
+}) => number;
+export declare const getAttrPathFromColumnId: any;
+export declare const getNestedPathByColumnId: (columnId: string) => string[];

package/helpers/entitiesTable.js

@@ -0,0 +1,34 @@
+import { split, path } from 'ramda';
+import { isAttributeSearchUri } from '@reltio/mdm-sdk';
+export var REFERENCE_HEIGHT = 28;
+export var BLOB_HEIGHT = 100;
+export var IMAGE_HEIGHT = 76;
+var PADDING = 17;
+export var getAttributeHeight = function (_a) {
+    var columnData = _a.columnData, cell = _a.cell;
+    var countAttributes = cell.values.length;
+    var defaultHeight = 28 * Math.max(countAttributes, 1) + 20;
+    if (!countAttributes) {
+        return defaultHeight;
+    }
+    switch (path(['dataTypeDefinition', 'type'], columnData)) {
+        case 'Reference':
+            return REFERENCE_HEIGHT * countAttributes + PADDING;
+        case 'Blob':
+            return BLOB_HEIGHT * countAttributes;
+        case 'Image':
+            return IMAGE_HEIGHT * countAttributes + PADDING;
+        default:
+            return defaultHeight;
+    }
+};
+export var getAttrPathFromColumnId = split('.');
+export var getNestedPathByColumnId = function (columnId) {
+    if (isAttributeSearchUri(columnId)) {
+        var _a = getAttrPathFromColumnId(columnId), attrPath = _a.slice(1);
+        return attrPath.length > 1 ? attrPath.slice(0, -1) : null;
+    }
+    else {
+        return null;
+    }
+};

package/helpers/entitiesTable.test.d.ts

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

package/helpers/entitiesTable.test.js

@@ -0,0 +1,18 @@
+import { getAttributeHeight } from './entitiesTable';
+describe('height calculator tests', function () {
+    it('should return height correctly when countAttributes more than 1', function () {
+        expect(getAttributeHeight({ columnData: {}, cell: { values: [1, 2] } })).toBe(76);
+    });
+    it('should return height correctly when countAttributes is 0', function () {
+        expect(getAttributeHeight({ columnData: {}, cell: { values: [] } })).toBe(48);
+    });
+    it('should return height correctly when attribute is Reference', function () {
+        expect(getAttributeHeight({ columnData: { dataTypeDefinition: { type: 'Reference' } }, cell: { values: [{ entity: {} }] } })).toBe(45);
+    });
+    it('should return height correctly when attribute is Blob', function () {
+        expect(getAttributeHeight({ columnData: { dataTypeDefinition: { type: 'Blob' } }, cell: { values: ['123'] } })).toBe(100);
+    });
+    it('should return height correctly when attribute is Image', function () {
+        expect(getAttributeHeight({ columnData: { dataTypeDefinition: { type: 'Image' } }, cell: { values: ['uri/123'] } })).toBe(93);
+    });
+});

package/helpers/segments.d.ts

@@ -0,0 +1 @@
+export declare const buildSegmentsFilterString: any;

package/helpers/segments.js

@@ -0,0 +1,33 @@
+import { cond, defaultTo, equals, join, map, pipe, reject, toPairs } from 'ramda';
+import { isEmptyValue, wrapInBrackets, multiValueFilter } from '@reltio/mdm-sdk';
+var buildFavoriteFilterClause = function (value) {
+    return value ? "equals(favorite, 'true')" : '';
+};
+var buildOwnerFilterClause = function (user) {
+    return "equals(owner, '".concat(user, "')");
+};
+var buildStatusFilterClause = function (status) {
+    return "equals(status, '".concat(status, "')");
+};
+var buildSharingFilterClause = function (value) {
+    return "equals(sharing, '".concat(value, "')");
+};
+var buildDestinationFilterClause = function (value) {
+    return "equals(integrationIDs, '".concat(value, "')");
+};
+var buildSearchValueFilterClause = function (value) {
+    return "contains(label, '".concat(value, "')");
+};
+var getFilterClauseBuilder = cond([
+    [equals('showFavorite'), function () { return buildFavoriteFilterClause; }],
+    [equals('ownedBy'), function () { return buildOwnerFilterClause; }],
+    [equals('statuses'), function () { return multiValueFilter(buildStatusFilterClause); }],
+    [equals('createdBy'), function () { return multiValueFilter(buildOwnerFilterClause); }],
+    [equals('sharedWith'), function () { return multiValueFilter(buildSharingFilterClause); }],
+    [equals('destinations'), function () { return multiValueFilter(buildDestinationFilterClause); }],
+    [equals('searchValue'), function () { return buildSearchValueFilterClause; }]
+]);
+export var buildSegmentsFilterString = pipe(defaultTo({}), reject(isEmptyValue), toPairs, map(function (_a) {
+    var key = _a[0], value = _a[1];
+    return getFilterClauseBuilder(key)(value);
+}), reject(isEmptyValue), map(wrapInBrackets), join(' and '));

package/hooks/useSegmentsLoader/index.d.ts

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

package/hooks/useSegmentsLoader/index.js

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

package/hooks/useSegmentsLoader/useSegmentsLoader.d.ts

@@ -0,0 +1,15 @@
+import { NewSegment, SegmentationFilters, SortingField } from '@reltio/mdm-sdk';
+import { RequestStates } from '../../types';
+type Props = {
+    sorting?: SortingField;
+    rowsPerPage: number;
+    page: number;
+    filters?: SegmentationFilters;
+};
+export declare const useSegmentsLoader: ({ sorting, rowsPerPage, page, filters }: Props) => {
+    requestState: RequestStates;
+    segments: NewSegment[];
+    total: number;
+    reload: () => Promise<void>;
+};
+export {};

package/hooks/useSegmentsLoader/useSegmentsLoader.js

@@ -0,0 +1,88 @@
+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 = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["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 { useCallback, useEffect, useMemo, useState } from 'react';
+import { reject } from 'ramda';
+import { getSegments, isAbortError, isEmptyValue } from '@reltio/mdm-sdk';
+import { RequestStates } from '../../types';
+import { buildSegmentsFilterString } from '../../helpers/segments';
+export var useSegmentsLoader = function (_a) {
+    var sorting = _a.sorting, rowsPerPage = _a.rowsPerPage, page = _a.page, filters = _a.filters;
+    var _b = useState(RequestStates.INIT), requestState = _b[0], setRequestState = _b[1];
+    var _c = useState([]), segments = _c[0], setSegments = _c[1];
+    var _d = useState(0), segmentsTotal = _d[0], setSegmentsTotal = _d[1];
+    var _e = sorting || {}, sort = _e.field, order = _e.order;
+    var filterString = buildSegmentsFilterString(filters);
+    var segmentsRequestParams = useMemo(function () { return reject(isEmptyValue, { sort: sort, order: order, max: rowsPerPage, offset: page * rowsPerPage, filter: filterString }); }, [sort, order, rowsPerPage, page, filterString]);
+    var loadRequest = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _a, segments_1, total, error_1;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    setRequestState(RequestStates.LOADING);
+                    _b.label = 1;
+                case 1:
+                    _b.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, getSegments(segmentsRequestParams)];
+                case 2:
+                    _a = _b.sent(), segments_1 = _a.segments, total = _a.total;
+                    setSegments(segments_1 !== null && segments_1 !== void 0 ? segments_1 : []);
+                    setSegmentsTotal(total);
+                    setRequestState(RequestStates.LOADED);
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _b.sent();
+                    console.warn(error_1);
+                    if (!isAbortError(error_1)) {
+                        setSegments([]);
+                        setSegmentsTotal(0);
+                    }
+                    setRequestState(RequestStates.ERROR);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); }, [segmentsRequestParams]);
+    useEffect(function () {
+        loadRequest();
+    }, [loadRequest]);
+    return {
+        requestState: requestState,
+        segments: segments,
+        total: segmentsTotal,
+        reload: loadRequest
+    };
+};

package/index.d.ts

@@ -189,6 +189,7 @@ export { withContext } from './HOCs/withContext';
 export { withChartDataPercents as withPercents } from './HOCs/withChartDataPercents';
 export { withFilterAtBottom } from './HOCs/withFilterAtBottom';
 export { withTableContext } from './HOCs/withTableContext';
+export { withCollapseButton } from './HOCs/withCollapseButton';
 export { MdmModuleProvider } from './contexts/MdmModuleContext';
 export { AsyncMountContext } from './contexts/AsyncMountContext';
 export { HistoryDiffContext } from './contexts/HistoryAppearanceContext';
@@ -273,6 +274,7 @@ export { useSegmentationRequest } from './hooks/useSegmentationRequest';
 export { useFilterAutoFocus } from './hooks/useFilterAutoFocus';
 export { useDynamicYAxisWidth } from './hooks/useDynamicYAxisWidth';
 export { useDndBasicTableScrollModifier } from './hooks/useDndBasicTableScrollModifier';
+export { useSegmentsLoader } from './hooks/useSegmentsLoader';
 export { buildColumnsFilter, buildColumnsSizeById, columnFilterToMdmFilter, defaultGetRowCellHeight, defaultRenderRowCell } from './helpers/basicTable';
 export { enrichDataWithPercents } from './helpers/charts';
 export { showDefaultErrorMessage, showErrorMessage } from './helpers/errors';
@@ -280,6 +282,7 @@ export { getChecked, getValue, isControlOrCommandPressed } from './helpers/event
 export { mergeClasses } from './helpers/classes';
 export { getAttributeSelectorItems } from './helpers/attributesSelector';
 export { applyCompactValuesCountConstraint } from './helpers/tableCompactCollapseHelpers';
+export { getNestedPathByColumnId, getAttributeHeight, getAttrPathFromColumnId } from './helpers/entitiesTable';
 export type { AttributeFiltersComponentProps } from './AttributesFiltersBuilder';
 export type { ChartData } from './types/charts';
 export type { AddInlineAttributeEvent, DeleteInlineAttributeEvent, EditInlineAttributeEvent, IgnoreInlineAttributeEvent, PinInlineAttributeEvent } from './types/inlineAttributes';

package/index.js

@@ -190,6 +190,7 @@ export { withContext } from './HOCs/withContext';
 export { withChartDataPercents as withPercents } from './HOCs/withChartDataPercents';
 export { withFilterAtBottom } from './HOCs/withFilterAtBottom';
 export { withTableContext } from './HOCs/withTableContext';
+export { withCollapseButton } from './HOCs/withCollapseButton';
 // contexts
 export { MdmModuleProvider } from './contexts/MdmModuleContext';
 export { AsyncMountContext } from './contexts/AsyncMountContext';
@@ -276,6 +277,7 @@ export { useSegmentationRequest } from './hooks/useSegmentationRequest';
 export { useFilterAutoFocus } from './hooks/useFilterAutoFocus';
 export { useDynamicYAxisWidth } from './hooks/useDynamicYAxisWidth';
 export { useDndBasicTableScrollModifier } from './hooks/useDndBasicTableScrollModifier';
+export { useSegmentsLoader } from './hooks/useSegmentsLoader';
 // helpers
 export { buildColumnsFilter, buildColumnsSizeById, columnFilterToMdmFilter, defaultGetRowCellHeight, defaultRenderRowCell } from './helpers/basicTable';
 export { enrichDataWithPercents } from './helpers/charts';
@@ -284,6 +286,7 @@ export { getChecked, getValue, isControlOrCommandPressed } from './helpers/event
 export { mergeClasses } from './helpers/classes';
 export { getAttributeSelectorItems } from './helpers/attributesSelector';
 export { applyCompactValuesCountConstraint } from './helpers/tableCompactCollapseHelpers';
+export { getNestedPathByColumnId, getAttributeHeight, getAttrPathFromColumnId } from './helpers/entitiesTable';
 export * from './types/preferences';
 export * from './types';
 // constants

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.2094",
+  "version": "1.4.2096",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -11,7 +11,7 @@
     "@fluentui/react-context-selector": "^9.1.26",
     "@googlemaps/markerclusterer": "^2.5.3",
     "@react-sigma/core": "3.4.0",
-    "@reltio/mdm-sdk": "^1.4.1932",
+    "@reltio/mdm-sdk": "^1.4.1934",
     "@vis.gl/react-google-maps": "^1.3.0",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",