@reltio/components 1.4.1876 → 1.4.1877

package/cjs/hooks/useRequestDCRReview.js

@@ -1,40 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRequestDCRReview = void 0;
-var react_1 = require("react");
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var ramda_1 = require("ramda");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var contexts_1 = require("../contexts");
-var PROCESS_TYPE = 'potentialMatchReview';
-var useRequestDCRReview = function (_a) {
-    var entities = _a.entities, entity = _a.entity, onStartRequest = _a.onStartRequest, onEndRequest = _a.onEndRequest, onError = _a.onError, showSnackbarMessage = _a.showSnackbarMessage;
-    var workflowPath = (0, contexts_1.useMdmWorkflowPath)();
-    var environment = (0, contexts_1.useMdmWorkflowEnvironmentUrl)();
-    var tenant = (0, contexts_1.useMdmTenant)();
-    var getUri = (0, ramda_1.prop)('uri');
-    var getUrisFromEntities = (0, ramda_1.pipe)(ramda_1.concat, (0, ramda_1.map)(getUri));
-    var uris = getUrisFromEntities([entity], entities);
-    var startPMReview = (0, react_1.useCallback)(function () {
-        onStartRequest === null || onStartRequest === void 0 ? void 0 : onStartRequest();
-        (0, mdm_sdk_1.startProcessInstanceByPairs)({
-            workflowPath: workflowPath,
-            processType: PROCESS_TYPE,
-            objectURIs: uris,
-            tenant: tenant,
-            environment: environment
-        })
-            .then(function () {
-            showSnackbarMessage === null || showSnackbarMessage === void 0 ? void 0 : showSnackbarMessage(ui_i18n_1.default.text('Potential match request: Done'));
-        })
-            .catch(onError)
-            .finally(function () {
-            onEndRequest === null || onEndRequest === void 0 ? void 0 : onEndRequest();
-        });
-    }, [onStartRequest, onEndRequest, onError, workflowPath, uris, tenant, environment, showSnackbarMessage]);
-    return startPMReview;
-};
-exports.useRequestDCRReview = useRequestDCRReview;

package/cjs/hooks/useRunOnceAfterValueInitialization.d.ts

@@ -1 +0,0 @@
-export function useRunOnceAfterValueInitialization(cb: any, value: any): void;

package/cjs/hooks/useSafePromise.js

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSafePromise = void 0;
-var react_1 = require("react");
-var core_1 = require("../core");
-var PromiseStub = new Promise(function () { });
-var useSafePromise = function (_a) {
-    var _b = _a === void 0 ? {} : _a, _c = _b.cancelPrevious, cancelPrevious = _c === void 0 ? true : _c, _d = _b.cancelOnUnmount, cancelOnUnmount = _d === void 0 ? true : _d;
-    var cancelRef = (0, react_1.useRef)(core_1.noop);
-    var cancelPromise = function () { return cancelRef.current(); };
-    (0, react_1.useEffect)(function () { return function () {
-        if (cancelOnUnmount) {
-            cancelPromise();
-        }
-    }; }, [] //eslint-disable-line
-    );
-    return (0, react_1.useCallback)(function (promise) {
-        if (cancelPrevious) {
-            cancelPromise();
-        }
-        return new Promise(function (resolve, reject) {
-            cancelRef.current = function () { return reject('canceled'); };
-            promise.then(resolve, reject);
-        }).catch(function (error) {
-            if (error === 'canceled') {
-                return PromiseStub;
-            }
-            else {
-                throw error;
-            }
-        });
-    }, []); //eslint-disable-line
-};
-exports.useSafePromise = useSafePromise;

package/cjs/hooks/useSavedStateForEntityType.js

@@ -1,49 +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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSavedStateForEntityType = void 0;
-var react_1 = require("react");
-var useDidUpdateEffect_1 = require("./useDidUpdateEffect");
-var useSavedStateForEntityType = function (_a) {
-    var getSavedState = _a.getSavedState, saveState = _a.saveState, entityTypeUri = _a.entityTypeUri;
-    var _b = (0, react_1.useState)({}), savedState = _b[0], setSavedState = _b[1];
-    var _c = (0, react_1.useState)(null), changedState = _c[0], setChangedState = _c[1];
-    var _d = (0, react_1.useState)(false), isLoaded = _d[0], setIsLoaded = _d[1];
-    var saveChangesLocallyForPrevEntityType = function () {
-        if (changedState) {
-            setSavedState(__assign(__assign({}, savedState), changedState));
-            setChangedState(null);
-        }
-    };
-    (0, useDidUpdateEffect_1.useDidUpdateEffect)(saveChangesLocallyForPrevEntityType, [entityTypeUri]);
-    var updateSavedState = (0, react_1.useCallback)(function (stateToSave) {
-        var _a;
-        if (!entityTypeUri)
-            return;
-        var changedState = (_a = {},
-            _a[entityTypeUri] = stateToSave,
-            _a);
-        setChangedState(changedState);
-        saveState(__assign(__assign({}, savedState), changedState));
-    }, [entityTypeUri, saveState, savedState]);
-    (0, react_1.useEffect)(function () {
-        getSavedState()
-            .then(function (savedState) {
-            setSavedState(savedState || {});
-        })
-            .then(function (_) { return setIsLoaded(true); })
-            .catch(function (_) { return setIsLoaded(true); });
-    }, []); // eslint-disable-line
-    return { isLoaded: isLoaded && !!entityTypeUri, savedState: savedState[entityTypeUri], updateSavedState: updateSavedState };
-};
-exports.useSavedStateForEntityType = useSavedStateForEntityType;

package/cjs/hooks/useSnackbar.js

@@ -1,63 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSnackbar = void 0;
-var react_1 = __importStar(require("react"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var ramda_1 = require("ramda");
-var Portal_1 = __importDefault(require("@mui/material/Portal"));
-var Button_1 = __importDefault(require("@mui/material/Button"));
-var Snackbar_1 = __importDefault(require("@mui/material/Snackbar"));
-var core_1 = require("../core");
-var FIVE_MINUTES = 5 * 60 * 1000;
-var useSnackbar = function (_a) {
-    var _b = _a === void 0 ? {} : _a, _c = _b.anchorOrigin, anchorOrigin = _c === void 0 ? { vertical: 'bottom', horizontal: 'center' } : _c, showDismiss = _b.showDismiss, _d = _b.dismissTitle, dismissTitle = _d === void 0 ? ui_i18n_1.default.text('Dismiss') : _d, _e = _b.autoHideDuration, autoHideDuration = _e === void 0 ? FIVE_MINUTES : _e, _f = _b.onDismissClick, onDismissClick = _f === void 0 ? core_1.noop : _f;
-    var _g = (0, react_1.useState)(false), isOpenSnackbar = _g[0], setIsOpenSnackbar = _g[1];
-    var _h = (0, react_1.useState)(''), snackbarMessage = _h[0], setSnackbarMessage = _h[1];
-    var closeSnackbar = (0, react_1.useCallback)(function () {
-        setIsOpenSnackbar(false);
-        setSnackbarMessage('');
-    }, []);
-    var handleSnackbarClose = (0, react_1.useCallback)(function (_, reason) {
-        if (reason === 'clickaway') {
-            return;
-        }
-        closeSnackbar();
-    }, [closeSnackbar]);
-    var showSnackbarMessage = (0, react_1.useCallback)(function (message) {
-        setIsOpenSnackbar(true);
-        setSnackbarMessage(message);
-    }, []);
-    var SnackbarRenderer = (0, react_1.useCallback)(function () {
-        return (react_1.default.createElement(Portal_1.default, { container: document.body },
-            react_1.default.createElement(Snackbar_1.default, { open: isOpenSnackbar, anchorOrigin: anchorOrigin, autoHideDuration: autoHideDuration, onClose: handleSnackbarClose, message: snackbarMessage, style: { maxWidth: 500 }, action: showDismiss ? (react_1.default.createElement(Button_1.default, { color: "primary", onClick: (0, ramda_1.pipe)(closeSnackbar, onDismissClick) }, dismissTitle)) : undefined })));
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [isOpenSnackbar, closeSnackbar, snackbarMessage]);
-    return { SnackbarRenderer: SnackbarRenderer, showSnackbarMessage: showSnackbarMessage };
-};
-exports.useSnackbar = useSnackbar;

package/cjs/hooks/useUsers.js

@@ -1,27 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useUsers = void 0;
-var react_1 = require("react");
-var memoize_one_1 = __importDefault(require("memoize-one"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var contexts_1 = require("../contexts");
-var getAllUsersForTenantMemoized = (0, memoize_one_1.default)(function (tenant, servicesPath) { return (0, mdm_sdk_1.getAllUsersForTenant)({ tenant: tenant, servicesPath: servicesPath }); });
-var useUsers = function () {
-    var _a = (0, react_1.useState)([]), users = _a[0], setUsers = _a[1];
-    var tenant = (0, contexts_1.useMdmTenant)();
-    var servicesPath = (0, contexts_1.useMdmServicesPath)();
-    var onError = function (e) {
-        console.warn('Users error', e);
-        setUsers([]);
-    };
-    (0, react_1.useEffect)(function () {
-        getAllUsersForTenantMemoized(tenant, servicesPath)
-            .then(function (users) { return setUsers(users); })
-            .catch(onError);
-    }, [tenant, servicesPath]);
-    return users;
-};
-exports.useUsers = useUsers;

package/cjs/hooks/useWhyDidYouUpdate.d.ts

@@ -1 +0,0 @@
-export function useWhyDidYouUpdate(name: any, props: any): void;

package/esm/HOCs/index.d.ts

@@ -1,5 +0,0 @@
-export { withTooltip } from './withTooltip';
-export { withAsyncMount } from './withAsyncMount';
-export { default as withDragHandle } from './withDragHandle/withDragHandle';
-export { default as withDateRangeSelector } from './withDateRangeSelector/withDateRangeSelector';
-export { withContext } from './withContext';

package/esm/HOCs/index.js

@@ -1,5 +0,0 @@
-export { withTooltip } from './withTooltip';
-export { withAsyncMount } from './withAsyncMount';
-export { default as withDragHandle } from './withDragHandle/withDragHandle';
-export { default as withDateRangeSelector } from './withDateRangeSelector/withDateRangeSelector';
-export { withContext } from './withContext';

package/esm/HOCs/withFilter/ColumnFilter.d.ts

@@ -1,11 +0,0 @@
-import { DataTypeDefinition } from '@reltio/mdm-sdk';
-import { OnFilter, ColumnFilter as ColumnFilterType, ColumnFilterOptions } from '../../types/basicTable';
-type Props = {
-    columnId: string;
-    dataTypeDefinition: DataTypeDefinition;
-    filter?: ColumnFilterType;
-    filterOptionsData?: ColumnFilterOptions;
-    onFilter: OnFilter;
-};
-export declare const ColumnFilter: ({ columnId, dataTypeDefinition, filter, filterOptionsData, onFilter }: Props) => JSX.Element;
-export {};

package/esm/HOCs/withFilter/ColumnFilter.js

@@ -1,75 +0,0 @@
-import React, { useEffect, useRef, useState } from 'react';
-import { defaultTo, pipe, prop, propEq } from 'ramda';
-import { getDataTypeDefinitionForFilterValue, getFilterOptionLabel, getFilterOptionsForDataTypeDefinition, validateFilter } from '@reltio/mdm-sdk';
-import Popover from '@mui/material/Popover';
-import IconButton from '@mui/material/IconButton';
-import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
-import { FilterChip } from './FilterChip';
-import { FilterEditor } from '../../FilterEditor';
-import { columnFilterToMdmFilter } from '../../helpers/basicTable';
-import { mdmFilterToColumnFilter } from './helpers';
-import { useFilterStyles } from './styles';
-export var ColumnFilter = function (_a) {
-    var _b;
-    var columnId = _a.columnId, dataTypeDefinition = _a.dataTypeDefinition, filter = _a.filter, filterOptionsData = _a.filterOptionsData, onFilter = _a.onFilter;
-    var styles = useFilterStyles();
-    var _c = useState(null), anchorEl = _c[0], setAnchorEl = _c[1];
-    var openFilterPopup = function (event) { return setAnchorEl(event.currentTarget); };
-    var closeFilterPopup = function () { return setAnchorEl(null); };
-    var _d = useState(filter), columnFilter = _d[0], setColumnFilter = _d[1];
-    useEffect(function () {
-        setColumnFilter(filter);
-    }, [filter]);
-    var containerRef = useRef(null);
-    var mdmFilter = columnFilterToMdmFilter({ id: columnId, dataTypeDefinition: dataTypeDefinition }, columnFilter);
-    var applyFilterChange = function (newFilter) {
-        if (newFilter !== filter) {
-            onFilter({ columnId: columnId, filter: newFilter });
-        }
-    };
-    var clearFilter = function () { return applyFilterChange(); };
-    var applyChangesAndClose = function () {
-        var isValidFilter = validateFilter(mdmFilter);
-        isValidFilter ? applyFilterChange(columnFilter) : clearFilter();
-        closeFilterPopup();
-    };
-    var handleValueEditorKeyPress = function (event) {
-        if (event.key !== 'Enter')
-            return;
-        event.stopPropagation();
-        event.preventDefault();
-        applyChangesAndClose();
-    };
-    var getFilterOptionData = function (filterOption) {
-        return filterOptionsData && filterOptionsData.find(propEq('value', filterOption));
-    };
-    var getFilterLabel = function (filterOption) {
-        return pipe(getFilterOptionData, prop('label'), defaultTo(getFilterOptionLabel(filterOption)))(filterOption);
-    };
-    var getFilterDataTypeDefinition = function (filterOption) {
-        return pipe(getFilterOptionData, prop('dataTypeDefinition'), defaultTo(getDataTypeDefinitionForFilterValue(dataTypeDefinition, filterOption)))(filterOption);
-    };
-    var filterOptionValues = (_b = filterOptionsData === null || filterOptionsData === void 0 ? void 0 : filterOptionsData.map(function (filterOption) { return filterOption.value; })) !== null && _b !== void 0 ? _b : getFilterOptionsForDataTypeDefinition(dataTypeDefinition);
-    var filterOptions = filterOptionValues.map(function (value) { return ({ value: value, label: getFilterLabel(value) }); });
-    return (React.createElement("div", { ref: containerRef, className: styles.columnFilter },
-        filter && (React.createElement(FilterChip, { filterValue: filter.value, filterOption: filterOptions.find(propEq('value', filter.filter)), onDelete: clearFilter, dataTypeDefinition: getFilterDataTypeDefinition(filter.filter) })),
-        React.createElement(IconButton, { className: styles.dropDownButton, onClick: openFilterPopup, disableFocusRipple: true, size: "large" },
-            React.createElement(ArrowDropDownIcon, null)),
-        React.createElement(Popover, { PaperProps: {
-                style: {
-                    width: "".concat(containerRef.current ? containerRef.current.getBoundingClientRect().width : 0, "px")
-                }
-            }, open: !!anchorEl, anchorEl: anchorEl, anchorOrigin: {
-                vertical: 'bottom',
-                horizontal: 'right'
-            }, transformOrigin: {
-                vertical: 'top',
-                horizontal: 'right'
-            }, classes: { paper: styles.filterMenu }, onClose: applyChangesAndClose },
-            React.createElement(FilterEditor, { classes: { option: styles['filter-editor__option'] }, value: mdmFilter, onChange: pipe(mdmFilterToColumnFilter, setColumnFilter), filterOptions: filterOptions, dataTypeDefinition: getFilterDataTypeDefinition(mdmFilter.filter), ValueEditorProps: {
-                    TextFieldProps: {
-                        onKeyPress: handleValueEditorKeyPress
-                    },
-                    fullWidth: true
-                } }))));
-};

package/esm/HOCs/withFilter/FilterChip.js

@@ -1,25 +0,0 @@
-import Chip from '@mui/material/Chip';
-import React from 'react';
-import { checkIfOptionHasValues, formatDataTypeValue, getFilterValueLabel, mapFilterValue } from '@reltio/mdm-sdk';
-import { ExpandedValueTooltip } from '../../ExpandedValueTooltip';
-import { useMdmAttributesPresentation, useMdmDateMask, useMdmDateTimeMask } from '../../contexts/MdmModuleContext';
-import { useStyles } from './styles';
-export var FilterChip = function (_a) {
-    var filterOption = _a.filterOption, filterValue = _a.filterValue, onDelete = _a.onDelete, dataTypeDefinition = _a.dataTypeDefinition;
-    var styles = useStyles();
-    var attributesPresentation = useMdmAttributesPresentation();
-    var dateMask = useMdmDateMask();
-    var dateTimeMask = useMdmDateTimeMask();
-    var canFilterAcceptValues = checkIfOptionHasValues(filterOption.value);
-    var optionLabel = filterOption.label + (canFilterAcceptValues ? ': ' : '');
-    var formatValue = formatDataTypeValue({ attributesPresentation: attributesPresentation, dataTypeDefinition: dataTypeDefinition, dateMask: dateMask, dateTimeMask: dateTimeMask });
-    var convertedValue = mapFilterValue(formatValue, filterValue);
-    var filterLabel = canFilterAcceptValues ? getFilterValueLabel(filterOption.value, convertedValue) : '';
-    return (React.createElement(Chip, { label: React.createElement(ExpandedValueTooltip, { value: optionLabel + filterLabel },
-            React.createElement("div", { className: styles['filter-chip__label'] },
-                React.createElement("span", { className: styles['filter-chip__option-label'] }, optionLabel),
-                filterLabel)), classes: {
-            root: styles['filter-chip'],
-            label: styles['filter-chip__label']
-        }, onDelete: onDelete }));
-};

package/esm/HOCs/withFilter/FilterChip.test.js

@@ -1,97 +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 from 'react';
-import { screen, render } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import i18n from 'ui-i18n';
-import { DataTypes, FilterOptions } from '@reltio/mdm-sdk';
-import { FilterChip } from './FilterChip';
-import { MdmModuleProvider } from '../../contexts/MdmModuleContext';
-var formatDateValue = function (value) { return i18n.date(value, 'L'); };
-var defaultProps = {
-    filterValue: '123',
-    filterOption: {
-        value: FilterOptions.EQUALS,
-        label: 'equals'
-    },
-    dataTypeDefinition: {
-        type: DataTypes.TYPE_INT,
-        uri: 'configuration/entityTypes/HCP/attributes/Int'
-    },
-    onDelete: jest.fn()
-};
-var setUp = function (props, mdmValues) {
-    if (props === void 0) { props = defaultProps; }
-    if (mdmValues === void 0) { mdmValues = {}; }
-    var user = userEvent.setup();
-    var Providers = function (_a) {
-        var children = _a.children;
-        return (React.createElement(MdmModuleProvider, { values: mdmValues }, children));
-    };
-    return __assign(__assign({}, render(React.createElement(FilterChip, __assign({}, props)), { wrapper: Providers })), { user: user });
-};
-describe('Filter chip tests', function () {
-    it('should render chip correctly', function () {
-        setUp();
-        screen.getByText('equals:');
-        screen.getByText('123');
-    });
-    it('should render only filterOption as label if filter does not accept values', function () {
-        var props = __assign(__assign({}, defaultProps), { filterOption: { value: FilterOptions.EXISTS, label: 'exists' } });
-        setUp(props);
-        screen.getByText('exists');
-    });
-    it('should render date "on" filterOption', function () {
-        var value = 1572480000000;
-        var props = __assign(__assign({}, defaultProps), { dataTypeDefinition: { type: DataTypes.TYPE_ACTIVENESS_DATE }, filterValue: value, filterOption: { value: FilterOptions.ON, label: 'on' } });
-        setUp(props);
-        screen.getByText('on:');
-        screen.getByText(formatDateValue(value));
-    });
-    it('should render date "within" filterOptions with string value', function () {
-        var props = __assign(__assign({}, defaultProps), { dataTypeDefinition: { type: DataTypes.TYPE_DATE }, filterValue: 'lastWeek', filterOption: { value: FilterOptions.WITHIN, label: 'within' } });
-        setUp(props);
-        screen.getByText('within:');
-        screen.getByText('Last 7 days');
-    });
-    it('should render date "within" filterOptions with range value', function () {
-        var value = [1590994800000, 1593154800000];
-        var props = __assign(__assign({}, defaultProps), { dataTypeDefinition: { type: DataTypes.TYPE_DATE }, filterValue: value, filterOption: { value: FilterOptions.WITHIN, label: 'within' } });
-        setUp(props);
-        var range = value.map(formatDateValue);
-        screen.getByText('within:');
-        screen.getByText("".concat(range[0], " - ").concat(range[1]));
-    });
-    it('should take into account date masks', function () {
-        var dateMask = '99-99-9999';
-        var mdmValues = { dateMask: dateMask };
-        var value = [1590994800000, 1593154800000];
-        var props = __assign(__assign({}, defaultProps), { filterValue: value, dataTypeDefinition: { type: DataTypes.TYPE_DATE }, filterOption: { value: FilterOptions.WITHIN, label: 'within' } });
-        setUp(props, mdmValues);
-        var range = value.map(formatDateValue).map(function (str) { return str.split('/').join('-'); });
-        screen.getByText('within:');
-        screen.getByText("".concat(range[0], " - ").concat(range[1]));
-    });
-    it('should take into account attributes presentation', function () {
-        var mdmValues = {
-            attributesPresentation: {
-                'configuration/entityTypes/HCP/attributes/Int': {
-                    prefix: '<',
-                    suffix: '>'
-                }
-            }
-        };
-        setUp(defaultProps, mdmValues);
-        screen.getByText('equals:');
-        screen.getByText('<123>');
-    });
-});

package/esm/components/ImageAttributesGallery/GalleryView/GalleryView.d.ts

@@ -1,17 +0,0 @@
-export type ImageItem = {
-    id: string;
-    src: string;
-};
-type Props = {
-    items: ImageItem[];
-    selectedItems: string[];
-    onSelectImage: (id: string) => void;
-    onDeselectImage: (id: string) => void;
-    onShareLink?: (id: string) => void;
-    onSetAsDefault?: (id: string) => void;
-    onDownload: (id: string) => void;
-    onClickImage: (id: string) => void;
-    onDelete?: (id: string) => void;
-};
-export declare const GalleryView: ({ items, selectedItems, onSelectImage, onDeselectImage, onShareLink, onSetAsDefault, onDownload, onClickImage, onDelete }: Props) => JSX.Element;
-export {};

package/esm/components/ImageAttributesGallery/GalleryView/styles.d.ts

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

package/esm/components/ImageAttributesGallery/HeaderLeft/HeaderLeft.d.ts

@@ -1,9 +0,0 @@
-import type { ImageItem } from '../GalleryView/GalleryView';
-type Props = {
-    onSelectAll: () => void;
-    onClearAll: () => void;
-    selectedItems: unknown[];
-    items: ImageItem[];
-};
-export declare const HeaderLeft: ({ selectedItems, items, onSelectAll, onClearAll }: Props) => JSX.Element;
-export {};

package/esm/components/ImageAttributesGallery/ImageAttributesGallery.d.ts

@@ -1,16 +0,0 @@
-import { AttributeType, ImageAttributeValue, AttributeItem } from '@reltio/mdm-sdk';
-export type Props = {
-    attributeValues: ImageAttributeValue[];
-    open: boolean;
-    onClose?: () => void;
-    currentAttributeValueUri?: string;
-    setCurrentAttributeValueUri: (uri?: string) => void;
-    attributeType: AttributeType;
-    onDownload: (url: string[]) => void;
-    onShareLink?: (url: string) => void;
-    onSetAsDefault?: (attributeValue: ImageAttributeValue) => void;
-    onUpload?: () => void;
-    onDeleteAttribute?: (param: AttributeItem) => void;
-};
-declare const ImageAttributesGallery: ({ attributeValues, open, onClose, currentAttributeValueUri, setCurrentAttributeValueUri, attributeType, onDownload, onShareLink, onSetAsDefault, onUpload, onDeleteAttribute }: Props) => JSX.Element;
-export default ImageAttributesGallery;

package/esm/components/ImageAttributesGallery/ImageAttributesGallery.js

@@ -1,103 +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));
-};
-/* eslint-disable indent */
-import React, { useContext, useEffect, useState } from 'react';
-import { filter, pipe, pluck, propEq } from 'ramda';
-import { getImageAttributeOvThumbnailUrl, getImageAttributeOvUrl, isTempUri } from '@reltio/mdm-sdk';
-import { ImageDetailsView } from '../ImageDetailsView/ImageDetailsView';
-import { ImageGalleryDialog, Mode } from '../ImageGalleryDialog/ImageGalleryDialog';
-import { GalleryView } from './GalleryView/GalleryView';
-import { HeaderLeft } from './HeaderLeft/HeaderLeft';
-import { HeaderRight } from './HeaderRight/HeaderRight';
-import { ConfigPermissionsContext, useMdmIsViewMode } from '../../contexts';
-var ImageAttributesGallery = function (_a) {
-    var attributeValues = _a.attributeValues, open = _a.open, onClose = _a.onClose, currentAttributeValueUri = _a.currentAttributeValueUri, setCurrentAttributeValueUri = _a.setCurrentAttributeValueUri, attributeType = _a.attributeType, onDownload = _a.onDownload, onShareLink = _a.onShareLink, onSetAsDefault = _a.onSetAsDefault, onUpload = _a.onUpload, onDeleteAttribute = _a.onDeleteAttribute;
-    var _b = useState([]), selectedItems = _b[0], setSelectedItems = _b[1];
-    var _c = useState(Mode.GALLERY_MODE), mode = _c[0], setMode = _c[1];
-    var isViewMode = useMdmIsViewMode();
-    useEffect(function () {
-        setMode(currentAttributeValueUri ? Mode.DETAILS_MODE : Mode.GALLERY_MODE);
-    }, [currentAttributeValueUri]);
-    var imageItems = attributeValues.map(function (attribute) { return ({
-        src: getImageAttributeOvThumbnailUrl(attribute),
-        downloadURL: getImageAttributeOvUrl(attribute),
-        id: attribute.uri
-    }); });
-    var handleSelect = function (id) {
-        setSelectedItems(function (items) { return __spreadArray(__spreadArray([], items, true), [id], false); });
-    };
-    var handleDeselect = function (id) {
-        setSelectedItems(function (items) { return items.filter(function (item) { return item !== id; }); });
-    };
-    var handleSelectAll = function () {
-        setSelectedItems(pluck('id', imageItems));
-    };
-    var handleClearAll = function () {
-        setSelectedItems([]);
-    };
-    var handleDownloadSelectedItems = function () {
-        var downloadURLs = isGalleryMode
-            ? pipe(filter(function (_a) {
-                var id = _a.id;
-                return selectedItems.includes(id);
-            }), pluck('downloadURL'))(imageItems)
-            : [imageItems.find(propEq('id', currentAttributeValueUri)).downloadURL];
-        onDownload(downloadURLs);
-    };
-    var handleDownload = function (id) {
-        onDownload([imageItems.find(propEq('id', id)).downloadURL]);
-    };
-    var handleShareLink = function (id) {
-        onShareLink(imageItems.find(propEq('id', id)).downloadURL);
-    };
-    var handleSharedCurrentItem = function () {
-        handleShareLink(currentAttributeValueUri);
-    };
-    var handleSetAsDefault = function (id) {
-        var attributeValue = attributeValues.find(function (_a) {
-            var uri = _a.uri;
-            return uri === id;
-        });
-        onSetAsDefault(attributeValue);
-    };
-    var handleDelete = function (id) {
-        onDeleteAttribute({ uri: id, attributeType: attributeType });
-    };
-    var handleDeleteSelectedItems = function () {
-        var deleteUris = getUrisForDelete();
-        deleteUris.forEach(function (uri) {
-            handleDelete(uri);
-        });
-        if (selectedItems.length)
-            setSelectedItems([]);
-    };
-    var _d = useContext(ConfigPermissionsContext), canCreate = _d.canCreate, canDelete = _d.canDelete;
-    var isGalleryMode = mode === Mode.GALLERY_MODE;
-    var isDetailsMode = mode === Mode.DETAILS_MODE;
-    var hasSelectedItems = selectedItems.length > 0;
-    var isHasSelectedItemsOrDetailsMode = isDetailsMode || (isGalleryMode && hasSelectedItems);
-    var getUrisForDelete = function () { return (isGalleryMode ? selectedItems : [currentAttributeValueUri]); };
-    var areAllItemsDeletable = getUrisForDelete().every(function (uri) { return isTempUri(uri) || canDelete; });
-    var isShowDeleteButton = !isViewMode && isHasSelectedItemsOrDetailsMode && areAllItemsDeletable;
-    var isShowUploadButton = !isViewMode && canCreate && (isDetailsMode || (isGalleryMode && !hasSelectedItems));
-    var headerLeft = isGalleryMode && hasSelectedItems && (React.createElement(HeaderLeft, { items: imageItems, selectedItems: selectedItems, onClearAll: handleClearAll, onSelectAll: handleSelectAll }));
-    var headerRight = (React.createElement(HeaderRight, { onDelete: isShowDeleteButton ? handleDeleteSelectedItems : undefined, onDownload: isHasSelectedItemsOrDetailsMode ? handleDownloadSelectedItems : undefined, onShare: isDetailsMode ? handleSharedCurrentItem : undefined, onUpload: isShowUploadButton ? onUpload : undefined }));
-    var handleClickByImage = function (id) {
-        setCurrentAttributeValueUri(id);
-        setMode(Mode.DETAILS_MODE);
-    };
-    return (React.createElement(ImageGalleryDialog, { mode: mode, open: open, onChangeMode: setMode, header: {
-            left: headerLeft,
-            right: headerRight
-        }, onClose: onClose },
-        isGalleryMode && (React.createElement(GalleryView, { items: imageItems, selectedItems: selectedItems, onSelectImage: handleSelect, onDeselectImage: handleDeselect, onShareLink: handleShareLink, onSetAsDefault: handleSetAsDefault, onDownload: handleDownload, onClickImage: handleClickByImage, onDelete: !isViewMode ? handleDelete : undefined })),
-        isDetailsMode && (React.createElement(ImageDetailsView, { handleSetAsDefault: handleSetAsDefault, setCurrentAttributeValueUri: setCurrentAttributeValueUri, currentAttributeValueUri: currentAttributeValueUri, attributeValues: attributeValues, attributeType: attributeType }))));
-};
-export default ImageAttributesGallery;

package/esm/components/ImageDetailsView/ImageDetailsView.js

@@ -1,26 +0,0 @@
-import React, { useCallback, useEffect, useState } from 'react';
-import Box from '@mui/material/Box';
-import { ImageDetailsViewCarousel } from './ImageDetailsViewCarousel/ImageDetailsViewCarousel';
-import { ImageDetailsViewSidebar } from './ImageDetailsViewSidebar/ImageDetailsViewSidebar';
-import { useStyles } from './styles';
-export var ImageDetailsView = function (_a) {
-    var _b = _a.attributeValues, attributeValues = _b === void 0 ? [] : _b, currentAttributeValueUri = _a.currentAttributeValueUri, setCurrentAttributeValueUri = _a.setCurrentAttributeValueUri, handleSetAsDefault = _a.handleSetAsDefault, attributeType = _a.attributeType;
-    var _c = useState(0), attributeValueIndex = _c[0], setAttributeValueIndex = _c[1];
-    useEffect(function () {
-        if (!currentAttributeValueUri) {
-            onChangeAttributeValueIndex(0);
-        }
-        else {
-            onChangeAttributeValueIndex(attributeValues.findIndex(function (value) { return value.uri === currentAttributeValueUri; }));
-        }
-    }, [currentAttributeValueUri, attributeValues]);
-    var onChangeAttributeValueIndex = useCallback(function (index) {
-        var _a;
-        setAttributeValueIndex(index);
-        setCurrentAttributeValueUri((_a = attributeValues[index]) === null || _a === void 0 ? void 0 : _a.uri);
-    }, [attributeValues]);
-    var styles = useStyles();
-    return (React.createElement(Box, { className: styles.root },
-        React.createElement(ImageDetailsViewCarousel, { attributeValueIndex: attributeValueIndex, setAttributeValueIndex: onChangeAttributeValueIndex, attributeValues: attributeValues, className: styles.main }),
-        React.createElement(ImageDetailsViewSidebar, { handleSetAsDefault: handleSetAsDefault, attributeValue: attributeValues[attributeValueIndex], className: styles.details, attributeType: attributeType })));
-};