@reltio/components 1.4.2076 → 1.4.2078

package/BlobRenderer/BlobRenderer.js

@@ -1,7 +1,6 @@
 import React from 'react';
-import { useStyles } from './styles';
+import styles from './BlobRenderer.module.css';
 export var BlobRenderer = function (_a) {
     var value = _a.value;
-    var styles = useStyles();
     return (React.createElement("div", { "data-reltio-id": "blob-renderer", className: styles.blobWrapper, onScroll: function (e) { return e.stopPropagation(); } }, value));
 };

package/BlobRenderer/BlobRenderer.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"blobWrapper":"BlobRenderer-blobWrapper--W5rww"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.BlobRenderer-blobWrapper--W5rww{box-sizing:border-box;max-height:100px;overflow-wrap:break-word;overflow-x:hidden;overflow-y:auto;padding:15px 25px 0;position:relative;white-space:pre}`;
+    head.appendChild(style);
+}
+export default styles;

package/cjs/BlobRenderer/BlobRenderer.js

@@ -5,10 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BlobRenderer = void 0;
 var react_1 = __importDefault(require("react"));
-var styles_1 = require("./styles");
+var BlobRenderer_module_css_1 = __importDefault(require("./BlobRenderer.module.css"));
 var BlobRenderer = function (_a) {
     var value = _a.value;
-    var styles = (0, styles_1.useStyles)();
-    return (react_1.default.createElement("div", { "data-reltio-id": "blob-renderer", className: styles.blobWrapper, onScroll: function (e) { return e.stopPropagation(); } }, value));
+    return (react_1.default.createElement("div", { "data-reltio-id": "blob-renderer", className: BlobRenderer_module_css_1.default.blobWrapper, onScroll: function (e) { return e.stopPropagation(); } }, value));
 };
 exports.BlobRenderer = BlobRenderer;

package/cjs/BlobRenderer/BlobRenderer.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"blobWrapper":"BlobRenderer-blobWrapper--W5rww"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.BlobRenderer-blobWrapper--W5rww{box-sizing:border-box;max-height:100px;overflow-wrap:break-word;overflow-x:hidden;overflow-y:auto;padding:15px 25px 0;position:relative;white-space:pre}`;
+    head.appendChild(style);
+}
+module.exports = styles;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.2076",
+  "version": "1.4.2078",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -47,6 +47,7 @@
     "@mui/styles": "^5.13.2",
     "@mui/x-date-pickers": "^6.7.0",
     "classnames": "^2.2.5",
+    "jss": "^10.10.0",
     "moment": "^2.29.4",
     "nanoid": "^3.3.4",
     "prop-types": "^15.6.2",

package/BlobRenderer/styles.d.ts

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

package/BlobRenderer/styles.js

@@ -1,13 +0,0 @@
-import { makeStyles } from '@mui/styles';
-var BLOB_HEIGHT = 100;
-export var useStyles = makeStyles({
-    blobWrapper: {
-        position: 'relative',
-        overflowY: 'auto',
-        overflowX: 'hidden',
-        whiteSpace: 'pre',
-        maxHeight: "".concat(BLOB_HEIGHT, "px"),
-        boxSizing: 'border-box',
-        padding: '15px 25px 0 25px'
-    }
-});

package/cjs/BlobRenderer/styles.d.ts

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

package/cjs/BlobRenderer/styles.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@mui/styles");
-var BLOB_HEIGHT = 100;
-exports.useStyles = (0, styles_1.makeStyles)({
-    blobWrapper: {
-        position: 'relative',
-        overflowY: 'auto',
-        overflowX: 'hidden',
-        whiteSpace: 'pre',
-        maxHeight: "".concat(BLOB_HEIGHT, "px"),
-        boxSizing: 'border-box',
-        padding: '15px 25px 0 25px'
-    }
-});