@reltio/components 1.4.2235 → 1.4.2237

package/{UploadImageDialog/components/ErrorSnackbar → ErrorSnackbar}/ErrorSnackbar.js

@@ -2,10 +2,9 @@ import React from 'react';
 import i18n from 'ui-i18n';
 import CloseIcon from '@mui/icons-material/Close';
 import Snackbar from '@mui/material/Snackbar';
-import { SmallIconButtonWithTooltip } from '../../../SmallIconButton';
-import { useStyles } from './styles';
+import { SmallIconButtonWithTooltip } from '../SmallIconButton';
+import styles from './ErrorSnackbar.module.css';
 export var ErrorSnackbar = function (_a) {
     var error = _a.error, onClose = _a.onClose;
-    var styles = useStyles();
     return (React.createElement(Snackbar, { open: Boolean(error), onClose: onClose, message: error, action: React.createElement(SmallIconButtonWithTooltip, { className: styles.closeIcon, tooltipTitle: i18n.text('Close'), icon: CloseIcon, onClick: onClose }) }));
 };

package/ErrorSnackbar/ErrorSnackbar.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"closeIcon":"ErrorSnackbar-closeIcon--PQkpv"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.ErrorSnackbar-closeIcon--PQkpv{color:#fff}`;
+    head.appendChild(style);
+}
+export default styles;

package/FileDropZone/FileDropZone.d.ts

@@ -2,8 +2,7 @@ import React from 'react';
 type Props = {
     children: React.ReactNode;
     onFileDrop: (file: File) => void;
-    isAcceptableFile?: (file: File) => boolean;
     className?: string;
 };
-export declare const FileDropZone: React.MemoExoticComponent<({ children, onFileDrop, isAcceptableFile, className }: Props) => React.JSX.Element>;
+export declare const FileDropZone: React.MemoExoticComponent<({ children, onFileDrop, className }: Props) => React.JSX.Element>;
 export {};

package/FileDropZone/FileDropZone.js

@@ -5,7 +5,7 @@ import styles from './FileDropZone.module.css';
 var DEFAULT_ACCEPTABLE_DRAG_TYPE = 'Files';
 export var FileDropZone = memo(function (_a) {
     var _b;
-    var children = _a.children, onFileDrop = _a.onFileDrop, isAcceptableFile = _a.isAcceptableFile, className = _a.className;
+    var children = _a.children, onFileDrop = _a.onFileDrop, className = _a.className;
     var _c = useState(false), isActive = _c[0], setIsActive = _c[1];
     var isAcceptableDragType = useCallback(function (dragType) { return dragType === DEFAULT_ACCEPTABLE_DRAG_TYPE; }, []);
     var handleDragOver = useCallback(function (e) {
@@ -38,10 +38,8 @@ export var FileDropZone = memo(function (_a) {
         var file = (_b = (_a = e.dataTransfer.files) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : null;
         if (!file)
             return;
-        if (isAcceptableFile && !isAcceptableFile(file))
-            return;
         onFileDrop(file);
-    }, [isAcceptableDragType, isAcceptableFile, onFileDrop]);
+    }, [isAcceptableDragType, onFileDrop]);
     return (React.createElement("div", { className: classnames(styles.root, className, (_b = {}, _b[styles.active] = isActive, _b)), role: "button", tabIndex: 0, "aria-label": i18n.text('Drop files here'), onDragOver: handleDragOver, onDragEnter: handleDragEnter, onDragLeave: handleDragLeave, onDrop: handleDrop }, children));
 });
 FileDropZone.displayName = 'FileDropZone';

package/FileDropZone/FileDropZone.test.js

@@ -2,9 +2,8 @@ import React from 'react';
 import { render, screen, fireEvent } from '@testing-library/react';
 import { FileDropZone } from './FileDropZone';
 var mockOnFileDrop = jest.fn();
-var setUp = function (_a) {
-    var _b = _a === void 0 ? {} : _a, isAcceptableFile = _b.isAcceptableFile;
-    return render(React.createElement(FileDropZone, { onFileDrop: mockOnFileDrop, isAcceptableFile: isAcceptableFile },
+var setUp = function () {
+    return render(React.createElement(FileDropZone, { onFileDrop: mockOnFileDrop },
         React.createElement("span", null, "Drop content here")));
 };
 describe('FileDropZone', function () {
@@ -73,30 +72,6 @@ describe('FileDropZone', function () {
         });
         expect(mockOnFileDrop).not.toHaveBeenCalled();
     });
-    it('should not call onFileDrop if isAcceptableFile returns false', function () {
-        var file = new File(['test content'], 'test.exe', { type: 'application/octet-stream' });
-        setUp({ isAcceptableFile: function (f) { return f.name.endsWith('.csv'); } });
-        var dropZone = screen.getByRole('button', { name: 'Drop files here' });
-        fireEvent.drop(dropZone, {
-            dataTransfer: {
-                files: [file],
-                types: ['Files']
-            }
-        });
-        expect(mockOnFileDrop).not.toHaveBeenCalled();
-    });
-    it('should call onFileDrop if isAcceptableFile returns true', function () {
-        var file = new File(['test content'], 'data.csv', { type: 'text/csv' });
-        setUp({ isAcceptableFile: function (f) { return f.name.endsWith('.csv'); } });
-        var dropZone = screen.getByRole('button', { name: 'Drop files here' });
-        fireEvent.drop(dropZone, {
-            dataTransfer: {
-                files: [file],
-                types: ['Files']
-            }
-        });
-        expect(mockOnFileDrop).toHaveBeenCalledWith(file);
-    });
     it('should deactivate drag state after drop', function () {
         var file = new File(['test content'], 'test.csv', { type: 'text/csv' });
         setUp();

package/UploadImageDialog/UploadImageDialog.js

@@ -8,7 +8,7 @@ import { LinearLoadIndicator } from '../LinearLoadIndicator';
 import { ImageByUrlField } from './components/ImageByUrlField';
 import { TargetBox } from './components/TargetBox';
 import { DividerWithText } from './components/DividerWithText';
-import { ErrorSnackbar } from './components/ErrorSnackbar';
+import { ErrorSnackbar } from '../ErrorSnackbar';
 import { IMAGE_TYPES, MAX_IMAGE_SIZE } from './constants';
 import { useMdmEnvironment, useMdmImageServicePath, useMdmTenant } from '../contexts/MdmModuleContext';
 import { useStyles } from './styles';

package/cjs/{UploadImageDialog/components/ErrorSnackbar → ErrorSnackbar}/ErrorSnackbar.js

@@ -8,11 +8,10 @@ var react_1 = __importDefault(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var Close_1 = __importDefault(require("@mui/icons-material/Close"));
 var Snackbar_1 = __importDefault(require("@mui/material/Snackbar"));
-var SmallIconButton_1 = require("../../../SmallIconButton");
-var styles_1 = require("./styles");
+var SmallIconButton_1 = require("../SmallIconButton");
+var ErrorSnackbar_module_css_1 = __importDefault(require("./ErrorSnackbar.module.css"));
 var ErrorSnackbar = function (_a) {
     var error = _a.error, onClose = _a.onClose;
-    var styles = (0, styles_1.useStyles)();
-    return (react_1.default.createElement(Snackbar_1.default, { open: Boolean(error), onClose: onClose, message: error, action: react_1.default.createElement(SmallIconButton_1.SmallIconButtonWithTooltip, { className: styles.closeIcon, tooltipTitle: ui_i18n_1.default.text('Close'), icon: Close_1.default, onClick: onClose }) }));
+    return (react_1.default.createElement(Snackbar_1.default, { open: Boolean(error), onClose: onClose, message: error, action: react_1.default.createElement(SmallIconButton_1.SmallIconButtonWithTooltip, { className: ErrorSnackbar_module_css_1.default.closeIcon, tooltipTitle: ui_i18n_1.default.text('Close'), icon: Close_1.default, onClick: onClose }) }));
 };
 exports.ErrorSnackbar = ErrorSnackbar;

package/cjs/ErrorSnackbar/ErrorSnackbar.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"closeIcon":"ErrorSnackbar-closeIcon--PQkpv"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.ErrorSnackbar-closeIcon--PQkpv{color:#fff}`;
+    head.appendChild(style);
+}
+module.exports = styles;

package/cjs/FileDropZone/FileDropZone.d.ts

@@ -2,8 +2,7 @@ import React from 'react';
 type Props = {
     children: React.ReactNode;
     onFileDrop: (file: File) => void;
-    isAcceptableFile?: (file: File) => boolean;
     className?: string;
 };
-export declare const FileDropZone: React.MemoExoticComponent<({ children, onFileDrop, isAcceptableFile, className }: Props) => React.JSX.Element>;
+export declare const FileDropZone: React.MemoExoticComponent<({ children, onFileDrop, className }: Props) => React.JSX.Element>;
 export {};

package/cjs/FileDropZone/FileDropZone.js

@@ -34,7 +34,7 @@ var FileDropZone_module_css_1 = __importDefault(require("./FileDropZone.module.c
 var DEFAULT_ACCEPTABLE_DRAG_TYPE = 'Files';
 exports.FileDropZone = (0, react_1.memo)(function (_a) {
     var _b;
-    var children = _a.children, onFileDrop = _a.onFileDrop, isAcceptableFile = _a.isAcceptableFile, className = _a.className;
+    var children = _a.children, onFileDrop = _a.onFileDrop, className = _a.className;
     var _c = (0, react_1.useState)(false), isActive = _c[0], setIsActive = _c[1];
     var isAcceptableDragType = (0, react_1.useCallback)(function (dragType) { return dragType === DEFAULT_ACCEPTABLE_DRAG_TYPE; }, []);
     var handleDragOver = (0, react_1.useCallback)(function (e) {
@@ -67,10 +67,8 @@ exports.FileDropZone = (0, react_1.memo)(function (_a) {
         var file = (_b = (_a = e.dataTransfer.files) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : null;
         if (!file)
             return;
-        if (isAcceptableFile && !isAcceptableFile(file))
-            return;
         onFileDrop(file);
-    }, [isAcceptableDragType, isAcceptableFile, onFileDrop]);
+    }, [isAcceptableDragType, onFileDrop]);
     return (react_1.default.createElement("div", { className: (0, classnames_1.default)(FileDropZone_module_css_1.default.root, className, (_b = {}, _b[FileDropZone_module_css_1.default.active] = isActive, _b)), role: "button", tabIndex: 0, "aria-label": ui_i18n_1.default.text('Drop files here'), onDragOver: handleDragOver, onDragEnter: handleDragEnter, onDragLeave: handleDragLeave, onDrop: handleDrop }, children));
 });
 exports.FileDropZone.displayName = 'FileDropZone';

package/cjs/FileDropZone/FileDropZone.test.js

@@ -7,9 +7,8 @@ var react_1 = __importDefault(require("react"));
 var react_2 = require("@testing-library/react");
 var FileDropZone_1 = require("./FileDropZone");
 var mockOnFileDrop = jest.fn();
-var setUp = function (_a) {
-    var _b = _a === void 0 ? {} : _a, isAcceptableFile = _b.isAcceptableFile;
-    return (0, react_2.render)(react_1.default.createElement(FileDropZone_1.FileDropZone, { onFileDrop: mockOnFileDrop, isAcceptableFile: isAcceptableFile },
+var setUp = function () {
+    return (0, react_2.render)(react_1.default.createElement(FileDropZone_1.FileDropZone, { onFileDrop: mockOnFileDrop },
         react_1.default.createElement("span", null, "Drop content here")));
 };
 describe('FileDropZone', function () {
@@ -78,30 +77,6 @@ describe('FileDropZone', function () {
         });
         expect(mockOnFileDrop).not.toHaveBeenCalled();
     });
-    it('should not call onFileDrop if isAcceptableFile returns false', function () {
-        var file = new File(['test content'], 'test.exe', { type: 'application/octet-stream' });
-        setUp({ isAcceptableFile: function (f) { return f.name.endsWith('.csv'); } });
-        var dropZone = react_2.screen.getByRole('button', { name: 'Drop files here' });
-        react_2.fireEvent.drop(dropZone, {
-            dataTransfer: {
-                files: [file],
-                types: ['Files']
-            }
-        });
-        expect(mockOnFileDrop).not.toHaveBeenCalled();
-    });
-    it('should call onFileDrop if isAcceptableFile returns true', function () {
-        var file = new File(['test content'], 'data.csv', { type: 'text/csv' });
-        setUp({ isAcceptableFile: function (f) { return f.name.endsWith('.csv'); } });
-        var dropZone = react_2.screen.getByRole('button', { name: 'Drop files here' });
-        react_2.fireEvent.drop(dropZone, {
-            dataTransfer: {
-                files: [file],
-                types: ['Files']
-            }
-        });
-        expect(mockOnFileDrop).toHaveBeenCalledWith(file);
-    });
     it('should deactivate drag state after drop', function () {
         var file = new File(['test content'], 'test.csv', { type: 'text/csv' });
         setUp();

package/cjs/UploadImageDialog/UploadImageDialog.js

@@ -37,7 +37,7 @@ var LinearLoadIndicator_1 = require("../LinearLoadIndicator");
 var ImageByUrlField_1 = require("./components/ImageByUrlField");
 var TargetBox_1 = require("./components/TargetBox");
 var DividerWithText_1 = require("./components/DividerWithText");
-var ErrorSnackbar_1 = require("./components/ErrorSnackbar");
+var ErrorSnackbar_1 = require("../ErrorSnackbar");
 var constants_1 = require("./constants");
 var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
 var styles_1 = require("./styles");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.2235",
+  "version": "1.4.2237",
   "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.2025",
+    "@reltio/mdm-sdk": "^1.4.2026",
     "@vis.gl/react-google-maps": "^1.3.0",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",

package/UploadImageDialog/components/ErrorSnackbar/styles.d.ts

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

package/UploadImageDialog/components/ErrorSnackbar/styles.js

@@ -1,6 +0,0 @@
-import { makeStyles } from '@mui/styles';
-export var useStyles = makeStyles({
-    closeIcon: {
-        color: '#fff'
-    }
-});

package/cjs/UploadImageDialog/components/ErrorSnackbar/styles.d.ts

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

package/cjs/UploadImageDialog/components/ErrorSnackbar/styles.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@mui/styles");
-exports.useStyles = (0, styles_1.makeStyles)({
-    closeIcon: {
-        color: '#fff'
-    }
-});