@reltio/components 1.4.1324 → 1.4.1325

package/cjs/components/EmptyState/EmptyState.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 export declare enum EMPTY_STATE_VARIANTS {
     full = "full",
-    embedded = "embedded"
+    embedded = "embedded",
+    small = "small"
 }
 export declare const EMPTY_STATE_ICONS: {
     SEARCH_RESULTS: React.FC<React.SVGProps<SVGSVGElement>>;

package/cjs/components/EmptyState/EmptyState.js

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EMPTY_STATE_ICONS = exports.EMPTY_STATE_VARIANTS = void 0;
 var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
 var ramda_1 = require("ramda");
 var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
 var Button_1 = __importDefault(require("@material-ui/core/Button"));
@@ -17,6 +18,7 @@ var EMPTY_STATE_VARIANTS;
 (function (EMPTY_STATE_VARIANTS) {
     EMPTY_STATE_VARIANTS["full"] = "full";
     EMPTY_STATE_VARIANTS["embedded"] = "embedded";
+    EMPTY_STATE_VARIANTS["small"] = "small";
 })(EMPTY_STATE_VARIANTS = exports.EMPTY_STATE_VARIANTS || (exports.EMPTY_STATE_VARIANTS = {}));
 exports.EMPTY_STATE_ICONS = {
     SEARCH_RESULTS: EmptySearchResults_1.default,
@@ -28,7 +30,7 @@ var EmptyState = function (_a) {
     var _b = _a.variant, variant = _b === void 0 ? EMPTY_STATE_VARIANTS.full : _b, _c = _a.LogoRenderer, LogoRenderer = _c === void 0 ? exports.EMPTY_STATE_ICONS.SEARCH_RESULTS : _c, text = _a.text, secondaryText = _a.secondaryText, buttonTitle = _a.buttonTitle, _d = _a.onClick, onClick = _d === void 0 ? ramda_1.identity : _d, access = _a.access;
     var styles = (0, styles_1.useStyles)();
     var showButton = access && buttonTitle;
-    return (react_1.default.createElement("div", { className: styles.root },
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.root, styles["root_".concat(variant)]) },
         react_1.default.createElement(LogoRenderer, { className: styles["".concat(variant)] }),
         react_1.default.createElement("div", { className: styles.textBox },
             react_1.default.createElement(Typography_1.default, { variant: "h5", classes: { h5: styles.text } }, text),

package/cjs/components/EmptyState/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"button" | "text" | "root" | "embedded" | "full" | "textBox" | "secondaryText">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"button" | "text" | "root" | "root_small" | "embedded" | "full" | "textBox" | "secondaryText">;

package/cjs/components/EmptyState/styles.js

@@ -16,6 +16,9 @@ exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
         height: '100%',
         minHeight: '350px',
         boxSizing: 'border-box',
+        '&$root_small': {
+            minHeight: '160px'
+        },
         '& $text': {
             color: theme.palette.text.primary,
             fontSize: '20px',
@@ -34,6 +37,7 @@ exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
             paddingTop: '3px'
         }
     },
+    root_small: {},
     embedded: {
         flexShrink: 0,
         width: '190px',

package/cjs/types/index.d.ts

@@ -45,12 +45,12 @@ export declare type QueryBuilderAttribute = {
     operator: string;
 };
 export declare type AttributeSelectorItem = {
-    attrType: AttributeType;
-    entityTypeUri: string;
+    attrType?: AttributeType;
+    entityTypeUri?: string;
     fieldName: string;
-    groupName: string;
+    groupName?: string;
     title: string;
-    uri: string;
+    uri?: string;
     children?: AttributeSelectorItem[];
     pathToTitle?: string[];
 };

package/esm/components/EmptyState/EmptyState.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 export declare enum EMPTY_STATE_VARIANTS {
     full = "full",
-    embedded = "embedded"
+    embedded = "embedded",
+    small = "small"
 }
 export declare const EMPTY_STATE_ICONS: {
     SEARCH_RESULTS: React.FC<React.SVGProps<SVGSVGElement>>;

package/esm/components/EmptyState/EmptyState.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import classnames from 'classnames';
 import { identity } from 'ramda';
 import Typography from '@material-ui/core/Typography';
 import Button from '@material-ui/core/Button';
@@ -11,6 +12,7 @@ export var EMPTY_STATE_VARIANTS;
 (function (EMPTY_STATE_VARIANTS) {
     EMPTY_STATE_VARIANTS["full"] = "full";
     EMPTY_STATE_VARIANTS["embedded"] = "embedded";
+    EMPTY_STATE_VARIANTS["small"] = "small";
 })(EMPTY_STATE_VARIANTS || (EMPTY_STATE_VARIANTS = {}));
 export var EMPTY_STATE_ICONS = {
     SEARCH_RESULTS: EmptySearchResultsIcon,
@@ -22,7 +24,7 @@ var EmptyState = function (_a) {
     var _b = _a.variant, variant = _b === void 0 ? EMPTY_STATE_VARIANTS.full : _b, _c = _a.LogoRenderer, LogoRenderer = _c === void 0 ? EMPTY_STATE_ICONS.SEARCH_RESULTS : _c, text = _a.text, secondaryText = _a.secondaryText, buttonTitle = _a.buttonTitle, _d = _a.onClick, onClick = _d === void 0 ? identity : _d, access = _a.access;
     var styles = useStyles();
     var showButton = access && buttonTitle;
-    return (React.createElement("div", { className: styles.root },
+    return (React.createElement("div", { className: classnames(styles.root, styles["root_".concat(variant)]) },
         React.createElement(LogoRenderer, { className: styles["".concat(variant)] }),
         React.createElement("div", { className: styles.textBox },
             React.createElement(Typography, { variant: "h5", classes: { h5: styles.text } }, text),

package/esm/components/EmptyState/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"button" | "text" | "root" | "embedded" | "full" | "textBox" | "secondaryText">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"button" | "text" | "root" | "root_small" | "embedded" | "full" | "textBox" | "secondaryText">;

package/esm/components/EmptyState/styles.js

@@ -13,6 +13,9 @@ export var useStyles = makeStyles(function (theme) { return ({
         height: '100%',
         minHeight: '350px',
         boxSizing: 'border-box',
+        '&$root_small': {
+            minHeight: '160px'
+        },
         '& $text': {
             color: theme.palette.text.primary,
             fontSize: '20px',
@@ -31,6 +34,7 @@ export var useStyles = makeStyles(function (theme) { return ({
             paddingTop: '3px'
         }
     },
+    root_small: {},
     embedded: {
         flexShrink: 0,
         width: '190px',

package/esm/types/index.d.ts

@@ -45,12 +45,12 @@ export declare type QueryBuilderAttribute = {
     operator: string;
 };
 export declare type AttributeSelectorItem = {
-    attrType: AttributeType;
-    entityTypeUri: string;
+    attrType?: AttributeType;
+    entityTypeUri?: string;
     fieldName: string;
-    groupName: string;
+    groupName?: string;
     title: string;
-    uri: string;
+    uri?: string;
     children?: AttributeSelectorItem[];
     pathToTitle?: string[];
 };

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1324",
+  "version": "1.4.1325",
   "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.1324",
-    "@reltio/mdm-sdk": "^1.4.1324",
+    "@reltio/mdm-module": "^1.4.1325",
+    "@reltio/mdm-sdk": "^1.4.1325",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",