@reltio/components 1.4.1487 → 1.4.1488

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/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/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.1488",
   "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.1488",
+    "@reltio/mdm-sdk": "^1.4.1488",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",