@reltio/components 1.4.2152 → 1.4.2153

package/SegmentIdLink/SegmentIdLink.d.ts

@@ -2,4 +2,5 @@ import React from 'react';
 export declare const SegmentIdLink: React.ForwardRefExoticComponent<Omit<Omit<React.HTMLProps<HTMLAnchorElement>, "onClick" | "href" | "target"> & {
     segmentId: string;
     shouldOpenInNewTab?: boolean;
+    parentId?: string;
 }, "ref"> & React.RefAttributes<HTMLAnchorElement>>;

package/SegmentIdLink/SegmentIdLink.js

@@ -25,17 +25,17 @@ import { useMdmUiPath, useMdmAction } from '../contexts/MdmModuleContext';
 import { UrlGeneratorsContext } from '../contexts/UrlGeneratorsContext';
 import { isControlOrCommandPressed } from '../helpers/events';
 export var SegmentIdLink = forwardRef(function (_a, ref) {
-    var segmentId = _a.segmentId, children = _a.children, className = _a.className, _b = _a.shouldOpenInNewTab, shouldOpenInNewTab = _b === void 0 ? false : _b, otherProps = __rest(_a, ["segmentId", "children", "className", "shouldOpenInNewTab"]);
+    var segmentId = _a.segmentId, children = _a.children, className = _a.className, _b = _a.shouldOpenInNewTab, shouldOpenInNewTab = _b === void 0 ? false : _b, parentId = _a.parentId, otherProps = __rest(_a, ["segmentId", "children", "className", "shouldOpenInNewTab", "parentId"]);
     var generateSegmentUrl = useContext(UrlGeneratorsContext).generateSegmentUrl;
     var openSegment = useMdmAction('openSegment');
     var uiPath = useMdmUiPath();
     var handleClick = useCallback(function (e) {
         if (!isControlOrCommandPressed(e)) {
-            openSegment({ segmentId: segmentId });
+            openSegment({ segmentId: segmentId, parentId: parentId });
             e.preventDefault();
         }
         e.stopPropagation();
-    }, [openSegment, segmentId]);
-    return segmentId ? (React.createElement("a", __assign({ ref: ref, href: generateSegmentUrl({ uiPath: uiPath, segmentId: segmentId }), onClick: shouldOpenInNewTab ? undefined : handleClick, target: shouldOpenInNewTab ? '_blank' : '_self', rel: "noreferrer", className: className }, otherProps), children)) : (React.createElement("span", __assign({ className: className }, otherProps), children));
+    }, [openSegment, segmentId, parentId]);
+    return segmentId ? (React.createElement("a", __assign({ ref: ref, href: generateSegmentUrl({ uiPath: uiPath, segmentId: segmentId, parentId: parentId }), onClick: shouldOpenInNewTab ? undefined : handleClick, target: shouldOpenInNewTab ? '_blank' : '_self', rel: "noreferrer", className: className }, otherProps), children)) : (React.createElement("span", __assign({ className: className }, otherProps), children));
 });
 SegmentIdLink.displayName = 'SegmentIdLink';

package/cjs/SegmentIdLink/SegmentIdLink.d.ts

@@ -2,4 +2,5 @@ import React from 'react';
 export declare const SegmentIdLink: React.ForwardRefExoticComponent<Omit<Omit<React.HTMLProps<HTMLAnchorElement>, "onClick" | "href" | "target"> & {
     segmentId: string;
     shouldOpenInNewTab?: boolean;
+    parentId?: string;
 }, "ref"> & React.RefAttributes<HTMLAnchorElement>>;

package/cjs/SegmentIdLink/SegmentIdLink.js

@@ -51,17 +51,17 @@ var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
 var UrlGeneratorsContext_1 = require("../contexts/UrlGeneratorsContext");
 var events_1 = require("../helpers/events");
 exports.SegmentIdLink = (0, react_1.forwardRef)(function (_a, ref) {
-    var segmentId = _a.segmentId, children = _a.children, className = _a.className, _b = _a.shouldOpenInNewTab, shouldOpenInNewTab = _b === void 0 ? false : _b, otherProps = __rest(_a, ["segmentId", "children", "className", "shouldOpenInNewTab"]);
+    var segmentId = _a.segmentId, children = _a.children, className = _a.className, _b = _a.shouldOpenInNewTab, shouldOpenInNewTab = _b === void 0 ? false : _b, parentId = _a.parentId, otherProps = __rest(_a, ["segmentId", "children", "className", "shouldOpenInNewTab", "parentId"]);
     var generateSegmentUrl = (0, react_1.useContext)(UrlGeneratorsContext_1.UrlGeneratorsContext).generateSegmentUrl;
     var openSegment = (0, MdmModuleContext_1.useMdmAction)('openSegment');
     var uiPath = (0, MdmModuleContext_1.useMdmUiPath)();
     var handleClick = (0, react_1.useCallback)(function (e) {
         if (!(0, events_1.isControlOrCommandPressed)(e)) {
-            openSegment({ segmentId: segmentId });
+            openSegment({ segmentId: segmentId, parentId: parentId });
             e.preventDefault();
         }
         e.stopPropagation();
-    }, [openSegment, segmentId]);
-    return segmentId ? (react_1.default.createElement("a", __assign({ ref: ref, href: generateSegmentUrl({ uiPath: uiPath, segmentId: segmentId }), onClick: shouldOpenInNewTab ? undefined : handleClick, target: shouldOpenInNewTab ? '_blank' : '_self', rel: "noreferrer", className: className }, otherProps), children)) : (react_1.default.createElement("span", __assign({ className: className }, otherProps), children));
+    }, [openSegment, segmentId, parentId]);
+    return segmentId ? (react_1.default.createElement("a", __assign({ ref: ref, href: generateSegmentUrl({ uiPath: uiPath, segmentId: segmentId, parentId: parentId }), onClick: shouldOpenInNewTab ? undefined : handleClick, target: shouldOpenInNewTab ? '_blank' : '_self', rel: "noreferrer", className: className }, otherProps), children)) : (react_1.default.createElement("span", __assign({ className: className }, otherProps), children));
 });
 exports.SegmentIdLink.displayName = 'SegmentIdLink';

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

@@ -79,6 +79,7 @@ export type MdmModuleActionsContextProps = Partial<{
     openSegment: (payload: {
         segmentId: string;
         tabId?: string;
+        parentId?: string;
     }) => void;
     setDefaultProfilePicForModifiedEntity: (payload: {
         entityUri: string;
@@ -154,6 +155,7 @@ export declare const MdmModuleActionsContext: import("@fluentui/react-context-se
     openSegment: (payload: {
         segmentId: string;
         tabId?: string;
+        parentId?: string;
     }) => void;
     setDefaultProfilePicForModifiedEntity: (payload: {
         entityUri: string;

package/cjs/contexts/MdmModuleContext/hooks.d.ts

@@ -94,6 +94,7 @@ export declare const useMdmAction: <T extends keyof MdmModuleActionsContextProps
     openSegment: (payload: {
         segmentId: string;
         tabId?: string;
+        parentId?: string;
     }) => void;
     setDefaultProfilePicForModifiedEntity: (payload: {
         entityUri: string;

package/cjs/contexts/UrlGeneratorsContext/index.d.ts

@@ -18,6 +18,7 @@ type GenerateSegmentUrl = (params: {
     uiPath: string;
     segmentId: string;
     tabId?: string;
+    parentId?: string;
 }) => string;
 type UrlGenerators = {
     generateEntityUrl?: GenerateEntityUrl;

package/cjs/hooks/useSegmentsLoader/useSegmentsLoader.js

@@ -52,7 +52,6 @@ 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 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, parentId = _a.parentId;
@@ -60,9 +59,9 @@ var useSegmentsLoader = function (_a) {
     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 hasActiveFilter = (0, segments_1.isActiveFilter)(filters !== null && filters !== void 0 ? filters : {});
+    var hasActiveFilter = (0, mdm_sdk_1.isActiveSegmentsFilter)(filters !== null && filters !== void 0 ? filters : {});
     var hasSearchValue = Boolean((filters === null || filters === void 0 ? void 0 : filters.searchValue) && filters.searchValue.length > 0);
-    var filterString = (0, segments_1.buildSegmentsFilterString)(__assign(__assign({}, filters), (hasActiveFilter && !hasSearchValue ? { itemType: mdm_sdk_1.NewSegmentItemType.Segment } : {})));
+    var filterString = (0, mdm_sdk_1.buildSegmentsFilterString)(__assign(__assign({}, filters), (hasActiveFilter && !hasSearchValue ? { itemType: mdm_sdk_1.NewSegmentItemType.Segment } : {})));
     var params = (0, react_1.useMemo)(function () {
         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]);

package/cjs/hooks/useSegmentsSizesLoader/useSegmentsSizesLoader.js

@@ -50,7 +50,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSegmentsSizesLoader = void 0;
 var react_1 = require("react");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var segments_1 = require("../../helpers/segments");
 var useSegmentsSizesLoader = function (segments, signal) {
     var _a = (0, react_1.useState)({}), segmentsSizes = _a[0], setSegmentsSizes = _a[1];
     (0, react_1.useEffect)(function () {
@@ -60,7 +59,7 @@ var useSegmentsSizesLoader = function (segments, signal) {
                 switch (_c.label) {
                     case 0:
                         _c.trys.push([0, 4, , 5]);
-                        if (!!(0, segments_1.isSegment)(segment)) return [3 /*break*/, 1];
+                        if (!!(0, mdm_sdk_1.isSegment)(segment)) return [3 /*break*/, 1];
                         _a = { total: null };
                         return [3 /*break*/, 3];
                     case 1: return [4 /*yield*/, (0, mdm_sdk_1.getSegmentTotal)({ segmentId: segment.id, signal: signal })];

package/contexts/MdmModuleContext/context.d.ts

@@ -79,6 +79,7 @@ export type MdmModuleActionsContextProps = Partial<{
     openSegment: (payload: {
         segmentId: string;
         tabId?: string;
+        parentId?: string;
     }) => void;
     setDefaultProfilePicForModifiedEntity: (payload: {
         entityUri: string;
@@ -154,6 +155,7 @@ export declare const MdmModuleActionsContext: import("@fluentui/react-context-se
     openSegment: (payload: {
         segmentId: string;
         tabId?: string;
+        parentId?: string;
     }) => void;
     setDefaultProfilePicForModifiedEntity: (payload: {
         entityUri: string;

package/contexts/MdmModuleContext/hooks.d.ts

@@ -94,6 +94,7 @@ export declare const useMdmAction: <T extends keyof MdmModuleActionsContextProps
     openSegment: (payload: {
         segmentId: string;
         tabId?: string;
+        parentId?: string;
     }) => void;
     setDefaultProfilePicForModifiedEntity: (payload: {
         entityUri: string;

package/contexts/UrlGeneratorsContext/index.d.ts

@@ -18,6 +18,7 @@ type GenerateSegmentUrl = (params: {
     uiPath: string;
     segmentId: string;
     tabId?: string;
+    parentId?: string;
 }) => string;
 type UrlGenerators = {
     generateEntityUrl?: GenerateEntityUrl;

package/hooks/useSegmentsLoader/useSegmentsLoader.js

@@ -47,9 +47,8 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { reject } from 'ramda';
-import { getSegments, isAbortError, isEmptyValue, NewSegmentItemType } from '@reltio/mdm-sdk';
+import { getSegments, isAbortError, isEmptyValue, NewSegmentItemType, buildSegmentsFilterString, isActiveSegmentsFilter } from '@reltio/mdm-sdk';
 import { RequestStates } from '../../types';
-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, parentId = _a.parentId;
@@ -57,7 +56,7 @@ export var useSegmentsLoader = function (_a) {
     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 hasActiveFilter = isActiveFilter(filters !== null && filters !== void 0 ? filters : {});
+    var hasActiveFilter = isActiveSegmentsFilter(filters !== null && filters !== void 0 ? filters : {});
     var hasSearchValue = Boolean((filters === null || filters === void 0 ? void 0 : filters.searchValue) && filters.searchValue.length > 0);
     var filterString = buildSegmentsFilterString(__assign(__assign({}, filters), (hasActiveFilter && !hasSearchValue ? { itemType: NewSegmentItemType.Segment } : {})));
     var params = useMemo(function () {

package/hooks/useSegmentsSizesLoader/useSegmentsSizesLoader.js

@@ -46,8 +46,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import { useEffect, useState } from 'react';
-import { getSegmentTotal } from '@reltio/mdm-sdk';
-import { isSegment } from '../../helpers/segments';
+import { getSegmentTotal, isSegment } from '@reltio/mdm-sdk';
 export var useSegmentsSizesLoader = function (segments, signal) {
     var _a = useState({}), segmentsSizes = _a[0], setSegmentsSizes = _a[1];
     useEffect(function () {

package/package.json

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

package/cjs/helpers/segments.d.ts

@@ -1,5 +0,0 @@
-import { NewSegment } from '@reltio/mdm-sdk';
-export declare const buildSegmentsFilterString: any;
-export declare const isActiveFilter: any;
-export declare const isFolder: (segment: Pick<NewSegment, "itemType">) => boolean;
-export declare const isSegment: (segment: Pick<NewSegment, "itemType">) => boolean;

package/cjs/helpers/segments.js

@@ -1,50 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isSegment = exports.isFolder = exports.isActiveFilter = 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 buildTypeFilterClause = function (type) {
-    return "equals(type, '".concat(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, "')");
-};
-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)('types'), function () { return (0, mdm_sdk_1.multiValueFilter)(buildTypeFilterClause); }],
-    [(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)('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)));
-var isFolder = function (segment) { return segment.itemType === mdm_sdk_1.NewSegmentItemType.Folder; };
-exports.isFolder = isFolder;
-var isSegment = function (segment) { return segment.itemType === mdm_sdk_1.NewSegmentItemType.Segment; };
-exports.isSegment = isSegment;

package/helpers/segments.d.ts

@@ -1,5 +0,0 @@
-import { NewSegment } from '@reltio/mdm-sdk';
-export declare const buildSegmentsFilterString: any;
-export declare const isActiveFilter: any;
-export declare const isFolder: (segment: Pick<NewSegment, "itemType">) => boolean;
-export declare const isSegment: (segment: Pick<NewSegment, "itemType">) => boolean;

package/helpers/segments.js

@@ -1,45 +0,0 @@
-import { cond, defaultTo, equals, join, map, pipe, reject, toPairs, omit, values, filter, any, complement, isEmpty } from 'ramda';
-import { isEmptyValue, wrapInBrackets, multiValueFilter, NewSegmentItemType } 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 buildTypeFilterClause = function (type) {
-    return "equals(type, '".concat(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, "')");
-};
-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('types'), function () { return multiValueFilter(buildTypeFilterClause); }],
-    [equals('createdBy'), function () { return multiValueFilter(buildOwnerFilterClause); }],
-    [equals('sharedWith'), function () { return multiValueFilter(buildSharingFilterClause); }],
-    [equals('destinations'), function () { return multiValueFilter(buildDestinationFilterClause); }],
-    [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)));
-export var isFolder = function (segment) { return segment.itemType === NewSegmentItemType.Folder; };
-export var isSegment = function (segment) { return segment.itemType === NewSegmentItemType.Segment; };