@reltio/components 1.4.874 → 1.4.878

package/components/ReactSelect/withMuiSkin.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -21,22 +20,18 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     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) {
+import React from 'react';
+import PropTypes from 'prop-types';
+import skinComponents from './commonComponents';
+import useStyles from './styles';
+import { mergeClasses } from '../../core/utils';
+export default 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)));
+        var skinClasses = useStyles();
+        var components = __assign(__assign({}, skinComponents), componentsProp);
+        var classes = mergeClasses(skinClasses, classesProp);
+        return (React.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 = {
@@ -45,53 +40,52 @@ function withMuiSkin(SelectComponent) {
     };
     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
+        components: PropTypes.shape({
+            ClearIndicator: PropTypes.func,
+            Control: PropTypes.func,
+            DropdownIndicator: PropTypes.func,
+            DownChevron: PropTypes.func,
+            CrossIcon: PropTypes.func,
+            Group: PropTypes.func,
+            GroupHeading: PropTypes.func,
+            IndicatorsContainer: PropTypes.func,
+            IndicatorSeparator: PropTypes.func,
+            Input: PropTypes.func,
+            LoadingIndicator: PropTypes.func,
+            Menu: PropTypes.func,
+            MenuList: PropTypes.func,
+            MenuPortal: PropTypes.func,
+            LoadingMessage: PropTypes.func,
+            NoOptionsMessage: PropTypes.func,
+            MultiValue: PropTypes.func,
+            MultiValueContainer: PropTypes.func,
+            MultiValueLabel: PropTypes.func,
+            MultiValueRemove: PropTypes.func,
+            Option: PropTypes.func,
+            Placeholder: PropTypes.func,
+            SelectContainer: PropTypes.func,
+            SingleValue: PropTypes.func,
+            ValueContainer: PropTypes.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
+        classes: PropTypes.shape({
+            control: PropTypes.string,
+            valueContainer: PropTypes.string,
+            multiValue: PropTypes.string,
+            noOptionsMessage: PropTypes.string,
+            singleValue: PropTypes.string,
+            placeholder: PropTypes.string,
+            menu: PropTypes.string,
+            clearIndicator: PropTypes.string,
+            dropdownIndicator: PropTypes.string,
+            option: PropTypes.string,
+            'option--selected': PropTypes.string
         }),
         /* Props from https://material-ui.com/api/text-field/ */
-        TextFieldProps: prop_types_1.default.object,
-        error: prop_types_1.default.bool,
+        TextFieldProps: PropTypes.object,
+        error: PropTypes.bool,
         /* Plus all necessary props for wrapped react-select component. See docs on https://react-select.com */
-        innerRef: prop_types_1.default.object
+        innerRef: PropTypes.object
     };
     return WrappedSelectComponent;
 }
-exports.default = withMuiSkin;

package/components/ReactSortableTree/index.js

@@ -1,30 +1,8 @@
-"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;
+import SortableTree, { SortableTreeWithoutDndContext } from './react-sortable-tree';
+export * from './utils/default-handlers';
+export * from './utils/tree-data-utils';
+export default SortableTree;
+// Export the tree component without the react-dnd DragDropContext,
+// for when component is used with other components using react-dnd.
+// see: https://github.com/gaearon/react-dnd/issues/186
+export { SortableTreeWithoutDndContext };

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

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -26,14 +25,10 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from) {
         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 React from 'react';
+import PropTypes from 'prop-types';
+import { isDescendant } from './utils/tree-data-utils';
+import classnames from './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, 
@@ -51,55 +46,55 @@ var NodeRendererDefault = function (_a) {
         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", { 
+            handle = (React.createElement("div", { className: "rst__loadingHandle" },
+                React.createElement("div", { className: "rst__loadingCircle" }, __spreadArray([], new Array(12)).map(function (_, index) { return (React.createElement("div", { 
                     // eslint-disable-next-line react/no-array-index-key
-                    key: index, className: classnames_1.default('rst__loadingCirclePoint', rowDirectionClass) })); }))));
+                    key: index, className: classnames('rst__loadingCirclePoint', rowDirectionClass) })); }))));
         }
         else {
             // Show the handle used to initiate a drag-and-drop
-            handle = connectDragSource(react_1.default.createElement("div", { className: "rst__moveHandle" }), {
+            handle = connectDragSource(React.createElement("div", { className: "rst__moveHandle" }), {
                 dropEffect: 'copy'
             });
         }
     }
-    var isDraggedDescendant = draggedNode && tree_data_utils_1.isDescendant(draggedNode, node);
+    var isDraggedDescendant = draggedNode && 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),
+    return (React.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 () {
+            (node.children.length > 0 || typeof node.children === 'function') && (React.createElement("div", null,
+            React.createElement("button", { type: "button", "aria-label": node.expanded ? 'Collapse' : 'Expand', className: classnames(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) },
+            node.expanded && !isDragging && (React.createElement("div", { style: { width: scaffoldBlockPxWidth }, className: classnames('rst__lineChildren', rowDirectionClass) })))),
+        React.createElement("div", { className: classnames('rst__rowWrapper', rowDirectionClass) }, connectDragPreview(React.createElement("div", { className: classnames('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'
+            React.createElement("div", { className: classnames('rst__rowContents', !canDrag && 'rst__rowContentsDragDisabled', rowDirectionClass) },
+                React.createElement("div", { className: classnames('rst__rowLabel', rowDirectionClass) },
+                    React.createElement("span", { className: classnames('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 && (React.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)); }))))))));
+                React.createElement("div", { className: "rst__rowToolbar" }, buttons.map(function (btn, index) { return (React.createElement("div", { key: index, className: "rst__toolbarButton" }, btn)); }))))))));
 };
 NodeRendererDefault.defaultProps = {
     isSearchMatch: false,
@@ -117,32 +112,32 @@ NodeRendererDefault.defaultProps = {
     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({}),
+    node: PropTypes.shape({}).isRequired,
+    title: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),
+    subtitle: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),
+    path: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])).isRequired,
+    treeIndex: PropTypes.number.isRequired,
+    treeId: PropTypes.string.isRequired,
+    isSearchMatch: PropTypes.bool,
+    isSearchFocus: PropTypes.bool,
+    canDrag: PropTypes.bool,
+    scaffoldBlockPxWidth: PropTypes.number.isRequired,
+    toggleChildrenVisibility: PropTypes.func,
+    buttons: PropTypes.arrayOf(PropTypes.node),
+    className: PropTypes.string,
+    style: PropTypes.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({}),
+    connectDragPreview: PropTypes.func.isRequired,
+    connectDragSource: PropTypes.func.isRequired,
+    parentNode: PropTypes.shape({}),
+    isDragging: PropTypes.bool.isRequired,
+    didDrop: PropTypes.bool.isRequired,
+    draggedNode: PropTypes.shape({}),
     // Drop target
-    isOver: prop_types_1.default.bool.isRequired,
-    canDrop: prop_types_1.default.bool,
+    isOver: PropTypes.bool.isRequired,
+    canDrop: PropTypes.bool,
     // rtl support
-    rowDirection: prop_types_1.default.string
+    rowDirection: PropTypes.string
 };
-exports.default = NodeRendererDefault;
+export default NodeRendererDefault;

package/components/ReactSortableTree/nodeRendererDefaultStyle.js

@@ -1,8 +1,5 @@
-"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 ({
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles(function () { return ({
     '@global .rst__rowWrapper': {
         padding: '10px 10px 10px 0',
         height: '100%',

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

@@ -1,23 +1,18 @@
-"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");
+import React from 'react';
+import PropTypes from 'prop-types';
+import classnames from './utils/classnames';
+import { useStyles } from './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') }));
+    useStyles();
+    return (React.createElement("div", { className: classnames('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
+    isOver: PropTypes.bool,
+    canDrop: PropTypes.bool
 };
-exports.default = PlaceholderRendererDefault;
+export default PlaceholderRendererDefault;

package/components/ReactSortableTree/placeholderRendererDefaultStyle.js

@@ -1,8 +1,5 @@
-"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 ({
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles(function () { return ({
     '@global .rst__placeholder': {
         position: 'relative',
         height: '68px',