orc-shared 5.99.0-dev.8 → 5.99.0-dev.9

package/dist/components/Routing/SegmentPage.js

@@ -185,10 +185,11 @@ __signature__(SegmentItem, "useStyles{classes}\nuseSelector{isHide}\nuseSelector
   return [useStyles, _reactRedux.useSelector, _reactRedux.useSelector];
 });
 var Wrapper = exports.Wrapper = function Wrapper(_ref3) {
-  var children = _ref3.children;
+  var className = _ref3.className,
+    children = _ref3.children;
   var classes = useStyles();
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.wrapper,
+    className: (0, _classnames.default)(classes.wrapper, className != null ? className : null),
     key: "Segments"
   }, children);
 };
@@ -199,10 +200,11 @@ __signature__(Wrapper, "useStyles{classes}", function () {
   return [useStyles];
 });
 var List = exports.List = function List(_ref4) {
-  var children = _ref4.children;
+  var className = _ref4.className,
+    children = _ref4.children;
   var classes = useStyles();
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.list
+    className: (0, _classnames.default)(classes.list, className != null ? className : null)
   }, children);
 };
 __signature__(List, "useStyles{classes}", function () {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "orc-shared",
-	"version": "5.99.0-dev.8",
+	"version": "5.99.0-dev.9",
 	"description": "Shared code for Orckestra applications",
 	"main": "./src/index.js",
 	"exports": {

package/src/components/Routing/SegmentPage.js

@@ -150,20 +150,20 @@ export const SegmentItem = ({ isModified, isError, isActive, segpath, config, ba
 	);
 };
 
-export const Wrapper = ({ children }) => {
+export const Wrapper = ({ className, children }) => {
 	const classes = useStyles();
 
 	return (
-		<div className={classes.wrapper} key="Segments">
+		<div className={classNames(classes.wrapper, className ?? null)} key="Segments">
 			{children}
 		</div>
 	);
 };
 
-export const List = ({ children }) => {
+export const List = ({ className, children }) => {
 	const classes = useStyles();
 
-	return <div className={classes.list}>{children}</div>;
+	return <div className={classNames(classes.list, className ?? null)}>{children}</div>;
 };
 
 export const Item = ({ active, to, children, onClick }) => {