@reltio/components 1.4.701 → 1.4.705

package/components/ReactSelect/commonComponents/SingleValue.js

@@ -0,0 +1,29 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var prop_types_1 = __importDefault(require("prop-types"));
+var react_1 = __importDefault(require("react"));
+function SingleValue(props) {
+    var classes = props.selectProps.classes, innerProps = props.innerProps, children = props.children;
+    return (react_1.default.createElement(Typography_1.default, __assign({ className: classes.singleValue }, innerProps), children));
+}
+exports.default = SingleValue;
+SingleValue.propTypes = {
+    children: prop_types_1.default.node,
+    innerProps: prop_types_1.default.object,
+    selectProps: prop_types_1.default.object.isRequired
+};

package/components/ReactSelect/commonComponents/ValueContainer.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var prop_types_1 = __importDefault(require("prop-types"));
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+function ValueContainer(props) {
+    var _a;
+    var classes = props.selectProps.classes, children = props.children, isMulti = props.isMulti;
+    return (react_1.default.createElement("div", { className: classnames_1.default(classes.valueContainer, (_a = {}, _a[classes['valueContainer--multi']] = isMulti, _a)) }, children));
+}
+exports.default = ValueContainer;
+ValueContainer.propTypes = {
+    children: prop_types_1.default.node,
+    selectProps: prop_types_1.default.object.isRequired,
+    isMulti: prop_types_1.default.bool
+};

package/components/ReactSelect/commonComponents/index.js

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var NoOptionsMessage_1 = __importDefault(require("./NoOptionsMessage"));
+var Control_1 = __importDefault(require("./Control"));
+var Menu_1 = __importDefault(require("./Menu"));
+var MultiValue_1 = __importDefault(require("./MultiValue"));
+var Option_1 = __importDefault(require("./Option"));
+var Placeholder_1 = __importDefault(require("./Placeholder"));
+var SingleValue_1 = __importDefault(require("./SingleValue"));
+var ValueContainer_1 = __importDefault(require("./ValueContainer"));
+var ClearIndicator_1 = __importDefault(require("./ClearIndicator"));
+var DropdownIndicator_1 = __importDefault(require("./DropdownIndicator"));
+var GroupHeading_1 = __importDefault(require("./GroupHeading"));
+var components = {
+    Control: Control_1.default,
+    Menu: Menu_1.default,
+    MultiValue: MultiValue_1.default,
+    NoOptionsMessage: NoOptionsMessage_1.default,
+    Option: Option_1.default,
+    Placeholder: Placeholder_1.default,
+    SingleValue: SingleValue_1.default,
+    ValueContainer: ValueContainer_1.default,
+    ClearIndicator: ClearIndicator_1.default,
+    DropdownIndicator: DropdownIndicator_1.default,
+    GroupHeading: GroupHeading_1.default
+};
+exports.default = components;

package/components/ReactSelect/optionFilters.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_select_1 = require("react-select");
+var ramda_1 = require("ramda");
+exports.default = {
+    BY_LABEL: react_select_1.createFilter({
+        stringify: ramda_1.prop('label')
+    })
+};

package/components/ReactSelect/styles.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var styles_1 = require("@material-ui/core/styles");
+exports.default = styles_1.makeStyles(function (theme) { return ({
+    control: {
+        display: 'flex',
+        '&&': {
+            padding: 0
+        },
+        height: 'auto'
+    },
+    valueContainer: {
+        display: 'flex',
+        flexWrap: 'nowrap',
+        flex: 1,
+        alignItems: 'center',
+        overflow: 'hidden',
+        marginLeft: theme.spacing(1)
+    },
+    'valueContainer--multi': {
+        flexWrap: 'wrap'
+    },
+    multiValue: {
+        margin: theme.spacing(0.5, 0.5),
+        maxWidth: 'calc(100% - 8px)'
+    },
+    multiValue__label: {
+        paddingRight: 0,
+        marginRight: 12,
+        maxWidth: '100%',
+        overflow: 'hidden'
+    },
+    noOptionsMessage: {
+        padding: theme.spacing(1, 2)
+    },
+    singleValue: {
+        fontSize: 16,
+        whiteSpace: 'nowrap',
+        textOverflow: 'ellipsis',
+        overflow: 'hidden'
+    },
+    placeholder: {
+        position: 'absolute',
+        left: 6,
+        bottom: 10,
+        fontSize: 16
+    },
+    menu: {
+        zIndex: 40,
+        marginTop: theme.spacing(1)
+    },
+    clearIndicator: {},
+    dropdownIndicator: {},
+    groupHeading: {
+        paddingLeft: '28px'
+    },
+    option: {
+        fontWeight: 400
+    },
+    'option--selected': {
+        fontWeight: 400
+    },
+    'option--item': {
+        display: 'block',
+        width: '100%',
+        textOverflow: 'ellipsis',
+        overflow: 'hidden'
+    }
+}); });

package/components/ReactSelect/withMuiSkin.js

@@ -0,0 +1,97 @@
+"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 __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 = __importDefault(require("react"));
+var prop_types_1 = __importDefault(require("prop-types"));
+var commonComponents_1 = __importDefault(require("./commonComponents"));
+var styles_1 = __importDefault(require("./styles"));
+var utils_1 = require("../../core/utils");
+function withMuiSkin(SelectComponent) {
+    function WrappedSelectComponent(props) {
+        var componentsProp = props.components, classesProp = props.classes, error = props.error, TextFieldProps = props.TextFieldProps, innerRef = props.innerRef, selectProps = __rest(props, ["components", "classes", "error", "TextFieldProps", "innerRef"]);
+        var skinClasses = styles_1.default();
+        var components = __assign(__assign({}, commonComponents_1.default), componentsProp);
+        var classes = utils_1.mergeClasses(skinClasses, classesProp);
+        return (react_1.default.createElement(SelectComponent, __assign({ ref: innerRef, components: components, classes: classes, TextFieldProps: __assign(__assign({}, TextFieldProps), { error: error }) }, selectProps)));
+    }
+    WrappedSelectComponent.displayName = "withMuiSkin(" + (SelectComponent.displayName || SelectComponent.name) + ")";
+    WrappedSelectComponent.defaultProps = {
+        components: {},
+        classes: {}
+    };
+    WrappedSelectComponent.propTypes = {
+        /* You could redefine any of these components */
+        components: prop_types_1.default.shape({
+            ClearIndicator: prop_types_1.default.func,
+            Control: prop_types_1.default.func,
+            DropdownIndicator: prop_types_1.default.func,
+            DownChevron: prop_types_1.default.func,
+            CrossIcon: prop_types_1.default.func,
+            Group: prop_types_1.default.func,
+            GroupHeading: prop_types_1.default.func,
+            IndicatorsContainer: prop_types_1.default.func,
+            IndicatorSeparator: prop_types_1.default.func,
+            Input: prop_types_1.default.func,
+            LoadingIndicator: prop_types_1.default.func,
+            Menu: prop_types_1.default.func,
+            MenuList: prop_types_1.default.func,
+            MenuPortal: prop_types_1.default.func,
+            LoadingMessage: prop_types_1.default.func,
+            NoOptionsMessage: prop_types_1.default.func,
+            MultiValue: prop_types_1.default.func,
+            MultiValueContainer: prop_types_1.default.func,
+            MultiValueLabel: prop_types_1.default.func,
+            MultiValueRemove: prop_types_1.default.func,
+            Option: prop_types_1.default.func,
+            Placeholder: prop_types_1.default.func,
+            SelectContainer: prop_types_1.default.func,
+            SingleValue: prop_types_1.default.func,
+            ValueContainer: prop_types_1.default.func
+        }),
+        /* Classes are passed to mui skin components. Provided classes will be merged with existing ones. */
+        classes: prop_types_1.default.shape({
+            control: prop_types_1.default.string,
+            valueContainer: prop_types_1.default.string,
+            multiValue: prop_types_1.default.string,
+            noOptionsMessage: prop_types_1.default.string,
+            singleValue: prop_types_1.default.string,
+            placeholder: prop_types_1.default.string,
+            menu: prop_types_1.default.string,
+            clearIndicator: prop_types_1.default.string,
+            dropdownIndicator: prop_types_1.default.string,
+            option: prop_types_1.default.string,
+            'option--selected': prop_types_1.default.string
+        }),
+        /* Props from https://material-ui.com/api/text-field/ */
+        TextFieldProps: prop_types_1.default.object,
+        error: prop_types_1.default.bool,
+        /* Plus all necessary props for wrapped react-select component. See docs on https://react-select.com */
+        innerRef: prop_types_1.default.object
+    };
+    return WrappedSelectComponent;
+}
+exports.default = withMuiSkin;

package/components/ReactSortableTree/index.js

@@ -0,0 +1,30 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SortableTreeWithoutDndContext = void 0;
+var react_sortable_tree_1 = __importStar(require("./react-sortable-tree"));
+Object.defineProperty(exports, "SortableTreeWithoutDndContext", { enumerable: true, get: function () { return react_sortable_tree_1.SortableTreeWithoutDndContext; } });
+__exportStar(require("./utils/default-handlers"), exports);
+__exportStar(require("./utils/tree-data-utils"), exports);
+exports.default = react_sortable_tree_1.default;

package/components/ReactSortableTree/node-renderer-default.js

@@ -0,0 +1,148 @@
+"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 __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 __spreadArray = (this && this.__spreadArray) || function (to, from) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
+};
+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 tree_data_utils_1 = require("./utils/tree-data-utils");
+var classnames_1 = __importDefault(require("./utils/classnames"));
+//import {useStyles} from './nodeRendererDefaultStyle';
+var NodeRendererDefault = function (_a) {
+    var scaffoldBlockPxWidth = _a.scaffoldBlockPxWidth, toggleChildrenVisibility = _a.toggleChildrenVisibility, connectDragPreview = _a.connectDragPreview, connectDragSource = _a.connectDragSource, isDragging = _a.isDragging, canDrop = _a.canDrop, canDrag = _a.canDrag, node = _a.node, title = _a.title, subtitle = _a.subtitle, draggedNode = _a.draggedNode, path = _a.path, treeIndex = _a.treeIndex, isSearchMatch = _a.isSearchMatch, isSearchFocus = _a.isSearchFocus, buttons = _a.buttons, className = _a.className, style = _a.style, didDrop = _a.didDrop, 
+    /* eslint-disable */
+    treeId = _a.treeId, isOver = _a.isOver, // Not needed, but preserved for other renderers
+    parentNode = _a.parentNode, // Needed for dndManager
+    /* eslint-enable */
+    rowDirection = _a.rowDirection, otherProps = __rest(_a, ["scaffoldBlockPxWidth", "toggleChildrenVisibility", "connectDragPreview", "connectDragSource", "isDragging", "canDrop", "canDrag", "node", "title", "subtitle", "draggedNode", "path", "treeIndex", "isSearchMatch", "isSearchFocus", "buttons", "className", "style", "didDrop", "treeId", "isOver", "parentNode", "rowDirection"]);
+    //useStyles();
+    var nodeTitle = title || node.title;
+    var nodeSubtitle = subtitle || node.subtitle;
+    var rowDirectionClass = rowDirection === 'rtl' ? 'rst__rtl' : null;
+    var handle;
+    if (canDrag) {
+        if (typeof node.children === 'function' && node.expanded) {
+            // Show a loading symbol on the handle when the children are expanded
+            //  and yet still defined by a function (a callback to fetch the children)
+            handle = (react_1.default.createElement("div", { className: "rst__loadingHandle" },
+                react_1.default.createElement("div", { className: "rst__loadingCircle" }, __spreadArray([], new Array(12)).map(function (_, index) { return (react_1.default.createElement("div", { 
+                    // eslint-disable-next-line react/no-array-index-key
+                    key: index, className: classnames_1.default('rst__loadingCirclePoint', rowDirectionClass) })); }))));
+        }
+        else {
+            // Show the handle used to initiate a drag-and-drop
+            handle = connectDragSource(react_1.default.createElement("div", { className: "rst__moveHandle" }), {
+                dropEffect: 'copy'
+            });
+        }
+    }
+    var isDraggedDescendant = draggedNode && tree_data_utils_1.isDescendant(draggedNode, node);
+    var isLandingPadActive = !didDrop && isDragging;
+    var buttonStyle = { left: -0.5 * scaffoldBlockPxWidth };
+    if (rowDirection === 'rtl') {
+        buttonStyle = { right: -0.5 * scaffoldBlockPxWidth };
+    }
+    return (react_1.default.createElement("div", __assign({ style: { height: '100%' } }, otherProps),
+        toggleChildrenVisibility &&
+            node.children &&
+            (node.children.length > 0 || typeof node.children === 'function') && (react_1.default.createElement("div", null,
+            react_1.default.createElement("button", { type: "button", "aria-label": node.expanded ? 'Collapse' : 'Expand', className: classnames_1.default(node.expanded ? 'rst__collapseButton' : 'rst__expandButton', rowDirectionClass), style: buttonStyle, onClick: function () {
+                    return toggleChildrenVisibility({
+                        node: node,
+                        path: path,
+                        treeIndex: treeIndex
+                    });
+                } }),
+            node.expanded && !isDragging && (react_1.default.createElement("div", { style: { width: scaffoldBlockPxWidth }, className: classnames_1.default('rst__lineChildren', rowDirectionClass) })))),
+        react_1.default.createElement("div", { className: classnames_1.default('rst__rowWrapper', rowDirectionClass) }, connectDragPreview(react_1.default.createElement("div", { className: classnames_1.default('rst__row', isLandingPadActive && 'rst__rowLandingPad', isLandingPadActive && !canDrop && 'rst__rowCancelPad', isSearchMatch && 'rst__rowSearchMatch', isSearchFocus && 'rst__rowSearchFocus', rowDirectionClass, className), style: __assign({ opacity: isDraggedDescendant ? 0.5 : 1 }, style) },
+            handle,
+            react_1.default.createElement("div", { className: classnames_1.default('rst__rowContents', !canDrag && 'rst__rowContentsDragDisabled', rowDirectionClass) },
+                react_1.default.createElement("div", { className: classnames_1.default('rst__rowLabel', rowDirectionClass) },
+                    react_1.default.createElement("span", { className: classnames_1.default('rst__rowTitle', node.subtitle && 'rst__rowTitleWithSubtitle') }, typeof nodeTitle === 'function'
+                        ? nodeTitle({
+                            node: node,
+                            path: path,
+                            treeIndex: treeIndex
+                        })
+                        : nodeTitle),
+                    nodeSubtitle && (react_1.default.createElement("span", { className: "rst__rowSubtitle" }, typeof nodeSubtitle === 'function'
+                        ? nodeSubtitle({
+                            node: node,
+                            path: path,
+                            treeIndex: treeIndex
+                        })
+                        : nodeSubtitle))),
+                react_1.default.createElement("div", { className: "rst__rowToolbar" }, buttons.map(function (btn, index) { return (react_1.default.createElement("div", { key: index, className: "rst__toolbarButton" }, btn)); }))))))));
+};
+NodeRendererDefault.defaultProps = {
+    isSearchMatch: false,
+    isSearchFocus: false,
+    canDrag: false,
+    toggleChildrenVisibility: null,
+    buttons: [],
+    className: '',
+    style: {},
+    parentNode: null,
+    draggedNode: null,
+    canDrop: false,
+    title: null,
+    subtitle: null,
+    rowDirection: 'ltr'
+};
+NodeRendererDefault.propTypes = {
+    node: prop_types_1.default.shape({}).isRequired,
+    title: prop_types_1.default.oneOfType([prop_types_1.default.func, prop_types_1.default.node]),
+    subtitle: prop_types_1.default.oneOfType([prop_types_1.default.func, prop_types_1.default.node]),
+    path: prop_types_1.default.arrayOf(prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number])).isRequired,
+    treeIndex: prop_types_1.default.number.isRequired,
+    treeId: prop_types_1.default.string.isRequired,
+    isSearchMatch: prop_types_1.default.bool,
+    isSearchFocus: prop_types_1.default.bool,
+    canDrag: prop_types_1.default.bool,
+    scaffoldBlockPxWidth: prop_types_1.default.number.isRequired,
+    toggleChildrenVisibility: prop_types_1.default.func,
+    buttons: prop_types_1.default.arrayOf(prop_types_1.default.node),
+    className: prop_types_1.default.string,
+    style: prop_types_1.default.shape({}),
+    // Drag and drop API functions
+    // Drag source
+    connectDragPreview: prop_types_1.default.func.isRequired,
+    connectDragSource: prop_types_1.default.func.isRequired,
+    parentNode: prop_types_1.default.shape({}),
+    isDragging: prop_types_1.default.bool.isRequired,
+    didDrop: prop_types_1.default.bool.isRequired,
+    draggedNode: prop_types_1.default.shape({}),
+    // Drop target
+    isOver: prop_types_1.default.bool.isRequired,
+    canDrop: prop_types_1.default.bool,
+    // rtl support
+    rowDirection: prop_types_1.default.string
+};
+exports.default = NodeRendererDefault;