@reltio/components 1.4.2095 → 1.4.2099

package/BasicTable/basicTableViewState.d.ts

@@ -1,5 +1,5 @@
-import { createStandardAction } from '@reltio/mdm-sdk';
-import { ColumnData, ColumnFilter, ColumnSize, Sorting } from '../types/basicTable';
+import { createStandardAction, SortingField } from '@reltio/mdm-sdk';
+import { ColumnData, ColumnFilter, ColumnSize } from '../types/basicTable';
 export declare enum ActionTypes {
     CHANGE_COLUMNS = "CHANGE_COLUMNS",
     TOGGLE_FILTERS = "TOGGLE_FILTERS",
@@ -12,7 +12,7 @@ export type BasicTableState = {
     visibleColumns: ColumnData['id'][];
     columnsSize?: ColumnSize[];
     filters?: Record<ColumnData['id'], ColumnFilter>;
-    sorting?: Sorting;
+    sorting?: SortingField;
     page: number;
     rowsPerPage: number;
     rowsPerPageOptions?: number[];

package/HOCs/withErrorBoundary/index.d.ts

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

package/HOCs/withErrorBoundary/index.js

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

package/HOCs/withErrorBoundary/withErrorBoundary.d.ts

@@ -0,0 +1,5 @@
+import React, { ComponentType } from 'react';
+export declare const withErrorBoundary: <P extends Record<string, unknown>>(Component: ComponentType<P>) => {
+    (props: P): React.JSX.Element;
+    displayName: string;
+};

package/HOCs/withErrorBoundary/withErrorBoundary.js

@@ -0,0 +1,23 @@
+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);
+};
+import React from 'react';
+import i18n from 'ui-i18n';
+import { EMPTY_STATE_ICONS, EMPTY_STATE_VARIANTS, EmptyState } from '../../EmptyState';
+import { ErrorBoundary } from '../../ErrorBoundary';
+export var withErrorBoundary = function (Component) {
+    var WithErrorBoundary = function (props) {
+        return (React.createElement(ErrorBoundary, { error: React.createElement(EmptyState, { LogoRenderer: EMPTY_STATE_ICONS.ERROR, text: "", secondaryText: i18n.text('Something went wrong'), variant: EMPTY_STATE_VARIANTS.small }) },
+            React.createElement(Component, __assign({}, props))));
+    };
+    WithErrorBoundary.displayName = 'WithErrorBoundary';
+    return WithErrorBoundary;
+};

package/cjs/BasicTable/basicTableViewState.d.ts

@@ -1,5 +1,5 @@
-import { createStandardAction } from '@reltio/mdm-sdk';
-import { ColumnData, ColumnFilter, ColumnSize, Sorting } from '../types/basicTable';
+import { createStandardAction, SortingField } from '@reltio/mdm-sdk';
+import { ColumnData, ColumnFilter, ColumnSize } from '../types/basicTable';
 export declare enum ActionTypes {
     CHANGE_COLUMNS = "CHANGE_COLUMNS",
     TOGGLE_FILTERS = "TOGGLE_FILTERS",
@@ -12,7 +12,7 @@ export type BasicTableState = {
     visibleColumns: ColumnData['id'][];
     columnsSize?: ColumnSize[];
     filters?: Record<ColumnData['id'], ColumnFilter>;
-    sorting?: Sorting;
+    sorting?: SortingField;
     page: number;
     rowsPerPage: number;
     rowsPerPageOptions?: number[];

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

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

package/cjs/HOCs/withErrorBoundary/index.js

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

package/cjs/HOCs/withErrorBoundary/withErrorBoundary.d.ts

@@ -0,0 +1,5 @@
+import React, { ComponentType } from 'react';
+export declare const withErrorBoundary: <P extends Record<string, unknown>>(Component: ComponentType<P>) => {
+    (props: P): React.JSX.Element;
+    displayName: string;
+};

package/cjs/HOCs/withErrorBoundary/withErrorBoundary.js

@@ -0,0 +1,30 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withErrorBoundary = void 0;
+var react_1 = __importDefault(require("react"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var EmptyState_1 = require("../../EmptyState");
+var ErrorBoundary_1 = require("../../ErrorBoundary");
+var withErrorBoundary = function (Component) {
+    var WithErrorBoundary = function (props) {
+        return (react_1.default.createElement(ErrorBoundary_1.ErrorBoundary, { error: react_1.default.createElement(EmptyState_1.EmptyState, { LogoRenderer: EmptyState_1.EMPTY_STATE_ICONS.ERROR, text: "", secondaryText: ui_i18n_1.default.text('Something went wrong'), variant: EmptyState_1.EMPTY_STATE_VARIANTS.small }) },
+            react_1.default.createElement(Component, __assign({}, props))));
+    };
+    WithErrorBoundary.displayName = 'WithErrorBoundary';
+    return WithErrorBoundary;
+};
+exports.withErrorBoundary = withErrorBoundary;

package/cjs/helpers/segments.d.ts

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

package/cjs/helpers/segments.js

@@ -0,0 +1,37 @@
+"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 _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 '));

package/cjs/hooks/useRelationsLoader/useRelationsLoader.d.ts

@@ -1,9 +1,6 @@
-import { ActivityFilter, Entity, Mode, RelationsViewConfig, RelationsTableViewConfig } from '@reltio/mdm-sdk';
+import { ActivityFilter, Entity, Mode, RelationsViewConfig, RelationsTableViewConfig, SortingField } from '@reltio/mdm-sdk';
 type Props = {
-    sorting?: {
-        field: string;
-        order: string;
-    };
+    sorting?: SortingField;
     filter?: string;
     page: number;
     rowsPerPage: number;

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) => {
+    state: RequestStates;
+    segments: NewSegment[];
+    total: number;
+    reload: () => Promise<void>;
+};
+export {};

package/cjs/hooks/useSegmentsLoader/useSegmentsLoader.js

@@ -0,0 +1,103 @@
+"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 PageRequestsAbortingContext_1 = require("../../contexts/PageRequestsAbortingContext");
+var useSegmentsLoader = function (_a) {
+    var sorting = _a.sorting, rowsPerPage = _a.rowsPerPage, page = _a.page, filters = _a.filters;
+    var signal = (0, react_1.useContext)(PageRequestsAbortingContext_1.PageRequestsAbortingContext);
+    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 params = (0, react_1.useMemo)(function () {
+        return (0, ramda_1.reject)(mdm_sdk_1.isEmptyValue, {
+            signal: signal,
+            sort: sort,
+            order: order,
+            max: rowsPerPage,
+            offset: page * rowsPerPage,
+            filter: filterString
+        });
+    }, [sort, order, rowsPerPage, page, filterString, signal]);
+    var loadRequest = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var response, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setRequestState(types_1.RequestStates.LOADING);
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, (0, mdm_sdk_1.getSegments)(params)];
+                case 2:
+                    response = _a.sent();
+                    setSegments(response.segments || []);
+                    setTotal(response.total);
+                    setRequestState(types_1.RequestStates.LOADED);
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _a.sent();
+                    console.warn(error_1);
+                    if (!(0, mdm_sdk_1.isAbortError)(error_1)) {
+                        setSegments([]);
+                        setTotal(0);
+                    }
+                    setRequestState(types_1.RequestStates.ERROR);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); }, [params]);
+    (0, react_1.useEffect)(function () {
+        loadRequest();
+    }, [loadRequest]);
+    return {
+        state: requestState,
+        segments: segments,
+        total: total,
+        reload: loadRequest
+    };
+};
+exports.useSegmentsLoader = useSegmentsLoader;

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

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

package/cjs/hooks/useSegmentsSizesLoader/index.js

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

package/cjs/hooks/useSegmentsSizesLoader/useSegmentsSizesLoader.d.ts

@@ -0,0 +1,6 @@
+import { NewSegment } from '@reltio/mdm-sdk';
+type SegmentsSizes = {
+    [id: string]: number;
+};
+export declare const useSegmentsSizesLoader: (segments: NewSegment[]) => SegmentsSizes;
+export {};

package/{hooks/useSegmentsRequest/helper.js → cjs/hooks/useSegmentsSizesLoader/useSegmentsSizesLoader.js}

@@ -1,3 +1,15 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -34,14 +46,41 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-export var getAudienceCount = function (segments) { return __awaiter(void 0, void 0, void 0, function () {
-    return __generator(this, function (_a) {
-        return [2 /*return*/, segments.reduce(function (acc, segment) {
-                acc[segment.uri] = {
-                    isLoading: false,
-                    count: Math.floor(Math.random() * 100000)
-                };
-                return acc;
-            }, {})];
-    });
-}); };
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSegmentsSizesLoader = void 0;
+var react_1 = require("react");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var PageRequestsAbortingContext_1 = require("../../contexts/PageRequestsAbortingContext");
+var useSegmentsSizesLoader = function (segments) {
+    var _a = (0, react_1.useState)({}), segmentsSizes = _a[0], setSegmentsSizes = _a[1];
+    var signal = (0, react_1.useContext)(PageRequestsAbortingContext_1.PageRequestsAbortingContext);
+    (0, react_1.useEffect)(function () {
+        segments.forEach(function (segment) { return __awaiter(void 0, void 0, void 0, function () {
+            var total_1, _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _b.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, (0, mdm_sdk_1.getSegmentTotal)({ segmentId: segment.id, signal: signal })];
+                    case 1:
+                        total_1 = (_b.sent()).total;
+                        setSegmentsSizes(function (prevSegmentsSize) {
+                            var _a;
+                            return __assign(__assign({}, prevSegmentsSize), (_a = {}, _a[segment.id] = total_1, _a));
+                        });
+                        return [3 /*break*/, 3];
+                    case 2:
+                        _a = _b.sent();
+                        setSegmentsSizes(function (prevSegmentsSize) {
+                            var _a;
+                            return __assign(__assign({}, prevSegmentsSize), (_a = {}, _a[segment.id] = null, _a));
+                        });
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        }); });
+    }, [segments, signal]);
+    return segmentsSizes;
+};
+exports.useSegmentsSizesLoader = useSegmentsSizesLoader;

package/cjs/index.d.ts

@@ -274,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';
@@ -285,7 +286,7 @@ export { getNestedPathByColumnId, getAttributeHeight, getAttrPathFromColumnId }
 export type { AttributeFiltersComponentProps } from './AttributesFiltersBuilder';
 export type { ChartData } from './types/charts';
 export type { AddInlineAttributeEvent, DeleteInlineAttributeEvent, EditInlineAttributeEvent, IgnoreInlineAttributeEvent, PinInlineAttributeEvent } from './types/inlineAttributes';
-export type { ColumnData, ColumnSize, ColumnFilter, Sorting, GroupedColumnsData, GroupedColumns, RenderRowCellProps, RowId, ElementsRowsData, TableRowsData, RowValue, DraggableProps } from './types/basicTable';
+export type { ColumnData, ColumnSize, ColumnFilter, GroupedColumnsData, GroupedColumns, RenderRowCellProps, RowId, ElementsRowsData, TableRowsData, RowValue, DraggableProps } from './types/basicTable';
 export * from './types/preferences';
 export * from './types';
 export * from './constants';

package/cjs/index.js

@@ -20,7 +20,7 @@ exports.Popper = exports.MultipleInput = exports.ModeSwitcherSelect = exports.Mo
 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.useDndBasicTableScrollModifier = exports.useDynamicYAxisWidth = exports.useFilterAutoFocus = exports.useSegmentationRequest = exports.resolveMarkers = exports.useMarkers = exports.useMaskedAttribute = exports.useKeyboardNavigation = exports.useDynamicRowCellHeight = 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; } });
@@ -609,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; } });

package/cjs/types/basicTable.d.ts

@@ -1,11 +1,7 @@
 import React from 'react';
-import { DataTypeDefinition, SearchValue, SortOrder } from '@reltio/mdm-sdk';
+import { DataTypeDefinition, SearchValue } from '@reltio/mdm-sdk';
 import { useCollapsibleTableRows } from '../hooks/useCollapsibleTableRows';
 import { DraggableAttributes } from '@dnd-kit/core';
-export type Sorting = {
-    field: string;
-    order: SortOrder;
-};
 export type ColumnFilter = {
     filter: string;
     value?: SearchValue;

package/helpers/segments.d.ts

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

package/helpers/segments.js

@@ -0,0 +1,34 @@
+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 _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 '));

package/hooks/useRelationsLoader/useRelationsLoader.d.ts

@@ -1,9 +1,6 @@
-import { ActivityFilter, Entity, Mode, RelationsViewConfig, RelationsTableViewConfig } from '@reltio/mdm-sdk';
+import { ActivityFilter, Entity, Mode, RelationsViewConfig, RelationsTableViewConfig, SortingField } from '@reltio/mdm-sdk';
 type Props = {
-    sorting?: {
-        field: string;
-        order: string;
-    };
+    sorting?: SortingField;
     filter?: string;
     page: number;
     rowsPerPage: number;

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) => {
+    state: RequestStates;
+    segments: NewSegment[];
+    total: number;
+    reload: () => Promise<void>;
+};
+export {};

package/hooks/useSegmentsLoader/useSegmentsLoader.js

@@ -0,0 +1,99 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = 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, useContext, 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 { PageRequestsAbortingContext } from '../../contexts/PageRequestsAbortingContext';
+export var useSegmentsLoader = function (_a) {
+    var sorting = _a.sorting, rowsPerPage = _a.rowsPerPage, page = _a.page, filters = _a.filters;
+    var signal = useContext(PageRequestsAbortingContext);
+    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 params = useMemo(function () {
+        return reject(isEmptyValue, {
+            signal: signal,
+            sort: sort,
+            order: order,
+            max: rowsPerPage,
+            offset: page * rowsPerPage,
+            filter: filterString
+        });
+    }, [sort, order, rowsPerPage, page, filterString, signal]);
+    var loadRequest = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var response, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setRequestState(RequestStates.LOADING);
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, getSegments(params)];
+                case 2:
+                    response = _a.sent();
+                    setSegments(response.segments || []);
+                    setTotal(response.total);
+                    setRequestState(RequestStates.LOADED);
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _a.sent();
+                    console.warn(error_1);
+                    if (!isAbortError(error_1)) {
+                        setSegments([]);
+                        setTotal(0);
+                    }
+                    setRequestState(RequestStates.ERROR);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); }, [params]);
+    useEffect(function () {
+        loadRequest();
+    }, [loadRequest]);
+    return {
+        state: requestState,
+        segments: segments,
+        total: total,
+        reload: loadRequest
+    };
+};

package/hooks/useSegmentsSizesLoader/index.d.ts

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

package/hooks/useSegmentsSizesLoader/index.js

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

package/hooks/useSegmentsSizesLoader/useSegmentsSizesLoader.d.ts

@@ -0,0 +1,6 @@
+import { NewSegment } from '@reltio/mdm-sdk';
+type SegmentsSizes = {
+    [id: string]: number;
+};
+export declare const useSegmentsSizesLoader: (segments: NewSegment[]) => SegmentsSizes;
+export {};

package/{cjs/hooks/useSegmentsRequest/helper.js → hooks/useSegmentsSizesLoader/useSegmentsSizesLoader.js}

@@ -1,4 +1,14 @@
-"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -35,17 +45,38 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getAudienceCount = void 0;
-var getAudienceCount = function (segments) { return __awaiter(void 0, void 0, void 0, function () {
-    return __generator(this, function (_a) {
-        return [2 /*return*/, segments.reduce(function (acc, segment) {
-                acc[segment.uri] = {
-                    isLoading: false,
-                    count: Math.floor(Math.random() * 100000)
-                };
-                return acc;
-            }, {})];
-    });
-}); };
-exports.getAudienceCount = getAudienceCount;
+import { useContext, useEffect, useState } from 'react';
+import { getSegmentTotal } from '@reltio/mdm-sdk';
+import { PageRequestsAbortingContext } from '../../contexts/PageRequestsAbortingContext';
+export var useSegmentsSizesLoader = function (segments) {
+    var _a = useState({}), segmentsSizes = _a[0], setSegmentsSizes = _a[1];
+    var signal = useContext(PageRequestsAbortingContext);
+    useEffect(function () {
+        segments.forEach(function (segment) { return __awaiter(void 0, void 0, void 0, function () {
+            var total_1, _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _b.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, getSegmentTotal({ segmentId: segment.id, signal: signal })];
+                    case 1:
+                        total_1 = (_b.sent()).total;
+                        setSegmentsSizes(function (prevSegmentsSize) {
+                            var _a;
+                            return __assign(__assign({}, prevSegmentsSize), (_a = {}, _a[segment.id] = total_1, _a));
+                        });
+                        return [3 /*break*/, 3];
+                    case 2:
+                        _a = _b.sent();
+                        setSegmentsSizes(function (prevSegmentsSize) {
+                            var _a;
+                            return __assign(__assign({}, prevSegmentsSize), (_a = {}, _a[segment.id] = null, _a));
+                        });
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        }); });
+    }, [segments, signal]);
+    return segmentsSizes;
+};

package/index.d.ts

@@ -274,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';
@@ -285,7 +286,7 @@ export { getNestedPathByColumnId, getAttributeHeight, getAttrPathFromColumnId }
 export type { AttributeFiltersComponentProps } from './AttributesFiltersBuilder';
 export type { ChartData } from './types/charts';
 export type { AddInlineAttributeEvent, DeleteInlineAttributeEvent, EditInlineAttributeEvent, IgnoreInlineAttributeEvent, PinInlineAttributeEvent } from './types/inlineAttributes';
-export type { ColumnData, ColumnSize, ColumnFilter, Sorting, GroupedColumnsData, GroupedColumns, RenderRowCellProps, RowId, ElementsRowsData, TableRowsData, RowValue, DraggableProps } from './types/basicTable';
+export type { ColumnData, ColumnSize, ColumnFilter, GroupedColumnsData, GroupedColumns, RenderRowCellProps, RowId, ElementsRowsData, TableRowsData, RowValue, DraggableProps } from './types/basicTable';
 export * from './types/preferences';
 export * from './types';
 export * from './constants';

package/index.js

@@ -277,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';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.2095",
+  "version": "1.4.2099",
   "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.1933",
+    "@reltio/mdm-sdk": "^1.4.1937",
     "@vis.gl/react-google-maps": "^1.3.0",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",
@@ -28,7 +28,7 @@
     "react-dnd-html5-backend": "^10.0.2",
     "react-grid-layout": "1.4.2",
     "react-lifecycles-compat": "^3.0.4",
-    "react-mentions": "4.3.0",
+    "react-mentions": "^4.3.0",
     "react-number-format": "^4.9.2",
     "react-resizable-panels": "^2.0.20",
     "react-router-dom": "^6.2.1",

package/types/basicTable.d.ts

@@ -1,11 +1,7 @@
 import React from 'react';
-import { DataTypeDefinition, SearchValue, SortOrder } from '@reltio/mdm-sdk';
+import { DataTypeDefinition, SearchValue } from '@reltio/mdm-sdk';
 import { useCollapsibleTableRows } from '../hooks/useCollapsibleTableRows';
 import { DraggableAttributes } from '@dnd-kit/core';
-export type Sorting = {
-    field: string;
-    order: SortOrder;
-};
 export type ColumnFilter = {
     filter: string;
     value?: SearchValue;

package/cjs/hooks/useSegmentsRequest/helper.d.ts

@@ -1,2 +0,0 @@
-import { Segment } from '@reltio/mdm-sdk';
-export declare const getAudienceCount: (segments: Segment[]) => Promise<{}>;

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

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

package/cjs/hooks/useSegmentsRequest/index.js

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

package/cjs/hooks/useSegmentsRequest/useSegmentsRequest.d.ts

@@ -1,42 +0,0 @@
-import { SavedSearchesOptions, SavedSearchType, SortOrder } from '@reltio/mdm-sdk';
-import { RequestStates } from '../../types';
-type Props = {
-    options?: SavedSearchesOptions;
-    defaultRowsPerPage: number;
-};
-export declare const useSegmentsRequest: ({ options, defaultRowsPerPage }: Props) => {
-    data: {
-        uri: string;
-        name: string;
-        description?: string;
-        query: string;
-        isFavorite: boolean;
-        uiState: Record<string, any>;
-        createDate: number;
-        updateDate: number;
-        isPublic: boolean;
-        count: number;
-        owner: string;
-        type: SavedSearchType;
-        isLoadingTotal?: boolean;
-    }[];
-    total: number;
-    page: number;
-    rowsPerPage: number;
-    audienceCountMap: Record<string, {
-        isLoading?: boolean;
-        count?: number;
-    }>;
-    loadingState: RequestStates;
-    reload: () => void;
-    updateRowsPerPage: import("react").Dispatch<import("react").SetStateAction<number>>;
-    updatePage: import("react").Dispatch<import("react").SetStateAction<number>>;
-    loadSegments: () => Promise<void>;
-    nameSortOrder: SortOrder;
-    setNameSortOrder: import("react").Dispatch<import("react").SetStateAction<SortOrder>>;
-    favoriteOnly: boolean;
-    setFavoriteOnly: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    containsWordStartingWith: string;
-    setContainsWordStartingWith: import("react").Dispatch<import("react").SetStateAction<string>>;
-};
-export {};

package/cjs/hooks/useSegmentsRequest/useSegmentsRequest.js

@@ -1,146 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = 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.useSegmentsRequest = void 0;
-var react_1 = require("react");
-var ramda_1 = require("ramda");
-var PageRequestsAbortingContext_1 = require("../../contexts/PageRequestsAbortingContext");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var helper_1 = require("./helper");
-var types_1 = require("../../types");
-var useSegmentsRequest = function (_a) {
-    var options = _a.options, defaultRowsPerPage = _a.defaultRowsPerPage;
-    var _b = (0, react_1.useState)(0), page = _b[0], setPage = _b[1];
-    var _c = (0, react_1.useState)(defaultRowsPerPage), rowsPerPage = _c[0], setRowsPerPage = _c[1];
-    var _d = (0, react_1.useState)([]), data = _d[0], setData = _d[1];
-    var _e = (0, react_1.useState)(0), total = _e[0], setTotal = _e[1];
-    var _f = (0, react_1.useState)({}), audienceCountMap = _f[0], setAudienceCountMap = _f[1];
-    var _g = (0, react_1.useState)(types_1.RequestStates.INIT), loadingState = _g[0], setLoadingState = _g[1];
-    var _h = (0, react_1.useState)(null), nameSortOrder = _h[0], setNameSortOrder = _h[1];
-    var _j = (0, react_1.useState)(false), favoriteOnly = _j[0], setFavoriteOnly = _j[1];
-    var _k = (0, react_1.useState)(''), containsWordStartingWith = _k[0], setContainsWordStartingWith = _k[1];
-    var signal = (0, react_1.useContext)(PageRequestsAbortingContext_1.PageRequestsAbortingContext);
-    var allOptions = (0, react_1.useMemo)(function () { return (__assign(__assign({}, options), { containsWordStartingWith: containsWordStartingWith
-            ? containsWordStartingWith
-            : options === null || options === void 0 ? void 0 : options.containsWordStartingWith, sortBy: nameSortOrder ? 'NAME' : options === null || options === void 0 ? void 0 : options.sortBy, sortOrder: nameSortOrder ? nameSortOrder : options === null || options === void 0 ? void 0 : options.sortOrder, favoriteOnly: favoriteOnly ? favoriteOnly : options === null || options === void 0 ? void 0 : options.favoriteOnly, max: rowsPerPage, offset: rowsPerPage * page })); }, [options, page, rowsPerPage, containsWordStartingWith, nameSortOrder, favoriteOnly]);
-    var loadSegments = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
-        var _a, _b, segments, total_1, audienceCountMap_1, error_1;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
-                case 0:
-                    setLoadingState(types_1.RequestStates.LOADING);
-                    _c.label = 1;
-                case 1:
-                    _c.trys.push([1, 4, , 5]);
-                    return [4 /*yield*/, (0, mdm_sdk_1.getSavedSearches)(__assign(__assign({}, allOptions), { type: mdm_sdk_1.SavedSearchType.SEGMENTATION }), signal)];
-                case 2:
-                    _a = _c.sent(), _b = _a.result, segments = _b === void 0 ? [] : _b, total_1 = _a.total;
-                    return [4 /*yield*/, (0, helper_1.getAudienceCount)(segments)];
-                case 3:
-                    audienceCountMap_1 = _c.sent();
-                    setAudienceCountMap(audienceCountMap_1);
-                    setData(segments || []);
-                    setTotal(total_1);
-                    setLoadingState(types_1.RequestStates.LOADED);
-                    return [3 /*break*/, 5];
-                case 4:
-                    error_1 = _c.sent();
-                    console.warn(error_1);
-                    if (!(0, mdm_sdk_1.isAbortError)(error_1)) {
-                        setLoadingState(types_1.RequestStates.ERROR);
-                        setData([]);
-                    }
-                    return [3 /*break*/, 5];
-                case 5: return [2 /*return*/];
-            }
-        });
-    }); }, [allOptions, signal]);
-    var segmentsWithAudienceCount = (0, react_1.useMemo)(function () {
-        return data.map(function (segment) {
-            var _a;
-            var _b = (_a = audienceCountMap[segment.uri]) !== null && _a !== void 0 ? _a : {}, count = _b.count, isLoading = _b.isLoading;
-            var segmentWithAudienceCount = __assign({}, segment);
-            if (!(0, ramda_1.isNil)(count))
-                segmentWithAudienceCount.count = count;
-            if (!(0, ramda_1.isNil)(isLoading))
-                segmentWithAudienceCount.isLoadingTotal = isLoading;
-            return segmentWithAudienceCount;
-        });
-    }, [data, audienceCountMap]);
-    (0, react_1.useEffect)(function () {
-        loadSegments();
-    }, [loadSegments]);
-    var reload = (0, react_1.useCallback)(function () {
-        setPage(0);
-        setRowsPerPage(defaultRowsPerPage);
-        setNameSortOrder(null);
-        setFavoriteOnly(false);
-        setContainsWordStartingWith('');
-        loadSegments();
-    }, [defaultRowsPerPage, loadSegments]);
-    return {
-        data: segmentsWithAudienceCount,
-        total: total,
-        page: page,
-        rowsPerPage: rowsPerPage,
-        audienceCountMap: audienceCountMap,
-        loadingState: loadingState,
-        reload: reload,
-        updateRowsPerPage: setRowsPerPage,
-        updatePage: setPage,
-        loadSegments: loadSegments,
-        nameSortOrder: nameSortOrder,
-        setNameSortOrder: setNameSortOrder,
-        favoriteOnly: favoriteOnly,
-        setFavoriteOnly: setFavoriteOnly,
-        containsWordStartingWith: containsWordStartingWith,
-        setContainsWordStartingWith: setContainsWordStartingWith
-    };
-};
-exports.useSegmentsRequest = useSegmentsRequest;

package/hooks/useSegmentsRequest/helper.d.ts

@@ -1,2 +0,0 @@
-import { Segment } from '@reltio/mdm-sdk';
-export declare const getAudienceCount: (segments: Segment[]) => Promise<{}>;

package/hooks/useSegmentsRequest/index.d.ts

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

package/hooks/useSegmentsRequest/index.js

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

package/hooks/useSegmentsRequest/useSegmentsRequest.d.ts

@@ -1,42 +0,0 @@
-import { SavedSearchesOptions, SavedSearchType, SortOrder } from '@reltio/mdm-sdk';
-import { RequestStates } from '../../types';
-type Props = {
-    options?: SavedSearchesOptions;
-    defaultRowsPerPage: number;
-};
-export declare const useSegmentsRequest: ({ options, defaultRowsPerPage }: Props) => {
-    data: {
-        uri: string;
-        name: string;
-        description?: string;
-        query: string;
-        isFavorite: boolean;
-        uiState: Record<string, any>;
-        createDate: number;
-        updateDate: number;
-        isPublic: boolean;
-        count: number;
-        owner: string;
-        type: SavedSearchType;
-        isLoadingTotal?: boolean;
-    }[];
-    total: number;
-    page: number;
-    rowsPerPage: number;
-    audienceCountMap: Record<string, {
-        isLoading?: boolean;
-        count?: number;
-    }>;
-    loadingState: RequestStates;
-    reload: () => void;
-    updateRowsPerPage: import("react").Dispatch<import("react").SetStateAction<number>>;
-    updatePage: import("react").Dispatch<import("react").SetStateAction<number>>;
-    loadSegments: () => Promise<void>;
-    nameSortOrder: SortOrder;
-    setNameSortOrder: import("react").Dispatch<import("react").SetStateAction<SortOrder>>;
-    favoriteOnly: boolean;
-    setFavoriteOnly: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    containsWordStartingWith: string;
-    setContainsWordStartingWith: import("react").Dispatch<import("react").SetStateAction<string>>;
-};
-export {};

package/hooks/useSegmentsRequest/useSegmentsRequest.js

@@ -1,142 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = 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, useContext, useEffect, useMemo, useState } from 'react';
-import { isNil } from 'ramda';
-import { PageRequestsAbortingContext } from '../../contexts/PageRequestsAbortingContext';
-import { getSavedSearches, isAbortError, SavedSearchType } from '@reltio/mdm-sdk';
-import { getAudienceCount } from './helper';
-import { RequestStates } from '../../types';
-export var useSegmentsRequest = function (_a) {
-    var options = _a.options, defaultRowsPerPage = _a.defaultRowsPerPage;
-    var _b = useState(0), page = _b[0], setPage = _b[1];
-    var _c = useState(defaultRowsPerPage), rowsPerPage = _c[0], setRowsPerPage = _c[1];
-    var _d = useState([]), data = _d[0], setData = _d[1];
-    var _e = useState(0), total = _e[0], setTotal = _e[1];
-    var _f = useState({}), audienceCountMap = _f[0], setAudienceCountMap = _f[1];
-    var _g = useState(RequestStates.INIT), loadingState = _g[0], setLoadingState = _g[1];
-    var _h = useState(null), nameSortOrder = _h[0], setNameSortOrder = _h[1];
-    var _j = useState(false), favoriteOnly = _j[0], setFavoriteOnly = _j[1];
-    var _k = useState(''), containsWordStartingWith = _k[0], setContainsWordStartingWith = _k[1];
-    var signal = useContext(PageRequestsAbortingContext);
-    var allOptions = useMemo(function () { return (__assign(__assign({}, options), { containsWordStartingWith: containsWordStartingWith
-            ? containsWordStartingWith
-            : options === null || options === void 0 ? void 0 : options.containsWordStartingWith, sortBy: nameSortOrder ? 'NAME' : options === null || options === void 0 ? void 0 : options.sortBy, sortOrder: nameSortOrder ? nameSortOrder : options === null || options === void 0 ? void 0 : options.sortOrder, favoriteOnly: favoriteOnly ? favoriteOnly : options === null || options === void 0 ? void 0 : options.favoriteOnly, max: rowsPerPage, offset: rowsPerPage * page })); }, [options, page, rowsPerPage, containsWordStartingWith, nameSortOrder, favoriteOnly]);
-    var loadSegments = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
-        var _a, _b, segments, total_1, audienceCountMap_1, error_1;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
-                case 0:
-                    setLoadingState(RequestStates.LOADING);
-                    _c.label = 1;
-                case 1:
-                    _c.trys.push([1, 4, , 5]);
-                    return [4 /*yield*/, getSavedSearches(__assign(__assign({}, allOptions), { type: SavedSearchType.SEGMENTATION }), signal)];
-                case 2:
-                    _a = _c.sent(), _b = _a.result, segments = _b === void 0 ? [] : _b, total_1 = _a.total;
-                    return [4 /*yield*/, getAudienceCount(segments)];
-                case 3:
-                    audienceCountMap_1 = _c.sent();
-                    setAudienceCountMap(audienceCountMap_1);
-                    setData(segments || []);
-                    setTotal(total_1);
-                    setLoadingState(RequestStates.LOADED);
-                    return [3 /*break*/, 5];
-                case 4:
-                    error_1 = _c.sent();
-                    console.warn(error_1);
-                    if (!isAbortError(error_1)) {
-                        setLoadingState(RequestStates.ERROR);
-                        setData([]);
-                    }
-                    return [3 /*break*/, 5];
-                case 5: return [2 /*return*/];
-            }
-        });
-    }); }, [allOptions, signal]);
-    var segmentsWithAudienceCount = useMemo(function () {
-        return data.map(function (segment) {
-            var _a;
-            var _b = (_a = audienceCountMap[segment.uri]) !== null && _a !== void 0 ? _a : {}, count = _b.count, isLoading = _b.isLoading;
-            var segmentWithAudienceCount = __assign({}, segment);
-            if (!isNil(count))
-                segmentWithAudienceCount.count = count;
-            if (!isNil(isLoading))
-                segmentWithAudienceCount.isLoadingTotal = isLoading;
-            return segmentWithAudienceCount;
-        });
-    }, [data, audienceCountMap]);
-    useEffect(function () {
-        loadSegments();
-    }, [loadSegments]);
-    var reload = useCallback(function () {
-        setPage(0);
-        setRowsPerPage(defaultRowsPerPage);
-        setNameSortOrder(null);
-        setFavoriteOnly(false);
-        setContainsWordStartingWith('');
-        loadSegments();
-    }, [defaultRowsPerPage, loadSegments]);
-    return {
-        data: segmentsWithAudienceCount,
-        total: total,
-        page: page,
-        rowsPerPage: rowsPerPage,
-        audienceCountMap: audienceCountMap,
-        loadingState: loadingState,
-        reload: reload,
-        updateRowsPerPage: setRowsPerPage,
-        updatePage: setPage,
-        loadSegments: loadSegments,
-        nameSortOrder: nameSortOrder,
-        setNameSortOrder: setNameSortOrder,
-        favoriteOnly: favoriteOnly,
-        setFavoriteOnly: setFavoriteOnly,
-        containsWordStartingWith: containsWordStartingWith,
-        setContainsWordStartingWith: setContainsWordStartingWith
-    };
-};