@reltio/components 1.4.699 → 1.4.703

package/components/ProfileCard/ProfileCard.js

@@ -0,0 +1,89 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var prop_types_1 = __importDefault(require("prop-types"));
+var classnames_1 = __importDefault(require("classnames"));
+var react_redux_1 = require("react-redux");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
+var styles_1 = __importDefault(require("./styles"));
+var EntityAvatar_1 = __importDefault(require("../EntityAvatar/EntityAvatar"));
+var EntityUriLink_1 = __importDefault(require("../EntityUriLink/EntityUriLink"));
+var ExpandedValueTooltip_1 = __importDefault(require("../ExpandedValueTooltip/ExpandedValueTooltip"));
+var EntityTypeBadge_1 = __importDefault(require("../EntityTypeBadge/EntityTypeBadge"));
+var ProfileCard = function (_a) {
+    var entity = _a.entity, _b = _a.classes, classes = _b === void 0 ? {} : _b, otherProps = __rest(_a, ["entity", "classes"]);
+    var styles = styles_1.default();
+    var secondaryLabelClass = classes.secondaryLabel, labelClass = classes.label, containerClass = classes.container;
+    var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata);
+    var label = mdm_sdk_1.getLabel(entity.label);
+    var secondaryLabel = entity.secondaryLabel, type = entity.type;
+    var entityType = mdm_sdk_1.getEntityType(metadata, type) || {};
+    var entityTypeColor = mdm_sdk_1.getPropWithInheritance(metadata, entityType, 'typeColor') || mdm_sdk_1.theme.palette.primary.main;
+    return (react_1.default.createElement("div", __assign({ className: classnames_1.default(styles.container, containerClass) }, otherProps),
+        react_1.default.createElement("div", { className: styles.colorBox, style: { backgroundColor: entityTypeColor } }),
+        react_1.default.createElement(EntityAvatar_1.default, { entity: entity, avatarClassName: styles.avatar, imageClassName: styles.image }),
+        react_1.default.createElement("div", { className: styles.info },
+            react_1.default.createElement("div", { className: styles.firstRow },
+                react_1.default.createElement(EntityUriLink_1.default, { value: mdm_sdk_1.getEntityUriForLink(entity), className: styles.link },
+                    react_1.default.createElement(ExpandedValueTooltip_1.default, { value: label, placement: "top", showOnExceededHeight: true },
+                        react_1.default.createElement("span", { className: classnames_1.default(styles.label, labelClass) }, label)))),
+            react_1.default.createElement("div", { className: styles.secondRow }, secondaryLabel && (react_1.default.createElement(ExpandedValueTooltip_1.default, { value: secondaryLabel, placement: "top", showOnExceededHeight: true },
+                react_1.default.createElement("span", { className: classnames_1.default(styles.secondaryLabel, secondaryLabelClass) }, secondaryLabel)))),
+            react_1.default.createElement("div", { className: styles.thirdRow },
+                react_1.default.createElement(EntityTypeBadge_1.default, { entity: entity }),
+                react_1.default.createElement("div", null, mdm_sdk_1.getEntityId(entity))))));
+};
+ProfileCard.propTypes = {
+    entity: mdm_sdk_1.EntityType,
+    classes: prop_types_1.default.shape({
+        label: prop_types_1.default.string,
+        secondaryLabel: prop_types_1.default.string,
+        container: prop_types_1.default.string
+    })
+};
+exports.default = react_1.memo(ProfileCard);

package/components/ProfileCard/styles.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var styles_1 = require("@material-ui/core/styles");
+var useStyles = styles_1.makeStyles(function (theme) { return ({
+    container: {
+        position: 'relative',
+        display: 'flex',
+        fontSize: '12px',
+        lineHeight: '14px',
+        color: theme.palette.text.primary,
+        padding: '8px 8px 8px 0',
+        overflow: 'hidden'
+    },
+    colorBox: {
+        position: 'absolute',
+        opacity: 0.12,
+        top: 0,
+        left: 0,
+        bottom: 0,
+        width: '32px'
+    },
+    image: {
+        width: '32px',
+        height: '32px'
+    },
+    avatar: {
+        marginRight: '8px',
+        marginLeft: '16px',
+        marginTop: '2px'
+    },
+    info: {
+        overflow: 'hidden',
+        display: 'flex',
+        flexDirection: 'column'
+    },
+    firstRow: {
+        width: '100%'
+    },
+    label: {
+        display: 'block',
+        textOverflow: 'ellipsis',
+        overflow: 'hidden',
+        whiteSpace: 'nowrap',
+        fontWeight: 500,
+        color: theme.palette.primary.main
+    },
+    link: {
+        textDecoration: 'none'
+    },
+    secondRow: {
+        wordWrap: 'break-word',
+        marginTop: '4px',
+        lineHeight: '13px',
+        fontSize: '11px'
+    },
+    thirdRow: {
+        display: 'flex',
+        alignItems: 'center',
+        fontSize: '12px',
+        color: theme.palette.text.secondary,
+        marginTop: 'auto'
+    }
+}); });
+exports.default = useStyles;

package/components/QueryBuilderRow/QueryBuilderRow.js

@@ -0,0 +1,78 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var prop_types_1 = __importDefault(require("prop-types"));
+var classnames_1 = __importDefault(require("classnames"));
+var styles_1 = __importDefault(require("./styles"));
+var ReadOnlyLogicOperator_1 = __importDefault(require("./components/ReadOnlyLogicOperator"));
+var ReadOnlyFilter_1 = __importDefault(require("./components/ReadOnlyFilter"));
+var constants_1 = require("../../constants");
+var QueryBuilderRow = function (_a) {
+    var _b;
+    var _c = _a.classes, classes = _c === void 0 ? {} : _c, rowData = _a.rowData, previousRowData = _a.previousRowData, _d = _a.LogicOperatorComponent, LogicOperatorComponent = _d === void 0 ? ReadOnlyLogicOperator_1.default : _d, AttributeSelectorComponent = _a.AttributeSelectorComponent, _e = _a.FilterSelectorComponent, FilterSelectorComponent = _e === void 0 ? ReadOnlyFilter_1.default : _e, ValuesEditorComponent = _a.ValuesEditorComponent, ActionsComponent = _a.ActionsComponent, filterSelectorRef = _a.filterSelectorRef, _f = _a.attributeSelectorProps, attributeSelectorProps = _f === void 0 ? {} : _f, rowContext = __rest(_a, ["classes", "rowData", "previousRowData", "LogicOperatorComponent", "AttributeSelectorComponent", "FilterSelectorComponent", "ValuesEditorComponent", "ActionsComponent", "filterSelectorRef", "attributeSelectorProps"]);
+    var styles = styles_1.default();
+    return (react_1.default.createElement("div", { className: classnames_1.default(styles.row, classes.root) },
+        react_1.default.createElement(LogicOperatorComponent, { className: classes.logicOperatorContainer, rowContext: rowContext, rowData: previousRowData }),
+        react_1.default.createElement("div", { className: classnames_1.default(styles.rowItem, classes.attributeSelectorContainer) },
+            react_1.default.createElement(AttributeSelectorComponent, { attributeSelectorProps: attributeSelectorProps, rowContext: rowContext, rowData: rowData })),
+        react_1.default.createElement("div", { className: styles.rowItem },
+            react_1.default.createElement(FilterSelectorComponent, { textFieldInputRef: filterSelectorRef, rowContext: rowContext, rowData: rowData })),
+        react_1.default.createElement("div", { className: classnames_1.default(styles.rowItem, styles.fullWidth) },
+            react_1.default.createElement(ValuesEditorComponent, { rowContext: rowContext, rowData: rowData })),
+        react_1.default.createElement("div", { className: classnames_1.default(styles.rowItem, (_b = {}, _b[styles.hidden] = !rowData, _b)) },
+            react_1.default.createElement(ActionsComponent, { rowContext: rowContext, rowData: rowData }))));
+};
+QueryBuilderRow.propTypes = {
+    classes: prop_types_1.default.shape({
+        root: prop_types_1.default.string,
+        logicOperatorContainer: prop_types_1.default.string,
+        attributeSelectorContainer: prop_types_1.default.string
+    }),
+    rowData: constants_1.QueryBuilderAttributeType,
+    previousRowData: constants_1.QueryBuilderAttributeType,
+    LogicOperatorComponent: prop_types_1.default.elementType,
+    AttributeSelectorComponent: prop_types_1.default.elementType,
+    FilterSelectorComponent: prop_types_1.default.elementType,
+    ValuesEditorComponent: prop_types_1.default.elementType,
+    ActionsComponent: prop_types_1.default.elementType,
+    filterSelectorRef: prop_types_1.default.object,
+    attributeSelectorProps: prop_types_1.default.shape({
+        onRestoreFocus: prop_types_1.default.func,
+        onOpen: prop_types_1.default.func,
+        disablePopoverRestoreFocus: prop_types_1.default.bool
+    })
+};
+exports.default = react_1.memo(QueryBuilderRow);

package/components/QueryBuilderRow/components/ReadOnlyFilter.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var prop_types_1 = __importDefault(require("prop-types"));
+var classnames_1 = __importDefault(require("classnames"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var styles_1 = __importDefault(require("./styles"));
+var ReadOnlyFilter = function (_a) {
+    var className = _a.className, rowData = _a.rowData;
+    var styles = styles_1.default();
+    return (react_1.default.createElement("div", { className: classnames_1.default(styles.readOnlyFilter, className) }, rowData && rowData.filter ? mdm_sdk_1.getFilterOptionLabel(rowData.filter) : ui_i18n_1.default.text('equals')));
+};
+ReadOnlyFilter.propTypes = {
+    className: prop_types_1.default.string,
+    rowData: prop_types_1.default.object
+};
+exports.default = ReadOnlyFilter;

package/components/QueryBuilderRow/components/ReadOnlyLogicOperator.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var prop_types_1 = __importDefault(require("prop-types"));
+var classnames_1 = __importDefault(require("classnames"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var capitalize_1 = __importDefault(require("@material-ui/core/utils/capitalize"));
+var styles_1 = __importDefault(require("./styles"));
+var ReadOnlyLogicOperator = function (_a) {
+    var className = _a.className, rowData = _a.rowData;
+    var styles = styles_1.default();
+    return (react_1.default.createElement("div", { className: classnames_1.default(styles.readOnlyLogicOperatorContainer, className) }, rowData && rowData.operator ? capitalize_1.default(rowData.operator) : ui_i18n_1.default.text('Where')));
+};
+ReadOnlyLogicOperator.propTypes = {
+    className: prop_types_1.default.string,
+    rowData: prop_types_1.default.object
+};
+exports.default = ReadOnlyLogicOperator;

package/components/QueryBuilderRow/components/styles.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var styles_1 = require("@material-ui/core/styles");
+var height = '46px';
+var useStyles = styles_1.makeStyles(function (theme) { return ({
+    readOnlyLogicOperatorContainer: {
+        display: 'flex',
+        alignItems: 'center',
+        marginRight: '40px',
+        width: '76px',
+        fontSize: '14px',
+        color: theme.palette.text.secondary,
+        maxHeight: height
+    },
+    readOnlyFilter: {
+        display: 'flex',
+        alignItems: 'center',
+        fontSize: '14px',
+        color: theme.palette.text.secondary,
+        width: '50px',
+        marginLeft: '12px',
+        maxHeight: height
+    }
+}); });
+exports.default = useStyles;

package/components/QueryBuilderRow/styles.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var styles_1 = require("@material-ui/core/styles");
+var useStyles = styles_1.makeStyles(function () { return ({
+    row: {
+        display: 'flex',
+        marginBottom: '12px'
+    },
+    rowItem: {
+        paddingRight: '10px',
+        display: 'flex'
+    },
+    fullWidth: {
+        flexGrow: '1',
+        flexBasis: '0',
+        overflow: 'hidden'
+    },
+    hidden: {
+        visibility: 'hidden'
+    }
+}); });
+exports.default = useStyles;

package/components/QueryBuilderRowsGroup/QueryBuilderRowsGroup.js

@@ -0,0 +1,88 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var prop_types_1 = __importDefault(require("prop-types"));
+var ramda_1 = require("ramda");
+var QueryBuilderRow_1 = __importDefault(require("../QueryBuilderRow/QueryBuilderRow"));
+var constants_1 = require("../../constants");
+var QueryBuilderRowsGroup = function (_a) {
+    var className = _a.className, rowClasses = _a.rowClasses, rowsData = _a.rowsData, lastRowAttributeSelectorProps = _a.lastRowAttributeSelectorProps, filterSelectorRef = _a.filterSelectorRef, filterSelectorRefIndex = _a.filterSelectorRefIndex, rowProps = __rest(_a, ["className", "rowClasses", "rowsData", "lastRowAttributeSelectorProps", "filterSelectorRef", "filterSelectorRefIndex"]);
+    var renderRow = function (rowData, index, rowsData) {
+        var previousRow = index > 0 ? ramda_1.path([index - 1], rowsData) : null;
+        var lastRowProps = index === rowsData.length
+            ? {
+                attributeSelectorProps: lastRowAttributeSelectorProps
+            }
+            : {};
+        return (react_1.default.createElement(QueryBuilderRow_1.default, __assign({ key: rowData && rowData.id, rowData: rowData, previousRowData: previousRow, classes: rowClasses, filterSelectorRef: index === filterSelectorRefIndex ? filterSelectorRef : undefined }, rowProps, lastRowProps)));
+    };
+    return (react_1.default.createElement("div", { className: className },
+        rowsData.map(renderRow),
+        renderRow(null, rowsData.length, rowsData)));
+};
+QueryBuilderRowsGroup.propTypes = {
+    className: prop_types_1.default.string,
+    rowClasses: prop_types_1.default.shape({
+        root: prop_types_1.default.string,
+        logicOperatorContainer: prop_types_1.default.string,
+        attributeSelectorContainer: prop_types_1.default.string
+    }),
+    rowsData: prop_types_1.default.arrayOf(constants_1.QueryBuilderAttributeType),
+    LogicOperatorComponent: prop_types_1.default.elementType,
+    AttributeSelectorComponent: prop_types_1.default.elementType,
+    FilterSelectorComponent: prop_types_1.default.elementType,
+    ValuesEditorComponent: prop_types_1.default.elementType,
+    ActionsComponent: prop_types_1.default.elementType,
+    filterSelectorRef: prop_types_1.default.object,
+    filterSelectorRefIndex: prop_types_1.default.number,
+    lastRowAttributeSelectorProps: prop_types_1.default.shape({
+        onRestoreFocus: prop_types_1.default.func,
+        onOpen: prop_types_1.default.func,
+        disablePopoverRestoreFocus: prop_types_1.default.bool
+    })
+};
+exports.default = react_1.memo(QueryBuilderRowsGroup);

package/components/ReactSelect/AsyncSelect.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var async_1 = __importDefault(require("react-select/async"));
+var withMuiSkin_1 = __importDefault(require("./withMuiSkin"));
+exports.default = withMuiSkin_1.default(async_1.default);

package/components/ReactSelect/CreatableSelect.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var creatable_1 = __importDefault(require("react-select/creatable"));
+var withMuiSkin_1 = __importDefault(require("./withMuiSkin"));
+exports.default = withMuiSkin_1.default(creatable_1.default);