Uncaught SyntaxError: Identifier '_system' has already been declared #38674
Labels
status: waiting for author
Issue with insufficient information
Comments
mj1910
added
the
status: waiting for maintainer
|
@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 |
mj12albert
added
status: waiting for author
mj12albert
changed the title
|
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
|
github-actions
bot
removed
the
status: waiting for author
|
@mj1910 I'm afraid I don't even know how/where to start without a proper repro 😅 |
mj12albert
added
the
status: waiting for author
|
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. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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/envinfoThe text was updated successfully, but these errors were encountered: