@reltio/components 1.4.2139 → 1.4.2141

package/RCTree/RCTREELevelLines.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"levelLines":"RCTree-levelLines--wCbE3","levelLine":"RCTree-levelLine--RxwVZ","showLine":"RCTree-showLine--lFoCT","lastLevelLine":"RCTree-lastLevelLine--MW18c","horizontalLine":"RCTree-horizontalLine--VbswG"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.RCTree-levelLines--wCbE3{bottom:0;cursor:auto;display:flex;padding-left:7px;position:absolute;top:0;z-index:-1}.RCTree-levelLine--RxwVZ{height:100%;padding-left:16px;position:relative}.RCTree-showLine--lFoCT:after{background-color:rgba(0,122,193,.3);bottom:0;content:"";height:100%;left:0;position:absolute;top:0;width:1px}.RCTree-lastLevelLine--MW18c:after{height:14px}.RCTree-horizontalLine--VbswG:before{background-color:rgba(0,122,193,.3);content:"";height:1px;left:0;position:absolute;top:14px;width:4px}`;
+    head.appendChild(style);
+}
+export default styles;

package/RCTree/RCTreeLevelLines.js

@@ -1,11 +1,10 @@
 import React from 'react';
 import classnames from 'classnames';
 import { DEPTH_LEVEL_INDENT } from './helper';
-import { useStyles } from './levelLinesStyles';
+import styles from './RCTREELevelLines.module.css';
 var LevelLine = function (_a) {
     var _b;
     var _c = _a.needDrawLine, needDrawLine = _c === void 0 ? false : _c, _d = _a.isLastLevelLine, isLastLevelLine = _d === void 0 ? false : _d, _e = _a.drawHorizontalLine, drawHorizontalLine = _e === void 0 ? false : _e;
-    var styles = useStyles({});
     return (React.createElement("div", { className: classnames(styles.levelLine, (_b = {},
             _b[styles.showLine] = needDrawLine,
             _b[styles.lastLevelLine] = isLastLevelLine,
@@ -16,7 +15,6 @@ export var RCTreeLevelLines = function (_a) {
     var levelLine = _a.levelLine;
     var _b = levelLine || [], _c = _b[0], needDrawLines = _c === void 0 ? [] : _c, _d = _b[1], isLast = _d === void 0 ? false : _d;
     var level = needDrawLines.length + 2;
-    var styles = useStyles({ level: level });
     return (React.createElement("div", { className: styles.levelLines, style: { left: "-".concat(DEPTH_LEVEL_INDENT * level, "px") } }, needDrawLines
         .map(function (needDrawLine, index) {
         return React.createElement(LevelLine, { key: index, needDrawLine: needDrawLine });

package/cjs/RCTree/RCTREELevelLines.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"levelLines":"RCTree-levelLines--wCbE3","levelLine":"RCTree-levelLine--RxwVZ","showLine":"RCTree-showLine--lFoCT","lastLevelLine":"RCTree-lastLevelLine--MW18c","horizontalLine":"RCTree-horizontalLine--VbswG"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.RCTree-levelLines--wCbE3{bottom:0;cursor:auto;display:flex;padding-left:7px;position:absolute;top:0;z-index:-1}.RCTree-levelLine--RxwVZ{height:100%;padding-left:16px;position:relative}.RCTree-showLine--lFoCT:after{background-color:rgba(0,122,193,.3);bottom:0;content:"";height:100%;left:0;position:absolute;top:0;width:1px}.RCTree-lastLevelLine--MW18c:after{height:14px}.RCTree-horizontalLine--VbswG:before{background-color:rgba(0,122,193,.3);content:"";height:1px;left:0;position:absolute;top:14px;width:4px}`;
+    head.appendChild(style);
+}
+module.exports = styles;

package/cjs/RCTree/RCTreeLevelLines.js

@@ -7,23 +7,21 @@ exports.RCTreeLevelLines = void 0;
 var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var helper_1 = require("./helper");
-var levelLinesStyles_1 = require("./levelLinesStyles");
+var RCTREELevelLines_module_css_1 = __importDefault(require("./RCTREELevelLines.module.css"));
 var LevelLine = function (_a) {
     var _b;
     var _c = _a.needDrawLine, needDrawLine = _c === void 0 ? false : _c, _d = _a.isLastLevelLine, isLastLevelLine = _d === void 0 ? false : _d, _e = _a.drawHorizontalLine, drawHorizontalLine = _e === void 0 ? false : _e;
-    var styles = (0, levelLinesStyles_1.useStyles)({});
-    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.levelLine, (_b = {},
-            _b[styles.showLine] = needDrawLine,
-            _b[styles.lastLevelLine] = isLastLevelLine,
-            _b[styles.horizontalLine] = drawHorizontalLine,
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(RCTREELevelLines_module_css_1.default.levelLine, (_b = {},
+            _b[RCTREELevelLines_module_css_1.default.showLine] = needDrawLine,
+            _b[RCTREELevelLines_module_css_1.default.lastLevelLine] = isLastLevelLine,
+            _b[RCTREELevelLines_module_css_1.default.horizontalLine] = drawHorizontalLine,
             _b)) }));
 };
 var RCTreeLevelLines = function (_a) {
     var levelLine = _a.levelLine;
     var _b = levelLine || [], _c = _b[0], needDrawLines = _c === void 0 ? [] : _c, _d = _b[1], isLast = _d === void 0 ? false : _d;
     var level = needDrawLines.length + 2;
-    var styles = (0, levelLinesStyles_1.useStyles)({ level: level });
-    return (react_1.default.createElement("div", { className: styles.levelLines, style: { left: "-".concat(helper_1.DEPTH_LEVEL_INDENT * level, "px") } }, needDrawLines
+    return (react_1.default.createElement("div", { className: RCTREELevelLines_module_css_1.default.levelLines, style: { left: "-".concat(helper_1.DEPTH_LEVEL_INDENT * level, "px") } }, needDrawLines
         .map(function (needDrawLine, index) {
         return react_1.default.createElement(LevelLine, { key: index, needDrawLine: needDrawLine });
     })

package/cjs/helpers/segments.d.ts

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

package/cjs/helpers/segments.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.buildSegmentsFilterString = void 0;
+exports.isActiveFilter = exports.buildSegmentsFilterString = void 0;
 var ramda_1 = require("ramda");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var buildFavoriteFilterClause = function (value) {
@@ -18,6 +18,9 @@ var buildTypeFilterClause = function (type) {
 var buildSharingFilterClause = function (value) {
     return "equals(sharing, '".concat(value, "')");
 };
+var buildItemTypeFilterClause = function (value) {
+    return "equals(itemType, '".concat(value, "')");
+};
 var buildDestinationFilterClause = function (value) {
     return "contains(integrationIDs, '".concat(value, "')");
 };
@@ -32,10 +35,12 @@ var getFilterClauseBuilder = (0, ramda_1.cond)([
     [(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; }]
+    [(0, ramda_1.equals)('searchValue'), function () { return buildSearchValueFilterClause; }],
+    [(0, ramda_1.equals)('itemType'), function () { return buildItemTypeFilterClause; }]
 ]);
 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 _b;
     var key = _a[0], value = _a[1];
     return (_b = getFilterClauseBuilder(key)) === null || _b === void 0 ? void 0 : _b(value);
 }), (0, ramda_1.reject)(mdm_sdk_1.isEmptyValue), (0, ramda_1.map)(mdm_sdk_1.wrapInBrackets), (0, ramda_1.join)(' and '));
+exports.isActiveFilter = (0, ramda_1.pipe)((0, ramda_1.omit)(['itemType']), ramda_1.values, (0, ramda_1.filter)(Boolean), (0, ramda_1.any)((0, ramda_1.complement)(ramda_1.isEmpty)));

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

@@ -7,8 +7,9 @@ type Props = {
     enabled: boolean;
     filters?: SegmentationFilters;
     abortControllerRef?: React.MutableRefObject<AbortController | null>;
+    parentId?: string;
 };
-export declare const useSegmentsLoader: ({ sorting, rowsPerPage, page, filters, enabled, abortControllerRef }: Props) => {
+export declare const useSegmentsLoader: ({ sorting, rowsPerPage, page, filters, enabled, abortControllerRef, parentId }: Props) => {
     state: RequestStates;
     segments: NewSegment[];
     total: number;

package/cjs/hooks/useSegmentsLoader/useSegmentsLoader.js

@@ -55,21 +55,16 @@ var types_1 = require("../../types");
 var segments_1 = require("../../helpers/segments");
 var errors_1 = require("../../helpers/errors");
 var useSegmentsLoader = function (_a) {
-    var sorting = _a.sorting, rowsPerPage = _a.rowsPerPage, page = _a.page, filters = _a.filters, enabled = _a.enabled, abortControllerRef = _a.abortControllerRef;
+    var sorting = _a.sorting, rowsPerPage = _a.rowsPerPage, page = _a.page, filters = _a.filters, enabled = _a.enabled, abortControllerRef = _a.abortControllerRef, parentId = _a.parentId;
     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), total = _d[0], setTotal = _d[1];
     var _e = sorting || {}, sort = _e.field, order = _e.order;
     var filterString = (0, segments_1.buildSegmentsFilterString)(filters);
+    var hasActiveFilter = (0, segments_1.isActiveFilter)(filters !== null && filters !== void 0 ? filters : {});
     var params = (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]);
+        return (0, ramda_1.reject)(mdm_sdk_1.isEmptyValue, __assign(__assign({ sort: sort, order: order, max: rowsPerPage, offset: page * rowsPerPage, filter: filterString }, (parentId && !hasActiveFilter ? { parentId: parentId } : {})), (hasActiveFilter ? { fetchAll: true } : {})));
+    }, [sort, order, rowsPerPage, page, filterString, parentId, hasActiveFilter]);
     var loadRequest = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
         var signal, response, error_1;
         var _a;

package/helpers/segments.d.ts

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

package/helpers/segments.js

@@ -1,4 +1,4 @@
-import { cond, defaultTo, equals, join, map, pipe, reject, toPairs } from 'ramda';
+import { cond, defaultTo, equals, join, map, pipe, reject, toPairs, omit, values, filter, any, complement, isEmpty } from 'ramda';
 import { isEmptyValue, wrapInBrackets, multiValueFilter } from '@reltio/mdm-sdk';
 var buildFavoriteFilterClause = function (value) {
     return value ? "equals(favorite, 'true')" : '';
@@ -15,6 +15,9 @@ var buildTypeFilterClause = function (type) {
 var buildSharingFilterClause = function (value) {
     return "equals(sharing, '".concat(value, "')");
 };
+var buildItemTypeFilterClause = function (value) {
+    return "equals(itemType, '".concat(value, "')");
+};
 var buildDestinationFilterClause = function (value) {
     return "contains(integrationIDs, '".concat(value, "')");
 };
@@ -29,10 +32,12 @@ var getFilterClauseBuilder = cond([
     [equals('createdBy'), function () { return multiValueFilter(buildOwnerFilterClause); }],
     [equals('sharedWith'), function () { return multiValueFilter(buildSharingFilterClause); }],
     [equals('destinations'), function () { return multiValueFilter(buildDestinationFilterClause); }],
-    [equals('searchValue'), function () { return buildSearchValueFilterClause; }]
+    [equals('searchValue'), function () { return buildSearchValueFilterClause; }],
+    [equals('itemType'), function () { return buildItemTypeFilterClause; }]
 ]);
 export var buildSegmentsFilterString = pipe(defaultTo({}), reject(isEmptyValue), toPairs, map(function (_a) {
     var _b;
     var key = _a[0], value = _a[1];
     return (_b = getFilterClauseBuilder(key)) === null || _b === void 0 ? void 0 : _b(value);
 }), reject(isEmptyValue), map(wrapInBrackets), join(' and '));
+export var isActiveFilter = pipe(omit(['itemType']), values, filter(Boolean), any(complement(isEmpty)));

package/hooks/useSegmentsLoader/useSegmentsLoader.d.ts

@@ -7,8 +7,9 @@ type Props = {
     enabled: boolean;
     filters?: SegmentationFilters;
     abortControllerRef?: React.MutableRefObject<AbortController | null>;
+    parentId?: string;
 };
-export declare const useSegmentsLoader: ({ sorting, rowsPerPage, page, filters, enabled, abortControllerRef }: Props) => {
+export declare const useSegmentsLoader: ({ sorting, rowsPerPage, page, filters, enabled, abortControllerRef, parentId }: Props) => {
     state: RequestStates;
     segments: NewSegment[];
     total: number;

package/hooks/useSegmentsLoader/useSegmentsLoader.js

@@ -49,24 +49,19 @@ 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';
+import { buildSegmentsFilterString, isActiveFilter } from '../../helpers/segments';
 import { showDefaultErrorMessage } from '../../helpers/errors';
 export var useSegmentsLoader = function (_a) {
-    var sorting = _a.sorting, rowsPerPage = _a.rowsPerPage, page = _a.page, filters = _a.filters, enabled = _a.enabled, abortControllerRef = _a.abortControllerRef;
+    var sorting = _a.sorting, rowsPerPage = _a.rowsPerPage, page = _a.page, filters = _a.filters, enabled = _a.enabled, abortControllerRef = _a.abortControllerRef, parentId = _a.parentId;
     var _b = useState(RequestStates.INIT), requestState = _b[0], setRequestState = _b[1];
     var _c = useState([]), segments = _c[0], setSegments = _c[1];
     var _d = useState(0), total = _d[0], setTotal = _d[1];
     var _e = sorting || {}, sort = _e.field, order = _e.order;
     var filterString = buildSegmentsFilterString(filters);
+    var hasActiveFilter = isActiveFilter(filters !== null && filters !== void 0 ? filters : {});
     var params = useMemo(function () {
-        return reject(isEmptyValue, {
-            sort: sort,
-            order: order,
-            max: rowsPerPage,
-            offset: page * rowsPerPage,
-            filter: filterString
-        });
-    }, [sort, order, rowsPerPage, page, filterString]);
+        return reject(isEmptyValue, __assign(__assign({ sort: sort, order: order, max: rowsPerPage, offset: page * rowsPerPage, filter: filterString }, (parentId && !hasActiveFilter ? { parentId: parentId } : {})), (hasActiveFilter ? { fetchAll: true } : {})));
+    }, [sort, order, rowsPerPage, page, filterString, parentId, hasActiveFilter]);
     var loadRequest = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
         var signal, response, error_1;
         var _a;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.2139",
+  "version": "1.4.2141",
   "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.1965",
+    "@reltio/mdm-sdk": "^1.4.1966",
     "@vis.gl/react-google-maps": "^1.3.0",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",

package/RCTree/levelLinesStyles.d.ts

@@ -1,5 +0,0 @@
-type StyleProps = {
-    level?: number;
-};
-export declare const useStyles: (props: StyleProps) => import("@mui/styles").ClassNameMap<"showLine" | "levelLines" | "levelLine" | "lastLevelLine" | "horizontalLine">;
-export {};

package/RCTree/levelLinesStyles.js

@@ -1,50 +0,0 @@
-import { makeStyles } from '@mui/styles';
-import { DEPTH_LEVEL_INDENT } from './helper';
-export var useStyles = makeStyles(function () { return ({
-    levelLines: function (_a) {
-        var level = _a.level;
-        return ({
-            position: 'absolute',
-            left: "-".concat(level * DEPTH_LEVEL_INDENT, "px"),
-            display: 'flex',
-            paddingLeft: '7px',
-            cursor: 'initial',
-            bottom: 0,
-            top: 0,
-            zIndex: -1
-        });
-    },
-    levelLine: {
-        paddingLeft: '16px',
-        height: '100%',
-        position: 'relative'
-    },
-    showLine: {
-        '&:after': {
-            content: '""',
-            position: 'absolute',
-            height: '100%',
-            width: '1px',
-            left: '0',
-            top: '0',
-            bottom: '0',
-            backgroundColor: 'rgba(0, 122, 193, 0.3)'
-        }
-    },
-    lastLevelLine: {
-        '&:after': {
-            height: '14px'
-        }
-    },
-    horizontalLine: {
-        '&:before': {
-            content: '""',
-            height: '1px',
-            width: '4px',
-            position: 'absolute',
-            top: '14px',
-            left: '0',
-            backgroundColor: 'rgba(0, 122, 193, 0.3)'
-        }
-    }
-}); });

package/cjs/RCTree/levelLinesStyles.d.ts

@@ -1,5 +0,0 @@
-type StyleProps = {
-    level?: number;
-};
-export declare const useStyles: (props: StyleProps) => import("@mui/styles").ClassNameMap<"showLine" | "levelLines" | "levelLine" | "lastLevelLine" | "horizontalLine">;
-export {};

package/cjs/RCTree/levelLinesStyles.js

@@ -1,53 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@mui/styles");
-var helper_1 = require("./helper");
-exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
-    levelLines: function (_a) {
-        var level = _a.level;
-        return ({
-            position: 'absolute',
-            left: "-".concat(level * helper_1.DEPTH_LEVEL_INDENT, "px"),
-            display: 'flex',
-            paddingLeft: '7px',
-            cursor: 'initial',
-            bottom: 0,
-            top: 0,
-            zIndex: -1
-        });
-    },
-    levelLine: {
-        paddingLeft: '16px',
-        height: '100%',
-        position: 'relative'
-    },
-    showLine: {
-        '&:after': {
-            content: '""',
-            position: 'absolute',
-            height: '100%',
-            width: '1px',
-            left: '0',
-            top: '0',
-            bottom: '0',
-            backgroundColor: 'rgba(0, 122, 193, 0.3)'
-        }
-    },
-    lastLevelLine: {
-        '&:after': {
-            height: '14px'
-        }
-    },
-    horizontalLine: {
-        '&:before': {
-            content: '""',
-            height: '1px',
-            width: '4px',
-            position: 'absolute',
-            top: '14px',
-            left: '0',
-            backgroundColor: 'rgba(0, 122, 193, 0.3)'
-        }
-    }
-}); });