@comet/admin 8.17.1 → 9.0.0-beta.0

package/lib/mui/mainNavigation/Item.js

@@ -1,16 +1,4 @@
-"use strict";
-
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MainNavigationItem = void 0;
-var _material = require("@mui/material");
-var _Tooltip = require("../../common/Tooltip");
-var _createComponentSlot = require("../../helpers/createComponentSlot");
-var _Context = require("./Context");
-var _Item = require("./Item.styles");
-var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["primary", "secondary", "icon", "level", "secondaryAction", "isMenuOpen", "hasSubitems", "isCollapsibleOpen", "slotProps"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -19,12 +7,18 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-var Tooltip = (0, _createComponentSlot.createComponentSlot)(_Tooltip.Tooltip)({
+import { useThemeProps } from "@mui/material";
+import { Tooltip as CommonTooltip } from "../../common/Tooltip";
+import { createComponentSlot } from "../../helpers/createComponentSlot";
+import { useMainNavigation } from "./Context";
+import { Icon, Root, Text } from "./Item.styles";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var Tooltip = createComponentSlot(CommonTooltip)({
   componentName: "MainNavigationItem",
   slotName: "tooltip"
 })();
-var MainNavigationItem = exports.MainNavigationItem = function MainNavigationItem(inProps) {
-  var _useThemeProps = (0, _material.useThemeProps)({
+export var MainNavigationItem = function MainNavigationItem(inProps) {
+  var _useThemeProps = useThemeProps({
       props: inProps,
       name: "CometAdminMainNavigationItem"
     }),
@@ -39,7 +33,7 @@ var MainNavigationItem = exports.MainNavigationItem = function MainNavigationIte
     isCollapsibleOpen = _useThemeProps.isCollapsibleOpen,
     slotProps = _useThemeProps.slotProps,
     restProps = _objectWithoutProperties(_useThemeProps, _excluded);
-  var _useMainNavigation = (0, _Context.useMainNavigation)(),
+  var _useMainNavigation = useMainNavigation(),
     drawerVariant = _useMainNavigation.drawerVariant;
   if (level > 3) throw new Error("Maximum nesting level of 2 exceeded.");
   var showIcon = !!icon && level === 1;
@@ -54,23 +48,22 @@ var MainNavigationItem = exports.MainNavigationItem = function MainNavigationIte
     variant: drawerVariant
   };
   var showTooltip = !isMenuOpen && !hasSubitems && level === 1;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Tooltip, _objectSpread(_objectSpread({
-    variant: "light",
+  return /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({
     placement: "right",
     disableHoverListener: !showTooltip,
     disableFocusListener: !showTooltip,
     disableTouchListener: !showTooltip,
     title: primary
   }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.tooltip), {}, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Item.Root, _objectSpread(_objectSpread(_objectSpread({
+    children: /*#__PURE__*/_jsxs(Root, _objectSpread(_objectSpread(_objectSpread({
       component: "div",
       ownerState: ownerState
     }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {
-      children: [showIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Item.Icon, _objectSpread(_objectSpread({
+      children: [showIcon && /*#__PURE__*/_jsx(Icon, _objectSpread(_objectSpread({
         ownerState: ownerState
       }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.icon), {}, {
         children: icon
-      })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Item.Text, _objectSpread({
+      })), /*#__PURE__*/_jsx(Text, _objectSpread({
         ownerState: ownerState,
         primary: primary,
         secondary: secondary,

package/lib/mui/mainNavigation/Item.styles.d.ts

@@ -11,9 +11,7 @@ export type OwnerState = {
     hasSecondaryAction: boolean;
     variant: MainNavigationContext["drawerVariant"];
 };
-export declare const Root: import("react").ForwardRefExoticComponent<Omit<Pick<import("@mui/material").ListItemButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "alignItems" | "style" | "className" | "tabIndex" | "children" | "autoFocus" | "disabled" | "action" | "selected" | "dense" | "sx" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableGutters" | "divider">, "alignItems" | "color" | "content" | "translate" | "slot" | "style" | "title" | "ref" | "className" | "suppressHydrationWarning" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "nonce" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "disabled" | "action" | "selected" | "dense" | "sx" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableGutters" | "divider"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+export declare const Root: import("react").ForwardRefExoticComponent<Omit<Pick<import("@mui/material").ListItemButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "alignItems" | "style" | "className" | "tabIndex" | "children" | "autoFocus" | "disabled" | "action" | "selected" | "dense" | "sx" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableGutters" | "divider">, "alignItems" | "color" | "content" | "translate" | "slot" | "style" | "title" | "ref" | "className" | "suppressHydrationWarning" | "id" | "lang" | "nonce" | "part" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "disabled" | "action" | "selected" | "dense" | "sx" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableGutters" | "divider"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     ownerState: OwnerState;
 } & {
     className?: string;

package/lib/mui/mainNavigation/Item.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Item.styles.d.ts","sourceRoot":"","sources":["../../../src/mui/mainNavigation/Item.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,WAAW,CAAC;AACvD,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,QAAQ,CAAC;AAEtD,MAAM,MAAM,0BAA0B,GAChC,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,SAAS,GACT,kBAAkB,GAClB,oBAAoB,GACpB,MAAM,GACN,MAAM,GACN,SAAS,CAAC;AAEhB,MAAM,MAAM,UAAU,GAAG;IACrB,KAAK,EAAE,uBAAuB,CAAC;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,eAAe,EAAE,OAAO,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,OAAO,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAC;CACnD,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;mDAoShB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;mDAOhB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;mDAGb,CAAC"}
+{"version":3,"file":"Item.styles.d.ts","sourceRoot":"","sources":["../../../src/mui/mainNavigation/Item.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,WAAW,CAAC;AACvD,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,QAAQ,CAAC;AAEtD,MAAM,MAAM,0BAA0B,GAChC,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,SAAS,GACT,kBAAkB,GAClB,oBAAoB,GACpB,MAAM,GACN,MAAM,GACN,SAAS,CAAC;AAEhB,MAAM,MAAM,UAAU,GAAG;IACrB,KAAK,EAAE,uBAAuB,CAAC;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,eAAe,EAAE,OAAO,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,OAAO,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAC;CACnD,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;mDAoShB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;mDAOhB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;mDAGb,CAAC"}

package/lib/mui/mainNavigation/Item.styles.js

@@ -1,14 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Text = exports.Root = exports.Icon = void 0;
-var _material = require("@mui/material");
-var _createComponentSlot = require("../../helpers/createComponentSlot");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-var Root = exports.Root = (0, _createComponentSlot.createComponentSlot)(_material.ListItemButton)({
+import { css, ListItemButton, ListItemIcon, listItemIconClasses, ListItemText, listItemTextClasses } from "@mui/material";
+import { createComponentSlot } from "../../helpers/createComponentSlot";
+export var Root = createComponentSlot(ListItemButton)({
   componentName: "MainNavigationItem",
   slotName: "root",
   classesResolver: function classesResolver(ownerState) {
@@ -17,15 +11,15 @@ var Root = exports.Root = (0, _createComponentSlot.createComponentSlot)(_materia
 })(function (_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return (0, _material.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        flex-shrink: 0;\n        flex-grow: 0;\n\n        &:after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            right: 0;\n            bottom: 0;\n            width: 2px;\n            display: ", ";\n        }\n\n        .", " {\n            color: ", ";\n            min-width: unset;\n        }\n\n        .", " {\n            padding-left: ", "px;\n        }\n\n        .Mui-selected .", " {\n            color: inherit;\n        }\n\n        .", ", .", " {\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n        }\n\n        ", "\n\n        ", "\n\n        ", "\n\n        ", "\n    "])), ownerState.open ? "block" : "none", _material.listItemIconClasses.root, theme.palette.grey[900], _material.listItemTextClasses.inset, ownerState.hasIcon && ownerState.level === 1 ? 30 : 0, _material.listItemTextClasses.secondary, _material.listItemTextClasses.primary, _material.listItemTextClasses.secondary, ownerState.level === 1 && (0, _material.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            border-bottom: 1px solid ", ";\n            box-sizing: border-box;\n            color: ", ";\n            height: 60px;\n            padding: 16px 22px;\n            background-color: ", ";\n\n            .", " {\n                color: ", ";\n            }\n\n            :hover {\n                background-color: ", ";\n                color: ", ";\n\n                .", " {\n                    color: ", ";\n                }\n            }\n\n            &.Mui-selected {\n                background-color: ", ";\n                color: ", ";\n\n                :after {\n                    background-color: ", ";\n                }\n\n                .", " {\n                    color: ", ";\n                }\n\n                :hover {\n                    color: ", ";\n                    background-color: ", ";\n\n                    .", " {\n                        color: ", ";\n                    }\n                }\n            }\n\n            .", " {\n                font-size: 16px;\n                line-height: 20px;\n                margin-left: 10px;\n                font-weight: 450;\n            }\n\n            .", " {\n                margin-left: 10px;\n            }\n        "])), theme.palette.grey[50], theme.palette.grey[900], !ownerState.open && ownerState.collapsibleOpen ? "".concat(theme.palette.primary.main, " !important") : theme.palette.common.white, _material.listItemIconClasses.root, !ownerState.open && ownerState.collapsibleOpen ? "".concat(theme.palette.common.white, " !important") : "", !ownerState.open ? "".concat(theme.palette.primary.main, " !important") : "", !ownerState.open ? "".concat(theme.palette.common.white) : "", _material.listItemIconClasses.root, !ownerState.open ? "".concat(theme.palette.common.white) : "", theme.palette.common.white, theme.palette.primary.main, theme.palette.primary.main, _material.listItemIconClasses.root, theme.palette.primary.main, !ownerState.open ? theme.palette.common.white : theme.palette.primary.main, theme.palette.grey[50], _material.listItemIconClasses.root, !ownerState.open ? theme.palette.common.white : theme.palette.primary.main, _material.listItemTextClasses.primary, _material.listItemTextClasses.secondary), ownerState.level === 2 && (0, _material.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            color: ", ";\n            padding-left: ", "px;\n            padding-right: 15px;\n            padding-top: 8px;\n            padding-bottom: 8px;\n            width: ", "px;\n\n            .", " {\n                font-size: 14px;\n                line-height: 20px;\n            }\n\n            :last-child {\n                border-bottom: 1px solid\n                    ", ";\n                box-sizing: border-box;\n            }\n\n            &.Mui-selected {\n                background-color: ", ";\n                color: ", ";\n                font-weight: ", ";\n\n                :after {\n                    background-color: ", ";\n                }\n\n                :hover {\n                    background-color: ", ";\n                }\n\n                .", " {\n                    font-weight: ", ";\n                }\n\n                .", " {\n                    color: ", ";\n                }\n            }\n\n            .", " {\n                margin: 0;\n            }\n        "])), theme.palette.grey[900], ownerState.open ? 48 : 30, ownerState.open ? "initial" : 240, _material.listItemTextClasses.primary, ownerState.open && (!ownerState.hasSubItems || !ownerState.collapsibleOpen) ? theme.palette.grey[50] : theme.palette.common.white, theme.palette.common.white, theme.palette.primary.main, theme.typography.fontWeightMedium, ownerState.open ? theme.palette.primary.main : undefined, theme.palette.grey[50], _material.listItemTextClasses.primary, theme.typography.fontWeightMedium, _material.listItemIconClasses.root, theme.palette.primary.main, _material.listItemTextClasses.root), ownerState.level === 3 && (0, _material.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n            color: ", ";\n            padding-left: ", "px;\n            padding-right: 15px;\n            padding-top: 0;\n            padding-bottom: 0;\n            position: relative;\n            width: ", "px;\n\n            background-color: ", ";\n\n            :hover {\n                background-color: ", ";\n            }\n\n            :last-child {\n                border-bottom: ", ";\n                box-sizing: border-box;\n            }\n\n            &.Mui-selected {\n                background-color: ", ";\n                color: ", ";\n                font-weight: ", ";\n\n                :hover {\n                    background-color: ", ";\n                }\n\n                .", " {\n                    font-weight: ", ";\n                }\n\n                .", " {\n                    color: ", ";\n                }\n            }\n\n            .", " {\n                margin: 0;\n            }\n\n            .", " {\n                font-size: 14px;\n                line-height: 20px;\n                padding-left: ", "px;\n                padding-top: 8px;\n                padding-bottom: 8px;\n            }\n\n            ", "\n        "])), theme.palette.grey[900], ownerState.open ? 50 : 30, ownerState.open ? "initial" : 240, ownerState.open && ownerState.collapsibleOpen && ownerState.variant === "temporary" ? theme.palette.grey[50] : theme.palette.common.white, ownerState.open && ownerState.collapsibleOpen && ownerState.variant === "temporary" ? theme.palette.grey[100] : theme.palette.grey[50], ownerState.open ? "1px solid ".concat(theme.palette.grey[50]) : "initial", ownerState.open && ownerState.collapsibleOpen && ownerState.variant === "temporary" ? theme.palette.grey[50] : theme.palette.common.white, theme.palette.primary.main, theme.typography.fontWeightMedium, ownerState.open && ownerState.collapsibleOpen && ownerState.variant === "temporary" ? theme.palette.grey[100] : theme.palette.grey[50], _material.listItemTextClasses.primary, theme.typography.fontWeightMedium, _material.listItemIconClasses.root, theme.palette.primary.main, _material.listItemTextClasses.root, _material.listItemTextClasses.primary, ownerState.open ? 15 : 0, ownerState.open && (0, _material.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n                :not(:last-child) {\n                    .", " {\n                        position: relative;\n\n                        &:before {\n                            content: \"\";\n                            position: absolute;\n                            width: 1px;\n                            height: 100%;\n                            top: 0;\n                            background-color: ", ";\n                        }\n\n                        &:after {\n                            content: \"\";\n                            position: absolute;\n                            width: 5px;\n                            height: 1px;\n                            top: 50%;\n                            transform: translateY(-50%);\n                            background-color: ", ";\n                        }\n                    }\n\n                    &.Mui-selected {\n                        .", " {\n                            :before,\n                            :after {\n                                background-color: ", ";\n                            }\n                        }\n                    }\n                }\n\n                :last-child {\n                    .", " {\n                        position: relative;\n                        padding-right: 10px;\n\n                        &:before {\n                            content: \"\";\n                            position: absolute;\n                            width: 1px;\n                            height: 50%;\n                            top: 0;\n                            background-color: ", ";\n                        }\n\n                        &:after {\n                            content: \"\";\n                            position: absolute;\n                            width: 5px;\n                            height: 1px;\n                            top: 50%;\n                            transform: translateY(-50%);\n                            background-color: ", ";\n                        }\n                    }\n\n                    &.Mui-selected {\n                        .", " {\n                            :before,\n                            :after {\n                                background-color: ", ";\n                            }\n                        }\n                    }\n                }\n            "])), _material.listItemTextClasses.root, theme.palette.grey[200], theme.palette.grey[200], _material.listItemTextClasses.root, theme.palette.primary.main, _material.listItemTextClasses.root, theme.palette.grey[200], theme.palette.grey[200], _material.listItemTextClasses.root, theme.palette.primary.main)), ownerState.hasSecondaryAction && (0, _material.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n            padding-right: 18px;\n        "]))));
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        flex-shrink: 0;\n        flex-grow: 0;\n\n        &:after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            right: 0;\n            bottom: 0;\n            width: 2px;\n            display: ", ";\n        }\n\n        .", " {\n            color: ", ";\n            min-width: unset;\n        }\n\n        .", " {\n            padding-left: ", "px;\n        }\n\n        .Mui-selected .", " {\n            color: inherit;\n        }\n\n        .", ", .", " {\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n        }\n\n        ", "\n\n        ", "\n\n        ", "\n\n        ", "\n    "])), ownerState.open ? "block" : "none", listItemIconClasses.root, theme.palette.grey[900], listItemTextClasses.inset, ownerState.hasIcon && ownerState.level === 1 ? 30 : 0, listItemTextClasses.secondary, listItemTextClasses.primary, listItemTextClasses.secondary, ownerState.level === 1 && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            border-bottom: 1px solid ", ";\n            box-sizing: border-box;\n            color: ", ";\n            height: 60px;\n            padding: 16px 22px;\n            background-color: ", ";\n\n            .", " {\n                color: ", ";\n            }\n\n            :hover {\n                background-color: ", ";\n                color: ", ";\n\n                .", " {\n                    color: ", ";\n                }\n            }\n\n            &.Mui-selected {\n                background-color: ", ";\n                color: ", ";\n\n                :after {\n                    background-color: ", ";\n                }\n\n                .", " {\n                    color: ", ";\n                }\n\n                :hover {\n                    color: ", ";\n                    background-color: ", ";\n\n                    .", " {\n                        color: ", ";\n                    }\n                }\n            }\n\n            .", " {\n                font-size: 16px;\n                line-height: 20px;\n                margin-left: 10px;\n                font-weight: 450;\n            }\n\n            .", " {\n                margin-left: 10px;\n            }\n        "])), theme.palette.grey[50], theme.palette.grey[900], !ownerState.open && ownerState.collapsibleOpen ? "".concat(theme.palette.primary.main, " !important") : theme.palette.common.white, listItemIconClasses.root, !ownerState.open && ownerState.collapsibleOpen ? "".concat(theme.palette.common.white, " !important") : "", !ownerState.open ? "".concat(theme.palette.primary.main, " !important") : "", !ownerState.open ? "".concat(theme.palette.common.white) : "", listItemIconClasses.root, !ownerState.open ? "".concat(theme.palette.common.white) : "", theme.palette.common.white, theme.palette.primary.main, theme.palette.primary.main, listItemIconClasses.root, theme.palette.primary.main, !ownerState.open ? theme.palette.common.white : theme.palette.primary.main, theme.palette.grey[50], listItemIconClasses.root, !ownerState.open ? theme.palette.common.white : theme.palette.primary.main, listItemTextClasses.primary, listItemTextClasses.secondary), ownerState.level === 2 && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            color: ", ";\n            padding-left: ", "px;\n            padding-right: 15px;\n            padding-top: 8px;\n            padding-bottom: 8px;\n            width: ", "px;\n\n            .", " {\n                font-size: 14px;\n                line-height: 20px;\n            }\n\n            :last-child {\n                border-bottom: 1px solid\n                    ", ";\n                box-sizing: border-box;\n            }\n\n            &.Mui-selected {\n                background-color: ", ";\n                color: ", ";\n                font-weight: ", ";\n\n                :after {\n                    background-color: ", ";\n                }\n\n                :hover {\n                    background-color: ", ";\n                }\n\n                .", " {\n                    font-weight: ", ";\n                }\n\n                .", " {\n                    color: ", ";\n                }\n            }\n\n            .", " {\n                margin: 0;\n            }\n        "])), theme.palette.grey[900], ownerState.open ? 48 : 30, ownerState.open ? "initial" : 240, listItemTextClasses.primary, ownerState.open && (!ownerState.hasSubItems || !ownerState.collapsibleOpen) ? theme.palette.grey[50] : theme.palette.common.white, theme.palette.common.white, theme.palette.primary.main, theme.typography.fontWeightMedium, ownerState.open ? theme.palette.primary.main : undefined, theme.palette.grey[50], listItemTextClasses.primary, theme.typography.fontWeightMedium, listItemIconClasses.root, theme.palette.primary.main, listItemTextClasses.root), ownerState.level === 3 && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n            color: ", ";\n            padding-left: ", "px;\n            padding-right: 15px;\n            padding-top: 0;\n            padding-bottom: 0;\n            position: relative;\n            width: ", "px;\n\n            background-color: ", ";\n\n            :hover {\n                background-color: ", ";\n            }\n\n            :last-child {\n                border-bottom: ", ";\n                box-sizing: border-box;\n            }\n\n            &.Mui-selected {\n                background-color: ", ";\n                color: ", ";\n                font-weight: ", ";\n\n                :hover {\n                    background-color: ", ";\n                }\n\n                .", " {\n                    font-weight: ", ";\n                }\n\n                .", " {\n                    color: ", ";\n                }\n            }\n\n            .", " {\n                margin: 0;\n            }\n\n            .", " {\n                font-size: 14px;\n                line-height: 20px;\n                padding-left: ", "px;\n                padding-top: 8px;\n                padding-bottom: 8px;\n            }\n\n            ", "\n        "])), theme.palette.grey[900], ownerState.open ? 50 : 30, ownerState.open ? "initial" : 240, ownerState.open && ownerState.collapsibleOpen && ownerState.variant === "temporary" ? theme.palette.grey[50] : theme.palette.common.white, ownerState.open && ownerState.collapsibleOpen && ownerState.variant === "temporary" ? theme.palette.grey[100] : theme.palette.grey[50], ownerState.open ? "1px solid ".concat(theme.palette.grey[50]) : "initial", ownerState.open && ownerState.collapsibleOpen && ownerState.variant === "temporary" ? theme.palette.grey[50] : theme.palette.common.white, theme.palette.primary.main, theme.typography.fontWeightMedium, ownerState.open && ownerState.collapsibleOpen && ownerState.variant === "temporary" ? theme.palette.grey[100] : theme.palette.grey[50], listItemTextClasses.primary, theme.typography.fontWeightMedium, listItemIconClasses.root, theme.palette.primary.main, listItemTextClasses.root, listItemTextClasses.primary, ownerState.open ? 15 : 0, ownerState.open && css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n                :not(:last-child) {\n                    .", " {\n                        position: relative;\n\n                        &:before {\n                            content: \"\";\n                            position: absolute;\n                            width: 1px;\n                            height: 100%;\n                            top: 0;\n                            background-color: ", ";\n                        }\n\n                        &:after {\n                            content: \"\";\n                            position: absolute;\n                            width: 5px;\n                            height: 1px;\n                            top: 50%;\n                            transform: translateY(-50%);\n                            background-color: ", ";\n                        }\n                    }\n\n                    &.Mui-selected {\n                        .", " {\n                            :before,\n                            :after {\n                                background-color: ", ";\n                            }\n                        }\n                    }\n                }\n\n                :last-child {\n                    .", " {\n                        position: relative;\n                        padding-right: 10px;\n\n                        &:before {\n                            content: \"\";\n                            position: absolute;\n                            width: 1px;\n                            height: 50%;\n                            top: 0;\n                            background-color: ", ";\n                        }\n\n                        &:after {\n                            content: \"\";\n                            position: absolute;\n                            width: 5px;\n                            height: 1px;\n                            top: 50%;\n                            transform: translateY(-50%);\n                            background-color: ", ";\n                        }\n                    }\n\n                    &.Mui-selected {\n                        .", " {\n                            :before,\n                            :after {\n                                background-color: ", ";\n                            }\n                        }\n                    }\n                }\n            "])), listItemTextClasses.root, theme.palette.grey[200], theme.palette.grey[200], listItemTextClasses.root, theme.palette.primary.main, listItemTextClasses.root, theme.palette.grey[200], theme.palette.grey[200], listItemTextClasses.root, theme.palette.primary.main)), ownerState.hasSecondaryAction && css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n            padding-right: 18px;\n        "]))));
 });
-var Icon = exports.Icon = (0, _createComponentSlot.createComponentSlot)(_material.ListItemIcon)({
+export var Icon = createComponentSlot(ListItemIcon)({
   componentName: "MainNavigationItem",
   slotName: "icon"
 })(function () {
-  return (0, _material.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n        margin-right: 0;\n    "])));
+  return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n        margin-right: 0;\n    "])));
 });
-var Text = exports.Text = (0, _createComponentSlot.createComponentSlot)(_material.ListItemText)({
+export var Text = createComponentSlot(ListItemText)({
   componentName: "MainNavigationItem",
   slotName: "text"
 })();

package/lib/mui/mainNavigation/ItemAnchorLink.js

@@ -1,13 +1,4 @@
-"use strict";
-
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MainNavigationItemAnchorLink = void 0;
-var _adminIcons = require("@comet/admin-icons");
-var _Item = require("./Item");
-var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["secondaryAction", "isMenuOpen", "slotProps"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -16,7 +7,10 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-var MainNavigationItemAnchorLink = exports.MainNavigationItemAnchorLink = function MainNavigationItemAnchorLink(_ref) {
+import { LinkExternal } from "@comet/admin-icons";
+import { MainNavigationItem } from "./Item";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var MainNavigationItemAnchorLink = function MainNavigationItemAnchorLink(_ref) {
   var _slotProps$text;
   var passedSecondaryAction = _ref.secondaryAction,
     isMenuOpen = _ref.isMenuOpen,
@@ -24,7 +18,7 @@ var MainNavigationItemAnchorLink = exports.MainNavigationItemAnchorLink = functi
     props = _objectWithoutProperties(_ref, _excluded);
   var secondaryAction = passedSecondaryAction !== undefined ?
   // don't use ?? to allow null as value and with that an empty secondaryAction
-  passedSecondaryAction : /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.LinkExternal, {
+  passedSecondaryAction : /*#__PURE__*/_jsx(LinkExternal, {
     color: "primary",
     sx: {
       marginRight: "auto",
@@ -32,7 +26,7 @@ var MainNavigationItemAnchorLink = exports.MainNavigationItemAnchorLink = functi
     },
     fontSize: isMenuOpen ? "medium" : "small"
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Item.MainNavigationItem, _objectSpread({
+  return /*#__PURE__*/_jsx(MainNavigationItem, _objectSpread({
     selected: false,
     component: "a",
     secondaryAction: secondaryAction,

package/lib/mui/mainNavigation/ItemGroup.js

@@ -1,16 +1,4 @@
-"use strict";
-
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MainNavigationItemGroup = void 0;
-var _material = require("@mui/material");
-var _react = require("react");
-var _reactIntl = require("react-intl");
-var _Tooltip = require("../../common/Tooltip");
-var _createComponentSlot = require("../../helpers/createComponentSlot");
-var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["title", "shortTitle", "helperIcon", "children", "isMenuOpen", "slotProps"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -21,7 +9,13 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-var Root = (0, _createComponentSlot.createComponentSlot)("div")({
+import { css, Typography, useThemeProps } from "@mui/material";
+import { Children, cloneElement, isValidElement, useMemo } from "react";
+import { FormattedMessage, useIntl } from "react-intl";
+import { Tooltip as CommonTooltip } from "../../common/Tooltip";
+import { createComponentSlot } from "../../helpers/createComponentSlot";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var Root = createComponentSlot("div")({
   componentName: "MainNavigationItemGroup",
   slotName: "root",
   classesResolver: function classesResolver(ownerState) {
@@ -29,38 +23,38 @@ var Root = (0, _createComponentSlot.createComponentSlot)("div")({
   }
 })(function (_ref) {
   var theme = _ref.theme;
-  return (0, _material.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        margin-top: ", ";\n    "])), theme.spacing(8));
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        margin-top: ", ";\n    "])), theme.spacing(8));
 });
-var Tooltip = (0, _createComponentSlot.createComponentSlot)(_Tooltip.Tooltip)({
+var Tooltip = createComponentSlot(CommonTooltip)({
   componentName: "MainNavigationItemGroup",
   slotName: "tooltip"
 })();
-var TitleContainer = (0, _createComponentSlot.createComponentSlot)("div")({
+var TitleContainer = createComponentSlot("div")({
   componentName: "MainNavigationItemGroup",
   slotName: "titleContainer"
 })(function (_ref2) {
   var theme = _ref2.theme,
     ownerState = _ref2.ownerState;
-  return (0, _material.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        border-bottom: 1px solid ", ";\n        display: flex;\n        justify-content: flex-start;\n        padding: ", ";\n        align-items: center;\n        gap: ", ";\n\n        ", "\n    "])), theme.palette.grey[50], theme.spacing(2, 4), theme.spacing(1), !ownerState.open && (0, _material.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            padding-left: 0;\n            padding-right: 0;\n        "]))));
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        border-bottom: 1px solid ", ";\n        display: flex;\n        justify-content: flex-start;\n        padding: ", ";\n        align-items: center;\n        gap: ", ";\n\n        ", "\n    "])), theme.palette.grey[50], theme.spacing(2, 4), theme.spacing(1), !ownerState.open && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            padding-left: 0;\n            padding-right: 0;\n        "]))));
 });
-var Title = (0, _createComponentSlot.createComponentSlot)(_material.Typography)({
+var Title = createComponentSlot(Typography)({
   componentName: "MainNavigationItemGroup",
   slotName: "title"
 })(function (_ref3) {
   var theme = _ref3.theme,
     ownerState = _ref3.ownerState;
-  return (0, _material.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        color: ", ";\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n\n        ", "\n    "])), theme.palette.grey[900], !ownerState.open && (0, _material.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n            display: none;\n        "]))));
+  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        color: ", ";\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n\n        ", "\n    "])), theme.palette.grey[900], !ownerState.open && css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n            display: none;\n        "]))));
 });
-var ShortTitle = (0, _createComponentSlot.createComponentSlot)(_material.Typography)({
+var ShortTitle = createComponentSlot(Typography)({
   componentName: "MainNavigationItemGroup",
   slotName: "shortTitle"
 })(function (_ref4) {
   var theme = _ref4.theme,
     ownerState = _ref4.ownerState;
-  return (0, _material.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        border: 1px solid ", ";\n        border-radius: 20px;\n        color: ", ";\n        padding: 1px 7px;\n        margin-left: 20px;\n        margin-right: auto;\n\n        ", "\n    "])), theme.palette.grey[100], theme.palette.grey[300], ownerState.open && (0, _material.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n            display: none;\n        "]))));
+  return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        border: 1px solid ", ";\n        border-radius: 20px;\n        color: ", ";\n        padding: 1px 7px;\n        margin-left: 20px;\n        margin-right: auto;\n\n        ", "\n    "])), theme.palette.grey[100], theme.palette.grey[300], ownerState.open && css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n            display: none;\n        "]))));
 });
-var MainNavigationItemGroup = exports.MainNavigationItemGroup = function MainNavigationItemGroup(inProps) {
-  var _useThemeProps = (0, _material.useThemeProps)({
+export var MainNavigationItemGroup = function MainNavigationItemGroup(inProps) {
+  var _useThemeProps = useThemeProps({
       props: inProps,
       name: "CometAdminMainNavigationItemGroup"
     }),
@@ -71,12 +65,12 @@ var MainNavigationItemGroup = exports.MainNavigationItemGroup = function MainNav
     isMenuOpen = _useThemeProps.isMenuOpen,
     slotProps = _useThemeProps.slotProps,
     restProps = _objectWithoutProperties(_useThemeProps, _excluded);
-  var intl = (0, _reactIntl.useIntl)();
+  var intl = useIntl();
   var ownerState = {
     open: Boolean(isMenuOpen)
   };
   function isFormattedMessage(node) {
-    return !!node && /*#__PURE__*/(0, _react.isValidElement)(node) && node.type === _reactIntl.FormattedMessage;
+    return !!node && /*#__PURE__*/isValidElement(node) && node.type === FormattedMessage;
   }
   function getInitials(title) {
     var titleAsString;
@@ -100,32 +94,32 @@ var MainNavigationItemGroup = exports.MainNavigationItemGroup = function MainNav
       return word[0].toUpperCase();
     }).join("");
   }
-  var childElements = (0, _react.useMemo)(function () {
-    return _react.Children.map(children, function (child) {
-      return /*#__PURE__*/(0, _react.cloneElement)(child, {
+  var childElements = useMemo(function () {
+    return Children.map(children, function (child) {
+      return /*#__PURE__*/cloneElement(child, {
         isMenuOpen: isMenuOpen
       });
     });
   }, [children, isMenuOpen]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, _objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs(Root, _objectSpread(_objectSpread(_objectSpread({
     ownerState: ownerState
   }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Tooltip, _objectSpread(_objectSpread({
+    children: [/*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({
       placement: "right",
       disableHoverListener: isMenuOpen,
       disableFocusListener: isMenuOpen,
       disableTouchListener: isMenuOpen,
       title: title
     }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.tooltip), {}, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(TitleContainer, _objectSpread(_objectSpread({
+      children: /*#__PURE__*/_jsxs(TitleContainer, _objectSpread(_objectSpread({
         ownerState: ownerState
       }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.titleContainer), {}, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ShortTitle, _objectSpread(_objectSpread({
+        children: [/*#__PURE__*/_jsx(ShortTitle, _objectSpread(_objectSpread({
           variant: "overline",
           ownerState: ownerState
         }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.shortTitle), {}, {
           children: shortTitle || getInitials(title)
-        })), /*#__PURE__*/(0, _jsxRuntime.jsx)(Title, _objectSpread(_objectSpread({
+        })), /*#__PURE__*/_jsx(Title, _objectSpread(_objectSpread({
           variant: "subtitle2",
           ownerState: ownerState
         }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.title), {}, {

package/lib/mui/mainNavigation/ItemRouterLink.js

@@ -1,14 +1,4 @@
-"use strict";
-
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MainNavigationItemRouterLink = void 0;
-var _material = require("@mui/material");
-var _reactRouterDom = require("react-router-dom");
-var _Item = require("./Item");
-var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["badgeContent", "secondaryAction", "slotProps"],
   _excluded2 = ["badge"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -18,7 +8,11 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-var MainNavigationItemRouterLink = exports.MainNavigationItemRouterLink = function MainNavigationItemRouterLink(_ref) {
+import { Badge } from "@mui/material";
+import { Link, Route } from "react-router-dom";
+import { MainNavigationItem } from "./Item";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var MainNavigationItemRouterLink = function MainNavigationItemRouterLink(_ref) {
   var badgeContent = _ref.badgeContent,
     passedSecondaryAction = _ref.secondaryAction,
     slotProps = _ref.slotProps,
@@ -29,7 +23,7 @@ var MainNavigationItemRouterLink = exports.MainNavigationItemRouterLink = functi
   var secondaryAction = badgeContent ?
   /*#__PURE__*/
   // prioritize badgeContent over passed secondaryAction
-  (0, _jsxRuntime.jsx)(_material.Badge, _objectSpread(_objectSpread({
+  _jsx(Badge, _objectSpread(_objectSpread({
     variant: restProps.isMenuOpen ? "standard" : "dot",
     color: "error",
     overlap: "circular"
@@ -39,15 +33,15 @@ var MainNavigationItemRouterLink = exports.MainNavigationItemRouterLink = functi
       marginLeft: 2
     }, badge === null || badge === void 0 ? void 0 : badge.sx)
   })) : passedSecondaryAction;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Route, {
+  return /*#__PURE__*/_jsx(Route, {
     path: restProps.to,
     strict: false,
     children: function children(_ref3) {
       var match = _ref3.match;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Item.MainNavigationItem, _objectSpread({
+      return /*#__PURE__*/_jsx(MainNavigationItem, _objectSpread({
         selected: !!match,
         secondaryAction: secondaryAction,
-        component: _reactRouterDom.Link,
+        component: Link,
         slotProps: mainNavigationItemSlotProps
       }, restProps));
     }

package/lib/mui/mainNavigation/MainNavigation.js

@@ -1,17 +1,4 @@
-"use strict";
-
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MainNavigation = exports.DEFAULT_DRAWER_WIDTH_COLLAPSED = exports.DEFAULT_DRAWER_WIDTH = void 0;
-var _material = require("@mui/material");
-var _react = require("react");
-var _reactRouter = require("react-router");
-var _MasterLayoutContext = require("../MasterLayoutContext");
-var _Context = require("./Context");
-var _MainNavigation = require("./MainNavigation.styles");
-var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["children", "drawerWidth", "drawerWidthCollapsed", "variant", "slotProps"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -20,11 +7,18 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-var DEFAULT_DRAWER_WIDTH = exports.DEFAULT_DRAWER_WIDTH = 300;
-var DEFAULT_DRAWER_WIDTH_COLLAPSED = exports.DEFAULT_DRAWER_WIDTH_COLLAPSED = 60;
-var MainNavigation = exports.MainNavigation = function MainNavigation(inProps) {
+import { useThemeProps } from "@mui/material";
+import { Children, cloneElement, useContext, useEffect, useMemo, useRef } from "react";
+import { useHistory } from "react-router";
+import { MasterLayoutContext } from "../MasterLayoutContext";
+import { useMainNavigation } from "./Context";
+import { PermanentDrawer, TemporaryDrawer } from "./MainNavigation.styles";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export var DEFAULT_DRAWER_WIDTH = 300;
+export var DEFAULT_DRAWER_WIDTH_COLLAPSED = 60;
+export var MainNavigation = function MainNavigation(inProps) {
   var _slotProps$permanentD;
-  var _useThemeProps = (0, _material.useThemeProps)({
+  var _useThemeProps = useThemeProps({
       props: inProps,
       name: "CometAdminMainNavigation"
     }),
@@ -37,20 +31,20 @@ var MainNavigation = exports.MainNavigation = function MainNavigation(inProps) {
     variant = _useThemeProps$varian === void 0 ? "permanent" : _useThemeProps$varian,
     slotProps = _useThemeProps.slotProps,
     restProps = _objectWithoutProperties(_useThemeProps, _excluded);
-  var history = (0, _reactRouter.useHistory)();
-  var _useMainNavigation = (0, _Context.useMainNavigation)(),
+  var history = useHistory();
+  var _useMainNavigation = useMainNavigation(),
     open = _useMainNavigation.open,
     toggleOpen = _useMainNavigation.toggleOpen,
     setOpen = _useMainNavigation.setOpen,
     setDrawerVariant = _useMainNavigation.setDrawerVariant,
     drawerVariant = _useMainNavigation.drawerVariant;
-  var initialRender = (0, _react.useRef)(true);
-  var _useContext = (0, _react.useContext)(_MasterLayoutContext.MasterLayoutContext),
+  var initialRender = useRef(true);
+  var _useContext = useContext(MasterLayoutContext),
     headerHeight = _useContext.headerHeight;
-  var lastPermanentOpenState = (0, _react.useRef)();
+  var lastPermanentOpenState = useRef(undefined);
 
   // useEffect needed to avoid a React error stating that a bad setState call was made.
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     if (drawerVariant !== variant) {
       setDrawerVariant(variant);
       if (variant === "temporary" && drawerVariant === "permanent") {
@@ -64,7 +58,7 @@ var MainNavigation = exports.MainNavigation = function MainNavigation(inProps) {
   }, [drawerVariant, open, setDrawerVariant, setOpen, variant]);
 
   // Close the menu on initial render if it is temporary to prevent a page-overlay when initially loading the page.
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     if (variant === "temporary" && open) {
       toggleOpen();
     }
@@ -76,7 +70,7 @@ var MainNavigation = exports.MainNavigation = function MainNavigation(inProps) {
   }, []);
 
   // Close temporary menu after changing location (e.g. when clicking menu item).
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     return history.listen(function () {
       if (variant === "temporary" && open) {
         toggleOpen();
@@ -92,17 +86,17 @@ var MainNavigation = exports.MainNavigation = function MainNavigation(inProps) {
     open: variant === "temporary" ? temporaryDrawerIsOpen : open,
     headerHeight: headerHeight
   };
-  var childElements = (0, _react.useMemo)(function () {
-    return _react.Children.map(children, function (child) {
-      return /*#__PURE__*/(0, _react.cloneElement)(child, {
+  var childElements = useMemo(function () {
+    return Children.map(children, function (child) {
+      return /*#__PURE__*/cloneElement(child, {
         isMenuOpen: open
       });
     });
   }, [children, open]);
 
   // Always render both temporary and permanent drawers to make sure, the opening and closing animations run fully when switching between variants.
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_MainNavigation.TemporaryDrawer, _objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(TemporaryDrawer, _objectSpread(_objectSpread(_objectSpread({
       variant: "temporary",
       onClose: toggleOpen,
       open: variant === "temporary" && temporaryDrawerIsOpen,
@@ -110,7 +104,7 @@ var MainNavigation = exports.MainNavigation = function MainNavigation(inProps) {
       hideBackdrop: true
     }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.temporaryDrawer), restProps), {}, {
       children: childElements
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_MainNavigation.PermanentDrawer, _objectSpread(_objectSpread(_objectSpread({
+    })), /*#__PURE__*/_jsx(PermanentDrawer, _objectSpread(_objectSpread(_objectSpread({
       variant: "permanent",
       ownerState: ownerState,
       open: variant === "permanent" && open,