@reltio/components 1.4.1875 → 1.4.1877

package/esm/components/VirtualGroupedList/VirtualGroupedList.js

@@ -1,199 +0,0 @@
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import React, { useCallback, useEffect, useRef, useMemo } from 'react';
-import PropTypes from 'prop-types';
-import { VariableSizeList as List } from 'react-window';
-import ReactResizeDetector from 'react-resize-detector';
-import { useStyles } from './styles';
-import { useScrollToFocusItem } from './helpers';
-/*
-items = [
-    {
-        item: {
-            item: {},
-            level: number
-        },
-        titleItemIndex: number,
-        index: number,
-        moveTo: true|false,
-        items: [...]
-        ...
-    }
-]
-*/
-var OVERSCAN_COUNT = 5;
-var isTitleItem = function (listItem) { return listItem.titleItemIndex === listItem.index; };
-var VirtualGroupedList = function (_a) {
-    var items = _a.items, getItemSize = _a.getItemSize, renderItem = _a.renderItem, renderGroupTitle = _a.renderGroupTitle, _b = _a.width, width = _b === void 0 ? '100%' : _b, height = _a.height, _c = _a.fixedTitle, fixedTitle = _c === void 0 ? true : _c, _d = _a.itemKey, itemKey = _d === void 0 ? function (i) { return i; } : _d, disableHorizontalScrollbar = _a.disableHorizontalScrollbar, hideSubtitles = _a.hideSubtitles, _e = _a.focusIndex, focusIndex = _e === void 0 ? null : _e, onInnerContainerResize = _a.onInnerContainerResize;
-    var styles = useStyles();
-    var listRef = useRef(null);
-    var itemsRef = useRef(null);
-    var titlesRef = useRef(null);
-    var itemOffsets = useRef([0]);
-    var stepCalcOffset = 10;
-    var stickyItemClass = 'stickyTitleItem';
-    var currentTitleParams = {
-        topMargin: 0
-    };
-    var isGroupHasSubTitles = function (groupedItems) { return (groupedItems || []).some(function (item) { return item.titleItemIndex !== null; }); };
-    var hasSubTitles = useMemo(function () { return !hideSubtitles || isGroupHasSubTitles(items); }, [items, hideSubtitles]);
-    var calcOffsetsToIndex = useCallback(function (index) {
-        var curItemsLength = itemOffsets.current.length;
-        var prevItemSize = 0;
-        items.slice(curItemsLength - 1, index + 1).forEach(function (listItem, i) {
-            var realIndex = curItemsLength + i - 1;
-            if (i > 0)
-                itemOffsets.current[realIndex] = itemOffsets.current[realIndex - 1] + prevItemSize;
-            prevItemSize = getItemSize(realIndex, listItem.item);
-        });
-    }, [getItemSize, items]);
-    var getTitleByIndex = useCallback(function (index) { return items[index].titleItemIndex; }, [items]);
-    var getItemByIndex = useCallback(function (index) { return items[index]; }, [items]);
-    useEffect(function () {
-        requestAnimationFrame(function () {
-            listRef.current && listRef.current.scrollTo(0);
-        });
-    }, [items.length]);
-    useEffect(function () {
-        var calcMoveToOffset = function (items) {
-            var indexItem = items.findIndex(function (listItem) { return listItem.item.moveTo; });
-            if (indexItem > -1) {
-                calcOffsetsToIndex(indexItem);
-                var titleIndex = getTitleByIndex(indexItem);
-                return {
-                    offset: itemOffsets.current[indexItem],
-                    titleHeight: getItemSize(titleIndex, getItemByIndex(titleIndex).item)
-                };
-            }
-        };
-        listRef.current && listRef.current.resetAfterIndex(0);
-        setTitleWidth();
-        var scrollToOffset = calcMoveToOffset(items);
-        if (scrollToOffset && scrollToOffset.offset && listRef.current) {
-            var titleHeight_1 = scrollToOffset.titleHeight;
-            var offset_1 = scrollToOffset.offset - titleHeight_1;
-            if (offset_1 < listRef.current.state.scrollOffset || offset_1 > listRef.current.state.scrollOffset + height) {
-                requestAnimationFrame(function () {
-                    listRef.current && listRef.current.scrollTo(offset_1 - (height - titleHeight_1) / 2);
-                });
-            }
-        }
-    }, [calcOffsetsToIndex, getItemByIndex, getItemSize, getTitleByIndex, height, itemOffsets, items, listRef]);
-    var setTitleWidth = function () {
-        if (titlesRef.current && itemsRef.current) {
-            titlesRef.current.style.width = itemsRef.current.offsetWidth + 'px';
-        }
-    };
-    var getNextTitleIndex = function (fromIndex) {
-        return items.findIndex(function (listItem, index) { return isTitleItem(listItem) && fromIndex < index; });
-    };
-    var getItemByOffset = useCallback(function (scrollOffset) {
-        var result = null;
-        var offset = 0;
-        items.some(function (listItem, index) {
-            calcOffsetsToIndex(index + stepCalcOffset);
-            var nextOffset = itemOffsets.current[index + 1];
-            if (scrollOffset >= offset && scrollOffset < nextOffset)
-                result = {
-                    index: index,
-                    offset: offset,
-                    listItem: listItem
-                };
-            offset = nextOffset;
-            return result;
-        });
-        return result;
-    }, [calcOffsetsToIndex, itemOffsets, items]);
-    var setTitleTopMargin = function (topMargin) {
-        if (titlesRef.current) {
-            currentTitleParams.topMargin = -topMargin;
-            titlesRef.current.style.top = -topMargin + 'px';
-        }
-    };
-    var setTitleByIndex = function (index) {
-        titlesRef.current &&
-            __spreadArray([], titlesRef.current.querySelectorAll('.' + stickyItemClass), true).forEach(function (title) {
-                if (title.dataset.index === index.toString()) {
-                    title.style.visibility = 'visible';
-                    currentTitleParams.index = index;
-                }
-                else
-                    title.style.visibility = 'hidden';
-            });
-    };
-    var getOffsetByIndex = function (index) {
-        calcOffsetsToIndex(index);
-        return itemOffsets.current[index];
-    };
-    var onScroll = function (_a) {
-        var scrollOffset = _a.scrollOffset, scrollDirection = _a.scrollDirection;
-        if (!fixedTitle || !hasSubTitles)
-            return;
-        var topItem = getItemByOffset(scrollOffset);
-        var currentTitleIndex = topItem && getTitleByIndex(topItem.index);
-        currentTitleIndex !== null && setTitleByIndex(currentTitleIndex);
-        setTitleWidth();
-        var titleHeight = currentTitleIndex !== null && getItemSize(currentTitleIndex, getItemByIndex(currentTitleIndex).item);
-        var itemAfterTitle = getItemByOffset(scrollOffset + titleHeight + currentTitleParams.topMargin);
-        var topMargin = 0;
-        if (itemAfterTitle) {
-            switch (scrollDirection) {
-                case 'forward':
-                    if (itemAfterTitle.offset - scrollOffset > 0 && isTitleItem(itemAfterTitle.listItem))
-                        topMargin = titleHeight - (itemAfterTitle.offset - scrollOffset);
-                    break;
-                case 'backward':
-                    {
-                        var nextTitleIndex = currentTitleIndex > -1 && getNextTitleIndex(currentTitleIndex);
-                        var nextTitleOffset = getOffsetByIndex(nextTitleIndex);
-                        if (nextTitleIndex > -1 &&
-                            scrollOffset < nextTitleOffset &&
-                            titleHeight >= nextTitleOffset - scrollOffset)
-                            topMargin = titleHeight - (nextTitleOffset - scrollOffset);
-                    }
-                    break;
-            }
-            setTitleTopMargin(topMargin);
-        }
-    };
-    var _getItemSize = useCallback(function (index) { return getItemSize(index, getItemByIndex(index).item); }, [getItemByIndex, getItemSize]);
-    var render = useCallback(function (_a) {
-        var index = _a.index, style = _a.style, data = _a.data;
-        var listItem = getItemByIndex(index);
-        return (listItem.item &&
-            ((isTitleItem(listItem) && renderGroupTitle(style, listItem.item)) ||
-                renderItem(style, listItem.item, index, data)));
-    }, [getItemByIndex, renderGroupTitle, renderItem]);
-    var handleOnItemsRendered = useScrollToFocusItem({ items: items, focusIndex: focusIndex, listRef: listRef }).handleOnItemsRendered;
-    var renderTitles = useCallback(function () {
-        var renderTitle = function (listItem) { return (React.createElement("div", { className: stickyItemClass, style: { visibility: 'hidden' }, "data-index": listItem.index, key: listItem.index }, renderGroupTitle({ height: getItemSize(listItem.index, listItem.item) }, listItem.item))); };
-        return items.filter(function (listItem) { return isTitleItem(listItem); }).map(function (listItem) { return renderTitle(listItem); });
-    }, [getItemSize, items, renderGroupTitle]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { ref: titlesRef, className: styles.stickyTitlesWrapper }, fixedTitle && renderTitles()),
-        onInnerContainerResize && itemsRef.current && (React.createElement(ReactResizeDetector, { handleHeight: true, onResize: onInnerContainerResize, targetDomEl: itemsRef.current })),
-        React.createElement(List, { ref: listRef, itemCount: items.length, itemSize: _getItemSize, width: width, height: height, itemKey: itemKey, innerRef: itemsRef, onScroll: onScroll, style: disableHorizontalScrollbar ? { overflowX: 'hidden' } : undefined, overscanCount: OVERSCAN_COUNT, onItemsRendered: handleOnItemsRendered }, render)));
-};
-VirtualGroupedList.propTypes = {
-    items: PropTypes.arrayOf(PropTypes.object).isRequired,
-    getItemSize: PropTypes.func.isRequired,
-    renderItem: PropTypes.func.isRequired,
-    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    height: PropTypes.number.isRequired,
-    renderGroupTitle: PropTypes.func,
-    fixedTitle: PropTypes.bool,
-    hideSubtitles: PropTypes.bool,
-    itemKey: PropTypes.func,
-    disableHorizontalScrollbar: PropTypes.bool,
-    focusIndex: PropTypes.number,
-    onInnerContainerResize: PropTypes.func
-};
-export default VirtualGroupedList;
-export { isTitleItem };

package/esm/components/VirtualGroupedList/helpers.d.ts

@@ -1,9 +0,0 @@
-export const SCROLL_COUNT: 3;
-export function flattenGroupedItemsData(groupedItems: any): any;
-export function useScrollToFocusItem({ focusIndex, listRef, items }: {
-    focusIndex: any;
-    listRef: any;
-    items: any;
-}): {
-    handleOnItemsRendered: ({ visibleStartIndex, visibleStopIndex }: any) => void;
-};

package/esm/components/VirtualGroupedList/helpers.js

@@ -1,39 +0,0 @@
-import { flatten } from 'ramda';
-import { useCallback, useEffect, useRef } from 'react';
-export var SCROLL_COUNT = 3;
-var flattenGroupedItemsData = function (groupedItems) {
-    var getFlattenedItems = function (items) {
-        return flatten(items.map(function (item) { return [item].concat(item.items ? getFlattenedItems(item.items) : []); }));
-    };
-    var titleItemIndex = null;
-    var items = getFlattenedItems(groupedItems).map(function (item, index) {
-        if (item && item.items) {
-            titleItemIndex = index;
-        }
-        return { item: item, index: index, titleItemIndex: titleItemIndex };
-    });
-    return items;
-};
-var useScrollToFocusItem = function (_a) {
-    var focusIndex = _a.focusIndex, listRef = _a.listRef, items = _a.items;
-    var visibleStartIndexRef = useRef(null);
-    var visibleStopIndexRef = useRef(null);
-    var handleOnItemsRendered = useCallback(function (_a) {
-        var visibleStartIndex = _a.visibleStartIndex, visibleStopIndex = _a.visibleStopIndex;
-        visibleStartIndexRef.current = visibleStartIndex;
-        visibleStopIndexRef.current = visibleStopIndex;
-    }, []);
-    useEffect(function () {
-        if (!listRef.current || focusIndex === null || items.length === 0) {
-            return;
-        }
-        if (focusIndex < Math.max(visibleStartIndexRef.current + SCROLL_COUNT, 0)) {
-            listRef.current.scrollToItem(Math.max(focusIndex - SCROLL_COUNT, 0), 'start');
-        }
-        else if (focusIndex > Math.min(visibleStopIndexRef.current - SCROLL_COUNT, items.length - 1)) {
-            listRef.current.scrollToItem(Math.min(focusIndex + SCROLL_COUNT, items.length - 1), 'end');
-        }
-    }, [focusIndex, items.length, listRef]);
-    return { handleOnItemsRendered: handleOnItemsRendered };
-};
-export { flattenGroupedItemsData, useScrollToFocusItem };

package/esm/components/VirtualGroupedList/styles.d.ts

@@ -1 +0,0 @@
-export const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"stickyTitlesWrapper">;

package/esm/components/history/ContributorsPanel/ContributorItem.d.ts

@@ -1,7 +0,0 @@
-type Props = {
-    value: string;
-    isSelected?: boolean;
-    onClick?: () => void;
-};
-declare const ContributorItem: ({ value, isSelected, onClick }: Props) => JSX.Element;
-export default ContributorItem;

package/esm/components/history/ContributorsPanel/ContributorItem.js

@@ -1,16 +0,0 @@
-import React from 'react';
-import classnames from 'classnames';
-import { getContributorColor } from '@reltio/mdm-sdk';
-import { useContributorStyles } from './styles';
-var ContributorItem = function (_a) {
-    var _b;
-    var value = _a.value, _c = _a.isSelected, isSelected = _c === void 0 ? true : _c, onClick = _a.onClick;
-    var color = getContributorColor(value);
-    var styles = useContributorStyles({ color: color });
-    return (React.createElement("div", { "data-reltio-id": "reltio-contributor-item", "data-reltio-contributor": value, className: classnames(styles.icon, (_b = {},
-            _b[styles.inactive] = !isSelected,
-            _b[styles.active] = isSelected,
-            _b[styles.clickable] = !!onClick,
-            _b)), onClick: onClick }));
-};
-export default ContributorItem;

package/esm/components/history/ContributorsPanel/ContributorsPanel.d.ts

@@ -1,9 +0,0 @@
-type Props = {
-    values: string[];
-    selectedValues: string[];
-    onSelectValues: (values: string[]) => void;
-    entityUri: string;
-    className?: string;
-};
-declare const ContributorsPanel: ({ values, selectedValues, entityUri, onSelectValues, className }: Props) => JSX.Element;
-export default ContributorsPanel;

package/esm/components/history/ContributorsPanel/ContributorsPanel.js

@@ -1,30 +0,0 @@
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import React from 'react';
-import classnames from 'classnames';
-import { without } from 'ramda';
-import ContributorItem from './ContributorItem';
-import { useStyles } from './styles';
-var ContributorsPanel = function (_a) {
-    var values = _a.values, selectedValues = _a.selectedValues, entityUri = _a.entityUri, onSelectValues = _a.onSelectValues, className = _a.className;
-    var styles = useStyles();
-    var handleClick = function (value) {
-        if (selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.includes(value)) {
-            onSelectValues(without([value], selectedValues));
-        }
-        else {
-            onSelectValues(__spreadArray(__spreadArray([], (selectedValues || []), true), [value], false));
-        }
-    };
-    return (React.createElement("div", { "data-reltio-id": "reltio-contributors-panel", className: classnames(styles.root, className) },
-        React.createElement(ContributorItem, { key: entityUri, value: entityUri }), values === null || values === void 0 ? void 0 :
-        values.map(function (value) { return (React.createElement(ContributorItem, { key: value, value: value, isSelected: selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.includes(value), onClick: function () { return handleClick(value); } })); })));
-};
-export default ContributorsPanel;

package/esm/components/history/ContributorsPanel/styles.d.ts

@@ -1,6 +0,0 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"root">;
-type StylesProps = {
-    color: string;
-};
-export declare const useContributorStyles: (props: StylesProps) => import("@mui/styles").ClassNameMap<"icon" | "active" | "inactive" | "clickable">;
-export {};

package/esm/components/history/ContributorsPanel/styles.js

@@ -1,36 +0,0 @@
-import { makeStyles } from '@mui/styles';
-export var useStyles = makeStyles({
-    root: {
-        display: 'flex',
-        flexWrap: 'wrap',
-        padding: '10px 15px'
-    }
-});
-export var useContributorStyles = makeStyles({
-    icon: function (_a) {
-        var color = _a.color;
-        return ({
-            boxSizing: 'border-box',
-            borderWidth: 2,
-            borderStyle: 'solid',
-            borderColor: color,
-            height: 12,
-            width: 12,
-            borderRadius: 30,
-            transition: 'opacity 0.3s',
-            margin: 4
-        });
-    },
-    active: function (_a) {
-        var color = _a.color;
-        return ({
-            backgroundColor: color
-        });
-    },
-    inactive: {
-        backgroundColor: 'white'
-    },
-    clickable: {
-        cursor: 'pointer'
-    }
-});

package/esm/components/history/DateRangeSelector/DateRangeSelector.d.ts

@@ -1,8 +0,0 @@
-import { DateRangeFilter } from '@reltio/mdm-sdk';
-type Props = {
-    value: DateRangeFilter;
-    onChange: (range: DateRangeFilter) => void;
-    className?: string;
-};
-declare const DateRangeSelector: ({ value, onChange, className }: Props) => JSX.Element;
-export default DateRangeSelector;

package/esm/components/history/DateRangeSelector/DateRangeSelector.js

@@ -1,67 +0,0 @@
-import React, { useState } from 'react';
-import i18n from 'ui-i18n';
-import classnames from 'classnames';
-import { DateRangeTypes } from '@reltio/mdm-sdk';
-import Typography from '@mui/material/Typography';
-import { useDidUpdateEffect } from '../../../hooks';
-import { DateIntervalSelector } from '../../../DateIntervalSelector';
-import { CustomDateRangeEditor } from '../../../CustomDateRangeEditor';
-import SimpleDropDownSelector from '../../SimpleDropDownSelector/SimpleDropDownSelector';
-import { dateRangeTypeOptions, getDateRangeTypeLabel } from './utils';
-import { useStyles } from './styles';
-var emptyDates = [null, null];
-var emptyInterval = [null, 'hours'];
-var DateRangeSelector = function (_a) {
-    var value = _a.value, onChange = _a.onChange, className = _a.className;
-    var styles = useStyles();
-    var isIntervalType = function (type) { return type === DateRangeTypes.WITHIN || type === DateRangeTypes.AGO; };
-    var isBetweenType = function (type) { return type === DateRangeTypes.BETWEEN; };
-    var initDatesInterval = isBetweenType(value === null || value === void 0 ? void 0 : value.type) ? value.period : emptyDates;
-    var initInterval = isIntervalType(value === null || value === void 0 ? void 0 : value.type) ? value.period : emptyInterval;
-    var _b = useState(initDatesInterval), datesInterval = _b[0], setDatesInterval = _b[1];
-    var _c = useState(initInterval), interval = _c[0], setInterval = _c[1];
-    var selectedType = (value === null || value === void 0 ? void 0 : value.type) || DateRangeTypes.WITHIN;
-    var getCurrentPeriodByType = function (type) {
-        if (isIntervalType(type)) {
-            return interval;
-        }
-        else if (isBetweenType(type)) {
-            return datesInterval;
-        }
-    };
-    var changeType = function (_a) {
-        var type = _a.value;
-        if ((value === null || value === void 0 ? void 0 : value.type) !== type) {
-            onChange({ period: getCurrentPeriodByType(type), type: type });
-        }
-    };
-    var changePeriod = function (period) {
-        onChange({ type: selectedType, period: period });
-    };
-    useDidUpdateEffect(function () {
-        if (value) {
-            if (isIntervalType(value.type)) {
-                setInterval(value.period);
-            }
-            else if (isBetweenType(value.type)) {
-                setDatesInterval(value.period);
-            }
-        }
-        else {
-            setDatesInterval(emptyDates);
-            setInterval(emptyInterval);
-        }
-    }, [value]);
-    return (React.createElement("div", { className: classnames(styles.root, className), "data-reltio-id": "date-range-selector" },
-        React.createElement(Typography, { className: styles.title, variant: 'subtitle1' }, i18n.text('Date')),
-        React.createElement("div", { className: styles.intervalContainer },
-            React.createElement(SimpleDropDownSelector, { label: '', className: styles.typeInput, value: {
-                    value: selectedType,
-                    label: getDateRangeTypeLabel(selectedType)
-                }, options: dateRangeTypeOptions.map(function (option) { return ({
-                    value: option,
-                    label: getDateRangeTypeLabel(option)
-                }); }), onChange: changeType }),
-            isIntervalType(selectedType) ? (React.createElement(DateIntervalSelector, { interval: interval, onChange: changePeriod })) : (React.createElement(CustomDateRangeEditor, { values: datesInterval, onChange: changePeriod })))));
-};
-export default DateRangeSelector;

package/esm/components/history/HistoryActivitySelector/HistoryActivitySelector.d.ts

@@ -1,9 +0,0 @@
-import { HistoryActivityType } from '../types/HistoryFilter';
-type Props = {
-    selectedHistoryActivityTypes: HistoryActivityType[];
-    onChange: (activities: HistoryActivityType[]) => void;
-    className?: string;
-    disableUnderline?: boolean;
-};
-declare const HistoryActivitySelector: ({ selectedHistoryActivityTypes, onChange, className, disableUnderline }: Props) => JSX.Element;
-export default HistoryActivitySelector;

package/esm/components/history/HistoryActivitySelector/HistoryActivitySelector.js

@@ -1,25 +0,0 @@
-import React from 'react';
-import i18n from 'ui-i18n';
-import { defaultTo, pipe, pluck } from 'ramda';
-import classnames from 'classnames';
-import Typography from '@mui/material/Typography';
-import { ReactSelectDropdownIndicatorWithIconButton } from '../../../ReactSelectDropdownIndicatorWithIconButton';
-import MultiSelect from '../../ReactSelect/MultiSelect';
-import { getHistoryActivityLabel, historyActivityOptions } from './utils';
-import { customStyles, useStyles } from './styles';
-var HistoryActivitySelector = function (_a) {
-    var selectedHistoryActivityTypes = _a.selectedHistoryActivityTypes, onChange = _a.onChange, className = _a.className, disableUnderline = _a.disableUnderline;
-    var styles = useStyles();
-    var valueToOption = function (value) { return ({ value: value, label: getHistoryActivityLabel(value) }); };
-    var prepareValues = function (values) { return values.map(valueToOption); };
-    var options = prepareValues(historyActivityOptions);
-    return (React.createElement("div", { className: classnames(styles.root, className), "data-reltio-id": "history-activity-selector" },
-        React.createElement(Typography, { className: styles.title, variant: 'subtitle1' }, i18n.text('Activity')),
-        React.createElement(MultiSelect, { value: prepareValues(selectedHistoryActivityTypes), onChange: pipe(defaultTo([]), pluck('value'), onChange), options: options, TextFieldProps: {
-                InputProps: { disableUnderline: disableUnderline },
-                classes: { root: styles.dropDownInput }
-            }, components: {
-                DropdownIndicator: ReactSelectDropdownIndicatorWithIconButton
-            }, styles: customStyles, classes: styles, menuPlacement: "bottom", menuPortalTarget: document.body, menuShouldBlockScroll: true, captureMenuScroll: false })));
-};
-export default HistoryActivitySelector;

package/esm/components/history/HistoryActivitySelector/utils.d.ts

@@ -1,3 +0,0 @@
-import { HistoryActivityType } from '../types/HistoryFilter';
-export declare const historyActivityOptions: HistoryActivityType[];
-export declare const getHistoryActivityLabel: (type: HistoryActivityType) => string;

package/esm/components/history/HistoryActivitySelector/utils.js

@@ -1,16 +0,0 @@
-import i18n from 'ui-i18n';
-import { HistoryActivityType } from '../types/HistoryFilter';
-export var historyActivityOptions = [
-    HistoryActivityType.UPDATE,
-    HistoryActivityType.MERGE,
-    HistoryActivityType.UNMERGE
-];
-export var getHistoryActivityLabel = function (type) {
-    var _a;
-    var labels = (_a = {},
-        _a[HistoryActivityType.UPDATE] = i18n.text('Update'),
-        _a[HistoryActivityType.MERGE] = i18n.text('Merge'),
-        _a[HistoryActivityType.UNMERGE] = i18n.text('Unmerge'),
-        _a);
-    return labels[type] || '';
-};

package/esm/components/history/HistoryFilterButton/HistoryFilterButton.d.ts

@@ -1,10 +0,0 @@
-import { TEntityType } from '@reltio/mdm-sdk';
-import { HistoryFilter } from '../types';
-type Props = {
-    className?: string;
-    filter: HistoryFilter;
-    onApplyFilter: (filter: HistoryFilter) => void;
-    entityType: TEntityType;
-};
-declare const HistoryFilterButton: ({ className, filter, onApplyFilter, entityType }: Props) => JSX.Element;
-export default HistoryFilterButton;

package/esm/components/history/HistoryFilterButton/HistoryFilterButton.js

@@ -1,84 +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);
-};
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import i18n from 'ui-i18n';
-import { curry, dissoc } from 'ramda';
-import FilterListIcon from '@mui/icons-material/FilterList';
-import Button from '@mui/material/Button';
-import Popover from '@mui/material/Popover';
-import DialogActions from '@mui/material/DialogActions';
-import DialogContent from '@mui/material/DialogContent';
-import DialogTitle from '@mui/material/DialogTitle';
-import Divider from '@mui/material/Divider';
-import { isDateRangeValid } from '@reltio/mdm-sdk';
-import { SmallIconButton } from '../../../SmallIconButton';
-import UserSelector from '../../UserSelector/UserSelector';
-import { AttributeSelector } from '../../../AttributeSelector';
-import DateRangeSelector from '../DateRangeSelector/DateRangeSelector';
-import HistoryActivitySelector from '../HistoryActivitySelector/HistoryActivitySelector';
-import { DEFAULT_HISTORY_FILTER, isDefaultFilter } from '../hooks/useHistory';
-import { useStyles } from './styles';
-var HistoryFilterButton = function (_a) {
-    var className = _a.className, filter = _a.filter, onApplyFilter = _a.onApplyFilter, entityType = _a.entityType;
-    var styles = useStyles();
-    var buttonRef = useRef();
-    var _b = useState(false), isOpen = _b[0], setIsOpen = _b[1];
-    var _c = useState(filter), currentValue = _c[0], setCurrentValue = _c[1];
-    var _d = currentValue || {}, _e = _d.activities, activities = _e === void 0 ? [] : _e, _f = _d.attributes, attributes = _f === void 0 ? [] : _f, _g = _d.dateRange, dateRange = _g === void 0 ? null : _g, _h = _d.users, users = _h === void 0 ? [] : _h;
-    var buttonColor = isDefaultFilter(filter) ? 'inherit' : 'primary';
-    useEffect(function () {
-        if (isOpen) {
-            setCurrentValue(filter);
-        }
-    }, [filter, isOpen]);
-    var handlePropChange = curry(function (propName, value) {
-        setCurrentValue(function (filterValue) {
-            var _a;
-            return (__assign(__assign({}, filterValue), (_a = {}, _a[propName] = value, _a)));
-        });
-    });
-    var togglePopup = useCallback(function () {
-        setIsOpen(function (open) { return !open; });
-    }, []);
-    var applyButtonHandler = useCallback(function () {
-        dateRange && isDateRangeValid(dateRange)
-            ? onApplyFilter(currentValue)
-            : onApplyFilter(dissoc('dateRange', currentValue));
-        togglePopup();
-    }, [currentValue, dateRange, onApplyFilter, togglePopup]);
-    var clearAllButtonHandler = useCallback(function () {
-        setCurrentValue(__assign({}, DEFAULT_HISTORY_FILTER));
-    }, []);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(SmallIconButton, { ref: buttonRef, color: buttonColor, icon: FilterListIcon, size: "L", onClick: togglePopup, className: className }),
-        React.createElement(Popover, { classes: { paper: styles.popup }, open: isOpen, anchorEl: buttonRef.current, onClose: togglePopup, anchorOrigin: {
-                vertical: 'bottom',
-                horizontal: 'right'
-            }, transformOrigin: {
-                vertical: 'top',
-                horizontal: 'right'
-            } },
-            React.createElement(DialogTitle, null, i18n.text('Filter')),
-            React.createElement(DialogContent, { dividers: true, className: styles.filterContainer, "data-reltio-id": "history-filter-container" },
-                React.createElement(DateRangeSelector, { value: dateRange, onChange: handlePropChange('dateRange'), className: styles.filterItem }),
-                React.createElement(Divider, { light: true, className: styles.divider }),
-                React.createElement(UserSelector, { selectedUsers: users, onChange: handlePropChange('users'), className: styles.filterItem, disableUnderline: true }),
-                React.createElement(Divider, { light: true, className: styles.divider }),
-                React.createElement(HistoryActivitySelector, { selectedHistoryActivityTypes: activities, onChange: handlePropChange('activities'), className: styles.filterItem, disableUnderline: true }),
-                React.createElement(Divider, { light: true, className: styles.divider }),
-                React.createElement(AttributeSelector, { selectedAttributes: attributes, entityType: entityType, onChange: handlePropChange('attributes'), className: styles.filterItem, title: i18n.text('Attribute updated'), disableUnderline: true })),
-            React.createElement(DialogActions, null,
-                React.createElement(Button, { onClick: clearAllButtonHandler, className: styles.clearButton }, i18n.text('Clear all')),
-                React.createElement(Button, { onClick: togglePopup }, i18n.text('Cancel')),
-                React.createElement(Button, { color: "primary", onClick: applyButtonHandler }, i18n.text('Apply'))))));
-};
-export default HistoryFilterButton;

package/esm/components/history/HistoryGraph/HistoryCircle.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-export declare const BUMP_RADIUS = 3;
-export declare const LINE_MARGIN = 4;
-declare const _default: React.ForwardRefExoticComponent<Pick<{
-    x: number;
-    y: number;
-    color: string;
-    isDashed?: boolean;
-    isCollapsed?: boolean;
-    showCollapseIcon?: boolean;
-    showLine?: boolean;
-} & React.SVGProps<SVGGElement>, "string" | "clipPath" | "color" | "cursor" | "direction" | "display" | "filter" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "height" | "imageRendering" | "letterSpacing" | "opacity" | "order" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "width" | "wordSpacing" | "writingMode" | "mask" | "offset" | "overflow" | "textDecoration" | "azimuth" | "clip" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fill" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "end" | "accumulate" | "local" | "style" | "unicode" | "x" | "y" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "className" | "id" | "lang" | "tabIndex" | "role" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "path" | "key" | "name" | "values" | "viewBox" | "max" | "media" | "method" | "min" | "target" | "type" | "crossOrigin" | "accentHeight" | "additive" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorInterpolationFilters" | "colorProfile" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "format" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "href" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mode" | "numOctaves" | "operator" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan" | "isDashed" | "isCollapsed" | "showCollapseIcon" | "showLine"> & React.RefAttributes<unknown>>;
-export default _default;