@reltio/dashboard 1.4.2128 → 1.4.2132

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@reltio/dashboard",
-  "version": "1.4.2128",
+  "version": "1.4.2132",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "bundle.js",
   "types": "./types/index.d.ts",
   "dependencies": {
-    "@reltio/components": "^1.4.2096",
-    "@reltio/mdm-module": "^1.4.1968",
-    "@reltio/mdm-sdk": "^1.4.1934",
+    "@reltio/components": "^1.4.2100",
+    "@reltio/mdm-module": "^1.4.1972",
+    "@reltio/mdm-sdk": "^1.4.1938",
     "object-hash": "^2.1.1"
   },
   "peerDependencies": {

package/types/components/src/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/types/components/src/EmptyState/EmptyState.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+export declare enum EMPTY_STATE_VARIANTS {
+    full = "full",
+    embedded = "embedded",
+    small = "small"
+}
+export declare const EMPTY_STATE_ICONS: {
+    SEARCH_RESULTS: React.FC<React.SVGProps<SVGSVGElement>>;
+    SELECT_ATTRIBUTES: React.FC<React.SVGProps<SVGSVGElement>>;
+    NO_DATA: React.FC<React.SVGProps<SVGSVGElement>>;
+    ERROR: React.FC<React.SVGProps<SVGSVGElement>>;
+    LOADING: React.FC<React.SVGProps<SVGSVGElement>>;
+};
+type Props = {
+    variant?: EMPTY_STATE_VARIANTS;
+    LogoRenderer?: React.ElementType;
+    text: string;
+    secondaryText?: string;
+    buttonTitle?: string;
+    access?: boolean;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+};
+export declare const EmptyState: ({ variant, LogoRenderer, text, secondaryText, buttonTitle, onClick, access }: Props) => React.JSX.Element;
+export {};

package/types/components/src/EmptyState/index.d.ts

@@ -0,0 +1 @@
+export { EmptyState, EMPTY_STATE_ICONS, EMPTY_STATE_VARIANTS } from './EmptyState';

package/types/components/src/EmptyState/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"small" | "embedded" | "text" | "button" | "root" | "root_small" | "full" | "textBox" | "secondaryText">;

package/types/components/src/HOCs/withErrorBoundary/index.d.ts

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

package/types/components/src/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/types/components/src/ProfileCard/components/ProfileCardPlaceholder/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"label" | "secondaryLabel" | "avatar" | "info" | "thirdRow" | "@keyframes keyframes-wave" | "wave">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"label" | "secondaryLabel" | "info" | "avatar" | "thirdRow" | "@keyframes keyframes-wave" | "wave">;

package/types/components/src/ReltioMap/components/TopRightMapControls/TopRightMapControls.d.ts

@@ -36,7 +36,7 @@ export declare const ButtonWithTooltip: React.ForwardRefExoticComponent<Omit<{
     touchRippleRef?: React.Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions>;
 }, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: React.Ref<HTMLButtonElement>;
-}, "children" | "size" | "action" | "disabled" | "color" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "tabIndex" | "href" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "disableElevation" | "endIcon" | "fullWidth" | "startIcon">, "ref"> & React.RefAttributes<HTMLElement>>;
+}, "children" | "size" | "action" | "disabled" | "color" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "tabIndex" | "href" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon">, "ref"> & React.RefAttributes<HTMLElement>>;
 type Props = {
     className?: string;
     onDrawingModeChanged: (value: DrawingMode | null) => void;

package/types/components/src/SegmentIdLink/SegmentIdLink.d.ts

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

package/types/components/src/SegmentIdLink/index.d.ts

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

package/types/components/src/contexts/MdmModuleContext/context.d.ts

@@ -75,6 +75,10 @@ export type MdmModuleActionsContextProps = Partial<{
         source?: string | null;
         screen?: string;
     }) => void;
+    openSegment: (payload: {
+        segmentId: string;
+        tabId?: string;
+    }) => void;
     setDefaultProfilePicForModifiedEntity: (payload: {
         entityUri: string;
         value: ImageAttributeValue;
@@ -146,6 +150,10 @@ export declare const MdmModuleActionsContext: import("@fluentui/react-context-se
         source?: string | null;
         screen?: string;
     }) => void;
+    openSegment: (payload: {
+        segmentId: string;
+        tabId?: string;
+    }) => void;
     setDefaultProfilePicForModifiedEntity: (payload: {
         entityUri: string;
         value: ImageAttributeValue;

package/types/components/src/contexts/MdmModuleContext/hooks.d.ts

@@ -91,6 +91,10 @@ export declare const useMdmAction: <T extends keyof MdmModuleActionsContextProps
         source?: string | null;
         screen?: string;
     }) => void;
+    openSegment: (payload: {
+        segmentId: string;
+        tabId?: string;
+    }) => void;
     setDefaultProfilePicForModifiedEntity: (payload: {
         entityUri: string;
         value: import("@reltio/mdm-sdk").ImageAttributeValue;

package/types/components/src/contexts/UrlGeneratorsContext/index.d.ts

@@ -14,10 +14,16 @@ type GenerateTagUrl = (params: {
     tag: string;
     entityUri: string;
 }) => string;
+type GenerateSegmentUrl = (params: {
+    uiPath: string;
+    segmentId: string;
+    screen?: string;
+}) => string;
 type UrlGenerators = {
     generateEntityUrl?: GenerateEntityUrl;
     generatePivotingUrl?: GeneratePivotingUrl;
     generateTagUrl?: GenerateTagUrl;
+    generateSegmentUrl?: GenerateSegmentUrl;
 };
 export declare const UrlGeneratorsContext: React.Context<UrlGenerators>;
 export {};

package/types/components/src/helpers/segments.d.ts

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

package/types/components/src/hooks/useSegmentsLoader/index.d.ts

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

package/types/components/src/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/types/components/src/hooks/useSegmentsSizesLoader/index.d.ts

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

package/types/components/src/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/types/components/src/icons/EmptyLoading.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgEmptyLoading: React.FC<React.SVGProps<SVGSVGElement>>;
+export default SvgEmptyLoading;

package/types/components/src/icons/EmptySearchResults.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgEmptySearchResults: React.FC<React.SVGProps<SVGSVGElement>>;
+export default SvgEmptySearchResults;

package/types/components/src/icons/Error.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgError: React.FC<React.SVGProps<SVGSVGElement>>;
+export default SvgError;

package/types/components/src/icons/NoData.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgNoData: React.FC<React.SVGProps<SVGSVGElement>>;
+export default SvgNoData;

package/types/components/src/icons/SelectAttributes.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgSelectAttributes: React.FC<React.SVGProps<SVGSVGElement>>;
+export default SvgSelectAttributes;

package/types/components/src/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/types/dashboard/src/components/DashboardSegmentsTable/CellRenderers/LabelCellRenderer/LabelCellRenderer.d.ts

@@ -2,7 +2,8 @@ import React from 'react';
 type Props = {
     value?: string;
     rowValue: {
-        isFavorite: boolean;
+        id: string;
+        favorite: boolean;
     };
 };
 export declare const LabelCellRenderer: ({ value, rowValue }: Props) => React.JSX.Element;

package/types/dashboard/src/components/DashboardSegmentsTable/DashboardSegmentsTable.d.ts

@@ -1,13 +1,12 @@
 import React, { RefObject } from 'react';
-import { Sorting } from '@reltio/components/types/basicTable';
-import { Segment } from '@reltio/mdm-sdk';
+import { SizedNewSegment, SortingField } from '@reltio/mdm-sdk';
 type Props = {
     width: number;
     height: number;
-    segments: Segment[];
+    segments: SizedNewSegment[];
     basicTableRef?: RefObject<HTMLDivElement>;
     onSort: (field: string) => void;
-    sorting?: Sorting;
+    sorting?: SortingField;
 };
 export declare const DashboardSegmentsTable: ({ width, height, segments, basicTableRef, onSort, sorting }: Props) => React.JSX.Element;
 export {};

package/types/dashboard/src/components/DashboardSegmentsTable/helpers.d.ts

@@ -1,3 +1,3 @@
-import { Segment } from '@reltio/mdm-sdk';
+import { SizedNewSegment } from '@reltio/mdm-sdk';
 import { ColumnData } from '@reltio/components/types/basicTable';
-export declare const getSegmentTableData: (segments: Segment[]) => ColumnData[];
+export declare const getSegmentTableData: (segments: SizedNewSegment[]) => ColumnData[];

package/types/components/src/hooks/useSegmentsRequest/helper.d.ts

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

package/types/components/src/hooks/useSegmentsRequest/index.d.ts

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

package/types/components/src/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/types/components/src/test-utils/index.d.ts

@@ -1,32 +0,0 @@
-export declare const awaitMockPromises: () => Promise<unknown>;
-export declare const deepFreeze: (obj: any) => any;
-export declare const rerenderWrapper: (wrapper: any) => any;
-export declare const mockElementSizes: (element?: HTMLElement, defaults?: {
-    offsetLeft?: number;
-    offsetTop?: number;
-    offsetHeight?: number;
-    offsetWidth?: number;
-}) => {
-    mock: () => void;
-    unmock: () => void;
-};
-export declare const mockComputedStyles: (styles?: {}) => () => void;
-export declare const mockBasicTableSizing: ({ width, height }?: {
-    width?: number;
-    height?: number;
-}) => () => void;
-export declare const fixClicksOnResizablePanes: () => void;
-export declare const getMuiIconByName: (name: string, el?: HTMLElement) => HTMLElement;
-export declare const getMuiIconsByName: (name: string, el?: HTMLElement) => HTMLElement[];
-interface MouseEventWithOffsets extends MouseEventInit {
-    pageX?: number;
-    pageY?: number;
-    offsetX?: number;
-    offsetY?: number;
-    x?: number;
-    y?: number;
-}
-export declare class FakeMouseEvent extends MouseEvent {
-    constructor(type: string, values: MouseEventWithOffsets);
-}
-export {};

package/types/dashboard/src/components/DashboardSegmentsTable/DashboardSegmentsTable.test.d.ts

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