@reltio/components 1.4.2287 → 1.4.2288

package/ErrorPopup/ErrorPopup.d.ts

@@ -3,12 +3,17 @@ type AddError = (error: {
     title: string;
     message: string;
 }) => void;
+type Classes = {
+    errorBlock?: string;
+    errorMessage?: string;
+};
 type Props = {
     showErrorFromStore?: boolean;
+    classes?: Classes;
     [key: string]: unknown;
 };
 export declare const ErrorPopup: {
-    ({ showErrorFromStore, ...props }: Props): React.JSX.Element;
+    ({ showErrorFromStore, classes, ...props }: Props): React.JSX.Element;
     addError: AddError;
 };
 export {};

package/ErrorPopup/ErrorPopup.js

@@ -22,16 +22,14 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React, { useEffect } from 'react';
 import classnames from 'classnames';
-import { path } from 'ramda';
 import i18n from 'ui-i18n';
 import Portal from '@mui/material/Portal';
 import RCErrorPopup from 'react-components/dist/ErrorPopup/ErrorPopup';
 import { useMdmAction, useMdmAutoCloseInterval, useMdmUiError } from '../contexts/MdmModuleContext';
-import { useStyles } from './styles';
+import styles from './ErrorPopup.module.css';
 var addError = RCErrorPopup.addError;
 export var ErrorPopup = function (_a) {
-    var showErrorFromStore = _a.showErrorFromStore, props = __rest(_a, ["showErrorFromStore"]);
-    var styles = useStyles();
+    var showErrorFromStore = _a.showErrorFromStore, classes = _a.classes, props = __rest(_a, ["showErrorFromStore", "classes"]);
     var errorSet = useMdmAction('errorSet');
     var autoCloseInterval = useMdmAutoCloseInterval();
     var uiError = useMdmUiError();
@@ -42,6 +40,9 @@ export var ErrorPopup = function (_a) {
         }
     }, [errorSet, uiError, showErrorFromStore]);
     return (React.createElement(Portal, { container: document.body },
-        React.createElement(RCErrorPopup, __assign({ classes: { errorBlock: classnames(styles.errorBlock, path(['classes', 'errorBlock'], props)) }, autoCloseInterval: autoCloseInterval }, props))));
+        React.createElement(RCErrorPopup, __assign({ autoCloseInterval: autoCloseInterval }, props, { classes: {
+                errorBlock: classnames(styles.errorBlock, classes === null || classes === void 0 ? void 0 : classes.errorBlock),
+                errorMessage: classnames(styles.errorMessage, classes === null || classes === void 0 ? void 0 : classes.errorMessage)
+            } }))));
 };
 ErrorPopup.addError = addError;

package/ErrorPopup/ErrorPopup.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"errorBlock":"ErrorPopup-errorBlock--c0C9V","errorMessage":"ErrorPopup-errorMessage--dKa8w"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.ErrorPopup-errorBlock--c0C9V{font-family:Roboto,Helvetica,Arial,sans-serif;left:0;margin:0 auto;max-width:1280px;min-height:58px;right:0;width:calc(100% - 64px);z-index:10000}.ErrorPopup-errorMessage--dKa8w{white-space:pre-line}`;
+    head.appendChild(style);
+}
+export default styles;

package/cjs/ErrorPopup/ErrorPopup.d.ts

@@ -3,12 +3,17 @@ type AddError = (error: {
     title: string;
     message: string;
 }) => void;
+type Classes = {
+    errorBlock?: string;
+    errorMessage?: string;
+};
 type Props = {
     showErrorFromStore?: boolean;
+    classes?: Classes;
     [key: string]: unknown;
 };
 export declare const ErrorPopup: {
-    ({ showErrorFromStore, ...props }: Props): React.JSX.Element;
+    ({ showErrorFromStore, classes, ...props }: Props): React.JSX.Element;
     addError: AddError;
 };
 export {};

package/cjs/ErrorPopup/ErrorPopup.js

@@ -51,16 +51,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ErrorPopup = void 0;
 var react_1 = __importStar(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
-var ramda_1 = require("ramda");
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var Portal_1 = __importDefault(require("@mui/material/Portal"));
 var ErrorPopup_1 = __importDefault(require("react-components/dist/ErrorPopup/ErrorPopup"));
 var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
-var styles_1 = require("./styles");
+var ErrorPopup_module_css_1 = __importDefault(require("./ErrorPopup.module.css"));
 var addError = ErrorPopup_1.default.addError;
 var ErrorPopup = function (_a) {
-    var showErrorFromStore = _a.showErrorFromStore, props = __rest(_a, ["showErrorFromStore"]);
-    var styles = (0, styles_1.useStyles)();
+    var showErrorFromStore = _a.showErrorFromStore, classes = _a.classes, props = __rest(_a, ["showErrorFromStore", "classes"]);
     var errorSet = (0, MdmModuleContext_1.useMdmAction)('errorSet');
     var autoCloseInterval = (0, MdmModuleContext_1.useMdmAutoCloseInterval)();
     var uiError = (0, MdmModuleContext_1.useMdmUiError)();
@@ -71,7 +69,10 @@ var ErrorPopup = function (_a) {
         }
     }, [errorSet, uiError, showErrorFromStore]);
     return (react_1.default.createElement(Portal_1.default, { container: document.body },
-        react_1.default.createElement(ErrorPopup_1.default, __assign({ classes: { errorBlock: (0, classnames_1.default)(styles.errorBlock, (0, ramda_1.path)(['classes', 'errorBlock'], props)) }, autoCloseInterval: autoCloseInterval }, props))));
+        react_1.default.createElement(ErrorPopup_1.default, __assign({ autoCloseInterval: autoCloseInterval }, props, { classes: {
+                errorBlock: (0, classnames_1.default)(ErrorPopup_module_css_1.default.errorBlock, classes === null || classes === void 0 ? void 0 : classes.errorBlock),
+                errorMessage: (0, classnames_1.default)(ErrorPopup_module_css_1.default.errorMessage, classes === null || classes === void 0 ? void 0 : classes.errorMessage)
+            } }))));
 };
 exports.ErrorPopup = ErrorPopup;
 exports.ErrorPopup.addError = addError;

package/cjs/ErrorPopup/ErrorPopup.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"errorBlock":"ErrorPopup-errorBlock--c0C9V","errorMessage":"ErrorPopup-errorMessage--dKa8w"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.ErrorPopup-errorBlock--c0C9V{font-family:Roboto,Helvetica,Arial,sans-serif;left:0;margin:0 auto;max-width:1280px;min-height:58px;right:0;width:calc(100% - 64px);z-index:10000}.ErrorPopup-errorMessage--dKa8w{white-space:pre-line}`;
+    head.appendChild(style);
+}
+module.exports = styles;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.2287",
+  "version": "1.4.2288",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./index.js",

package/ErrorPopup/styles.d.ts

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

package/ErrorPopup/styles.js

@@ -1,13 +0,0 @@
-import { makeStyles } from '@mui/styles';
-export var useStyles = makeStyles(function () { return ({
-    errorBlock: {
-        fontFamily: 'Roboto, Helvetica, Arial, sans-serif',
-        minHeight: '58px',
-        left: 0,
-        right: 0,
-        width: 'calc(100% - 64px)',
-        maxWidth: '1280px',
-        margin: '0 auto',
-        zIndex: 10000
-    }
-}); });

package/cjs/ErrorPopup/styles.d.ts

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

package/cjs/ErrorPopup/styles.js

@@ -1,16 +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)(function () { return ({
-    errorBlock: {
-        fontFamily: 'Roboto, Helvetica, Arial, sans-serif',
-        minHeight: '58px',
-        left: 0,
-        right: 0,
-        width: 'calc(100% - 64px)',
-        maxWidth: '1280px',
-        margin: '0 auto',
-        zIndex: 10000
-    }
-}); });