@reltio/components 1.4.2096 → 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.js

@@ -31,6 +31,7 @@ var getFilterClauseBuilder = (0, ramda_1.cond)([
     [(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 getFilterClauseBuilder(key)(value);
+    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/useSegmentsLoader.d.ts

@@ -7,7 +7,7 @@ type Props = {
     filters?: SegmentationFilters;
 };
 export declare const useSegmentsLoader: ({ sorting, rowsPerPage, page, filters }: Props) => {
-    requestState: RequestStates;
+    state: RequestStates;
     segments: NewSegment[];
     total: number;
     reload: () => Promise<void>;

package/cjs/hooks/useSegmentsLoader/useSegmentsLoader.js

@@ -42,50 +42,61 @@ 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), segmentsTotal = _d[0], setSegmentsTotal = _d[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 segmentsRequestParams = (0, react_1.useMemo)(function () { return (0, ramda_1.reject)(mdm_sdk_1.isEmptyValue, { sort: sort, order: order, max: rowsPerPage, offset: page * rowsPerPage, filter: filterString }); }, [sort, order, rowsPerPage, page, filterString]);
+    var 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 _a, segments_2, total, error_1;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
+        var response, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
                 case 0:
                     setRequestState(types_1.RequestStates.LOADING);
-                    _b.label = 1;
+                    _a.label = 1;
                 case 1:
-                    _b.trys.push([1, 3, , 4]);
-                    return [4 /*yield*/, (0, mdm_sdk_1.getSegments)(segmentsRequestParams)];
+                    _a.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, (0, mdm_sdk_1.getSegments)(params)];
                 case 2:
-                    _a = _b.sent(), segments_2 = _a.segments, total = _a.total;
-                    setSegments(segments_2 !== null && segments_2 !== void 0 ? segments_2 : []);
-                    setSegmentsTotal(total);
+                    response = _a.sent();
+                    setSegments(response.segments || []);
+                    setTotal(response.total);
                     setRequestState(types_1.RequestStates.LOADED);
                     return [3 /*break*/, 4];
                 case 3:
-                    error_1 = _b.sent();
+                    error_1 = _a.sent();
                     console.warn(error_1);
                     if (!(0, mdm_sdk_1.isAbortError)(error_1)) {
                         setSegments([]);
-                        setSegmentsTotal(0);
+                        setTotal(0);
                     }
                     setRequestState(types_1.RequestStates.ERROR);
                     return [3 /*break*/, 4];
                 case 4: return [2 /*return*/];
             }
         });
-    }); }, [segmentsRequestParams]);
+    }); }, [params]);
     (0, react_1.useEffect)(function () {
         loadRequest();
     }, [loadRequest]);
     return {
-        requestState: requestState,
+        state: requestState,
         segments: segments,
-        total: segmentsTotal,
+        total: total,
         reload: loadRequest
     };
 };

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

@@ -286,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/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.js

@@ -28,6 +28,7 @@ var getFilterClauseBuilder = cond([
     [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 getFilterClauseBuilder(key)(value);
+    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/useSegmentsLoader.d.ts

@@ -7,7 +7,7 @@ type Props = {
     filters?: SegmentationFilters;
 };
 export declare const useSegmentsLoader: ({ sorting, rowsPerPage, page, filters }: Props) => {
-    requestState: RequestStates;
+    state: RequestStates;
     segments: NewSegment[];
     total: number;
     reload: () => Promise<void>;

package/hooks/useSegmentsLoader/useSegmentsLoader.js

@@ -34,55 +34,66 @@ 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 };
     }
 };
-import { useCallback, useEffect, useMemo, useState } from 'react';
+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), segmentsTotal = _d[0], setSegmentsTotal = _d[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 segmentsRequestParams = useMemo(function () { return reject(isEmptyValue, { sort: sort, order: order, max: rowsPerPage, offset: page * rowsPerPage, filter: filterString }); }, [sort, order, rowsPerPage, page, filterString]);
+    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 _a, segments_1, total, error_1;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
+        var response, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
                 case 0:
                     setRequestState(RequestStates.LOADING);
-                    _b.label = 1;
+                    _a.label = 1;
                 case 1:
-                    _b.trys.push([1, 3, , 4]);
-                    return [4 /*yield*/, getSegments(segmentsRequestParams)];
+                    _a.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, getSegments(params)];
                 case 2:
-                    _a = _b.sent(), segments_1 = _a.segments, total = _a.total;
-                    setSegments(segments_1 !== null && segments_1 !== void 0 ? segments_1 : []);
-                    setSegmentsTotal(total);
+                    response = _a.sent();
+                    setSegments(response.segments || []);
+                    setTotal(response.total);
                     setRequestState(RequestStates.LOADED);
                     return [3 /*break*/, 4];
                 case 3:
-                    error_1 = _b.sent();
+                    error_1 = _a.sent();
                     console.warn(error_1);
                     if (!isAbortError(error_1)) {
                         setSegments([]);
-                        setSegmentsTotal(0);
+                        setTotal(0);
                     }
                     setRequestState(RequestStates.ERROR);
                     return [3 /*break*/, 4];
                 case 4: return [2 /*return*/];
             }
         });
-    }); }, [segmentsRequestParams]);
+    }); }, [params]);
     useEffect(function () {
         loadRequest();
     }, [loadRequest]);
     return {
-        requestState: requestState,
+        state: requestState,
         segments: segments,
-        total: segmentsTotal,
+        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

@@ -286,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.2096",
+  "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.1934",
+    "@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
-    };
-};