@reltio/components 1.4.1487 → 1.4.1489

package/cjs/components/ModeSwitcher/styles.js

@@ -14,7 +14,9 @@ var useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
         color: 'rgba(0,0,0,0.54)',
         width: '20px',
         height: '20px',
-        marginRight: '8px'
+        '& + $title': {
+            marginLeft: '8px'
+        }
     },
     title: {
         fontSize: '13px',

package/cjs/components/ReltioGridLayout/ReltioGridLayout.js

@@ -85,12 +85,16 @@ var ReltioGridLayout = function (_a) {
     };
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(react_resize_detector_1.default, { refreshMode: "debounce", refreshRate: 50, handleWidth: true, onResize: function (width) { return setWidth(width); } }),
-        react_1.default.createElement(react_grid_layout_1.default, { innerRef: ref, layout: processedLayout, cols: cols, draggableHandle: draggableHandle, autoSize: true, rowHeight: rowHeight, width: width, margin: margin, onLayoutChange: onReltioLayoutChanged, isResizable: !isFullscreenEnabled, isDraggable: !isFullscreenEnabled, className: (0, classnames_1.default)(classes.root, styles.gridLayout, (_b = {}, _b[styles.gridFullscreen] = isFullscreenEnabled, _b)), onDrop: handleDrop, droppingItem: droppingItem, isDroppable: isDroppable }, processedLayout.map(function (layoutItem) {
+        !!width && (react_1.default.createElement(react_grid_layout_1.default, { innerRef: ref, layout: processedLayout, cols: cols, draggableHandle: draggableHandle, autoSize: true, rowHeight: rowHeight, width: width, margin: margin, onLayoutChange: onReltioLayoutChanged, isResizable: !isFullscreenEnabled, isDraggable: !isFullscreenEnabled, className: (0, classnames_1.default)(classes.root, styles.gridLayout, (_b = {},
+                _b[styles.gridFullscreen] = isFullscreenEnabled,
+                _b)), onDrop: handleDrop, droppingItem: droppingItem, isDroppable: isDroppable }, processedLayout.map(function (layoutItem) {
             var isItemFullscreen = fullscreenItemId === layoutItem.i;
             var isAutosize = ((0, helpers_1.getReltioLayoutItemById)(layout, layoutItem.i) || {}).autosizing;
-            var autosizeComponent = isAutosize ? { AutosizeComponent: getAutosizeComponent(layoutItem.i) } : {};
+            var autosizeComponent = isAutosize
+                ? { AutosizeComponent: getAutosizeComponent(layoutItem.i) }
+                : {};
             return (react_1.default.createElement(LayoutItem, __assign({ key: layoutItem.i, layoutItemConfig: layoutItem, views: views, onToggleFullscreen: onToggleFullscreen, onRemove: onRemove, className: (0, classnames_1.default)({ fullscreen: isItemFullscreen }, classes.item), isFullscreen: isItemFullscreen }, autosizeComponent)));
-        }))));
+        })))));
 };
 ReltioGridLayout.defaultProps = {
     layoutOptions: {

package/cjs/components/attributes/editMode/EntitySelector/EntitySelector.js

@@ -96,10 +96,7 @@ var EntitySelector = function (_a) {
     var _b = _a.entity, entity = _b === void 0 ? {} : _b, _c = _a.entityTypesUris, entityTypesUris = _c === void 0 ? [] : _c, mode = _a.mode, max = _a.max, onChange = _a.onChange, onCreate = _a.onCreate, metadata = _a.metadata, globalSearchRequestOptions = _a.globalSearchRequestOptions, attributeTypesSelectionStrategy = _a.attributeTypesSelectionStrategy, _d = _a.disableLinkClick, disableLinkClick = _d === void 0 ? false : _d, otherProps = __rest(_a, ["entity", "entityTypesUris", "mode", "max", "onChange", "onCreate", "metadata", "globalSearchRequestOptions", "attributeTypesSelectionStrategy", "disableLinkClick"]);
     var styles = (0, styles_1.useStyles)();
     var _e = (0, react_1.useState)(''), inputValue = _e[0], setInputValue = _e[1];
-    var entityTypes = (0, react_1.useMemo)(function () { return entityTypesUris.map(function (type) { return (0, mdm_sdk_1.getEntityType)(metadata, type); }); }, [
-        entityTypesUris,
-        metadata
-    ]);
+    var entityTypes = (0, react_1.useMemo)(function () { return entityTypesUris.map(function (type) { return (0, mdm_sdk_1.getEntityType)(metadata, type); }).filter(mdm_sdk_1.isAvailableEntityType); }, [entityTypesUris, metadata]);
     var options = __assign(__assign({}, globalSearchRequestOptions), { max: max });
     var handleCreate = onCreate
         ? function (value, entityTypeUri) {

package/cjs/contexts/EntityLoadingIndicationContext/index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const EntityLoadingIndicationContext: React.Context<(value: boolean) => void>;

package/cjs/contexts/EntityLoadingIndicationContext/index.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EntityLoadingIndicationContext = void 0;
+var react_1 = __importDefault(require("react"));
+var utils_1 = require("../../core/utils");
+exports.EntityLoadingIndicationContext = react_1.default.createContext(utils_1.noop);
+exports.EntityLoadingIndicationContext.displayName = 'EntityLoadingIndicationContext';

package/cjs/contexts/index.d.ts

@@ -12,6 +12,7 @@ export { EntitiesMapContext } from './EntitiesMapContext';
 export { CrosswalksDisplayProvider, useCrosswalkColor, useCrosswalkFocus, useCrosswalkHighlight, useHighlightedCrosswalks } from './CrosswalksDisplayContext';
 export { ExpandedAttributesProvider, useAttributeExpanded } from './ExpandedAttributesContext';
 export { EntityMarkerContext } from './EntityMarkerContext';
+export { EntityLoadingIndicationContext } from './EntityLoadingIndicationContext';
 export { WorkflowTasksContext } from './WorkflowTasksContext';
 export { RelatedObjectUrisContext } from './RelatedObjectUrisContext';
 export { EntityContext } from './EntityContext';

package/cjs/contexts/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageRequestsAbortingContext = exports.DependentLookupAutopopulationContext = exports.FeaturesContext = exports.LabelsContext = exports.UrlGeneratorsContext = exports.ScrollToErrorProvider = exports.ScrollToErrorContext = exports.SearchValueContext = exports.InterceptHandlersContext = exports.HighlightedValuesContext = exports.SnackbarContext = exports.SearchFiltersContext = exports.useReloadFacet = exports.ReloadFacetProvider = exports.useReloadAllFacets = exports.SandboxAPIContext = exports.EntityContext = exports.RelatedObjectUrisContext = exports.WorkflowTasksContext = exports.EntityMarkerContext = exports.useAttributeExpanded = exports.ExpandedAttributesProvider = exports.useHighlightedCrosswalks = exports.useCrosswalkHighlight = exports.useCrosswalkFocus = exports.useCrosswalkColor = exports.CrosswalksDisplayProvider = exports.EntitiesMapContext = exports.IdContext = exports.ProfilePerspectiveViewContext = exports.PivotingAttributeContext = exports.UsersContext = exports.CollaborationContextProvider = exports.CollaborationContext = exports.BlockImageGalleryDialogContext = exports.ViewIdContext = exports.PopupBoundariesContext = exports.HistoryDiffContext = exports.AsyncMountContext = void 0;
+exports.PageRequestsAbortingContext = exports.DependentLookupAutopopulationContext = exports.FeaturesContext = exports.LabelsContext = exports.UrlGeneratorsContext = exports.ScrollToErrorProvider = exports.ScrollToErrorContext = exports.SearchValueContext = exports.InterceptHandlersContext = exports.HighlightedValuesContext = exports.SnackbarContext = exports.SearchFiltersContext = exports.useReloadFacet = exports.ReloadFacetProvider = exports.useReloadAllFacets = exports.SandboxAPIContext = exports.EntityContext = exports.RelatedObjectUrisContext = exports.WorkflowTasksContext = exports.EntityLoadingIndicationContext = exports.EntityMarkerContext = exports.useAttributeExpanded = exports.ExpandedAttributesProvider = exports.useHighlightedCrosswalks = exports.useCrosswalkHighlight = exports.useCrosswalkFocus = exports.useCrosswalkColor = exports.CrosswalksDisplayProvider = exports.EntitiesMapContext = exports.IdContext = exports.ProfilePerspectiveViewContext = exports.PivotingAttributeContext = exports.UsersContext = exports.CollaborationContextProvider = exports.CollaborationContext = exports.BlockImageGalleryDialogContext = exports.ViewIdContext = exports.PopupBoundariesContext = exports.HistoryDiffContext = exports.AsyncMountContext = void 0;
 var AsyncMountContext_1 = require("./AsyncMountContext");
 Object.defineProperty(exports, "AsyncMountContext", { enumerable: true, get: function () { return AsyncMountContext_1.AsyncMountContext; } });
 var HistoryAppearanceContext_1 = require("./HistoryAppearanceContext");
@@ -35,6 +35,8 @@ Object.defineProperty(exports, "ExpandedAttributesProvider", { enumerable: true,
 Object.defineProperty(exports, "useAttributeExpanded", { enumerable: true, get: function () { return ExpandedAttributesContext_1.useAttributeExpanded; } });
 var EntityMarkerContext_1 = require("./EntityMarkerContext");
 Object.defineProperty(exports, "EntityMarkerContext", { enumerable: true, get: function () { return EntityMarkerContext_1.EntityMarkerContext; } });
+var EntityLoadingIndicationContext_1 = require("./EntityLoadingIndicationContext");
+Object.defineProperty(exports, "EntityLoadingIndicationContext", { enumerable: true, get: function () { return EntityLoadingIndicationContext_1.EntityLoadingIndicationContext; } });
 var WorkflowTasksContext_1 = require("./WorkflowTasksContext");
 Object.defineProperty(exports, "WorkflowTasksContext", { enumerable: true, get: function () { return WorkflowTasksContext_1.WorkflowTasksContext; } });
 var RelatedObjectUrisContext_1 = require("./RelatedObjectUrisContext");

package/esm/components/ModeSwitcher/styles.js

@@ -12,7 +12,9 @@ var useStyles = makeStyles(function (theme) { return ({
         color: 'rgba(0,0,0,0.54)',
         width: '20px',
         height: '20px',
-        marginRight: '8px'
+        '& + $title': {
+            marginLeft: '8px'
+        }
     },
     title: {
         fontSize: '13px',

package/esm/components/ReltioGridLayout/ReltioGridLayout.js

@@ -57,12 +57,16 @@ var ReltioGridLayout = function (_a) {
     };
     return (React.createElement(React.Fragment, null,
         React.createElement(ReactResizeDetector, { refreshMode: "debounce", refreshRate: 50, handleWidth: true, onResize: function (width) { return setWidth(width); } }),
-        React.createElement(GridLayout, { innerRef: ref, layout: processedLayout, cols: cols, draggableHandle: draggableHandle, autoSize: true, rowHeight: rowHeight, width: width, margin: margin, onLayoutChange: onReltioLayoutChanged, isResizable: !isFullscreenEnabled, isDraggable: !isFullscreenEnabled, className: classnames(classes.root, styles.gridLayout, (_b = {}, _b[styles.gridFullscreen] = isFullscreenEnabled, _b)), onDrop: handleDrop, droppingItem: droppingItem, isDroppable: isDroppable }, processedLayout.map(function (layoutItem) {
+        !!width && (React.createElement(GridLayout, { innerRef: ref, layout: processedLayout, cols: cols, draggableHandle: draggableHandle, autoSize: true, rowHeight: rowHeight, width: width, margin: margin, onLayoutChange: onReltioLayoutChanged, isResizable: !isFullscreenEnabled, isDraggable: !isFullscreenEnabled, className: classnames(classes.root, styles.gridLayout, (_b = {},
+                _b[styles.gridFullscreen] = isFullscreenEnabled,
+                _b)), onDrop: handleDrop, droppingItem: droppingItem, isDroppable: isDroppable }, processedLayout.map(function (layoutItem) {
             var isItemFullscreen = fullscreenItemId === layoutItem.i;
             var isAutosize = (getReltioLayoutItemById(layout, layoutItem.i) || {}).autosizing;
-            var autosizeComponent = isAutosize ? { AutosizeComponent: getAutosizeComponent(layoutItem.i) } : {};
+            var autosizeComponent = isAutosize
+                ? { AutosizeComponent: getAutosizeComponent(layoutItem.i) }
+                : {};
             return (React.createElement(LayoutItem, __assign({ key: layoutItem.i, layoutItemConfig: layoutItem, views: views, onToggleFullscreen: onToggleFullscreen, onRemove: onRemove, className: classnames({ fullscreen: isItemFullscreen }, classes.item), isFullscreen: isItemFullscreen }, autosizeComponent)));
-        }))));
+        })))));
 };
 ReltioGridLayout.defaultProps = {
     layoutOptions: {

package/esm/components/attributes/editMode/EntitySelector/EntitySelector.js

@@ -24,7 +24,7 @@ import React, { useState, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import i18n from 'ui-i18n';
 import { isEmpty, prop } from 'ramda';
-import { typeAheadSearch, getEntityType, MetadataType, ConnectionEntityType, ModeType, isTempUri, getLabel } from '@reltio/mdm-sdk';
+import { typeAheadSearch, getEntityType, MetadataType, ConnectionEntityType, ModeType, isTempUri, isAvailableEntityType, getLabel } from '@reltio/mdm-sdk';
 import DropDownSelector from '../../../DropDownSelector/DropDownSelector';
 import EntityOption from './components/EntityOption';
 import SingleValue from './components/SingleValue';
@@ -68,10 +68,7 @@ var EntitySelector = function (_a) {
     var _b = _a.entity, entity = _b === void 0 ? {} : _b, _c = _a.entityTypesUris, entityTypesUris = _c === void 0 ? [] : _c, mode = _a.mode, max = _a.max, onChange = _a.onChange, onCreate = _a.onCreate, metadata = _a.metadata, globalSearchRequestOptions = _a.globalSearchRequestOptions, attributeTypesSelectionStrategy = _a.attributeTypesSelectionStrategy, _d = _a.disableLinkClick, disableLinkClick = _d === void 0 ? false : _d, otherProps = __rest(_a, ["entity", "entityTypesUris", "mode", "max", "onChange", "onCreate", "metadata", "globalSearchRequestOptions", "attributeTypesSelectionStrategy", "disableLinkClick"]);
     var styles = useStyles();
     var _e = useState(''), inputValue = _e[0], setInputValue = _e[1];
-    var entityTypes = useMemo(function () { return entityTypesUris.map(function (type) { return getEntityType(metadata, type); }); }, [
-        entityTypesUris,
-        metadata
-    ]);
+    var entityTypes = useMemo(function () { return entityTypesUris.map(function (type) { return getEntityType(metadata, type); }).filter(isAvailableEntityType); }, [entityTypesUris, metadata]);
     var options = __assign(__assign({}, globalSearchRequestOptions), { max: max });
     var handleCreate = onCreate
         ? function (value, entityTypeUri) {

package/esm/contexts/EntityLoadingIndicationContext/index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const EntityLoadingIndicationContext: React.Context<(value: boolean) => void>;

package/esm/contexts/EntityLoadingIndicationContext/index.js

@@ -0,0 +1,4 @@
+import React from 'react';
+import { noop } from '../../core/utils';
+export var EntityLoadingIndicationContext = React.createContext(noop);
+EntityLoadingIndicationContext.displayName = 'EntityLoadingIndicationContext';

package/esm/contexts/index.d.ts

@@ -12,6 +12,7 @@ export { EntitiesMapContext } from './EntitiesMapContext';
 export { CrosswalksDisplayProvider, useCrosswalkColor, useCrosswalkFocus, useCrosswalkHighlight, useHighlightedCrosswalks } from './CrosswalksDisplayContext';
 export { ExpandedAttributesProvider, useAttributeExpanded } from './ExpandedAttributesContext';
 export { EntityMarkerContext } from './EntityMarkerContext';
+export { EntityLoadingIndicationContext } from './EntityLoadingIndicationContext';
 export { WorkflowTasksContext } from './WorkflowTasksContext';
 export { RelatedObjectUrisContext } from './RelatedObjectUrisContext';
 export { EntityContext } from './EntityContext';

package/esm/contexts/index.js

@@ -12,6 +12,7 @@ export { EntitiesMapContext } from './EntitiesMapContext';
 export { CrosswalksDisplayProvider, useCrosswalkColor, useCrosswalkFocus, useCrosswalkHighlight, useHighlightedCrosswalks } from './CrosswalksDisplayContext';
 export { ExpandedAttributesProvider, useAttributeExpanded } from './ExpandedAttributesContext';
 export { EntityMarkerContext } from './EntityMarkerContext';
+export { EntityLoadingIndicationContext } from './EntityLoadingIndicationContext';
 export { WorkflowTasksContext } from './WorkflowTasksContext';
 export { RelatedObjectUrisContext } from './RelatedObjectUrisContext';
 export { EntityContext } from './EntityContext';

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1487",
+  "version": "1.4.1489",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
   "dependencies": {
     "@date-io/moment": "^1.3.5",
     "@react-google-maps/api": "2.7.0",
-    "@reltio/mdm-module": "^1.4.1487",
-    "@reltio/mdm-sdk": "^1.4.1487",
+    "@reltio/mdm-module": "^1.4.1489",
+    "@reltio/mdm-sdk": "^1.4.1489",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",