@reltio/components 1.4.2148 → 1.4.2150

package/BasicAttributeSelector/components/AttributeTitle/AttributeTitle.js

@@ -5,12 +5,11 @@ import { either, prop } from 'ramda';
 import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
 import { ExpandedValueTooltip } from '../../../ExpandedValueTooltip';
 import { SmallIconButton } from '../../../SmallIconButton';
-import { useStyles } from './styles';
+import styles from './AttributeTitle.module.css';
 var defaultGetLabel = either(prop('title'), prop('fieldName'));
 export var AttributeTitle = function (_a) {
     var _b, _c, _d;
     var value = _a.value, _e = _a.getLabel, getLabel = _e === void 0 ? defaultGetLabel : _e, onSelectAttributeClick = _a.onSelectAttributeClick, _f = _a.disabled, disabled = _f === void 0 ? false : _f;
-    var styles = useStyles();
     var label = value && getLabel(value);
     return (React.createElement("div", { onClick: disabled ? undefined : onSelectAttributeClick, className: classnames(styles.attribute, (_b = {},
             _b[styles.attributeWithValue] = !!label,

package/BasicAttributeSelector/components/AttributeTitle/AttributeTitle.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"attribute":"AttributeTitle-attribute--PQXXK","attributeWithValue":"AttributeTitle-attributeWithValue--5qs7j","disabled":"AttributeTitle-disabled--FtTal","name":"AttributeTitle-name--HETn3","noSelect":"AttributeTitle-noSelect--g3tQy"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.AttributeTitle-attribute--PQXXK{align-items:center;cursor:pointer;display:flex;flex-basis:100%;line-height:16px;padding:0 10px 0 16px;width:calc(100% - 32px)}.AttributeTitle-attribute--PQXXK.AttributeTitle-attributeWithValue--5qs7j{border-bottom:1px solid rgba(0,0,0,.38)}.AttributeTitle-attribute--PQXXK.AttributeTitle-disabled--FtTal{cursor:default}.AttributeTitle-name--HETn3{color:rgba(0,0,0,.87);direction:rtl;flex:1 0;font-size:14px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:0}.AttributeTitle-name--HETn3 .AttributeTitle-noSelect--g3tQy{color:rgba(0,0,0,.38)}.AttributeTitle-name--HETn3.AttributeTitle-disabled--FtTal,.AttributeTitle-name--HETn3.AttributeTitle-disabled--FtTal .AttributeTitle-noSelect--g3tQy{color:rgba(0,0,0,.26)}.AttributeTitle-name--HETn3:after{content:"\\200E"}`;
+    head.appendChild(style);
+}
+export default styles;

package/cjs/BasicAttributeSelector/components/AttributeTitle/AttributeTitle.js

@@ -11,18 +11,17 @@ var ramda_1 = require("ramda");
 var ArrowDropDown_1 = __importDefault(require("@mui/icons-material/ArrowDropDown"));
 var ExpandedValueTooltip_1 = require("../../../ExpandedValueTooltip");
 var SmallIconButton_1 = require("../../../SmallIconButton");
-var styles_1 = require("./styles");
+var AttributeTitle_module_css_1 = __importDefault(require("./AttributeTitle.module.css"));
 var defaultGetLabel = (0, ramda_1.either)((0, ramda_1.prop)('title'), (0, ramda_1.prop)('fieldName'));
 var AttributeTitle = function (_a) {
     var _b, _c, _d;
     var value = _a.value, _e = _a.getLabel, getLabel = _e === void 0 ? defaultGetLabel : _e, onSelectAttributeClick = _a.onSelectAttributeClick, _f = _a.disabled, disabled = _f === void 0 ? false : _f;
-    var styles = (0, styles_1.useStyles)();
     var label = value && getLabel(value);
-    return (react_1.default.createElement("div", { onClick: disabled ? undefined : onSelectAttributeClick, className: (0, classnames_1.default)(styles.attribute, (_b = {},
-            _b[styles.attributeWithValue] = !!label,
-            _b), (_c = {}, _c[styles.disabled] = disabled, _c)) },
+    return (react_1.default.createElement("div", { onClick: disabled ? undefined : onSelectAttributeClick, className: (0, classnames_1.default)(AttributeTitle_module_css_1.default.attribute, (_b = {},
+            _b[AttributeTitle_module_css_1.default.attributeWithValue] = !!label,
+            _b), (_c = {}, _c[AttributeTitle_module_css_1.default.disabled] = disabled, _c)) },
         react_1.default.createElement(ExpandedValueTooltip_1.ExpandedValueTooltip, { value: label },
-            react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.name, (_d = {}, _d[styles.disabled] = disabled, _d)) }, label || react_1.default.createElement("span", { className: styles.noSelect }, ui_i18n_1.default.text('Select attribute')))),
+            react_1.default.createElement("div", { className: (0, classnames_1.default)(AttributeTitle_module_css_1.default.name, (_d = {}, _d[AttributeTitle_module_css_1.default.disabled] = disabled, _d)) }, label || react_1.default.createElement("span", { className: AttributeTitle_module_css_1.default.noSelect }, ui_i18n_1.default.text('Select attribute')))),
         react_1.default.createElement(SmallIconButton_1.SmallIconButton, { size: 'M', icon: ArrowDropDown_1.default, disabled: disabled })));
 };
 exports.AttributeTitle = AttributeTitle;

package/cjs/BasicAttributeSelector/components/AttributeTitle/AttributeTitle.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"attribute":"AttributeTitle-attribute--PQXXK","attributeWithValue":"AttributeTitle-attributeWithValue--5qs7j","disabled":"AttributeTitle-disabled--FtTal","name":"AttributeTitle-name--HETn3","noSelect":"AttributeTitle-noSelect--g3tQy"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.AttributeTitle-attribute--PQXXK{align-items:center;cursor:pointer;display:flex;flex-basis:100%;line-height:16px;padding:0 10px 0 16px;width:calc(100% - 32px)}.AttributeTitle-attribute--PQXXK.AttributeTitle-attributeWithValue--5qs7j{border-bottom:1px solid rgba(0,0,0,.38)}.AttributeTitle-attribute--PQXXK.AttributeTitle-disabled--FtTal{cursor:default}.AttributeTitle-name--HETn3{color:rgba(0,0,0,.87);direction:rtl;flex:1 0;font-size:14px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:0}.AttributeTitle-name--HETn3 .AttributeTitle-noSelect--g3tQy{color:rgba(0,0,0,.38)}.AttributeTitle-name--HETn3.AttributeTitle-disabled--FtTal,.AttributeTitle-name--HETn3.AttributeTitle-disabled--FtTal .AttributeTitle-noSelect--g3tQy{color:rgba(0,0,0,.26)}.AttributeTitle-name--HETn3:after{content:"\\200E"}`;
+    head.appendChild(style);
+}
+module.exports = styles;

package/package.json

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

package/BasicAttributeSelector/components/AttributeTitle/styles.d.ts

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

package/BasicAttributeSelector/components/AttributeTitle/styles.js

@@ -1,41 +0,0 @@
-import { makeStyles } from '@mui/styles';
-export var useStyles = makeStyles({
-    attribute: {
-        cursor: 'pointer',
-        lineHeight: '16px',
-        flexBasis: '100%',
-        display: 'flex',
-        alignItems: 'center',
-        padding: '0 10px 0 16px',
-        width: 'calc(100% - 32px)',
-        '&$attributeWithValue': {
-            borderBottom: '1px solid rgba(0,0,0,0.38)'
-        },
-        '&$disabled': {
-            cursor: 'default'
-        }
-    },
-    disabled: {},
-    attributeWithValue: {},
-    noSelect: {},
-    name: {
-        fontSize: '14px',
-        color: 'rgba(0,0,0,0.87)',
-        overflow: 'hidden',
-        whiteSpace: 'nowrap',
-        textOverflow: 'ellipsis',
-        direction: 'rtl',
-        textAlign: 'left',
-        flex: '1 0',
-        width: '0',
-        '& $noSelect': {
-            color: 'rgba(0,0,0,0.38)'
-        },
-        '&$disabled': {
-            color: 'rgba(0,0,0,0.26)',
-            '& $noSelect': {
-                color: 'rgba(0,0,0,0.26)'
-            }
-        }
-    }
-});

package/cjs/BasicAttributeSelector/components/AttributeTitle/styles.d.ts

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

package/cjs/BasicAttributeSelector/components/AttributeTitle/styles.js

@@ -1,44 +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)({
-    attribute: {
-        cursor: 'pointer',
-        lineHeight: '16px',
-        flexBasis: '100%',
-        display: 'flex',
-        alignItems: 'center',
-        padding: '0 10px 0 16px',
-        width: 'calc(100% - 32px)',
-        '&$attributeWithValue': {
-            borderBottom: '1px solid rgba(0,0,0,0.38)'
-        },
-        '&$disabled': {
-            cursor: 'default'
-        }
-    },
-    disabled: {},
-    attributeWithValue: {},
-    noSelect: {},
-    name: {
-        fontSize: '14px',
-        color: 'rgba(0,0,0,0.87)',
-        overflow: 'hidden',
-        whiteSpace: 'nowrap',
-        textOverflow: 'ellipsis',
-        direction: 'rtl',
-        textAlign: 'left',
-        flex: '1 0',
-        width: '0',
-        '& $noSelect': {
-            color: 'rgba(0,0,0,0.38)'
-        },
-        '&$disabled': {
-            color: 'rgba(0,0,0,0.26)',
-            '& $noSelect': {
-                color: 'rgba(0,0,0,0.26)'
-            }
-        }
-    }
-});