@comet/admin 8.17.1 → 9.0.0-beta.0

package/lib/stack/breadcrumbs/BreadcrumbsEntry.js

@@ -1,18 +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.BreadcrumbsEntry = void 0;
-var _adminIcons = require("@comet/admin-icons");
-var _material = require("@mui/material");
-var _styles = require("@mui/material/styles");
-var _reactRouterDom = require("react-router-dom");
-var _createComponentSlot = require("../../helpers/createComponentSlot");
-var _BreadcrumbLink = require("./BreadcrumbLink");
-var _StackBreadcrumbs = require("./StackBreadcrumbs");
-var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2;
 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,14 +6,22 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 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 _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-var Link = (0, _createComponentSlot.createComponentSlot)(_reactRouterDom.Link)({
+import { LevelUp } from "@comet/admin-icons";
+import { IconButton as MuiIconButton, Typography } from "@mui/material";
+import { css } from "@mui/material/styles";
+import { Link as RouterLink } from "react-router-dom";
+import { createComponentSlot } from "../../helpers/createComponentSlot";
+import { BreadcrumbLink } from "./BreadcrumbLink";
+import { BackButtonSeparator } from "./StackBreadcrumbs";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+var Link = createComponentSlot(RouterLink)({
   componentName: "StackBreadcrumbs",
   slotName: "link"
 })(function (_ref) {
   var theme = _ref.theme;
-  return (0, _styles.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        font-size: 13px;\n        line-height: 14px;\n        font-weight: ", ";\n        color: ", ";\n        text-decoration-color: currentColor;\n    "])), theme.typography.fontWeightMedium, theme.palette.grey[600]);
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        font-size: 13px;\n        line-height: 14px;\n        font-weight: ", ";\n        color: ", ";\n        text-decoration-color: currentColor;\n    "])), theme.typography.fontWeightMedium, theme.palette.grey[600]);
 });
-var DisabledLink = (0, _createComponentSlot.createComponentSlot)(_material.Typography)({
+var DisabledLink = createComponentSlot(Typography)({
   componentName: "StackBreadcrumbs",
   slotName: "disabledLink",
   classesResolver: function classesResolver() {
@@ -35,31 +29,31 @@ var DisabledLink = (0, _createComponentSlot.createComponentSlot)(_material.Typog
   }
 })(function (_ref2) {
   var theme = _ref2.theme;
-  return (0, _styles.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        font-size: 13px;\n        line-height: 14px;\n        font-weight: ", ";\n        text-decoration-color: currentColor;\n        color: ", ";\n    "])), theme.typography.fontWeightMedium, theme.palette.text.disabled);
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        font-size: 13px;\n        line-height: 14px;\n        font-weight: ", ";\n        text-decoration-color: currentColor;\n        color: ", ";\n    "])), theme.typography.fontWeightMedium, theme.palette.text.disabled);
 });
-var IconButton = (0, _createComponentSlot.createComponentSlot)(_material.IconButton)({
+var IconButton = createComponentSlot(MuiIconButton)({
   componentName: "StackBreadcrumbs",
   slotName: "backButton"
 })();
-var BreadcrumbsEntry = exports.BreadcrumbsEntry = function BreadcrumbsEntry(_ref3) {
+export var BreadcrumbsEntry = function BreadcrumbsEntry(_ref3) {
   var item = _ref3.item,
     isLastItem = _ref3.isLastItem,
     backButtonUrl = _ref3.backButtonUrl,
     slotProps = _ref3.slotProps;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [backButtonUrl && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(IconButton, _objectSpread(_objectSpread({
-        component: _BreadcrumbLink.BreadcrumbLink,
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [backButtonUrl && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(IconButton, _objectSpread(_objectSpread({
+        component: BreadcrumbLink,
         to: backButtonUrl
       }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.backButton), {}, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.LevelUp, {})
-      })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_StackBreadcrumbs.BackButtonSeparator, _objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.backButtonSeparator))]
-    }), isLastItem ? /*#__PURE__*/(0, _jsxRuntime.jsx)(DisabledLink, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.disabledLink), {}, {
+        children: /*#__PURE__*/_jsx(LevelUp, {})
+      })), /*#__PURE__*/_jsx(BackButtonSeparator, _objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.backButtonSeparator))]
+    }), isLastItem ? /*#__PURE__*/_jsx(DisabledLink, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.disabledLink), {}, {
       variant: "body2",
       children: item.title
-    })) : /*#__PURE__*/(0, _jsxRuntime.jsx)(Link, _objectSpread(_objectSpread({
+    })) : /*#__PURE__*/_jsx(Link, _objectSpread(_objectSpread({
       to: item.url,
-      component: _BreadcrumbLink.BreadcrumbLink,
+      component: BreadcrumbLink,
       variant: "body2"
     }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.link), {}, {
       children: item.title

package/lib/stack/breadcrumbs/BreadcrumbsOverflow.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.BreadcrumbsOverflow = void 0;
-var _adminIcons = require("@comet/admin-icons");
-var _material = require("@mui/material");
-var _styles = require("@mui/material/styles");
-var _react = require("react");
-var _createComponentSlot = require("../../helpers/createComponentSlot");
-var _BreadcrumbLink = require("./BreadcrumbLink");
-var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
 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; }
@@ -25,7 +12,14 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-var OverflowLink = (0, _createComponentSlot.createComponentSlot)(_material.Link)({
+import { ChevronRight } from "@comet/admin-icons";
+import { Link, ListItemIcon, ListItemText, Menu, MenuItem } from "@mui/material";
+import { css } from "@mui/material/styles";
+import { useRef, useState } from "react";
+import { createComponentSlot } from "../../helpers/createComponentSlot";
+import { BreadcrumbLink } from "./BreadcrumbLink";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+var OverflowLink = createComponentSlot(Link)({
   componentName: "StackBreadcrumbs",
   slotName: "overflowLink",
   classesResolver: function classesResolver() {
@@ -33,19 +27,19 @@ var OverflowLink = (0, _createComponentSlot.createComponentSlot)(_material.Link)
   }
 })(function (_ref) {
   var theme = _ref.theme;
-  return (0, _styles.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        font-size: 13px;\n        line-height: 14px;\n        font-weight: ", ";\n        color: ", ";\n        text-decoration-color: currentColor;\n        cursor: pointer;\n        padding-top: 12px;\n        padding-bottom: 12px;\n    "])), theme.typography.fontWeightMedium, theme.palette.grey[600]);
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        font-size: 13px;\n        line-height: 14px;\n        font-weight: ", ";\n        color: ", ";\n        text-decoration-color: currentColor;\n        cursor: pointer;\n        padding-top: 12px;\n        padding-bottom: 12px;\n    "])), theme.typography.fontWeightMedium, theme.palette.grey[600]);
 });
-var BreadcrumbsOverflow = exports.BreadcrumbsOverflow = function BreadcrumbsOverflow(_ref2) {
+export var BreadcrumbsOverflow = function BreadcrumbsOverflow(_ref2) {
   var items = _ref2.items,
     linkText = _ref2.linkText,
     slotProps = _ref2.slotProps;
-  var _useState = (0, _react.useState)(false),
+  var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     showOverflowMenu = _useState2[0],
     setShowOverflowMenu = _useState2[1];
-  var overflowLinkRef = (0, _react.useRef)(null);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(OverflowLink, _objectSpread(_objectSpread({
+  var overflowLinkRef = useRef(null);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(OverflowLink, _objectSpread(_objectSpread({
       ref: overflowLinkRef
     }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.overflowLink), {}, {
       onClick: function onClick() {
@@ -53,7 +47,7 @@ var BreadcrumbsOverflow = exports.BreadcrumbsOverflow = function BreadcrumbsOver
       },
       variant: "body2",
       children: linkText
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Menu, {
+    })), /*#__PURE__*/_jsx(Menu, {
       open: showOverflowMenu,
       onClose: function onClose() {
         return setShowOverflowMenu(false);
@@ -63,15 +57,15 @@ var BreadcrumbsOverflow = exports.BreadcrumbsOverflow = function BreadcrumbsOver
         var id = _ref3.id,
           url = _ref3.url,
           title = _ref3.title;
-        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.MenuItem, {
-          component: _BreadcrumbLink.BreadcrumbLink,
+        return /*#__PURE__*/_jsxs(MenuItem, {
+          component: BreadcrumbLink,
           to: url,
           onClick: function onClick() {
             return setShowOverflowMenu(false);
           },
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemIcon, {
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.ChevronRight, {})
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemText, {
+          children: [/*#__PURE__*/_jsx(ListItemIcon, {
+            children: /*#__PURE__*/_jsx(ChevronRight, {})
+          }), /*#__PURE__*/_jsx(ListItemText, {
             primary: title
           })]
         }, id);

package/lib/stack/breadcrumbs/StackBreadcrumbs.js

@@ -1,19 +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.BackButtonSeparator = void 0;
-exports.StackBreadcrumbs = StackBreadcrumbs;
-var _adminIcons = require("@comet/admin-icons");
-var _styles = require("@mui/material/styles");
-var _react = require("react");
-var _createComponentSlot = require("../../helpers/createComponentSlot");
-var _useObservedWidth = require("../../utils/useObservedWidth");
-var _Api = require("../Api");
-var _utils = require("./utils");
-var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["separator", "overflowLinkText", "slotProps"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 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; }
@@ -30,34 +15,42 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 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 { ChevronRight } from "@comet/admin-icons";
+import { css, useTheme, useThemeProps } from "@mui/material/styles";
+import { useEffect, useMemo, useRef, useState, createElement as _createElement } from "react";
+import { createComponentSlot } from "../../helpers/createComponentSlot";
+import { useObservedWidth } from "../../utils/useObservedWidth";
+import { useStackApi } from "../Api";
+import { getElementOuterWidth, useItemsToRender } from "./utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+var Root = createComponentSlot("div")({
   componentName: "StackBreadcrumbs",
   slotName: "root"
-})((0, _styles.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    position: relative;\n"]))));
-var Breadcrumbs = (0, _createComponentSlot.createComponentSlot)("div")({
+})(css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    position: relative;\n"]))));
+var Breadcrumbs = createComponentSlot("div")({
   componentName: "StackBreadcrumbs",
   slotName: "breadcrumbs"
 })(function (_ref) {
   var theme = _ref.theme;
-  return (0, _styles.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        display: flex;\n        height: 50px;\n        border-bottom: 1px solid ", ";\n        box-sizing: border-box;\n        flex-wrap: nowrap;\n        overflow-x: auto; // Make the breadcrumbs scrollable, if they still take up too much space, when only the first, last & the overflow link are visible.\n    "])), theme.palette.divider);
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        display: flex;\n        height: 50px;\n        border-bottom: 1px solid ", ";\n        box-sizing: border-box;\n        flex-wrap: nowrap;\n        overflow-x: auto; // Make the breadcrumbs scrollable, if they still take up too much space, when only the first, last & the overflow link are visible.\n    "])), theme.palette.divider);
 });
-var ListItem = (0, _createComponentSlot.createComponentSlot)("div")({
+var ListItem = createComponentSlot("div")({
   componentName: "StackBreadcrumbs",
   slotName: "listItem"
-})((0, _styles.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n    white-space: nowrap;\n"]))));
-var Separator = (0, _createComponentSlot.createComponentSlot)("div")({
+})(css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n    white-space: nowrap;\n"]))));
+var Separator = createComponentSlot("div")({
   componentName: "StackBreadcrumbs",
   slotName: "separator"
-})((0, _styles.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    font-size: 12px;\n    line-height: 0;\n    margin-left: 8px;\n    margin-right: 8px;\n"]))));
-var BackButtonSeparator = exports.BackButtonSeparator = (0, _createComponentSlot.createComponentSlot)("div")({
+})(css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    font-size: 12px;\n    line-height: 0;\n    margin-left: 8px;\n    margin-right: 8px;\n"]))));
+export var BackButtonSeparator = createComponentSlot("div")({
   componentName: "StackBreadcrumbs",
   slotName: "backButtonSeparator"
 })(function (_ref2) {
   var theme = _ref2.theme;
-  return (0, _styles.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        height: 30px;\n        width: 1px;\n        background-color: ", ";\n        margin-right: 12px;\n    "])), theme.palette.divider);
+  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        height: 30px;\n        width: 1px;\n        background-color: ", ";\n        margin-right: 12px;\n    "])), theme.palette.divider);
 });
-function StackBreadcrumbs(inProps) {
-  var _useThemeProps = (0, _styles.useThemeProps)({
+export function StackBreadcrumbs(inProps) {
+  var _useThemeProps = useThemeProps({
       props: inProps,
       name: "CometAdminStackBreadcrumbs"
     }),
@@ -66,16 +59,16 @@ function StackBreadcrumbs(inProps) {
     overflowLinkText = _useThemeProps$overfl === void 0 ? ". . ." : _useThemeProps$overfl,
     slotProps = _useThemeProps.slotProps,
     restProps = _objectWithoutProperties(_useThemeProps, _excluded);
-  var stackApi = (0, _Api.useStackApi)();
-  var _useTheme = (0, _styles.useTheme)(),
+  var stackApi = useStackApi();
+  var _useTheme = useTheme(),
     palette = _useTheme.palette;
-  var breadcrumbsRef = (0, _react.useRef)(null);
-  var containerWidth = (0, _useObservedWidth.useObservedWidth)(breadcrumbsRef);
-  var _useState = (0, _react.useState)(),
+  var breadcrumbsRef = useRef(null);
+  var containerWidth = useObservedWidth(breadcrumbsRef);
+  var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
     itemWidths = _useState2[0],
     setItemWidths = _useState2[1];
-  var breadcrumbItems = (0, _react.useMemo)(function () {
+  var breadcrumbItems = useMemo(function () {
     var _stackApi$breadCrumbs;
     return (_stackApi$breadCrumbs = stackApi === null || stackApi === void 0 ? void 0 : stackApi.breadCrumbs) !== null && _stackApi$breadCrumbs !== void 0 ? _stackApi$breadCrumbs : [];
   }, [stackApi]);
@@ -83,30 +76,30 @@ function StackBreadcrumbs(inProps) {
     var title = _ref3.title;
     return title;
   }).join("");
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     setItemWidths(undefined);
   }, [breadcrumbItems === null || breadcrumbItems === void 0 ? void 0 : breadcrumbItems.length, combinedTitlesOfBreadcrumbs]);
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     if (breadcrumbItems !== null && breadcrumbItems !== void 0 && breadcrumbItems.length && !(itemWidths !== null && itemWidths !== void 0 && itemWidths.length)) {
       var _breadcrumbsRef$curre;
       var listItems = (_breadcrumbsRef$curre = breadcrumbsRef.current) === null || _breadcrumbsRef$curre === void 0 ? void 0 : _breadcrumbsRef$curre.children;
       var newItemWidths = listItems ? Object.values(listItems).map(function (listItem) {
-        return (0, _utils.getElementOuterWidth)(listItem);
+        return getElementOuterWidth(listItem);
       }) : [];
       setItemWidths(newItemWidths);
     }
   }, [breadcrumbItems === null || breadcrumbItems === void 0 ? void 0 : breadcrumbItems.length, combinedTitlesOfBreadcrumbs, itemWidths]);
   var backButtonUrl = breadcrumbItems.length > 1 ? breadcrumbItems[breadcrumbItems.length - 2].url : undefined;
-  var itemsToRender = (0, _utils.useItemsToRender)(breadcrumbItems, containerWidth !== null && containerWidth !== void 0 ? containerWidth : 0, itemWidths, overflowLinkText, backButtonUrl, slotProps);
+  var itemsToRender = useItemsToRender(breadcrumbItems, containerWidth !== null && containerWidth !== void 0 ? containerWidth : 0, itemWidths, overflowLinkText, backButtonUrl, slotProps);
   if (!breadcrumbItems) return null;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, _objectSpread(_objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Breadcrumbs, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.breadcrumbs), {}, {
+  return /*#__PURE__*/_jsx(Root, _objectSpread(_objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {
+    children: /*#__PURE__*/_jsx(Breadcrumbs, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.breadcrumbs), {}, {
       ref: breadcrumbsRef,
       children: itemsToRender.map(function (item, index) {
-        return /*#__PURE__*/(0, _react.createElement)(ListItem, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.listItem), {}, {
+        return /*#__PURE__*/_createElement(ListItem, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.listItem), {}, {
           key: index
-        }), item, index < itemsToRender.length - 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(Separator, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.separator), {}, {
-          children: separator !== null && separator !== void 0 ? separator : /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.ChevronRight, {
+        }), item, index < itemsToRender.length - 1 && /*#__PURE__*/_jsx(Separator, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.separator), {}, {
+          children: separator !== null && separator !== void 0 ? separator : /*#__PURE__*/_jsx(ChevronRight, {
             fontSize: "inherit",
             htmlColor: palette.grey[300]
           })

package/lib/stack/breadcrumbs/utils.js

@@ -1,13 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useItemsToRender = exports.getElementOuterWidth = void 0;
-var _react = require("react");
-var _BreadcrumbsEntry = require("./BreadcrumbsEntry");
-var _BreadcrumbsOverflow = require("./BreadcrumbsOverflow");
-var _jsxRuntime = require("react/jsx-runtime");
 function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
@@ -18,16 +8,20 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-var getElementOuterWidth = exports.getElementOuterWidth = function getElementOuterWidth(element) {
+import { useEffect, useState } from "react";
+import { BreadcrumbsEntry } from "./BreadcrumbsEntry";
+import { BreadcrumbsOverflow } from "./BreadcrumbsOverflow";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var getElementOuterWidth = function getElementOuterWidth(element) {
   return element.clientWidth + parseFloat(getComputedStyle(element).marginLeft) + parseFloat(getComputedStyle(element).marginRight);
 };
 var NUMBER_OF_ITEMS_BEFORE_OVERFLOW_MENU = 1;
 var useNumberOfItemsToBeHidden = function useNumberOfItemsToBeHidden(items, containerWidth, showBackButton, itemWidths) {
-  var _useState = (0, _react.useState)(),
+  var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
     numberOfItemsToBeHidden = _useState2[0],
     setNumberOfItemsToBeHidden = _useState2[1];
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     var allVisibleItemsFitIntoContainer = false;
     var newNumberOfItemsToBeHidden = 0;
     var minimumNumberOfVisibleItems = 3; // First item, overflow menu & last item
@@ -59,26 +53,26 @@ var useNumberOfItemsToBeHidden = function useNumberOfItemsToBeHidden(items, cont
   }, [items, itemWidths, containerWidth, showBackButton]);
   return numberOfItemsToBeHidden;
 };
-var useItemsToRender = exports.useItemsToRender = function useItemsToRender(items, containerWidth, itemWidths, overflowLinkText, backButtonUrl, slotProps) {
+export var useItemsToRender = function useItemsToRender(items, containerWidth, itemWidths, overflowLinkText, backButtonUrl, slotProps) {
   var numberOfItemsToBeHidden = useNumberOfItemsToBeHidden(items, containerWidth, Boolean(backButtonUrl), itemWidths);
   if (!items.length) return [];
   var renderAllItemsToAllowCalculatingWidths = !(itemWidths !== null && itemWidths !== void 0 && itemWidths.length);
   var itemsAfterOverflowMenu = renderAllItemsToAllowCalculatingWidths ? items.slice(NUMBER_OF_ITEMS_BEFORE_OVERFLOW_MENU) : items.slice(NUMBER_OF_ITEMS_BEFORE_OVERFLOW_MENU, items.length);
   var itemsInsideOverflowMenu = renderAllItemsToAllowCalculatingWidths ? [] : itemsAfterOverflowMenu.splice(0, numberOfItemsToBeHidden);
   var showOverflowMenu = Boolean(renderAllItemsToAllowCalculatingWidths || itemsInsideOverflowMenu.length);
-  var firstItemWithBackButton = /*#__PURE__*/(0, _jsxRuntime.jsx)(_BreadcrumbsEntry.BreadcrumbsEntry, {
+  var firstItemWithBackButton = /*#__PURE__*/_jsx(BreadcrumbsEntry, {
     item: items[0],
     isLastItem: items.length === 1,
     backButtonUrl: backButtonUrl,
     slotProps: slotProps
   });
-  var overflowMenu = /*#__PURE__*/(0, _jsxRuntime.jsx)(_BreadcrumbsOverflow.BreadcrumbsOverflow, {
+  var overflowMenu = /*#__PURE__*/_jsx(BreadcrumbsOverflow, {
     items: itemsInsideOverflowMenu,
     linkText: overflowLinkText,
     slotProps: slotProps
   });
   var remainingItems = itemsAfterOverflowMenu.map(function (item, index) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BreadcrumbsEntry.BreadcrumbsEntry, {
+    return /*#__PURE__*/_jsx(BreadcrumbsEntry, {
       item: item,
       isLastItem: index === itemsAfterOverflowMenu.length - 1,
       slotProps: slotProps

package/lib/stack/useIsActiveStackSwitch.js

@@ -1,14 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useIsActiveStackSwitch = void 0;
-var _Api = require("./Api");
-var _Switch = require("./Switch");
-var useIsActiveStackSwitch = exports.useIsActiveStackSwitch = function useIsActiveStackSwitch() {
-  var stackApi = (0, _Api.useStackApi)();
-  var stackSwitchApi = (0, _Switch.useStackSwitchApi)();
+import { useStackApi } from "./Api";
+import { useStackSwitchApi } from "./Switch";
+export var useIsActiveStackSwitch = function useIsActiveStackSwitch() {
+  var stackApi = useStackApi();
+  var stackSwitchApi = useStackSwitchApi();
   if (stackApi && stackSwitchApi) {
     var currentSwitchIndex = stackSwitchApi.id ? stackApi.switches.findIndex(function (i) {
       return i.id === stackSwitchApi.id;

package/lib/table/AddButton.js

@@ -1,15 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TableAddButton = void 0;
-var _adminIcons = require("@comet/admin-icons");
-var _react = require("react");
-var _reactIntl = require("react-intl");
-var _Button = require("../common/buttons/Button");
-var _messages = require("../messages");
-var _jsxRuntime = require("react/jsx-runtime");
 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); }
 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; }
@@ -26,10 +14,16 @@ function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 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); }
+import { AddNoCircle } from "@comet/admin-icons";
+import { Component } from "react";
+import { FormattedMessage } from "react-intl";
+import { Button } from "../common/buttons/Button";
+import { messages } from "../messages";
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * @deprecated Use MUI X Data Grid in combination with `useDataGridRemote` instead.
  */
-var TableAddButton = exports.TableAddButton = /*#__PURE__*/function (_Component) {
+export var TableAddButton = /*#__PURE__*/function (_Component) {
   function TableAddButton() {
     var _this;
     _classCallCheck(this, TableAddButton);
@@ -46,12 +40,12 @@ var TableAddButton = exports.TableAddButton = /*#__PURE__*/function (_Component)
   return _createClass(TableAddButton, [{
     key: "render",
     value: function render() {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+      return /*#__PURE__*/_jsx(Button, {
         variant: "textDark",
         onClick: this.handleAddClick,
-        startIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.AddNoCircle, {}),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _objectSpread({}, _messages.messages.add))
+        startIcon: /*#__PURE__*/_jsx(AddNoCircle, {}),
+        children: /*#__PURE__*/_jsx(FormattedMessage, _objectSpread({}, messages.add))
       });
     }
   }]);
-}(_react.Component);
+}(Component);

package/lib/table/DeleteButton.js

@@ -1,18 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TableDeleteButton = void 0;
-var _adminIcons = require("@comet/admin-icons");
-var _material = require("@mui/material");
-var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
-var _react = require("react");
-var _reactIntl = require("react-intl");
-var _DeleteMutation = require("../DeleteMutation");
-var _messages = require("../messages");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 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); }
 function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
 function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
@@ -28,15 +13,24 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-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); } // eslint-disable-next-line no-restricted-imports
+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); }
+import { Delete } from "@comet/admin-icons";
+// eslint-disable-next-line no-restricted-imports
+import { Button, IconButton } from "@mui/material";
+import CircularProgress from "@mui/material/CircularProgress";
+import { Component } from "react";
+import { FormattedMessage } from "react-intl";
+import { DeleteMutation } from "../DeleteMutation";
+import { messages } from "../messages";
+import { jsx as _jsx } from "react/jsx-runtime";
 var DeleteMessage = function DeleteMessage() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _objectSpread({}, _messages.messages["delete"]));
+  return /*#__PURE__*/_jsx(FormattedMessage, _objectSpread({}, messages["delete"]));
 };
 
 /**
  * @deprecated Use MUI X Data Grid in combination with `useDataGridRemote` instead.
  */
-var TableDeleteButton = exports.TableDeleteButton = /*#__PURE__*/function (_Component) {
+export var TableDeleteButton = /*#__PURE__*/function (_Component) {
   function TableDeleteButton() {
     var _this;
     _classCallCheck(this, TableDeleteButton);
@@ -63,20 +57,20 @@ var TableDeleteButton = exports.TableDeleteButton = /*#__PURE__*/function (_Comp
         mutation = _this$props.mutation,
         refetchQueries = _this$props.refetchQueries,
         _this$props$icon = _this$props.icon,
-        icon = _this$props$icon === void 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Delete, {}) : _this$props$icon,
+        icon = _this$props$icon === void 0 ? /*#__PURE__*/_jsx(Delete, {}) : _this$props$icon,
         _this$props$text = _this$props.text,
-        text = _this$props$text === void 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(DeleteMessage, {}) : _this$props$text,
+        text = _this$props$text === void 0 ? /*#__PURE__*/_jsx(DeleteMessage, {}) : _this$props$text,
         color = _this$props.color;
       var disabled = !selectedId;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DeleteMutation.DeleteMutation, {
+      return /*#__PURE__*/_jsx(DeleteMutation, {
         mutation: mutation,
         refetchQueries: refetchQueries,
         children: function children(deleteBrand, _ref) {
           var loading = _ref.loading;
-          if (loading) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress["default"], {});
+          if (loading) return /*#__PURE__*/_jsx(CircularProgress, {});
           var onClick = _this2.handleDeleteClick.bind(_this2, deleteBrand);
           if (!text && icon) {
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.IconButton, {
+            return /*#__PURE__*/_jsx(IconButton, {
               onClick: onClick,
               disabled: disabled,
               color: color,
@@ -84,7 +78,7 @@ var TableDeleteButton = exports.TableDeleteButton = /*#__PURE__*/function (_Comp
               children: icon
             });
           }
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
+          return /*#__PURE__*/_jsx(Button, {
             onClick: onClick,
             disabled: disabled,
             color: color,
@@ -95,4 +89,4 @@ var TableDeleteButton = exports.TableDeleteButton = /*#__PURE__*/function (_Comp
       });
     }
   }]);
-}(_react.Component);
+}(Component);

package/lib/table/ExcelExportButton.js

@@ -1,18 +1,12 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ExcelExportButton = void 0;
-var _material = require("@mui/material");
-var _reactIntl = require("react-intl");
-var _Button = require("../common/buttons/Button");
-var _FileIcon = require("../fileIcons/FileIcon");
-var _jsxRuntime = require("react/jsx-runtime");
+import { CircularProgress } from "@mui/material";
+import { FormattedMessage } from "react-intl";
+import { Button } from "../common/buttons/Button";
+import { FileIcon } from "../fileIcons/FileIcon";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 /**
  * @deprecated Use MUI X Data Grid in combination with `useDataGridRemote` instead.
  */
-var ExcelExportButton = exports.ExcelExportButton = function ExcelExportButton(_ref) {
+export var ExcelExportButton = function ExcelExportButton(_ref) {
   var onClick = _ref.onClick,
     children = _ref.children,
     exportApi = _ref.exportApi,
@@ -26,19 +20,19 @@ var ExcelExportButton = exports.ExcelExportButton = function ExcelExportButton(_
   };
   var loading = exportApi.loading,
     progress = exportApi.progress;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+  return /*#__PURE__*/_jsx(Button, {
     onClick: onClickButtonPressed,
     variant: "textDark",
-    startIcon: loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-      children: loadingComponent ? loadingComponent : /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.CircularProgress, {
+    startIcon: loading ? /*#__PURE__*/_jsx(_Fragment, {
+      children: loadingComponent ? loadingComponent : /*#__PURE__*/_jsx(CircularProgress, {
         size: 23,
         variant: progress ? "determinate" : "indeterminate",
         value: progress
       })
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_FileIcon.FileIcon, {
+    }) : /*#__PURE__*/_jsx(FileIcon, {
       fileType: "application/msexcel"
     }),
-    children: children != null ? children : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+    children: children != null ? children : /*#__PURE__*/_jsx(FormattedMessage, {
       id: "comet.table.excelExportButton",
       defaultMessage: "Export",
       description: "Export Button"