-
-
Notifications
You must be signed in to change notification settings - Fork 32.2k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Uncaught SyntaxError: Identifier '_system' has already been declared #38674
Comments
@mj1910 Please provide a minimal repro for us to properly look at your issue, you can fork this template: https://mui.com/r/issue-template-latest |
Hi Albert,
Thanks for your prompt response. Hope the below information works.
Also, the browser log show this , if it helps,
***@***.***
Contents of the first link are attached. The error points to this string in the log :-
var ***@***.***$mui/system");var _styled=_interopRequireDefault(require("../styles/styled"));
This is how the structure looks
***@***.***
AppComponent.js :-
import React, { useEffect, useState } from "react";
import ExploreModel from "./components/exploremodel";
import { Box, Tab, Tabs, Typography } from ***@***.***/material";
import { styled } from ***@***.***/material/styles";
function App() {
const [currentTabIndex, setCurrentTabIndex] = useState(0);
const handleTabChange = (e, tabIndex) => {
console.log(tabIndex);
setCurrentTabIndex(tabIndex);
useEffect(() => {
if (window.location.href.indexOf("model-explorer1?compare_versions") > -1) {
setCurrentTabIndex(1);
}
}, []);
return (
<React.Fragment>
<Tabs value={currentTabIndex} onChange={handleTabChange}>
<Tab
style={{ fontSize: 12, textTransform: "none" }}
label="Explore Model"
/>
<Tab
style={{ fontSize: 12, textTransform: "none" }}
label="Compare Version"
/>
</Tabs>
{currentTabIndex === 0 && <ExploreModel />}
{/* TAB 2 Contents */}
{currentTabIndex === 1 && (
<Box sx={{ p: 3 }}>
<Typography variant="h5"></Typography>
<Typography variant="p">
<ExploreModelCompareData />
</Typography>
</Box>
)}
</React.Fragment>
);
}
export default App;
Exploremodel.js :-
import React, {
useContext,
useEffect,
useState,
useMemo,
createContext
} from "react";
//import ReactDOM from 'react-dom';
import Box from ***@***.***/material/Box";
import Tabs from ***@***.***/material/Tabs";
import Tab from ***@***.***/material/Tab";
import Select from ***@***.***/material/Select";
import Switch from ***@***.***/material/Switch';
import MenuItem from ***@***.***/material/MenuItem";
import FormControl from ***@***.***/material/FormControl";
import InputLabel from ***@***.***/material/InputLabel";
//import CircularProgress from ***@***.***/material/CircularProgress';
import LinearProgress from ***@***.***/material/LinearProgress";
From: Albert Yu ***@***.***>
Sent: Monday, August 28, 2023 9:05 AM
To: mui/material-ui ***@***.***>
Cc: Minu Joy ***@***.***>; Mention ***@***.***>
Subject: Re: [mui/material-ui] Uncaught SyntaxError: Identifier '_system' has already been declared. The console log shows the error for this line - var ***@***.***$mui/system");var _styled=_interopRequireDefault(require("../styles/styled"...
EXTERNAL MAIL
@mj1910<https://urldefense.com/v3/__https:/github.com/mj1910__;!!EHscmS1ygiU1lA!FuQS4CZN_70S476DGUz3yQXt-SDtNar7__rSXwAJzBvPzTdQ6liYC3PKZnvhQ5E1i6o-Gq34-nWXX2lF63K3zA$> Please provide a minimal repro<https://urldefense.com/v3/__https:/stackoverflow.com/help/mcve__;!!EHscmS1ygiU1lA!FuQS4CZN_70S476DGUz3yQXt-SDtNar7__rSXwAJzBvPzTdQ6liYC3PKZnvhQ5E1i6o-Gq34-nWXX2nTMGFTAQ$> for us to properly look at your issue, you can fork this template: https://mui.com/r/issue-template-latest<https://urldefense.com/v3/__https:/mui.com/r/issue-template-latest__;!!EHscmS1ygiU1lA!FuQS4CZN_70S476DGUz3yQXt-SDtNar7__rSXwAJzBvPzTdQ6liYC3PKZnvhQ5E1i6o-Gq34-nWXX2nDbJti5Q$>
—
Reply to this email directly, view it on GitHub<https://urldefense.com/v3/__https:/github.com/mui/material-ui/issues/38674*issuecomment-1694953400__;Iw!!EHscmS1ygiU1lA!FuQS4CZN_70S476DGUz3yQXt-SDtNar7__rSXwAJzBvPzTdQ6liYC3PKZnvhQ5E1i6o-Gq34-nWXX2n-8g_I8w$>, or unsubscribe<https://urldefense.com/v3/__https:/github.com/notifications/unsubscribe-auth/BCFT7BTGZDS7S7IJHIMA4JTXXQGWZANCNFSM6AAAAAA4AOAK6E__;!!EHscmS1ygiU1lA!FuQS4CZN_70S476DGUz3yQXt-SDtNar7__rSXwAJzBvPzTdQ6liYC3PKZnvhQ5E1i6o-Gq34-nWXX2lQb_y-_Q$>.
You are receiving this because you were mentioned.Message ID: ***@***.******@***.***>>
***@***.***/cjs/CSSTransition",["module","exports","require","catalogexplorer$prop-types","catalogexplorer$dom-helpers/addClass","catalogexplorer$dom-helpers/removeClass","catalogexplorer$react","./Transition","./utils/PropTypes","./utils/reflow"],function(module,exports,require){var define=undefined;var global=window;{exports.__esModule=true;exports.default=void 0;var _propTypes=_interopRequireDefault(require("catalogexplorer$prop-types"));
var _addClass2=_interopRequireDefault(require("catalogexplorer$dom-helpers/addClass"));var _removeClass=_interopRequireDefault(require("catalogexplorer$dom-helpers/removeClass"));var _react=_interopRequireDefault(require("catalogexplorer$react"));var _Transition=_interopRequireDefault(require("./Transition"));var _PropTypes=require("./utils/PropTypes");var _reflow=require("./utils/reflow");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _extends(){_extends=
Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)if(Object.prototype.hasOwnProperty.call(source,key))target[key]=source[key]}return target};return _extends.apply(this,arguments)}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}
function _inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype);subClass.prototype.constructor=subClass;subClass.__proto__=superClass}var _addClass=function addClass(node,classes){return node&&classes&&classes.split(" ").forEach(function(c){return(0,_addClass2.default)(node,c)})};var removeClass=function removeClass(node,classes){return node&&classes&&classes.split(" ").forEach(function(c){return(0,_removeClass.default)(node,c)})};var CSSTransition=function(_React$Component){_inheritsLoose(CSSTransition,
_React$Component);function CSSTransition(){var _this;for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];_this=_React$Component.call.apply(_React$Component,[this].concat(args))||this;_this.appliedClasses={appear:{},enter:{},exit:{}};_this.onEnter=function(maybeNode,maybeAppearing){var _this$resolveArgument=_this.resolveArguments(maybeNode,maybeAppearing),node=_this$resolveArgument[0],appearing=_this$resolveArgument[1];_this.removeClasses(node,"exit");
_this.addClass(node,appearing?"appear":"enter","base");if(_this.props.onEnter)_this.props.onEnter(maybeNode,maybeAppearing)};_this.onEntering=function(maybeNode,maybeAppearing){var _this$resolveArgument2=_this.resolveArguments(maybeNode,maybeAppearing),node=_this$resolveArgument2[0],appearing=_this$resolveArgument2[1];var type=appearing?"appear":"enter";_this.addClass(node,type,"active");if(_this.props.onEntering)_this.props.onEntering(maybeNode,maybeAppearing)};_this.onEntered=function(maybeNode,
maybeAppearing){var _this$resolveArgument3=_this.resolveArguments(maybeNode,maybeAppearing),node=_this$resolveArgument3[0],appearing=_this$resolveArgument3[1];var type=appearing?"appear":"enter";_this.removeClasses(node,type);_this.addClass(node,type,"done");if(_this.props.onEntered)_this.props.onEntered(maybeNode,maybeAppearing)};_this.onExit=function(maybeNode){var _this$resolveArgument4=_this.resolveArguments(maybeNode),node=_this$resolveArgument4[0];_this.removeClasses(node,"appear");_this.removeClasses(node,
"enter");_this.addClass(node,"exit","base");if(_this.props.onExit)_this.props.onExit(maybeNode)};_this.onExiting=function(maybeNode){var _this$resolveArgument5=_this.resolveArguments(maybeNode),node=_this$resolveArgument5[0];_this.addClass(node,"exit","active");if(_this.props.onExiting)_this.props.onExiting(maybeNode)};_this.onExited=function(maybeNode){var _this$resolveArgument6=_this.resolveArguments(maybeNode),node=_this$resolveArgument6[0];_this.removeClasses(node,"exit");_this.addClass(node,
"exit","done");if(_this.props.onExited)_this.props.onExited(maybeNode)};_this.resolveArguments=function(maybeNode,maybeAppearing){return _this.props.nodeRef?[_this.props.nodeRef.current,maybeNode]:[maybeNode,maybeAppearing]};_this.getClassNames=function(type){var classNames=_this.props.classNames;var isStringClassNames=typeof classNames==="string";var prefix=isStringClassNames&&classNames?classNames+"-":"";var baseClassName=isStringClassNames?""+prefix+type:classNames[type];var activeClassName=isStringClassNames?
baseClassName+"-active":classNames[type+"Active"];var doneClassName=isStringClassNames?baseClassName+"-done":classNames[type+"Done"];return{baseClassName:baseClassName,activeClassName:activeClassName,doneClassName:doneClassName}};return _this}var _proto=CSSTransition.prototype;_proto.addClass=function addClass(node,type,phase){var className=this.getClassNames(type)[phase+"ClassName"];var _this$getClassNames=this.getClassNames("enter"),doneClassName=_this$getClassNames.doneClassName;if(type==="appear"&&
phase==="done"&&doneClassName)className+=" "+doneClassName;if(phase==="active")if(node)(0,_reflow.forceReflow)(node);if(className){this.appliedClasses[type][phase]=className;_addClass(node,className)}};_proto.removeClasses=function removeClasses(node,type){var _this$appliedClasses$=this.appliedClasses[type],baseClassName=_this$appliedClasses$.base,activeClassName=_this$appliedClasses$.active,doneClassName=_this$appliedClasses$.done;this.appliedClasses[type]={};if(baseClassName)removeClass(node,baseClassName);
if(activeClassName)removeClass(node,activeClassName);if(doneClassName)removeClass(node,doneClassName)};_proto.render=function render(){var _this$props=this.props,_=_this$props.classNames,props=_objectWithoutPropertiesLoose(_this$props,["classNames"]);return _react.default.createElement(_Transition.default,_extends({},props,{onEnter:this.onEnter,onEntered:this.onEntered,onEntering:this.onEntering,onExit:this.onExit,onExiting:this.onExiting,onExited:this.onExited}))};return CSSTransition}(_react.default.Component);
CSSTransition.defaultProps={classNames:""};CSSTransition.propTypes=_extends({},_Transition.default.propTypes,{classNames:_PropTypes.classNamesShape,onEnter:_propTypes.default.func,onEntering:_propTypes.default.func,onEntered:_propTypes.default.func,onExit:_propTypes.default.func,onExiting:_propTypes.default.func,onExited:_propTypes.default.func});var _default=CSSTransition;exports.default=_default;module.exports=exports.default}});
***@***.***/cjs/utils/ChildMapping",["module","exports","require","catalogexplorer$react"],function(module,exports,require){var define=undefined;var global=window;{exports.__esModule=true;exports.getChildMapping=getChildMapping;exports.mergeChildMappings=mergeChildMappings;exports.getInitialChildMapping=getInitialChildMapping;exports.getNextChildMapping=getNextChildMapping;var _react=require("catalogexplorer$react");function getChildMapping(children,
mapFn){var mapper=function mapper(child){return mapFn&&(0,_react.isValidElement)(child)?mapFn(child):child};var result=Object.create(null);if(children)_react.Children.map(children,function(c){return c}).forEach(function(child){result[child.key]=mapper(child)});return result}function mergeChildMappings(prev,next){prev=prev||{};next=next||{};function getValueForKey(key){return key in next?next[key]:prev[key]}var nextKeysPending=Object.create(null);var pendingKeys=[];for(var prevKey in prev)if(prevKey in
next){if(pendingKeys.length){nextKeysPending[prevKey]=pendingKeys;pendingKeys=[]}}else pendingKeys.push(prevKey);var i;var childMapping={};for(var nextKey in next){if(nextKeysPending[nextKey])for(i=0;i<nextKeysPending[nextKey].length;i++){var pendingNextKey=nextKeysPending[nextKey][i];childMapping[nextKeysPending[nextKey][i]]=getValueForKey(pendingNextKey)}childMapping[nextKey]=getValueForKey(nextKey)}for(i=0;i<pendingKeys.length;i++)childMapping[pendingKeys[i]]=getValueForKey(pendingKeys[i]);return childMapping}
function getProp(child,prop,props){return props[prop]!=null?props[prop]:child.props[prop]}function getInitialChildMapping(props,onExited){return getChildMapping(props.children,function(child){return(0,_react.cloneElement)(child,{onExited:onExited.bind(null,child),in:true,appear:getProp(child,"appear",props),enter:getProp(child,"enter",props),exit:getProp(child,"exit",props)})})}function getNextChildMapping(nextProps,prevChildMapping,onExited){var nextChildMapping=getChildMapping(nextProps.children);
var children=mergeChildMappings(prevChildMapping,nextChildMapping);Object.keys(children).forEach(function(key){var child=children[key];if(!(0,_react.isValidElement)(child))return;var hasPrev=key in prevChildMapping;var hasNext=key in nextChildMapping;var prevChild=prevChildMapping[key];var isLeaving=(0,_react.isValidElement)(prevChild)&&!prevChild.props.in;if(hasNext&&(!hasPrev||isLeaving))children[key]=(0,_react.cloneElement)(child,{onExited:onExited.bind(null,child),in:true,exit:getProp(child,"exit",
nextProps),enter:getProp(child,"enter",nextProps)});else if(!hasNext&&hasPrev&&!isLeaving)children[key]=(0,_react.cloneElement)(child,{in:false});else if(hasNext&&hasPrev&&(0,_react.isValidElement)(prevChild))children[key]=(0,_react.cloneElement)(child,{onExited:onExited.bind(null,child),in:prevChild.props.in,exit:getProp(child,"exit",nextProps),enter:getProp(child,"enter",nextProps)})});return children}}});
***@***.***/cjs/TransitionGroup",["module","exports","require","catalogexplorer$prop-types","catalogexplorer$react","./TransitionGroupContext","./utils/ChildMapping"],function(module,exports,require){var define=undefined;var global=window;{exports.__esModule=true;exports.default=void 0;var _propTypes=_interopRequireDefault(require("catalogexplorer$prop-types"));var _react=_interopRequireDefault(require("catalogexplorer$react"));var _TransitionGroupContext=
_interopRequireDefault(require("./TransitionGroupContext"));var _ChildMapping=require("./utils/ChildMapping");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}function _extends(){_extends=Object.assign||
function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)if(Object.prototype.hasOwnProperty.call(source,key))target[key]=source[key]}return target};return _extends.apply(this,arguments)}function _assertThisInitialized(self){if(self===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}function _inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype);subClass.prototype.constructor=
subClass;subClass.__proto__=superClass}var values=Object.values||function(obj){return Object.keys(obj).map(function(k){return obj[k]})};var defaultProps={component:"div",childFactory:function childFactory(child){return child}};var TransitionGroup=function(_React$Component){_inheritsLoose(TransitionGroup,_React$Component);function TransitionGroup(props,context){var _this=_React$Component.call(this,props,context)||this;var handleExited=_this.handleExited.bind(_assertThisInitialized(_this));_this.state=
{contextValue:{isMounting:true},handleExited:handleExited,firstRender:true};return _this}var _proto=TransitionGroup.prototype;_proto.componentDidMount=function componentDidMount(){this.mounted=true;this.setState({contextValue:{isMounting:false}})};_proto.componentWillUnmount=function componentWillUnmount(){this.mounted=false};TransitionGroup.getDerivedStateFromProps=function getDerivedStateFromProps(nextProps,_ref){var prevChildMapping=_ref.children,handleExited=_ref.handleExited,firstRender=_ref.firstRender;
return{children:firstRender?(0,_ChildMapping.getInitialChildMapping)(nextProps,handleExited):(0,_ChildMapping.getNextChildMapping)(nextProps,prevChildMapping,handleExited),firstRender:false}};_proto.handleExited=function handleExited(child,node){var currentChildMapping=(0,_ChildMapping.getChildMapping)(this.props.children);if(child.key in currentChildMapping)return;if(child.props.onExited)child.props.onExited(node);if(this.mounted)this.setState(function(state){var children=_extends({},state.children);
delete children[child.key];return{children:children}})};_proto.render=function render(){var _this$props=this.props,Component=_this$props.component,childFactory=_this$props.childFactory,props=_objectWithoutPropertiesLoose(_this$props,["component","childFactory"]);var contextValue=this.state.contextValue;var children=values(this.state.children).map(childFactory);delete props.appear;delete props.enter;delete props.exit;if(Component===null)return _react.default.createElement(_TransitionGroupContext.default.Provider,
{value:contextValue},children);return _react.default.createElement(_TransitionGroupContext.default.Provider,{value:contextValue},_react.default.createElement(Component,props,children))};return TransitionGroup}(_react.default.Component);TransitionGroup.propTypes={component:_propTypes.default.any,children:_propTypes.default.node,appear:_propTypes.default.bool,enter:_propTypes.default.bool,exit:_propTypes.default.bool,childFactory:_propTypes.default.func};TransitionGroup.defaultProps=defaultProps;var _default=
TransitionGroup;exports.default=_default;module.exports=exports.default}});
***@***.***/cjs/ReplaceTransition",["module","exports","require","catalogexplorer$prop-types","catalogexplorer$react","catalogexplorer$react-dom","./TransitionGroup"],function(module,exports,require){var define=undefined;var global=window;{exports.__esModule=true;exports.default=void 0;var _propTypes=_interopRequireDefault(require("catalogexplorer$prop-types"));var _react=_interopRequireDefault(require("catalogexplorer$react"));var _reactDom=
_interopRequireDefault(require("catalogexplorer$react-dom"));var _TransitionGroup=_interopRequireDefault(require("./TransitionGroup"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}function _inheritsLoose(subClass,
superClass){subClass.prototype=Object.create(superClass.prototype);subClass.prototype.constructor=subClass;subClass.__proto__=superClass}var ReplaceTransition=function(_React$Component){_inheritsLoose(ReplaceTransition,_React$Component);function ReplaceTransition(){var _this;for(var _len=arguments.length,_args=new Array(_len),_key=0;_key<_len;_key++)_args[_key]=arguments[_key];_this=_React$Component.call.apply(_React$Component,[this].concat(_args))||this;_this.handleEnter=function(){for(var _len2=
arguments.length,args=new Array(_len2),_key2=0;_key2<_len2;_key2++)args[_key2]=arguments[_key2];return _this.handleLifecycle("onEnter",0,args)};_this.handleEntering=function(){for(var _len3=arguments.length,args=new Array(_len3),_key3=0;_key3<_len3;_key3++)args[_key3]=arguments[_key3];return _this.handleLifecycle("onEntering",0,args)};_this.handleEntered=function(){for(var _len4=arguments.length,args=new Array(_len4),_key4=0;_key4<_len4;_key4++)args[_key4]=arguments[_key4];return _this.handleLifecycle("onEntered",
0,args)};_this.handleExit=function(){for(var _len5=arguments.length,args=new Array(_len5),_key5=0;_key5<_len5;_key5++)args[_key5]=arguments[_key5];return _this.handleLifecycle("onExit",1,args)};_this.handleExiting=function(){for(var _len6=arguments.length,args=new Array(_len6),_key6=0;_key6<_len6;_key6++)args[_key6]=arguments[_key6];return _this.handleLifecycle("onExiting",1,args)};_this.handleExited=function(){for(var _len7=arguments.length,args=new Array(_len7),_key7=0;_key7<_len7;_key7++)args[_key7]=
arguments[_key7];return _this.handleLifecycle("onExited",1,args)};return _this}var _proto=ReplaceTransition.prototype;_proto.handleLifecycle=function handleLifecycle(handler,idx,originalArgs){var _child$props;var children=this.props.children;var child=_react.default.Children.toArray(children)[idx];if(child.props[handler])(_child$props=child.props)[handler].apply(_child$props,originalArgs);if(this.props[handler]){var maybeNode=child.props.nodeRef?undefined:_reactDom.default.findDOMNode(this);this.props[handler](maybeNode)}};
_proto.render=function render(){var _this$props=this.props,children=_this$props.children,inProp=_this$props.in,props=_objectWithoutPropertiesLoose(_this$props,["children","in"]);var _React$Children$toArr=_react.default.Children.toArray(children),first=_React$Children$toArr[0],second=_React$Children$toArr[1];delete props.onEnter;delete props.onEntering;delete props.onEntered;delete props.onExit;delete props.onExiting;delete props.onExited;return _react.default.createElement(_TransitionGroup.default,
props,inProp?_react.default.cloneElement(first,{key:"first",onEnter:this.handleEnter,onEntering:this.handleEntering,onEntered:this.handleEntered}):_react.default.cloneElement(second,{key:"second",onEnter:this.handleExit,onEntering:this.handleExiting,onEntered:this.handleExited}))};return ReplaceTransition}(_react.default.Component);ReplaceTransition.propTypes={in:_propTypes.default.bool.isRequired,children:function children(props,propName){if(_react.default.Children.count(props[propName])!==2)return new Error('"'+
propName+'" must be exactly two transition components.');return null}};var _default=ReplaceTransition;exports.default=_default;module.exports=exports.default}});
***@***.***/cjs/SwitchTransition",["module","exports","require","catalogexplorer$react","catalogexplorer$prop-types","./Transition","./TransitionGroupContext"],function(module,exports,require){var define=undefined;var global=window;{exports.__esModule=true;exports.default=exports.modes=void 0;var _react=_interopRequireDefault(require("catalogexplorer$react"));var _propTypes=_interopRequireDefault(require("catalogexplorer$prop-types"));var _Transition=
require("./Transition");var _TransitionGroupContext=_interopRequireDefault(require("./TransitionGroupContext"));var _leaveRenders,_enterRenders;function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype);subClass.prototype.constructor=subClass;subClass.__proto__=superClass}function areChildrenDifferent(oldChildren,newChildren){if(oldChildren===newChildren)return false;if(_react.default.isValidElement(oldChildren)&&
_react.default.isValidElement(newChildren)&&oldChildren.key!=null&&oldChildren.key===newChildren.key)return false;return true}var modes={out:"out-in",in:"in-out"};exports.modes=modes;var callHook=function callHook(element,name,cb){return function(){var _element$props;element.props[name]&&(_element$props=element.props)[name].apply(_element$props,arguments);cb()}};var leaveRenders=(_leaveRenders={},_leaveRenders[modes.out]=function(_ref){var current=_ref.current,changeState=_ref.changeState;return _react.default.cloneElement(current,
{in:false,onExited:callHook(current,"onExited",function(){changeState(_Transition.ENTERING,null)})})},_leaveRenders[modes.in]=function(_ref2){var current=_ref2.current,changeState=_ref2.changeState,children=_ref2.children;return[current,_react.default.cloneElement(children,{in:true,onEntered:callHook(children,"onEntered",function(){changeState(_Transition.ENTERING)})})]},_leaveRenders);var enterRenders=(_enterRenders={},_enterRenders[modes.out]=function(_ref3){var children=_ref3.children,changeState=
_ref3.changeState;return _react.default.cloneElement(children,{in:true,onEntered:callHook(children,"onEntered",function(){changeState(_Transition.ENTERED,_react.default.cloneElement(children,{in:true}))})})},_enterRenders[modes.in]=function(_ref4){var current=_ref4.current,children=_ref4.children,changeState=_ref4.changeState;return[_react.default.cloneElement(current,{in:false,onExited:callHook(current,"onExited",function(){changeState(_Transition.ENTERED,_react.default.cloneElement(children,{in:true}))})}),
_react.default.cloneElement(children,{in:true})]},_enterRenders);var SwitchTransition=function(_React$Component){_inheritsLoose(SwitchTransition,_React$Component);function SwitchTransition(){var _this;for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];_this=_React$Component.call.apply(_React$Component,[this].concat(args))||this;_this.state={status:_Transition.ENTERED,current:null};_this.appeared=false;_this.changeState=function(status,current){if(current===
void 0)current=_this.state.current;_this.setState({status:status,current:current})};return _this}var _proto=SwitchTransition.prototype;_proto.componentDidMount=function componentDidMount(){this.appeared=true};SwitchTransition.getDerivedStateFromProps=function getDerivedStateFromProps(props,state){if(props.children==null)return{current:null};if(state.status===_Transition.ENTERING&&props.mode===modes.in)return{status:_Transition.ENTERING};if(state.current&&areChildrenDifferent(state.current,props.children))return{status:_Transition.EXITING};
return{current:_react.default.cloneElement(props.children,{in:true})}};_proto.render=function render(){var _this$props=this.props,children=_this$props.children,mode=_this$props.mode,_this$state=this.state,status=_this$state.status,current=_this$state.current;var data={children:children,current:current,changeState:this.changeState,status:status};var component;switch(status){case _Transition.ENTERING:component=enterRenders[mode](data);break;case _Transition.EXITING:component=leaveRenders[mode](data);
break;case _Transition.ENTERED:component=current}return _react.default.createElement(_TransitionGroupContext.default.Provider,{value:{isMounting:!this.appeared}},component)};return SwitchTransition}(_react.default.Component);SwitchTransition.propTypes={mode:_propTypes.default.oneOf([modes.in,modes.out]),children:_propTypes.default.oneOfType([_propTypes.default.element.isRequired])};SwitchTransition.defaultProps={mode:modes.out};var _default=SwitchTransition;exports.default=_default}});
***@***.***/cjs/index",["module","exports","require","./CSSTransition","./ReplaceTransition","./SwitchTransition","./TransitionGroup","./Transition","./config"],function(module,exports,require){var define=undefined;var global=window;{exports.__esModule=true;exports.config=exports.Transition=exports.TransitionGroup=exports.SwitchTransition=exports.ReplaceTransition=exports.CSSTransition=void 0;var _CSSTransition=_interopRequireDefault(require("./CSSTransition"));
exports.CSSTransition=_CSSTransition.default;var _ReplaceTransition=_interopRequireDefault(require("./ReplaceTransition"));exports.ReplaceTransition=_ReplaceTransition.default;var _SwitchTransition=_interopRequireDefault(require("./SwitchTransition"));exports.SwitchTransition=_SwitchTransition.default;var _TransitionGroup=_interopRequireDefault(require("./TransitionGroup"));exports.TransitionGroup=_TransitionGroup.default;var _Transition=_interopRequireDefault(require("./Transition"));exports.Transition=
_Transition.default;var _config=_interopRequireDefault(require("./config"));exports.config=_config.default;function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}}});
"use client";
***@***.******@***.******@***.***$babel/runtime/helpers/interopRequireDefault","catalogexplorer$react","catalogexplorer$prop-types","catalogexplorer$clsx","catalogexplorer$react/jsx-runtime"],function(module,exports,require){var define=undefined;var global=window;{var ***@***.***$babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",
{value:true});exports.default=void 0;var React=_interopRequireWildcard(require("catalogexplorer$react"));var _propTypes=_interopRequireDefault(require("catalogexplorer$prop-types"));var _clsx=_interopRequireDefault(require("catalogexplorer$clsx"));var _jsxRuntime=require("catalogexplorer$react/jsx-runtime");function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap;var cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop){return nodeInterop?
cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(obj===null||typeof obj!=="object"&&typeof obj!=="function")return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=
hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set))Object.defineProperty(newObj,key,desc);else newObj[key]=obj[key]}newObj.default=obj;if(cache)cache.set(obj,newObj);return newObj}function Ripple(props){const {className,classes,pulsate=false,rippleX,rippleY,rippleSize,in:inProp,onExited,timeout}=props;const [leaving,setLeaving]=React.useState(false);const rippleClassName=(0,_clsx.default)(className,classes.ripple,classes.rippleVisible,pulsate&&classes.ripplePulsate);
const childClassName=(0,_clsx.default)(classes.child,leaving&&classes.childLeaving,pulsate&&classes.childPulsate);if(!inProp&&!leaving)setLeaving(true);React.useEffect(()=>{if(!inProp&&onExited!=null){const timeoutId=setTimeout(onExited,timeout);return()=>{clearTimeout(timeoutId)}}return undefined},[onExited,inProp,timeout]);return(0,_jsxRuntime.jsx)("span",{className:rippleClassName,style:{width:rippleSize,height:rippleSize,top:-(rippleSize/2)+rippleY,left:-(rippleSize/2)+rippleX},children:(0,_jsxRuntime.jsx)("span",
{className:childClassName})})}Ripple.propTypes={classes:_propTypes.default.object.isRequired,className:_propTypes.default.string,in:_propTypes.default.bool,onExited:_propTypes.default.func,pulsate:_propTypes.default.bool,rippleSize:_propTypes.default.number,rippleX:_propTypes.default.number,rippleY:_propTypes.default.number,timeout:_propTypes.default.number.isRequired};var _default=Ripple;exports.default=_default}});
***@***.******@***.******@***.******@***.***$mui/utils","../generateUtilityClass"],function(module,exports,require){var define=undefined;var global=window;{var ***@***.***$babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;exports.getTouchRippleUtilityClass=
getTouchRippleUtilityClass;var ***@***.***$mui/utils");var _generateUtilityClass=_interopRequireDefault(require("../generateUtilityClass"));function getTouchRippleUtilityClass(slot){return(0,_generateUtilityClass.default)("MuiTouchRipple",slot)}const touchRippleClasses=(0,_utils.unstable_generateUtilityClasses)("MuiTouchRipple",["root","ripple","rippleVisible","ripplePulsate","child","childLeaving","childPulsate"]);var _default=touchRippleClasses;exports.default=_default}});
"use client";
***@***.******@***.******@***.******@***.******@***.******@***.***$mui/system","../styles/styled","../styles/useThemeProps","./Ripple",
"./touchRippleClasses","catalogexplorer$react/jsx-runtime"],function(module,exports,require){var define=undefined;var global=window;{var ***@***.***$babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=exports.TouchRippleRoot=exports.TouchRippleRipple=exports.DELAY_RIPPLE=void 0;var ***@***.***$babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2=
***@***.***$babel/runtime/helpers/objectWithoutPropertiesLoose"));var React=_interopRequireWildcard(require("catalogexplorer$react"));var _propTypes=_interopRequireDefault(require("catalogexplorer$prop-types"));var _reactTransitionGroup=require("catalogexplorer$react-transition-group");var _clsx=_interopRequireDefault(require("catalogexplorer$clsx"));var ***@***.***$mui/system");var _styled=_interopRequireDefault(require("../styles/styled"));
var _useThemeProps=_interopRequireDefault(require("../styles/useThemeProps"));var _Ripple=_interopRequireDefault(require("./Ripple"));var _touchRippleClasses=_interopRequireDefault(require("./touchRippleClasses"));var _jsxRuntime=require("catalogexplorer$react/jsx-runtime");const _excluded=["center","classes","className"];function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap;var cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=
function(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(obj===null||typeof obj!=="object"&&typeof obj!=="function")return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,
key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set))Object.defineProperty(newObj,key,desc);else newObj[key]=obj[key]}newObj.default=obj;if(cache)cache.set(obj,newObj);return newObj}const DURATION=550;const DELAY_RIPPLE=80;exports.DELAY_RIPPLE=DELAY_RIPPLE;const enterKeyframe=0,_system.keyframes`\n 0% {\n transform: scale(0);\n opacity: 0.1;\n }\n\n 100% {\n transform: scale(1);\n opacity: 0.3;\n }\n`;const exitKeyframe=0,
_system.keyframes`\n 0% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0;\n }\n`;const pulsateKeyframe=0,_system.keyframes`\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(0.92);\n }\n\n 100% {\n transform: scale(1);\n }\n`;const TouchRippleRoot=(0,_styled.default)("span",{name:"MuiTouchRipple",slot:"Root"})({overflow:"hidden",pointerEvents:"none",position:"absolute",zIndex:0,top:0,right:0,bottom:0,left:0,borderRadius:"inherit"});exports.TouchRippleRoot=TouchRippleRoot;
const TouchRippleRipple=(0,_styled.default)(_Ripple.default,{name:"MuiTouchRipple",slot:"Ripple"})`\n opacity: 0;\n position: absolute;\n\n \x26.${_touchRippleClasses.default.rippleVisible} {\n opacity: 0.3;\n transform: scale(1);\n animation-name: ${enterKeyframe};\n animation-duration: ${DURATION}ms;\n animation-timing-function: ${({theme})=>theme.transitions.easing.easeInOut};\n }\n\n \x26.${_touchRippleClasses.default.ripplePulsate} {\n animation-duration: ${({theme})=>
theme.transitions.duration.shorter}ms;\n }\n\n \x26 .${_touchRippleClasses.default.child} {\n opacity: 1;\n display: block;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background-color: currentColor;\n }\n\n \x26 .${_touchRippleClasses.default.childLeaving} {\n opacity: 0;\n animation-name: ${exitKeyframe};\n animation-duration: ${DURATION}ms;\n animation-timing-function: ${({theme})=>theme.transitions.easing.easeInOut};\n }\n\n \x26 .${_touchRippleClasses.default.childPulsate} {\n position: absolute;\n /* @NoFlip */\n left: 0px;\n top: 0;\n animation-name: ${pulsateKeyframe};\n animation-duration: 2500ms;\n animation-timing-function: ${({theme})=>
theme.transitions.easing.easeInOut};\n animation-iteration-count: infinite;\n animation-delay: 200ms;\n }\n`;exports.TouchRippleRipple=TouchRippleRipple;const TouchRipple=React.forwardRef(function TouchRipple(inProps,ref){const props=(0,_useThemeProps.default)({props:inProps,name:"MuiTouchRipple"});const {center:centerProp=false,classes={},className}=props,other=(0,_objectWithoutPropertiesLoose2.default)(props,_excluded);const [ripples,setRipples]=React.useState([]);const nextKey=React.useRef(0);
const rippleCallback=React.useRef(null);React.useEffect(()=>{if(rippleCallback.current){rippleCallback.current();rippleCallback.current=null}},[ripples]);const ignoringMouseDown=React.useRef(false);const startTimer=React.useRef(0);const startTimerCommit=React.useRef(null);const container=React.useRef(null);React.useEffect(()=>{return()=>{if(startTimer.current)clearTimeout(startTimer.current)}},[]);const startCommit=React.useCallback((params)=>{const {pulsate,rippleX,rippleY,rippleSize,cb}=params;
setRipples((oldRipples)=>[...oldRipples,(0,_jsxRuntime.jsx)(TouchRippleRipple,{classes:{ripple:(0,_clsx.default)(classes.ripple,_touchRippleClasses.default.ripple),rippleVisible:(0,_clsx.default)(classes.rippleVisible,_touchRippleClasses.default.rippleVisible),ripplePulsate:(0,_clsx.default)(classes.ripplePulsate,_touchRippleClasses.default.ripplePulsate),child:(0,_clsx.default)(classes.child,_touchRippleClasses.default.child),childLeaving:(0,_clsx.default)(classes.childLeaving,_touchRippleClasses.default.childLeaving),
childPulsate:(0,_clsx.default)(classes.childPulsate,_touchRippleClasses.default.childPulsate)},timeout:DURATION,pulsate:pulsate,rippleX:rippleX,rippleY:rippleY,rippleSize:rippleSize},nextKey.current)]);nextKey.current+=1;rippleCallback.current=cb},[classes]);const start=React.useCallback((event={},options={},cb=()=>{})=>{const {pulsate=false,center=centerProp||options.pulsate,fakeElement=false}=options;if((event==null?void 0:event.type)==="mousedown"&&ignoringMouseDown.current){ignoringMouseDown.current=
false;return}if((event==null?void 0:event.type)==="touchstart")ignoringMouseDown.current=true;const element=fakeElement?null:container.current;const rect=element?element.getBoundingClientRect():{width:0,height:0,left:0,top:0};let rippleX;let rippleY;let rippleSize;if(center||event===undefined||event.clientX===0&&event.clientY===0||!event.clientX&&!event.touches){rippleX=Math.round(rect.width/2);rippleY=Math.round(rect.height/2)}else{const {clientX,clientY}=event.touches&&event.touches.length>0?event.touches[0]:
event;rippleX=Math.round(clientX-rect.left);rippleY=Math.round(clientY-rect.top)}if(center){rippleSize=Math.sqrt((2*rect.width**2+rect.height**2)/3);if(rippleSize%2===0)rippleSize+=1}else{const sizeX=Math.max(Math.abs((element?element.clientWidth:0)-rippleX),rippleX)*2+2;const sizeY=Math.max(Math.abs((element?element.clientHeight:0)-rippleY),rippleY)*2+2;rippleSize=Math.sqrt(sizeX**2+sizeY**2)}if(event!=null&&event.touches){if(startTimerCommit.current===null){startTimerCommit.current=()=>{startCommit({pulsate,
rippleX,rippleY,rippleSize,cb})};startTimer.current=setTimeout(()=>{if(startTimerCommit.current){startTimerCommit.current();startTimerCommit.current=null}},DELAY_RIPPLE)}}else startCommit({pulsate,rippleX,rippleY,rippleSize,cb})},[centerProp,startCommit]);const pulsate=React.useCallback(()=>{start({},{pulsate:true})},[start]);const stop=React.useCallback((event,cb)=>{clearTimeout(startTimer.current);if((event==null?void 0:event.type)==="touchend"&&startTimerCommit.current){startTimerCommit.current();
startTimerCommit.current=null;startTimer.current=setTimeout(()=>{stop(event,cb)});return}startTimerCommit.current=null;setRipples((oldRipples)=>{if(oldRipples.length>0)return oldRipples.slice(1);return oldRipples});rippleCallback.current=cb},[]);React.useImperativeHandle(ref,()=>({pulsate,start,stop}),[pulsate,start,stop]);return(0,_jsxRuntime.jsx)(TouchRippleRoot,(0,_extends2.default)({className:(0,_clsx.default)(_touchRippleClasses.default.root,classes.root,className),ref:container},other,{children:(0,
_jsxRuntime.jsx)(_reactTransitionGroup.TransitionGroup,{component:null,exit:true,children:ripples})}))});TouchRipple.propTypes={center:_propTypes.default.bool,classes:_propTypes.default.object,className:_propTypes.default.string};var _default=TouchRipple;exports.default=_default}});
***@***.******@***.******@***.******@***.***$mui/utils","../generateUtilityClass"],function(module,exports,require){var define=undefined;var global=window;{var ***@***.***$babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;exports.getButtonBaseUtilityClass=
getButtonBaseUtilityClass;var ***@***.***$mui/utils");var _generateUtilityClass=_interopRequireDefault(require("../generateUtilityClass"));function getButtonBaseUtilityClass(slot){return(0,_generateUtilityClass.default)("MuiButtonBase",slot)}const buttonBaseClasses=(0,_utils.unstable_generateUtilityClasses)("MuiButtonBase",["root","disabled","focusVisible"]);var _default=buttonBaseClasses;exports.default=_default}});
"use client";
***@***.******@***.******@***.******@***.******@***.******@***.******@***.***$mui/base/composeClasses","../styles/styled","../styles/useThemeProps","../utils/useForkRef",
"../utils/useEventCallback","../utils/useIsFocusVisible","./TouchRipple","./buttonBaseClasses","catalogexplorer$react/jsx-runtime"],function(module,exports,require){var define=undefined;var global=window;{var ***@***.***$babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=exports.ButtonBaseRoot=void 0;var ***@***.***$babel/runtime/helpers/extends"));
var ***@***.***$babel/runtime/helpers/objectWithoutPropertiesLoose"));var React=_interopRequireWildcard(require("catalogexplorer$react"));var _propTypes=_interopRequireDefault(require("catalogexplorer$prop-types"));var _clsx=_interopRequireDefault(require("catalogexplorer$clsx"));var ***@***.***$mui/utils");var ***@***.***$mui/base/composeClasses");var _styled=_interopRequireDefault(require("../styles/styled"));
var _useThemeProps=_interopRequireDefault(require("../styles/useThemeProps"));var _useForkRef=_interopRequireDefault(require("../utils/useForkRef"));var _useEventCallback=_interopRequireDefault(require("../utils/useEventCallback"));var _useIsFocusVisible=_interopRequireDefault(require("../utils/useIsFocusVisible"));var _TouchRipple=_interopRequireDefault(require("./TouchRipple"));var _buttonBaseClasses=_interopRequireWildcard(require("./buttonBaseClasses"));var _jsxRuntime=require("catalogexplorer$react/jsx-runtime");
const _excluded=["action","centerRipple","children","className","component","disabled","disableRipple","disableTouchRipple","focusRipple","focusVisibleClassName","LinkComponent","onBlur","onClick","onContextMenu","onDragLeave","onFocus","onFocusVisible","onKeyDown","onKeyUp","onMouseDown","onMouseLeave","onMouseUp","onTouchEnd","onTouchMove","onTouchStart","tabIndex","TouchRippleProps","touchRippleRef","type"];function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;
var cacheBabelInterop=new WeakMap;var cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(obj===null||typeof obj!=="object"&&typeof obj!=="function")return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={};var hasPropertyDescriptor=
Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set))Object.defineProperty(newObj,key,desc);else newObj[key]=obj[key]}newObj.default=obj;if(cache)cache.set(obj,newObj);return newObj}const useUtilityClasses=(ownerState)=>{const {disabled,focusVisible,focusVisibleClassName,classes}=ownerState;const composedClasses=
(0,_composeClasses.unstable_composeClasses)({root:["root",disabled&&"disabled",focusVisible&&"focusVisible"]},_buttonBaseClasses.getButtonBaseUtilityClass,classes);if(focusVisible&&focusVisibleClassName)composedClasses.root+=` ${focusVisibleClassName}`;return composedClasses};const ButtonBaseRoot=(0,_styled.default)("button",{name:"MuiButtonBase",slot:"Root",overridesResolver:(props,styles)=>styles.root})({display:"inline-flex",alignItems:"center",justifyContent:"center",position:"relative",boxSizing:"border-box",
***@***.*** print":{colorAdjust:"exact"}});exports.ButtonBaseRoot=ButtonBaseRoot;const ButtonBase=React.forwardRef(function ButtonBase(inProps,
ref){const props=(0,_useThemeProps.default)({props:inProps,name:"MuiButtonBase"});const {action,centerRipple=false,children,className,component="button",disabled=false,disableRipple=false,disableTouchRipple=false,focusRipple=false,LinkComponent="a",onBlur,onClick,onContextMenu,onDragLeave,onFocus,onFocusVisible,onKeyDown,onKeyUp,onMouseDown,onMouseLeave,onMouseUp,onTouchEnd,onTouchMove,onTouchStart,tabIndex=0,TouchRippleProps,touchRippleRef,type}=props,other=(0,_objectWithoutPropertiesLoose2.default)(props,
_excluded);const buttonRef=React.useRef(null);const rippleRef=React.useRef(null);const handleRippleRef=(0,_useForkRef.default)(rippleRef,touchRippleRef);const {isFocusVisibleRef,onFocus:handleFocusVisible,onBlur:handleBlurVisible,ref:focusVisibleRef}=(0,_useIsFocusVisible.default)();const [focusVisible,setFocusVisible]=React.useState(false);if(disabled&&focusVisible)setFocusVisible(false);React.useImperativeHandle(action,()=>({focusVisible:()=>{setFocusVisible(true);buttonRef.current.focus()}}),[]);
const [mountedState,setMountedState]=React.useState(false);React.useEffect(()=>{setMountedState(true)},[]);const enableTouchRipple=mountedState&&!disableRipple&&!disabled;React.useEffect(()=>{if(focusVisible&&focusRipple&&!disableRipple&&mountedState)rippleRef.current.pulsate()},[disableRipple,focusRipple,focusVisible,mountedState]);function useRippleHandler(rippleAction,eventCallback,skipRippleAction=disableTouchRipple){return(0,_useEventCallback.default)((event)=>{if(eventCallback)eventCallback(event);
if(!skipRippleAction&&rippleRef.current)rippleRef.current[rippleAction](event);return true})}const handleMouseDown=useRippleHandler("start",onMouseDown);const handleContextMenu=useRippleHandler("stop",onContextMenu);const handleDragLeave=useRippleHandler("stop",onDragLeave);const handleMouseUp=useRippleHandler("stop",onMouseUp);const handleMouseLeave=useRippleHandler("stop",(event)=>{if(focusVisible)event.preventDefault();if(onMouseLeave)onMouseLeave(event)});const handleTouchStart=useRippleHandler("start",
onTouchStart);const handleTouchEnd=useRippleHandler("stop",onTouchEnd);const handleTouchMove=useRippleHandler("stop",onTouchMove);const handleBlur=useRippleHandler("stop",(event)=>{handleBlurVisible(event);if(isFocusVisibleRef.current===false)setFocusVisible(false);if(onBlur)onBlur(event)},false);const handleFocus=(0,_useEventCallback.default)((event)=>{if(!buttonRef.current)buttonRef.current=event.currentTarget;handleFocusVisible(event);if(isFocusVisibleRef.current===true){setFocusVisible(true);
if(onFocusVisible)onFocusVisible(event)}if(onFocus)onFocus(event)});const isNonNativeButton=()=>{const button=buttonRef.current;return component&&component!=="button"&&!(button.tagName==="A"&&button.href)};const keydownRef=React.useRef(false);const handleKeyDown=(0,_useEventCallback.default)((event)=>{if(focusRipple&&!keydownRef.current&&focusVisible&&rippleRef.current&&event.key===" "){keydownRef.current=true;rippleRef.current.stop(event,()=>{rippleRef.current.start(event)})}if(event.target===event.currentTarget&&
isNonNativeButton()&&event.key===" ")event.preventDefault();if(onKeyDown)onKeyDown(event);if(event.target===event.currentTarget&&isNonNativeButton()&&event.key==="Enter"&&!disabled){event.preventDefault();if(onClick)onClick(event)}});const handleKeyUp=(0,_useEventCallback.default)((event)=>{if(focusRipple&&event.key===" "&&rippleRef.current&&focusVisible&&!event.defaultPrevented){keydownRef.current=false;rippleRef.current.stop(event,()=>{rippleRef.current.pulsate(event)})}if(onKeyUp)onKeyUp(event);
if(onClick&&event.target===event.currentTarget&&isNonNativeButton()&&event.key===" "&&!event.defaultPrevented)onClick(event)});let ComponentProp=component;if(ComponentProp==="button"&&(other.href||other.to))ComponentProp=LinkComponent;const buttonProps={};if(ComponentProp==="button"){buttonProps.type=type===undefined?"button":type;buttonProps.disabled=disabled}else{if(!other.href&&!other.to)buttonProps.role="button";if(disabled)buttonProps["aria-disabled"]=disabled}const handleRef=(0,_useForkRef.default)(ref,
focusVisibleRef,buttonRef);React.useEffect(()=>{if(enableTouchRipple&&!rippleRef.current)console.error(["MUI: The `component` prop provided to ButtonBase is invalid.","Please make sure the children prop is rendered in this custom component."].join("\n"))},[enableTouchRipple]);const ownerState=(0,_extends2.default)({},props,{centerRipple,component,disabled,disableRipple,disableTouchRipple,focusRipple,tabIndex,focusVisible});const classes=useUtilityClasses(ownerState);return(0,_jsxRuntime.jsxs)(ButtonBaseRoot,
(0,_extends2.default)({as:ComponentProp,className:(0,_clsx.default)(classes.root,className),ownerState:ownerState,onBlur:handleBlur,onClick:onClick,onContextMenu:handleContextMenu,onFocus:handleFocus,onKeyDown:handleKeyDown,onKeyUp:handleKeyUp,onMouseDown:handleMouseDown,onMouseLeave:handleMouseLeave,onMouseUp:handleMouseUp,onDragLeave:handleDragLeave,onTouchEnd:handleTouchEnd,onTouchMove:handleTouchMove,onTouchStart:handleTouchStart,ref:handleRef,tabIndex:disabled?-1:tabIndex,type:type},buttonProps,
other,{children:[children,enableTouchRipple?(0,_jsxRuntime.jsx)(_TouchRipple.default,(0,_extends2.default)({ref:handleRippleRef,center:centerRipple},TouchRippleProps)):null]}))});ButtonBase.propTypes={action:_utils.refType,centerRipple:_propTypes.default.bool,children:_propTypes.default.node,classes:_propTypes.default.object,className:_propTypes.default.string,component:_utils.elementTypeAcceptingRef,disabled:_propTypes.default.bool,disableRipple:_propTypes.default.bool,disableTouchRipple:_propTypes.default.bool,
focusRipple:_propTypes.default.bool,focusVisibleClassName:_propTypes.default.string,href:_propTypes.default.any,LinkComponent:_propTypes.default.elementType,onBlur:_propTypes.default.func,onClick:_propTypes.default.func,onContextMenu:_propTypes.default.func,onDragLeave:_propTypes.default.func,onFocus:_propTypes.default.func,onFocusVisible:_propTypes.default.func,onKeyDown:_propTypes.default.func,onKeyUp:_propTypes.default.func,onMouseDown:_propTypes.default.func,onMouseLeave:_propTypes.default.func,
onMouseUp:_propTypes.default.func,onTouchEnd:_propTypes.default.func,onTouchMove:_propTypes.default.func,onTouchStart:_propTypes.default.func,sx:_propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func,_propTypes.default.object,_propTypes.default.bool])),_propTypes.default.func,_propTypes.default.object]),tabIndex:_propTypes.default.number,TouchRippleProps:_propTypes.default.object,touchRippleRef:_propTypes.default.oneOfType([_propTypes.default.func,
_propTypes.default.shape({current:_propTypes.default.shape({pulsate:_propTypes.default.func.isRequired,start:_propTypes.default.func.isRequired,stop:_propTypes.default.func.isRequired})})]),type:_propTypes.default.oneOfType([_propTypes.default.oneOf(["button","reset","submit"]),_propTypes.default.string])};var _default=ButtonBase;exports.default=_default}});
"use client";
***@***.******@***.******@***.***$babel/runtime/helpers/interopRequireDefault","./ButtonBase","./buttonBaseClasses","./touchRippleClasses"],function(module,exports,require){var define=undefined;var global=window;{var ***@***.***$babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});var _exportNames={buttonBaseClasses:true,touchRippleClasses:true};
Object.defineProperty(exports,"buttonBaseClasses",{enumerable:true,get:function(){return _buttonBaseClasses.default}});Object.defineProperty(exports,"default",{enumerable:true,get:function(){return _ButtonBase.default}});Object.defineProperty(exports,"touchRippleClasses",{enumerable:true,get:function(){return _touchRippleClasses.default}});var _ButtonBase=_interopRequireDefault(require("./ButtonBase"));var _buttonBaseClasses=_interopRequireWildcard(require("./buttonBaseClasses"));Object.keys(_buttonBaseClasses).forEach(function(key){if(key===
"default"||key==="__esModule")return;if(Object.prototype.hasOwnProperty.call(_exportNames,key))return;if(key in exports&&exports[key]===_buttonBaseClasses[key])return;Object.defineProperty(exports,key,{enumerable:true,get:function(){return _buttonBaseClasses[key]}})});var _touchRippleClasses=_interopRequireWildcard(require("./touchRippleClasses"));Object.keys(_touchRippleClasses).forEach(function(key){if(key==="default"||key==="__esModule")return;if(Object.prototype.hasOwnProperty.call(_exportNames,
key))return;if(key in exports&&exports[key]===_touchRippleClasses[key])return;Object.defineProperty(exports,key,{enumerable:true,get:function(){return _touchRippleClasses[key]}})});function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap;var cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&
obj&&obj.__esModule)return obj;if(obj===null||typeof obj!=="object"&&typeof obj!=="function")return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set))Object.defineProperty(newObj,
key,desc);else newObj[key]=obj[key]}newObj.default=obj;if(cache)cache.set(obj,newObj);return newObj}}});
***@***.******@***.******@***.******@***.***$mui/utils","../generateUtilityClass"],function(module,exports,require){var define=undefined;var global=window;{var ***@***.***$babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;
exports.getTabScrollButtonUtilityClass=getTabScrollButtonUtilityClass;var ***@***.***$mui/utils");var _generateUtilityClass=_interopRequireDefault(require("../generateUtilityClass"));function getTabScrollButtonUtilityClass(slot){return(0,_generateUtilityClass.default)("MuiTabScrollButton",slot)}const tabScrollButtonClasses=(0,_utils.unstable_generateUtilityClasses)("MuiTabScrollButton",["root","vertical","horizontal","disabled"]);var _default=tabScrollButtonClasses;exports.default=
_default}});
"use client";
***@***.******@***.******@***.******@***.******@***.******@***.***$mui/base","../internal/svg-icons/KeyboardArrowLeft","../internal/svg-icons/KeyboardArrowRight","../ButtonBase",
"../styles/useTheme","../styles/useThemeProps","../styles/styled","./tabScrollButtonClasses","catalogexplorer$react/jsx-runtime"],function(module,exports,require){var define=undefined;var global=window;{var ***@***.***$babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var ***@***.***$babel/runtime/helpers/objectWithoutPropertiesLoose"));
var ***@***.***$babel/runtime/helpers/extends"));var React=_interopRequireWildcard(require("catalogexplorer$react"));var _propTypes=_interopRequireDefault(require("catalogexplorer$prop-types"));var _clsx=_interopRequireDefault(require("catalogexplorer$clsx"));var ***@***.***$mui/base");var _KeyboardArrowLeft=_interopRequireDefault(require("../internal/svg-icons/KeyboardArrowLeft"));var _KeyboardArrowRight=_interopRequireDefault(require("../internal/svg-icons/KeyboardArrowRight"));
var _ButtonBase=_interopRequireDefault(require("../ButtonBase"));var _useTheme=_interopRequireDefault(require("../styles/useTheme"));var _useThemeProps=_interopRequireDefault(require("../styles/useThemeProps"));var _styled=_interopRequireDefault(require("../styles/styled"));var _tabScrollButtonClasses=_interopRequireWildcard(require("./tabScrollButtonClasses"));var _jsxRuntime=require("catalogexplorer$react/jsx-runtime");const _excluded=["className","slots","slotProps","direction","orientation","disabled"];
function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap;var cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(obj===null||typeof obj!=="object"&&typeof obj!=="function")return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);
if(cache&&cache.has(obj))return cache.get(obj);var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set))Object.defineProperty(newObj,key,desc);else newObj[key]=obj[key]}newObj.default=obj;if(cache)cache.set(obj,newObj);return newObj}const useUtilityClasses=(ownerState)=>
{const {classes,orientation,disabled}=ownerState;return(0,_base.unstable_composeClasses)({root:["root",orientation,disabled&&"disabled"]},_tabScrollButtonClasses.getTabScrollButtonUtilityClass,classes)};const TabScrollButtonRoot=(0,_styled.default)(_ButtonBase.default,{name:"MuiTabScrollButton",slot:"Root",overridesResolver:(props,styles)=>{const {ownerState}=props;return[styles.root,ownerState.orientation&&styles[ownerState.orientation]]}})(({ownerState})=>(0,_extends2.default)({width:40,flexShrink:0,
opacity:.8,[`\x26.${_tabScrollButtonClasses.default.disabled}`]:{opacity:0}},ownerState.orientation==="vertical"&&{width:"100%",height:40,"\x26 svg":{transform:`rotate(${ownerState.isRtl?-90:90}deg)`}}));const TabScrollButton=React.forwardRef(function TabScrollButton(inProps,ref){var _slots$StartScrollBut,_slots$EndScrollButto;const props=(0,_useThemeProps.default)({props:inProps,name:"MuiTabScrollButton"});const {className,slots={},slotProps={},direction}=props,other=(0,_objectWithoutPropertiesLoose2.default)(props,
_excluded);const theme=(0,_useTheme.default)();const isRtl=theme.direction==="rtl";const ownerState=(0,_extends2.default)({isRtl},props);const classes=useUtilityClasses(ownerState);const StartButtonIcon=(_slots$StartScrollBut=slots.StartScrollButtonIcon)!=null?_slots$StartScrollBut:_KeyboardArrowLeft.default;const EndButtonIcon=(_slots$EndScrollButto=slots.EndScrollButtonIcon)!=null?_slots$EndScrollButto:_KeyboardArrowRight.default;const startButtonIconProps=(0,_base.useSlotProps)({elementType:StartButtonIcon,
externalSlotProps:slotProps.startScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState});const endButtonIconProps=(0,_base.useSlotProps)({elementType:EndButtonIcon,externalSlotProps:slotProps.endScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState});return(0,_jsxRuntime.jsx)(TabScrollButtonRoot,(0,_extends2.default)({component:"div",className:(0,_clsx.default)(classes.root,className),ref:ref,role:null,ownerState:ownerState,tabIndex:null},other,{children:direction==="left"?(0,_jsxRuntime.jsx)(StartButtonIcon,
(0,_extends2.default)({},startButtonIconProps)):(0,_jsxRuntime.jsx)(EndButtonIcon,(0,_extends2.default)({},endButtonIconProps))}))});TabScrollButton.propTypes={children:_propTypes.default.node,classes:_propTypes.default.object,className:_propTypes.default.string,direction:_propTypes.default.oneOf(["left","right"]).isRequired,disabled:_propTypes.default.bool,orientation:_propTypes.default.oneOf(["horizontal","vertical"]).isRequired,slotProps:_propTypes.default.shape({endScrollButtonIcon:_propTypes.default.oneOfType([_propTypes.default.func,
_propTypes.default.object]),startScrollButtonIcon:_propTypes.default.oneOfType([_propTypes.default.func,_propTypes.default.object])}),slots:_propTypes.default.shape({EndScrollButtonIcon:_propTypes.default.elementType,StartScrollButtonIcon:_propTypes.default.elementType}),sx:_propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func,_propTypes.default.object,_propTypes.default.bool])),_propTypes.default.func,_propTypes.default.object])};var _default=
TabScrollButton;exports.default=_default}});
"use client";
***@***.******@***.******@***.***$babel/runtime/helpers/interopRequireDefault","./TabScrollButton","./tabScrollButtonClasses"],function(module,exports,require){var define=undefined;var global=window;{var ***@***.***$babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});var _exportNames={tabScrollButtonClasses:true};Object.defineProperty(exports,
"default",{enumerable:true,get:function(){return _TabScrollButton.default}});Object.defineProperty(exports,"tabScrollButtonClasses",{enumerable:true,get:function(){return _tabScrollButtonClasses.default}});var _TabScrollButton=_interopRequireDefault(require("./TabScrollButton"));var _tabScrollButtonClasses=_interopRequireWildcard(require("./tabScrollButtonClasses"));Object.keys(_tabScrollButtonClasses).forEach(function(key){if(key==="default"||key==="__esModule")return;if(Object.prototype.hasOwnProperty.call(_exportNames,
key))return;if(key in exports&&exports[key]===_tabScrollButtonClasses[key])return;Object.defineProperty(exports,key,{enumerable:true,get:function(){return _tabScrollButtonClasses[key]}})});function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap;var cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,
nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(obj===null||typeof obj!=="object"&&typeof obj!=="function")return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&
(desc.get||desc.set))Object.defineProperty(newObj,key,desc);else newObj[key]=obj[key]}newObj.default=obj;if(cache)cache.set(obj,newObj);return newObj}}});
***@***.******@***.******@***.******@***.***$mui/utils","../generateUtilityClass"],function(module,exports,require){var define=undefined;var global=window;{var ***@***.***$babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;exports.getTabsUtilityClass=
getTabsUtilityClass;var ***@***.***$mui/utils");var _generateUtilityClass=_interopRequireDefault(require("../generateUtilityClass"));function getTabsUtilityClass(slot){return(0,_generateUtilityClass.default)("MuiTabs",slot)}const tabsClasses=(0,_utils.unstable_generateUtilityClasses)("MuiTabs",["root","vertical","flexContainer","flexContainerVertical","centered","scroller","fixed","scrollableX","scrollableY","hideScrollbar","scrollButtons","scrollButtonsHideMobile","indicator"]);
var _default=tabsClasses;exports.default=_default}});
"use client";
***@***.******@***.******@***.******@***.******@***.******@***.******@***.***$mui/base","../styles/styled","../styles/useThemeProps","../styles/useTheme",
"../utils/debounce","../utils/scrollLeft","../internal/animate","./ScrollbarSize","../TabScrollButton","../utils/useEventCallback","./tabsClasses","../utils/ownerDocument","../utils/ownerWindow","catalogexplorer$react/jsx-runtime"],function(module,exports,require){var define=undefined;var global=window;{var ***@***.***$babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _objectWithoutPropertiesLoose2=
***@***.***$babel/runtime/helpers/objectWithoutPropertiesLoose"));var ***@***.***$babel/runtime/helpers/extends"));var React=_interopRequireWildcard(require("catalogexplorer$react"));var _reactIs=require("catalogexplorer$react-is");var _propTypes=_interopRequireDefault(require("catalogexplorer$prop-types"));var _clsx=_interopRequireDefault(require("catalogexplorer$clsx"));var ***@***.***$mui/utils");
var ***@***.***$mui/base");var _styled=_interopRequireDefault(require("../styles/styled"));var _useThemeProps=_interopRequireDefault(require("../styles/useThemeProps"));var _useTheme=_interopRequireDefault(require("../styles/useTheme"));var _debounce=_interopRequireDefault(require("../utils/debounce"));var _scrollLeft=require("../utils/scrollLeft");var _animate=_interopRequireDefault(require("../internal/animate"));var _ScrollbarSize=_interopRequireDefault(require("./ScrollbarSize"));
var _TabScrollButton=_interopRequireDefault(require("../TabScrollButton"));var _useEventCallback=_inte
|
@mj1910 I'm afraid I don't even know how/where to start without a proper repro 😅 |
Since the issue is missing key information and has been inactive for 7 days, it has been automatically closed. If you wish to see the issue reopened, please provide the missing information. |
Duplicates
Latest version
Steps to reproduce 🕹
Link to live example:
Steps:
The console log shows the error for this line -
var_system=require("@catalogexplorer$mui/system");var_styled=_interopRequireDefault(require("../styles/styled"));
This started after I upgraded to @mui v5
Current behavior 😯
Get error
Expected behavior 🤔
Should load the page as dependencies have been resolved
Context 🔦
Unable to use @mui v5 packages for development.
Your environment 🌎
npx @mui/envinfo
The text was updated successfully, but these errors were encountered: