@reltio/components 1.4.1672 → 1.4.1674

package/esm/components/attributes/editMode/AttributesView/styles.js

@@ -2,10 +2,7 @@ import { makeStyles } from '@mui/styles';
 export var useStyles = makeStyles({
     attributesContainer: {
         overflow: 'hidden',
-        padding: '0 16px 16px 16px'
-    },
-    header: {
-        marginBottom: '4px'
+        padding: '8px 16px'
     },
     noCaption: {
         paddingTop: '16px'

package/esm/components/attributes/editMode/MoreAttributesButton/styles.js

@@ -14,7 +14,10 @@ export var useStyles = makeStyles({
     },
     moreButton: {
         padding: '9px 16px 9px 12px',
-        backgroundColor: 'rgba(98, 2, 238, 0)'
+        backgroundColor: 'rgba(98, 2, 238, 0)',
+        marginTop: '8px',
+        marginLeft: '-4px',
+        marginBottom: '4px'
     },
     buttonLabel: {
         fontSize: '14px',

package/esm/components/attributes/readMode/AttributesPager/styles.js

@@ -11,25 +11,22 @@ var __assign = (this && this.__assign) || function () {
 };
 import { makeStyles } from '@mui/styles';
 var fontSize = '13px';
-var lineHeight = '15px';
+var lineHeight = '16px';
 var commonStyles = {
     titleRow: {
-        display: 'block',
+        display: 'inline-block',
         minHeight: '16px'
     },
     title: {
-        whiteSpace: 'nowrap'
+        whiteSpace: 'nowrap',
+        verticalAlign: 'middle'
     },
     ovIcon: {
         marginLeft: '8px',
-        marginRight: '-3px',
-        marginTop: '-1px',
         textIndent: 0
     },
     descriptionIcon: {
-        marginTop: '-1px',
-        textIndent: 0,
-        marginRight: '-10px'
+        textIndent: 0
     }
 };
 export var useStyles = makeStyles({
@@ -49,8 +46,7 @@ export var useStyles = makeStyles({
 });
 export var useOneLineStyles = makeStyles(__assign({ wrapper: {
         fontSize: fontSize,
-        lineHeight: lineHeight,
-        flex: 1
+        lineHeight: lineHeight
     }, collaborationWrapper: {
         display: 'flex',
         alignItems: 'start',
@@ -66,10 +62,10 @@ export var useOneLineStyles = makeStyles(__assign({ wrapper: {
     }, titleIcon: {
         width: '16px',
         height: '16px',
-        marginBottom: '-3px',
         marginRight: '8px',
         marginLeft: '1px',
-        color: 'rgba(0, 0, 0, 0.38)'
+        color: 'rgba(0, 0, 0, 0.38)',
+        verticalAlign: 'middle'
     } }, commonStyles));
 export var useMultiLineStyles = makeStyles(__assign({ wrapper: {
         display: 'flex',

package/esm/components/attributes/readMode/AttributesView/AttributesView.js

@@ -24,7 +24,7 @@ var AttributesView = function (_a) {
     }).length > 0;
     return isShowAttributeList || !isEmptyValue(caption) ? (React.createElement(PivotingAttributeContext.Provider, { value: pivotingAttributes },
         React.createElement(BasicView, { className: className },
-            caption && React.createElement(FacetViewHeader, { className: styles.header, title: caption }),
+            caption && React.createElement(FacetViewHeader, { title: caption }),
             React.createElement(Box, { className: classnames(styles.attributesContainer, (_b = {}, _b[styles.noCaption] = !caption, _b)) }, isShowAttributeList ? (React.createElement(AttributesList, { entity: entity, attrTypes: filteredAttrTypes, parentUri: entity.uri, drawLines: false, max: attributesCount })) : (React.createElement(Typography, { className: styles.noData }, i18n.text('No data found'))))))) : null;
 };
 export default AttributesView;

package/esm/components/attributes/readMode/AttributesView/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"header" | "attributesContainer" | "noCaption" | "noData">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"attributesContainer" | "noCaption" | "noData">;

package/esm/components/attributes/readMode/AttributesView/styles.js

@@ -1,10 +1,7 @@
 import { makeStyles } from '@mui/styles';
 export var useStyles = makeStyles({
     attributesContainer: {
-        padding: '0 16px 16px 16px'
-    },
-    header: {
-        marginBottom: '4px'
+        padding: '8px 16px'
     },
     noCaption: {
         paddingTop: '16px'

package/esm/components/attributes/readMode/ComplexAttribute/styles.d.ts

@@ -1 +1 @@
-export const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"label" | "spacer" | "complexContainer" | "labelContainer">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"label" | "spacer" | "complexContainer" | "labelContainer">;

package/esm/components/attributes/readMode/ComplexAttribute/styles.js

@@ -8,10 +8,10 @@ export var useStyles = makeStyles({
         minHeight: '18px'
     },
     label: {
+        display: 'inline-flex',
         fontSize: '13px',
-        lineHeight: '15px',
+        lineHeight: '16px',
         letterSpacing: 'normal',
-        paddingTop: '1px',
         marginLeft: '2px'
     },
     spacer: {

package/esm/components/attributes/readMode/NestedAttribute/styles.d.ts

@@ -1,2 +1,2 @@
-export default styles;
 declare const styles: (props?: any) => import("@mui/styles").ClassNameMap<"label" | "insertAttribute" | "updateAttribute" | "deleteAttribute" | "pivotingTooltip">;
+export default styles;

package/esm/components/attributes/readMode/NestedAttribute/styles.js

@@ -13,7 +13,8 @@ import { makeStyles } from '@mui/styles';
 import { HistoryOperations, historyPalettes } from '@reltio/mdm-sdk';
 var styles = makeStyles({
     label: {
-        textDecoration: 'none'
+        textDecoration: 'none',
+        verticalAlign: 'middle'
     },
     updateAttribute: __assign({ width: 'fit-content', padding: '0 4px', marginLeft: '-4px' }, historyPalettes[HistoryOperations.updateAttribute]),
     insertAttribute: __assign({ width: 'fit-content' }, historyPalettes[HistoryOperations.insertAttribute]),

package/esm/components/attributes/readMode/SimpleAttribute/SimpleAttribute.js

@@ -26,7 +26,9 @@ var SimpleAttribute = function (_a) {
             _b[highlightedClassName] = highlightedValuesUris.includes(attributeValue.uri),
             _b)) },
         React.createElement(PivotingTooltip, { value: attributeValue, attributeType: attributeType, key: attributeValue.uri, className: classnames((_c = {}, _c[styles.multilineAttribute] = !inlined, _c)) },
-            React.createElement("span", { className: classnames(styles[historyClassName], (_d = {}, _d[ovValueStyles.ovFalse] = !isOv(attributeValue), _d)), "data-reltio-id": "reltio-attribute-value" }, dataTypeValue)))) : (React.createElement("div", { className: classnames(className, styles.root, COMMENTS_CONTAINER_VISIBILITY_AREA, (_e = {},
+            React.createElement("span", { className: classnames(styles.attributeValue, styles[historyClassName], (_d = {},
+                    _d[ovValueStyles.ovFalse] = !isOv(attributeValue),
+                    _d)), "data-reltio-id": "reltio-attribute-value" }, dataTypeValue)))) : (React.createElement("div", { className: classnames(className, styles.root, COMMENTS_CONTAINER_VISIBILITY_AREA, (_e = {},
             _e[highlightedClassName] = highlightedValuesUris.includes(attributeValue.uri),
             _e)) },
         React.createElement(PivotingTooltip, { value: attributeValue, attributeType: attributeType, key: attributeValue.uri },

package/esm/components/attributes/readMode/SimpleAttribute/styles.js

@@ -22,7 +22,7 @@ export var useStyles = makeStyles({
         marginRight: '-4px' // AttributesPager padding compensation
     },
     attributeValue: {
-        flex: 1,
+        verticalAlign: 'middle',
         wordBreak: 'break-all'
     },
     updateAttribute: __assign(__assign({ width: 'fit-content', padding: '0 4px', marginLeft: '-4px' }, historyPalettes[HistoryOperations.updateAttribute]), { '& > a': {

package/esm/components/attributes/readMode/SpecialAttributes/Roles/Role.js

@@ -1,4 +1,5 @@
 import React, { useContext } from 'react';
+import classnames from 'classnames';
 import { getHistoryAppearanceBySpecialAttributeValue, getHistoryAttributeClassName, getRoleLabel } from '@reltio/mdm-sdk';
 import { HistoryDiffContext } from '../../../../../contexts/HistoryAppearanceContext';
 import { useMdmMetadata } from '../../../../../contexts';
@@ -10,6 +11,6 @@ var Role = function (_a) {
     var metadata = useMdmMetadata();
     var attributeAppearance = getHistoryAppearanceBySpecialAttributeValue('roles', value, appearance);
     var historyClassName = getHistoryAttributeClassName(attributeAppearance);
-    return React.createElement("span", { className: styles[historyClassName] }, getRoleLabel(metadata, value));
+    return (React.createElement("span", { className: classnames(styles.attributeValue, styles[historyClassName]) }, getRoleLabel(metadata, value)));
 };
 export default Role;

package/esm/components/attributes/readMode/SpecialAttributes/Tags/Tag.js

@@ -1,4 +1,5 @@
 import React, { useContext } from 'react';
+import classnames from 'classnames';
 import InternalLink from '../../../../InternalLink/InternalLink';
 import { getDataTenantEntityUri, getHistoryAppearanceBySpecialAttributeValue, getHistoryAttributeClassName } from '@reltio/mdm-sdk';
 import { EntityContext, HistoryDiffContext, UrlGeneratorsContext, useMdmEntity, useMdmUiPath } from '../../../../../contexts';
@@ -14,7 +15,7 @@ var Tag = function (_a) {
     var attributeAppearance = getHistoryAppearanceBySpecialAttributeValue('tags', value, appearance);
     var historyClassName = getHistoryAttributeClassName(attributeAppearance);
     var entity = ownEntity || currentEntity;
-    return (React.createElement(InternalLink, { className: styles[historyClassName], href: generateTagUrl({
+    return (React.createElement(InternalLink, { className: classnames(styles.attributeValue, styles[historyClassName]), href: generateTagUrl({
             uiPath: uiPath,
             tag: value,
             entityUri: entity.dataTenant ? getDataTenantEntityUri(entity) : entity.uri

package/esm/components/attributes/readMode/SpecialAttributes/styles.d.ts

@@ -1 +1 @@
-export declare const useCommonStyles: (props?: any) => import("@mui/styles").ClassNameMap<"insertAttribute" | "deleteAttribute">;
+export declare const useCommonStyles: (props?: any) => import("@mui/styles").ClassNameMap<"attributeValue" | "insertAttribute" | "deleteAttribute">;

package/esm/components/attributes/readMode/SpecialAttributes/styles.js

@@ -12,6 +12,9 @@ var __assign = (this && this.__assign) || function () {
 import { makeStyles } from '@mui/styles';
 import { HistoryOperations, historyPalettes } from '@reltio/mdm-sdk';
 export var useCommonStyles = makeStyles({
+    attributeValue: {
+        verticalAlign: 'middle'
+    },
     insertAttribute: __assign({ width: 'fit-content' }, historyPalettes[HistoryOperations.insertAttribute]),
     deleteAttribute: __assign({ width: 'fit-content', textDecoration: 'line-through', padding: '0 4px' }, historyPalettes[HistoryOperations.deleteAttribute])
 });

package/esm/components/editors/TypeaheadEditor/TypeaheadEditor.d.ts

@@ -8,12 +8,12 @@ type CommonProps = Omit<TextFieldProps, 'onChange' | 'value'> & {
     isCrossedOut?: boolean;
 };
 type MultipleProps = CommonProps & {
-    value: string[];
+    value?: string[];
     onChange: (values: string[]) => void;
     multiple: true;
 };
 type SingleProps = CommonProps & {
-    value: string;
+    value?: string;
     onChange: (value: string) => void;
     multiple?: false;
 };

package/esm/components/editors/TypeaheadEditor/TypeaheadEditor.js

@@ -173,7 +173,7 @@ var TypeaheadEditor = function (_a) {
             case ChangeMethod.Enter: {
                 if (multiple === true) {
                     if (newValue)
-                        onChange(uniq(__spreadArray(__spreadArray([], value, true), [newValue], false)));
+                        onChange(uniq(__spreadArray(__spreadArray([], (value || []), true), [newValue], false)));
                     setInputValue('');
                 }
                 else {
@@ -214,7 +214,7 @@ var TypeaheadEditor = function (_a) {
                 underline: classnames((_b = {}, _b[styles.underline] = isEmptyValue(value), _b)),
                 input: classnames(styles['rawInput'], path(['classes', 'input'], InputProps))
             };
-            return multiple === true ? (React.createElement(TextField, __assign({}, otherProps, { ref: inputRef, inputRef: ref, InputProps: __assign(__assign({}, InputProps), { startAdornment: value.map(function (item, index) { return (React.createElement(ValueChip, { key: item, label: item, onDelete: function () { return onChange(remove(index, 1, value)); } })); }), inputComponent: AutosizeInput, classes: __assign(__assign({ root: classnames(styles.multipleTextFieldInput, path(['classes', 'root'], InputProps)) }, commonClasses), { input: classnames(styles.autosizeInput, commonClasses.input), adornedStart: styles.multipleTextFieldAdornedStart }) }), classes: { root: styles.multipleTextField } }))) : (React.createElement(TextField, __assign({}, otherProps, { ref: inputRef, inputRef: ref, InputProps: __assign(__assign({}, InputProps), { classes: __assign({ root: classnames(styles.inputRoot, path(['classes', 'root'], InputProps), (_c = {},
+            return multiple === true ? (React.createElement(TextField, __assign({}, otherProps, { ref: inputRef, inputRef: ref, InputProps: __assign(__assign({}, InputProps), { startAdornment: value === null || value === void 0 ? void 0 : value.map(function (item, index) { return (React.createElement(ValueChip, { key: item, label: item, onDelete: function () { return onChange(remove(index, 1, value)); } })); }), inputComponent: AutosizeInput, classes: __assign(__assign({ root: classnames(styles.multipleTextFieldInput, path(['classes', 'root'], InputProps)) }, commonClasses), { input: classnames(styles.autosizeInput, commonClasses.input), adornedStart: styles.multipleTextFieldAdornedStart }) }), classes: { root: styles.multipleTextField } }))) : (React.createElement(TextField, __assign({}, otherProps, { ref: inputRef, inputRef: ref, InputProps: __assign(__assign({}, InputProps), { classes: __assign({ root: classnames(styles.inputRoot, path(['classes', 'root'], InputProps), (_c = {},
                             _c[styles.isCrossedOut] = isCrossedOut,
                             _c)) }, commonClasses) }) })));
         }, renderSuggestionsContainer: function (_a) {

package/esm/components/index.d.ts

@@ -153,3 +153,4 @@ export { RelevanceScoreBadge } from './RelevanceScoreBadge/RelevanceScoreBadge';
 export { default as MultilineMenuItem } from './MultilineMenuItem/MultilineMenuItem';
 export { default as TenantLabel } from './TenantLabel/TenantLabel';
 export { default as StepNavigation } from './StepNavigation/StepNavigation';
+export { TableSkeleton } from './TableSkeleton/TableSkeleton';

package/esm/components/index.js

@@ -153,3 +153,4 @@ export { RelevanceScoreBadge } from './RelevanceScoreBadge/RelevanceScoreBadge';
 export { default as MultilineMenuItem } from './MultilineMenuItem/MultilineMenuItem';
 export { default as TenantLabel } from './TenantLabel/TenantLabel';
 export { default as StepNavigation } from './StepNavigation/StepNavigation';
+export { TableSkeleton } from './TableSkeleton/TableSkeleton';

package/esm/icons/index.d.ts

@@ -19,13 +19,14 @@ export { default as Duplicate } from './Duplicate';
 export { default as EmptySearchResults } from './EmptySearchResults';
 export { default as Error } from './Error';
 export { default as Filter } from './Filter';
+export { default as Hyperlink } from './Hyperlink';
 export { default as Ignored } from './Ignored';
 export { default as IgnoredOutlined } from './IgnoredOutlined';
 export { default as LogIn } from './LogIn';
 export { default as LogOut } from './LogOut';
+export { default as MlMatch } from './MlMatch';
 export { default as Merge } from './Merge';
 export { default as MergeDark } from './MergeDark';
-export { default as MlMatch } from './MlMatch';
 export { default as NegativeRuleIcon } from './NegativeRuleIcon';
 export { default as NegativeRuleTooltipIcon } from './NegativeRuleTooltipIcon';
 export { default as NestedAttribute } from './NestedAttribute';
@@ -34,11 +35,11 @@ export { default as NoDataSearch } from './NoDataSearch';
 export { default as NoMatches } from './NoMatches';
 export { default as NotMatchDark } from './NotMatchDark';
 export { default as NotMatchRule } from './NotMatchRule';
+export { default as PmIcon } from './PmIcon';
+export { default as PmTaskIcon } from './PmTaskIcon';
 export { default as Pin } from './Pin';
 export { default as PinOutlined } from './PinOutlined';
 export { default as PivotingIcon } from './PivotingIcon';
-export { default as PmIcon } from './PmIcon';
-export { default as PmTaskIcon } from './PmTaskIcon';
 export { default as Polygon } from './Polygon';
 export { default as PotentialMatch } from './PotentialMatch';
 export { default as Profile } from './Profile';
@@ -52,5 +53,6 @@ export { default as Search } from './Search';
 export { default as SelectAttributes } from './SelectAttributes';
 export { default as SimpleAttribute } from './SimpleAttribute';
 export { default as Table } from './Table';
+export { default as Tenant } from './Tenant';
 export { default as UnMerge } from './UnMerge';
 export { default as UploadIcon } from './UploadIcon';

package/esm/icons/index.js

@@ -19,13 +19,14 @@ export { default as Duplicate } from './Duplicate';
 export { default as EmptySearchResults } from './EmptySearchResults';
 export { default as Error } from './Error';
 export { default as Filter } from './Filter';
+export { default as Hyperlink } from './Hyperlink';
 export { default as Ignored } from './Ignored';
 export { default as IgnoredOutlined } from './IgnoredOutlined';
 export { default as LogIn } from './LogIn';
 export { default as LogOut } from './LogOut';
+export { default as MlMatch } from './MlMatch';
 export { default as Merge } from './Merge';
 export { default as MergeDark } from './MergeDark';
-export { default as MlMatch } from './MlMatch';
 export { default as NegativeRuleIcon } from './NegativeRuleIcon';
 export { default as NegativeRuleTooltipIcon } from './NegativeRuleTooltipIcon';
 export { default as NestedAttribute } from './NestedAttribute';
@@ -34,11 +35,11 @@ export { default as NoDataSearch } from './NoDataSearch';
 export { default as NoMatches } from './NoMatches';
 export { default as NotMatchDark } from './NotMatchDark';
 export { default as NotMatchRule } from './NotMatchRule';
+export { default as PmIcon } from './PmIcon';
+export { default as PmTaskIcon } from './PmTaskIcon';
 export { default as Pin } from './Pin';
 export { default as PinOutlined } from './PinOutlined';
 export { default as PivotingIcon } from './PivotingIcon';
-export { default as PmIcon } from './PmIcon';
-export { default as PmTaskIcon } from './PmTaskIcon';
 export { default as Polygon } from './Polygon';
 export { default as PotentialMatch } from './PotentialMatch';
 export { default as Profile } from './Profile';
@@ -52,5 +53,6 @@ export { default as Search } from './Search';
 export { default as SelectAttributes } from './SelectAttributes';
 export { default as SimpleAttribute } from './SimpleAttribute';
 export { default as Table } from './Table';
+export { default as Tenant } from './Tenant';
 export { default as UnMerge } from './UnMerge';
 export { default as UploadIcon } from './UploadIcon';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1672",
+  "version": "1.4.1674",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
@@ -8,7 +8,7 @@
     "@date-io/moment": "^1.3.5",
     "@fluentui/react-context-selector": "^9.1.26",
     "@react-google-maps/api": "2.7.0",
-    "@reltio/mdm-sdk": "^1.4.1672",
+    "@reltio/mdm-sdk": "^1.4.1674",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",
@@ -19,7 +19,7 @@
     "prop-types": "^15.6.2",
     "ramda": "^0.28.0",
     "react-autosuggest": "^9.4.3",
-    "react-components": "bitbucket:reltio-ondemand/react-components#v3.23.0",
+    "react-components": "bitbucket:reltio-ondemand/react-components#v3.23.1",
     "react-dnd": "^9.4.0",
     "react-dnd-html5-backend": "^10.0.2",
     "react-grid-layout": "^1.1.1",