orc-shared 1.1.0-dev.9 → 1.2.0-dev.10

package/dist/components/MaterialUI/Navigation/ExternalLink.js

@@ -0,0 +1,113 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Link = _interopRequireDefault(require("@material-ui/core/Link"));
+
+var _Icon = _interopRequireDefault(require("../DataDisplay/Icon"));
+
+var _styles = require("@material-ui/core/styles");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+
+var useStyles = (0, _styles.makeStyles)(function (theme) {
+  return {
+    icon: {
+      paddingLeft: theme.spacing(1),
+      width: theme.spacing(1.2),
+      color: theme.palette.primary.main
+    }
+  };
+});
+
+var ExternalLink = function ExternalLink(_ref) {
+  var id = _ref.id,
+      url = _ref.url,
+      children = _ref.children;
+  var classes = useStyles();
+  return /*#__PURE__*/_react.default.createElement(_Link.default, {
+    id: id,
+    href: url,
+    rel: "noreferrer",
+    target: "_blank",
+    underline: "always"
+  }, children, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    id: "open-in-new-tab",
+    className: classes.icon
+  }));
+};
+
+__signature__(ExternalLink, "useStyles{classes}", function () {
+  return [useStyles];
+});
+
+__signature__(ExternalLink, "useStyles{classes}", function () {
+  return [useStyles];
+});
+
+var _default = ExternalLink;
+var _default2 = _default;
+var _default3 = _default2;
+exports.default = _default3;
+;
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(useStyles, "useStyles", "/home/vsts/work/1/s/src/components/MaterialUI/Navigation/ExternalLink.js");
+  reactHotLoader.register(ExternalLink, "ExternalLink", "/home/vsts/work/1/s/src/components/MaterialUI/Navigation/ExternalLink.js");
+  reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/MaterialUI/Navigation/ExternalLink.js");
+})();
+
+;
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();
+
+;
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(useStyles, "useStyles", "/home/vsts/work/1/s/src/components/MaterialUI/Navigation/ExternalLink.js");
+  reactHotLoader.register(ExternalLink, "ExternalLink", "/home/vsts/work/1/s/src/components/MaterialUI/Navigation/ExternalLink.js");
+  reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/MaterialUI/Navigation/ExternalLink.js");
+})();
+
+;
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();

package/dist/components/MaterialUI/Navigation/TabBar.js

@@ -229,22 +229,20 @@ var MuiBar = function MuiBar(_ref) {
     return newIndex;
   };
 
-  var tabCloseHandler = function tabCloseHandler(event, closeCallback, isModified, href, path, entityIdKey, index) {
+  var tabCloseHandler = function tabCloseHandler(event, closeCallback, isModified, href, path, entityIdKey, entityId, index) {
     event.stopPropagation();
     event.preventDefault();
 
     if (isModified) {
       setCurrentCloseData({
         closeCallback: closeCallback,
-        href: href,
-        path: path,
-        entityIdKey: entityIdKey,
+        entityId: entityId,
         index: index
       });
       setShowConfirmationModal(true);
     } else {
       closeCallback();
-      removeEditState(href, entityIdKey, path);
+      dispatch(_view2.removeEditNode, [entityId]);
       handleChange(null, getNewIndex(index));
     }
   };
@@ -252,17 +250,10 @@ var MuiBar = function MuiBar(_ref) {
   var closeTab = function closeTab() {
     setShowConfirmationModal(false);
     currentCloseData.closeCallback();
-    removeEditState(currentCloseData.href, currentCloseData.entityIdKey, currentCloseData.path);
+    dispatch(_view2.removeEditNode, [currentCloseData.entityId]);
     handleChange(null, getNewIndex(currentCloseData.index));
   };
 
-  var removeEditState = function removeEditState(href, entityIdKey, path) {
-    var newKey = (0, _urlHelper.tryGetNewEntityIdKey)(href);
-    var key = entityIdKey === newKey ? entityIdKey : ":".concat(entityIdKey);
-    var entityId = (0, _urlHelper.getValueFromUrlByKey)(href, path, key);
-    dispatch(_view2.removeEditNode, [entityId]);
-  };
-
   var moduleIcon = /*#__PURE__*/_react.default.createElement(_Icon.default, {
     id: module.icon,
     className: classes.moduleIcon
@@ -277,25 +268,9 @@ var MuiBar = function MuiBar(_ref) {
     resizeHandler();
   }, [resizeHandler, module, pages]);
 
-  _react.default.useEffect(function () {
-    var _module$closingTabHan;
-
-    if ((_module$closingTabHan = module.closingTabHandler) != null && _module$closingTabHan.entitySelector) {
-      var actions = pages.map(function (p) {
-        var _module$closingTabHan2, _module$closingTabHan3;
-
-        return {
-          entityId: (_module$closingTabHan2 = (_module$closingTabHan3 = module.closingTabHandler.entitySelector(p.params)) == null ? void 0 : _module$closingTabHan3.entityId) != null ? _module$closingTabHan2 : null,
-          closeTab: p.close
-        };
-      }).filter(function (x) {
-        return x.entityId != null;
-      });
-      dispatchRedux((0, _navigation.setClosingTabHandlerActions)(moduleName, actions));
-    }
-  }, [dispatchRedux, moduleName, pages, module.closingTabHandler]);
+  var closingActions = [];
 
-  return /*#__PURE__*/_react.default.createElement("div", {
+  var allTabs = /*#__PURE__*/_react.default.createElement("div", {
     className: classes.container
   }, /*#__PURE__*/_react.default.createElement(_reactResizeDetector.default, {
     onResize: resizeHandler
@@ -330,11 +305,17 @@ var MuiBar = function MuiBar(_ref) {
         params = _ref2.params,
         mustTruncate = _ref2.mustTruncate,
         icon = _ref2.icon,
-        isDetails = _ref2.isDetails;
+        isDetails = _ref2.isDetails,
+        entityIdResolver = _ref2.entityIdResolver;
     var entityIdKey = Object.keys(params).find(function (p) {
       return p.toLowerCase().endsWith("id");
     });
     if (!entityIdKey) entityIdKey = (0, _urlHelper.tryGetNewEntityIdKey)(href);
+    var entityId = typeof entityIdResolver === "function" ? entityIdResolver({
+      match: {
+        params: params
+      }
+    }) : (0, _urlHelper.resolveEntityId)(href, path, entityIdKey);
     var isModified = modifiedTabs.includes(href);
     var isError = tabsWithErrors.includes(href);
 
@@ -366,7 +347,7 @@ var MuiBar = function MuiBar(_ref) {
       id: "close",
       className: classes.closeIcon,
       onClick: function onClick(event) {
-        return tabCloseHandler(event, close, isModified, href, path, entityIdKey, index);
+        return tabCloseHandler(event, close, isModified, href, path, entityIdKey, entityId, index);
       }
     });
 
@@ -375,6 +356,24 @@ var MuiBar = function MuiBar(_ref) {
       label: tabLabel,
       sortOrder: index
     });
+
+    if (entityId != null) {
+      closingActions.push({
+        entityId: entityId,
+        closeTab: function closeTab(event, executeHandlerOnly) {
+          if (executeHandlerOnly === void 0) {
+            executeHandlerOnly = false;
+          }
+
+          close(event, executeHandlerOnly);
+
+          if (executeHandlerOnly === false) {
+            handleChange(null, getNewIndex(index));
+          }
+        }
+      });
+    }
+
     return /*#__PURE__*/_react.default.createElement(_Tab.default, {
       classes: {
         root: (0, _classnames.default)(classes.tab, !mustTruncate && classes.unsetMaxWidth)
@@ -401,6 +400,12 @@ var MuiBar = function MuiBar(_ref) {
       return setShowConfirmationModal(false);
     }
   }));
+
+  _react.default.useEffect(function () {
+    dispatchRedux((0, _navigation.setClosingTabHandlerActions)(moduleName, closingActions));
+  }, [dispatchRedux, moduleName, closingActions]);
+
+  return allTabs;
 };
 
 __signature__(MuiBar, "useRef{tabs}\nuseStyles{classes}\nuseHistory{history}\nuseDispatchWithModulesData{dispatch}\nuseDispatch{dispatchRedux}\nuseState{[showSelect, setShowSelect](false)}\nuseState{[showConfirmationModal, setShowConfirmationModal](false)}\nuseState{[currentCloseData, setCurrentCloseData]}\nuseSelector{modifiedTabs}\nuseSelector{tabsWithErrors}\nuseCallback{resizeHandler}\nuseEffect{}\nuseEffect{}", function () {

package/dist/components/MaterialUI/ScopeSelector/ScopeSelector.js

@@ -48,7 +48,8 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       zIndex: 9999,
       backgroundColor: theme.palette.grey.light,
       border: "1px solid ".concat(theme.palette.grey.borders),
-      boxShadow: "0 2px 4px rgba(0,0,0,0.5)"
+      boxShadow: "0 2px 4px rgba(0,0,0,0.5)",
+      width: theme.spacing(50)
     },
     scopeSelector: {
       display: "flex",
@@ -71,7 +72,8 @@ var ScopeSelector = function ScopeSelector(_ref) {
       selectedScope = _ref.selectedScope,
       closeSelector = _ref.closeSelector,
       filter = _ref.filter,
-      updateFilter = _ref.updateFilter;
+      updateFilter = _ref.updateFilter,
+      isScopeSelectable = _ref.isScopeSelectable;
   var classes = useStyles();
 
   var _useIntl = (0, _reactIntl.useIntl)(),
@@ -94,13 +96,13 @@ var ScopeSelector = function ScopeSelector(_ref) {
     getScope: getScope,
     selected: selectedScope.id,
     expanded: selectedScope.scopePath,
-    onSelected: closeSelector
+    onSelected: closeSelector,
+    isScopeSelectable: isScopeSelectable
   })));
 
   var scopeSelector = /*#__PURE__*/_react.default.createElement(_Sidepanel.default, {
     className: classes.container,
     in: show,
-    width: "27vw",
     timeout: 300
   }, /*#__PURE__*/_react.default.createElement(_ClickAwayListener.default, {
     onClickAway: function onClickAway(e) {

package/dist/components/MaterialUI/ScopeSelector/ScopeTreeView.js

@@ -49,7 +49,8 @@ var BaseScopeTreeView = function BaseScopeTreeView(_ref) {
       initExpanded = _ref$initExpanded === void 0 ? [] : _ref$initExpanded,
       selected = _ref.selected,
       setSelected = _ref.setSelected,
-      multipleSelect = _ref.multipleSelect;
+      multipleSelect = _ref.multipleSelect,
+      isScopeSelectable = _ref.isScopeSelectable;
 
   var _React$useState = _react.default.useState(initExpanded),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -75,7 +76,8 @@ var BaseScopeTreeView = function BaseScopeTreeView(_ref) {
       key: "ScopeSelector-".concat(currentScope.id),
       scope: currentScope,
       rootId: rootId,
-      onScopeSelect: onScopeSelect
+      onScopeSelect: onScopeSelect,
+      isScopeSelectable: isScopeSelectable
     }, currentScope.children.map(function (child) {
       return renderTree(child);
     }));
@@ -100,7 +102,8 @@ var ScopeTreeView = function ScopeTreeView(_ref2) {
       selected = _ref2.selected,
       expanded = _ref2.expanded,
       onSelected = _ref2.onSelected,
-      multipleSelect = _ref2.multipleSelect;
+      multipleSelect = _ref2.multipleSelect,
+      isScopeSelectable = _ref2.isScopeSelectable;
   var initialSelected = Array.isArray(selected) ? selected : selected ? [selected] : [];
 
   var _React$useState3 = _react.default.useState(initialSelected),
@@ -115,7 +118,8 @@ var ScopeTreeView = function ScopeTreeView(_ref2) {
     initExpanded: expanded,
     selected: currentSelected,
     setSelected: setCurrentSelected,
-    multipleSelect: multipleSelect
+    multipleSelect: multipleSelect,
+    isScopeSelectable: isScopeSelectable
   });
 };
 

package/dist/components/MaterialUI/ScopeSelector/TreeItem.js

@@ -63,8 +63,9 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       // }
 
     },
-    globalIconContainer: {
-      marginRight: 0
+    rootIconContainer: {
+      marginRight: 0,
+      display: "none"
     },
     scopeLabel: {
       position: "relative",
@@ -215,10 +216,12 @@ var TreeItem = function TreeItem(_ref3) {
   var scope = _ref3.scope,
       rootId = _ref3.rootId,
       onScopeSelect = _ref3.onScopeSelect,
+      isScopeSelectable = _ref3.isScopeSelectable,
       children = _ref3.children;
   var isRootScope = scope.id === rootId;
   var isVirtualScope = scope.type === _constants.scopeTypes.virtual;
   var hasChildren = scope.children.length > 0;
+  var isSelectable = !isVirtualScope && (!isScopeSelectable || isScopeSelectable(scope.id));
   var classes = useStyles({
     isRootScope: isRootScope
   });
@@ -234,7 +237,7 @@ var TreeItem = function TreeItem(_ref3) {
   var onLabelClickHandler = function onLabelClickHandler(event) {
     event.preventDefault();
 
-    if (isVirtualScope === false) {
+    if (isSelectable) {
       onScopeSelect(event, scope.id);
     }
   };
@@ -255,9 +258,9 @@ var TreeItem = function TreeItem(_ref3) {
     },
     classes: {
       group: classes.group,
-      iconContainer: (0, _classnames.default)(_defineProperty({}, classes.globalIconContainer, isRootScope)),
-      content: (0, _classnames.default)(_defineProperty({}, classes.virtualScopeContent, isVirtualScope)),
-      selected: (0, _classnames.default)(_defineProperty({}, classes.virtualScopeSelected, isVirtualScope))
+      iconContainer: (0, _classnames.default)(_defineProperty({}, classes.rootIconContainer, isRootScope)),
+      content: (0, _classnames.default)(_defineProperty({}, classes.virtualScopeContent, !isSelectable)),
+      selected: (0, _classnames.default)(_defineProperty({}, classes.virtualScopeSelected, !isSelectable))
     }
   }, children);
 };

package/dist/components/MaterialUI/Surfaces/ExpansionPanel.js

@@ -69,7 +69,14 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       hight: theme.spacing(1),
       width: theme.spacing(1)
     },
-    headerPanelExpanded: {}
+    headerPanelExpanded: {},
+    constrainedSummaryRoot: {
+      overflowX: "auto",
+      overflowY: "hidden"
+    },
+    constrainedSummaryContent: {
+      minWidth: theme.spacing(83)
+    }
   };
 });
 
@@ -94,6 +101,7 @@ var ExpansionPanel = function ExpansionPanel(_ref) {
 
   var disabled = expansionPanelProps == null ? void 0 : expansionPanelProps.get(_expansionPanelProps.ExpansionPanelProps.propNames.disabled);
   var defaultExpanded = (_expansionPanelProps$ = expansionPanelProps == null ? void 0 : expansionPanelProps.get(_expansionPanelProps.ExpansionPanelProps.propNames.defaultExpanded)) != null ? _expansionPanelProps$ : true;
+  var constrained = (expansionPanelProps == null ? void 0 : expansionPanelProps.get(_expansionPanelProps.ExpansionPanelProps.propNames.constrained)) || false;
 
   var _React$useState = _react.default.useState(defaultExpanded),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -126,7 +134,8 @@ var ExpansionPanel = function ExpansionPanel(_ref) {
       className: classes.expandIcon
     }),
     classes: {
-      root: (0, _classnames.default)(classes.expansionPanelHeader, panelSummaryRootStyle),
+      root: (0, _classnames.default)(classes.expansionPanelHeader, panelSummaryRootStyle, constrained ? classes.constrainedSummaryRoot : ""),
+      content: (0, _classnames.default)(constrained ? classes.constrainedSummaryContent : ""),
       expanded: (0, _classnames.default)(classes.headerPanelExpanded, panelSummaryExpandedStyle)
     }
   }, header), /*#__PURE__*/_react.default.createElement(_AccordionDetails.default, {

package/dist/components/MaterialUI/Surfaces/SectionExpansionPanel.js

@@ -93,6 +93,13 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
     summaryExpandIconRoot: {
       color: theme.palette.grey.darker,
       minWidth: "auto"
+    },
+    constrainedSummaryRoot: {
+      overflowX: "auto",
+      overflowY: "hidden"
+    },
+    constrainedSummaryContent: {
+      minWidth: theme.spacing(83)
     }
   };
 });
@@ -147,6 +154,7 @@ var SectionExpansionPanel = function SectionExpansionPanel(_ref) {
   }; // Expansion panel actions props
 
   var disableSpacing = expansionPanelActionsProps == null ? void 0 : expansionPanelActionsProps.get(_expansionPanelProps.ExpansionPanelActionsProps.propNames.disableSpacing);
+  var constrained = (expansionPanelProps == null ? void 0 : expansionPanelProps.get(_expansionPanelProps.ExpansionPanelProps.propNames.constrained)) || false;
   return /*#__PURE__*/_react.default.createElement(_Accordion.default, {
     defaultExpanded: defaultExpanded,
     disabled: disabled == null ? false : disabled,
@@ -162,9 +170,9 @@ var SectionExpansionPanel = function SectionExpansionPanel(_ref) {
     }),
     IconButtonProps: defaultSummaryStyles,
     classes: {
-      root: (0, _classnames.default)(classes.summaryRoot),
+      root: (0, _classnames.default)(classes.summaryRoot, constrained ? classes.constrainedSummaryRoot : ""),
       expanded: (0, _classnames.default)(classes.panelExpanded),
-      content: (0, _classnames.default)(classes.summaryContent),
+      content: (0, _classnames.default)(classes.summaryContent, constrained ? classes.constrainedSummaryContent : ""),
       expandIcon: (0, _classnames.default)(classes.summaryExpandIconRoot)
     }
   }, header), /*#__PURE__*/_react.default.createElement(_AccordionDetails.default, {

package/dist/components/MaterialUI/Surfaces/expansionPanelProps.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.ExpansionPanelActionsProps = exports.ExpansionPanelProps = exports.isExpansionPanelActionsProps = exports.isExpansionPanelProps = void 0;
+exports.isExpansionPanelProps = exports.isExpansionPanelActionsProps = exports.ExpansionPanelProps = exports.ExpansionPanelActionsProps = void 0;
 
 var _componentProps = _interopRequireDefault(require("../componentProps"));
 
@@ -47,6 +47,8 @@ var ExpansionPanelProps = /*#__PURE__*/function (_ComponentProps) {
 
     _this.componentProps.set(_this.constructor.propNames.onChange, null);
 
+    _this.componentProps.set(_this.constructor.propNames.constrained, false);
+
     _this.componentClasses.set(_this.constructor.ruleNames.root, null);
 
     _this.componentClasses.set(_this.constructor.ruleNames.summaryRoot, null);
@@ -78,7 +80,8 @@ _defineProperty(ExpansionPanelProps, "propNames", {
   defaultExpanded: "defaultExpanded",
   disabled: "disabled",
   expanded: "expanded",
-  onChange: "onChange"
+  onChange: "onChange",
+  constrained: "constrained"
 });
 
 _defineProperty(ExpansionPanelProps, "ruleNames", {

package/dist/components/MaterialUI/Surfaces/paperProps.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.default = exports.isPaperProps = void 0;
+exports.isPaperProps = exports.default = void 0;
 
 var _componentProps = _interopRequireDefault(require("../componentProps"));
 

package/dist/components/MaterialUI/muiThemes.js

@@ -17,9 +17,9 @@ var _colorManipulator = require("@material-ui/core/styles/colorManipulator");
   enterModule && enterModule(module);
 })();
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
@@ -123,7 +123,8 @@ var commonPalette = {
     paper: "#FFF",
     default: "#FFF",
     tabs: "#EFEFEF",
-    app: "#333"
+    app: "#333",
+    selectedDate: "#216BA5"
   },
   action: {
     disabledBackground: "#EFEFEF"
@@ -188,6 +189,11 @@ var setThemeOverrides = function setThemeOverrides(theme) {
         }
       })
     }),
+    MuiLink: {
+      root: {
+        fontSize: theme.spacing(1.3)
+      }
+    },
     MuiButton: _objectSpread(_objectSpread({}, theme.MuiButton), {}, {
       root: {
         padding: "".concat(theme.spacing(0.8), " ").concat(theme.spacing(1)),
@@ -956,9 +962,6 @@ var setThemeOverrides = function setThemeOverrides(theme) {
           top: theme.spacing(1.2),
           left: theme.spacing(-2.1),
           width: theme.spacing(2)
-        },
-        "&.Mui-expanded:before": {
-          width: theme.spacing(1.5)
         }
       }),
       label: _objectSpread(_objectSpread({}, theme.label), {}, {
@@ -999,6 +1002,23 @@ var setThemeOverrides = function setThemeOverrides(theme) {
         width: "auto",
         "& svg": {
           fontSize: "10px"
+        },
+        "&:before": {
+          content: "\" \"",
+          position: "absolute",
+          height: theme.spacing(0.1),
+          width: theme.spacing(0.5),
+          left: theme.spacing(-0.5),
+          backgroundColor: theme.palette.grey.light,
+          top: theme.spacing(1.1)
+        },
+        "&:empty": {
+          width: theme.spacing(1),
+          "&:before": {
+            backgroundColor: "transparent",
+            borderTop: "1px solid ".concat(theme.palette.grey.icon),
+            width: theme.spacing(1.5)
+          }
         }
       })
     }),

package/dist/components/MaterialUI/textProps.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.default = exports.isTextProps = void 0;
+exports.isTextProps = exports.default = void 0;
 
 var _componentProps = _interopRequireDefault(require("./componentProps"));