@reltio/components 1.4.699 → 1.4.703

package/components/ReactSortableTree/nodeRendererDefaultStyle.js

@@ -0,0 +1,278 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@material-ui/core/styles");
+exports.useStyles = styles_1.makeStyles(function () { return ({
+    '@global .rst__rowWrapper': {
+        padding: '10px 10px 10px 0',
+        height: '100%',
+        boxSizing: 'border-box'
+    },
+    '@global .rst__rtl.rst__rowWrapper': {
+        padding: '10px 0 10px 10px'
+    },
+    '@global .rst__row': {
+        height: '100%',
+        whiteSpace: 'nowrap',
+        display: 'flex'
+    },
+    '@global .rst__row > *': {
+        boxSizing: 'border-box'
+    },
+    /**
+     * The outline of where the element will go if dropped, displayed while dragging
+     */
+    '@global .rst__rowLandingPad, .rst__rowCancelPad': {
+        border: 'none !important',
+        boxShadow: 'none !important',
+        outline: 'none !important'
+    },
+    '@global .rst__rowLandingPad > *, .rst__rowCancelPad > *': {
+        opacity: '0 !important'
+    },
+    '@global .rst__rowLandingPad::before, .rst__rowCancelPad::before': {
+        backgroundColor: 'lightblue',
+        border: '3px dashed white',
+        content: '',
+        position: 'absolute',
+        top: 0,
+        right: 0,
+        bottom: 0,
+        left: 0,
+        zIndex: -1
+    },
+    /**
+     * Alternate appearance of the landing pad when the dragged location is invalid
+     */
+    '@global .rst__rowCancelPad::before': {
+        backgroundColor: '#e6a8ad'
+    },
+    /**
+     * Nodes matching the search conditions are highlighted
+     */
+    '@global .rst__rowSearchMatch': {
+        outline: 'solid 3px #0080ff'
+    },
+    /**
+     * The node that matches the search conditions and is currently focused
+     */
+    '@global .rst__rowSearchFocus': {
+        outline: 'solid 3px #fc6421'
+    },
+    '@global .rst__rowContents, .rst__rowLabel, .rst__rowToolbar, .rst__moveHandle, .rst__toolbarButton': {
+        display: 'inline-block',
+        verticalAlign: 'middle'
+    },
+    '@global .rst__rowContents': {
+        position: 'relative',
+        height: '100%',
+        border: 'solid #bbb 1px',
+        borderLeft: 'none',
+        boxShadow: '0 2px 2px -2px',
+        padding: '0 5px 0 10px',
+        borderRadius: '2px',
+        minWidth: '230px',
+        flex: '1 0 auto',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        backgroundColor: 'white'
+    },
+    '@global .rst__rtl.rst__rowContents': {
+        borderRight: 'none',
+        borderLeft: 'solid #bbb 1px',
+        padding: '0 10px 0 5px'
+    },
+    '@global .rst__rowContentsDragDisabled': {
+        borderLeft: 'solid #bbb 1px'
+    },
+    '@global .rst__rtl.rst__rowContentsDragDisabled': {
+        borderRight: 'solid #bbb 1px',
+        borderLeft: 'solid #bbb 1px'
+    },
+    '@global .rst__rowLabel': {
+        flex: '0 1 auto',
+        paddingRight: '20px'
+    },
+    '@global .rst__rtl.rst__rowLabel': {
+        paddingLeft: '20px',
+        paddingRight: 'inherit'
+    },
+    '@global .rst__rowToolbar': {
+        flex: '0 1 auto',
+        display: 'flex'
+    },
+    '@global .rst__moveHandle, .rst__loadingHandle': {
+        height: '100%',
+        width: '44px',
+        background: "#d9d9d9 url('data:image/svg+xml,base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MiIgaGVpZ2h0PSI0MiI+PGcgc3Ryb2tlPSIjRkZGIiBzdHJva2Utd2lkdGg9IjIuOSIgPjxwYXRoIGQ9Ik0xNCAxNS43aDE0LjQiLz48cGF0aCBkPSJNMTQgMjEuNGgxNC40Ii8+PHBhdGggZD0iTTE0IDI3LjFoMTQuNCIvPjwvZz4KPC9zdmc+') no-repeat center",
+        border: 'solid #aaa 1px',
+        boxShadow: '0 2px 2px -2px',
+        cursor: 'move',
+        borderRadius: '1px',
+        zIndex: 1
+    },
+    '@global .rst__loadingHandle': {
+        cursor: 'default',
+        background: '#d9d9d9'
+    },
+    '@keyframes pointFade': {
+        '0%, 19.999%, 100%': {
+            opacity: 0
+        },
+        '20%': {
+            opacity: 1
+        }
+    },
+    '@global .rst__loadingCircle': {
+        width: '80%',
+        height: '80%',
+        margin: '10%',
+        position: 'relative'
+    },
+    '@global .rst__loadingCirclePoint': {
+        width: '100%',
+        height: '100%',
+        position: 'absolute',
+        left: 0,
+        top: 0
+    },
+    '@global .rst__rtl.rst__loadingCirclePoint': {
+        right: 0,
+        left: 'initial'
+    },
+    '@global .rst__loadingCirclePoint::before': {
+        content: '',
+        display: 'block',
+        margin: '0 auto',
+        width: '11%',
+        height: '30%',
+        backgroundColor: '#fff',
+        borderRadius: '30%',
+        animation: 'pointFade 800ms infinite ease-in-out both'
+    },
+    '@global .rst__loadingCirclePoint:nth-of-type(1)': {
+        transform: 'rotate(0deg)'
+    },
+    '@global .rst__loadingCirclePoint:nth-of-type(7)': {
+        transform: 'rotate(180deg)'
+    },
+    '@global .rst__loadingCirclePoint:nth-of-type(1)::before, .rst__loadingCirclePoint:nth-of-type(7)::before': {
+        animationDelay: '-800ms'
+    },
+    '@global .rst__loadingCirclePoint:nth-of-type(2)': {
+        transform: 'rotate(30deg)'
+    },
+    '@global .rst__loadingCirclePoint:nth-of-type(8)': {
+        transform: 'rotate(210deg)'
+    },
+    '@global .rst__loadingCirclePoint:nth-of-type(2)::before, .rst__loadingCirclePoint:nth-of-type(8)::before': {
+        animationDelay: '-666ms'
+    },
+    '@global .rst__loadingCirclePoint:nth-of-type(3)': {
+        transform: 'rotate(60deg)'
+    },
+    '@global .rst__loadingCirclePoint:nth-of-type(9)': {
+        transform: 'rotate(240deg)'
+    },
+    '@global .rst__loadingCirclePoint:nth-of-type(3)::before, .rst__loadingCirclePoint:nth-of-type(9)::before': {
+        animationDelay: '-533ms'
+    },
+    '@global .rst__loadingCirclePoint:nth-of-type(4)': {
+        transform: 'rotate(90deg)'
+    },
+    '@global .rst__loadingCirclePoint:nth-of-type(10)': {
+        transform: 'rotate(270deg)'
+    },
+    '@global .rst__loadingCirclePoint:nth-of-type(4)::before, .rst__loadingCirclePoint:nth-of-type(10)::before': {
+        animationDelay: '-400ms'
+    },
+    '@global .rst__loadingCirclePoint:nth-of-type(5)': {
+        transform: 'rotate(120deg)'
+    },
+    '@global .rst__loadingCirclePoint:nth-of-type(11)': {
+        transform: 'rotate(300deg)'
+    },
+    '@global .rst__loadingCirclePoint:nth-of-type(5)::before, .rst__loadingCirclePoint:nth-of-type(11)::before': {
+        animationDelay: '-266ms'
+    },
+    '@global .rst__loadingCirclePoint:nth-of-type(6)': {
+        transform: 'rotate(150deg)'
+    },
+    '@global .rst__loadingCirclePoint:nth-of-type(12)': {
+        transform: 'rotate(330deg)'
+    },
+    '@global .rst__loadingCirclePoint:nth-of-type(6)::before, .rst__loadingCirclePoint:nth-of-type(12)::before': {
+        animationDelay: '-133ms'
+    },
+    '@global .rst__loadingCirclePoint:nth-of-type(13)': {
+        transform: 'rotate(360deg)'
+    },
+    '@global .rst__loadingCirclePoint:nth-of-type(7)::before, .rst__loadingCirclePoint:nth-of-type(13)::before': {
+        animationDelay: '0ms'
+    },
+    '@global .rst__rowTitle': {
+        fontWeight: 'bold'
+    },
+    '@global .rst__rowTitleWithSubtitle': {
+        fontSize: '85%',
+        display: 'block',
+        height: '0.8rem'
+    },
+    '@global .rst__rowSubtitle': {
+        fontSize: '70%',
+        lineHeight: 1
+    },
+    '@global .rst__collapseButton, .rst__expandButton': {
+        appearance: 'none',
+        border: 'none',
+        position: 'absolute',
+        borderRadius: '100%',
+        boxShadow: '0 0 0 1px #000',
+        width: '16px',
+        height: '16px',
+        padding: 0,
+        top: '50%',
+        transform: 'translate(-50%, -50%)',
+        cursor: 'pointer'
+    },
+    '@global .rst__rtl.rst__collapseButton, .rst__rtl.rst__expandButton': {
+        transform: 'translate(50%, -50%)'
+    },
+    '@global .rst__collapseButton:focus, .rst__expandButton:focus': {
+        outline: 'none',
+        boxShadow: '0 0 0 1px #000, 0 0 1px 3px #83bef9'
+    },
+    '@global .rst__collapseButton:hover:not(:active), .rst__expandButton:hover:not(:active)': {
+        backgroundSize: '24px',
+        height: '20px',
+        width: '20px'
+    },
+    '@global .rst__collapseButton': {
+        background: "#fff url('data:image/svg+xml,base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PGNpcmNsZSBjeD0iOSIgY3k9IjkiIHI9IjgiIGZpbGw9IiNGRkYiLz48ZyBzdHJva2U9IiM5ODk4OTgiIHN0cm9rZS13aWR0aD0iMS45IiA+PHBhdGggZD0iTTQuNSA5aDkiLz48L2c+Cjwvc3ZnPg==') no-repeat center"
+    },
+    '@global .rst__expandButton': {
+        background: "#fff url('data:image/svg+xml,base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PGNpcmNsZSBjeD0iOSIgY3k9IjkiIHI9IjgiIGZpbGw9IiNGRkYiLz48ZyBzdHJva2U9IiM5ODk4OTgiIHN0cm9rZS13aWR0aD0iMS45IiA+PHBhdGggZD0iTTQuNSA5aDkiLz48cGF0aCBkPSJNOSA0LjV2OSIvPjwvZz4KPC9zdmc+') no-repeat center"
+    },
+    /**
+     * Line for under a node with children
+     */
+    '@global .rst__lineChildren': {
+        height: '100%',
+        display: 'inline-block',
+        position: 'absolute'
+    },
+    '@global .rst__lineChildren::after': {
+        content: '',
+        position: 'absolute',
+        backgroundColor: 'black',
+        width: '1px',
+        left: '50%',
+        bottom: 0,
+        height: '10px'
+    },
+    '@global .rst__rtl.rst__lineChildren::after': {
+        right: '50%',
+        left: 'initial'
+    }
+}); });

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

@@ -0,0 +1,23 @@
+"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("./utils/classnames"));
+var placeholderRendererDefaultStyle_1 = require("./placeholderRendererDefaultStyle");
+var PlaceholderRendererDefault = function (_a) {
+    var isOver = _a.isOver, canDrop = _a.canDrop;
+    placeholderRendererDefaultStyle_1.useStyles();
+    return (react_1.default.createElement("div", { className: classnames_1.default('rst__placeholder', canDrop && 'rst__placeholderLandingPad', canDrop && !isOver && 'rst__placeholderCancelPad') }));
+};
+PlaceholderRendererDefault.defaultProps = {
+    isOver: false,
+    canDrop: false
+};
+PlaceholderRendererDefault.propTypes = {
+    isOver: prop_types_1.default.bool,
+    canDrop: prop_types_1.default.bool
+};
+exports.default = PlaceholderRendererDefault;

package/components/ReactSortableTree/placeholderRendererDefaultStyle.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@material-ui/core/styles");
+exports.useStyles = styles_1.makeStyles(function () { return ({
+    '@global .rst__placeholder': {
+        position: 'relative',
+        height: '68px',
+        maxWidth: '300px',
+        padding: '10px'
+    },
+    '@global .rst__placeholder, .rst__placeholder > *': {
+        boxSizing: 'border-box'
+    },
+    '@global .rst__placeholder::before': {
+        border: '3px dashed #d9d9d9',
+        content: '',
+        position: 'absolute',
+        top: '5px',
+        right: '5px',
+        bottom: '5px',
+        left: '5px',
+        zIndex: -1
+    },
+    /**
+     * The outline of where the element will go if dropped, displayed while dragging
+     */
+    '@global .rst__placeholderLandingPad, .rst__placeholderCancelPad': {
+        border: 'none !important',
+        boxShadow: 'none !important',
+        outline: 'none !important'
+    },
+    '@global .rst__placeholderLandingPad *, .rst__placeholderCancelPad *': {
+        opacity: '0 !important'
+    },
+    '@global .rst__placeholderLandingPad::before, .rst__placeholderCancelPad::before': {
+        backgroundColor: 'lightblue',
+        borderColor: 'white'
+    },
+    /**
+     * Alternate appearance of the landing pad when the dragged location is invalid
+     */
+    '@global .rst__placeholderCancelPad::before': {
+        backgroundColor: '#e6a8ad'
+    }
+}); });