@comet/admin 8.17.1 → 9.0.0-beta.0

package/lib/Selection.js

@@ -1,12 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Selection = Selection;
-exports.useSelection = useSelection;
-var _react = require("react");
-var _jsxRuntime = require("react/jsx-runtime");
 function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
 function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
 function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
@@ -17,15 +8,17 @@ 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; }
-function useSelection() {
-  var _useState = (0, _react.useState)({
+import { useCallback, useMemo, useState } from "react";
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+export function useSelection() {
+  var _useState = useState({
       id: undefined,
       mode: undefined
     }),
     _useState2 = _slicedToArray(_useState, 2),
     selection = _useState2[0],
     setSelection = _useState2[1];
-  var handleSelectId = (0, _react.useCallback)(/*#__PURE__*/function () {
+  var handleSelectId = useCallback(/*#__PURE__*/function () {
     var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(id) {
       return _regenerator().w(function (_context) {
         while (1) switch (_context.n) {
@@ -43,7 +36,7 @@ function useSelection() {
       return _ref.apply(this, arguments);
     };
   }(), [setSelection]);
-  var handleDeselect = (0, _react.useCallback)(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
+  var handleDeselect = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
     return _regenerator().w(function (_context2) {
       while (1) switch (_context2.n) {
         case 0:
@@ -56,13 +49,13 @@ function useSelection() {
       }
     }, _callee2);
   })), [setSelection]);
-  var handleAdd = (0, _react.useCallback)(function (id) {
+  var handleAdd = useCallback(function (id) {
     setSelection({
       id: id,
       mode: "add"
     });
   }, [setSelection]);
-  var api = (0, _react.useMemo)(function () {
+  var api = useMemo(function () {
     return {
       handleSelectId: handleSelectId,
       handleDeselect: handleDeselect,
@@ -74,13 +67,13 @@ function useSelection() {
     mode: selection.mode
   }, api];
 }
-function Selection(_ref3) {
+export function Selection(_ref3) {
   var children = _ref3.children;
   var _useSelection = useSelection(),
     _useSelection2 = _slicedToArray(_useSelection, 2),
     selection = _useSelection2[0],
     api = _useSelection2[1];
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+  return /*#__PURE__*/_jsx(_Fragment, {
     children: children({
       selectedId: selection.id,
       selectionMode: selection.mode,

package/lib/SelectionApi.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+export {};

package/lib/SelectionRoute.js

@@ -1,14 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SelectionRouteInner = exports.SelectionRoute = void 0;
-exports.useSelectionRoute = useSelectionRoute;
-var _react = require("react");
-var _reactRouter = require("react-router");
-var _SubRoute = require("./router/SubRoute");
-var _jsxRuntime = require("react/jsx-runtime");
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -19,12 +8,16 @@ function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present,
 function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
 function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
 function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
-function useSelectionRoute() {
-  var history = (0, _reactRouter.useHistory)();
-  var subRoutePrefix = (0, _SubRoute.useSubRoutePrefix)();
-  var match = (0, _reactRouter.useRouteMatch)("".concat(subRoutePrefix, "/:id"));
+import { useCallback, useMemo } from "react";
+import { Route, useHistory, useRouteMatch } from "react-router";
+import { useSubRoutePrefix } from "./router/SubRoute";
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+export function useSelectionRoute() {
+  var history = useHistory();
+  var subRoutePrefix = useSubRoutePrefix();
+  var match = useRouteMatch("".concat(subRoutePrefix, "/:id"));
   var parentUrl = subRoutePrefix;
-  var handleSelectId = (0, _react.useCallback)(/*#__PURE__*/function () {
+  var handleSelectId = useCallback(/*#__PURE__*/function () {
     var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(id) {
       return _regenerator().w(function (_context) {
         while (1) switch (_context.n) {
@@ -39,7 +32,7 @@ function useSelectionRoute() {
       return _ref.apply(this, arguments);
     };
   }(), [history, parentUrl]);
-  var handleDeselect = (0, _react.useCallback)(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
+  var handleDeselect = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
     return _regenerator().w(function (_context2) {
       while (1) switch (_context2.n) {
         case 0:
@@ -49,10 +42,10 @@ function useSelectionRoute() {
       }
     }, _callee2);
   })), [history, parentUrl]);
-  var handleAdd = (0, _react.useCallback)(function (id) {
+  var handleAdd = useCallback(function (id) {
     history.push("".concat(parentUrl, "/add").concat(id ? "-".concat(id) : ""));
   }, [history, parentUrl]);
-  var api = (0, _react.useMemo)(function () {
+  var api = useMemo(function () {
     return {
       handleSelectId: handleSelectId,
       handleDeselect: handleDeselect,
@@ -60,7 +53,7 @@ function useSelectionRoute() {
     };
   }, [handleSelectId, handleDeselect, handleAdd]);
   var routeId = match && match.params.id ? match.params.id : null;
-  var selection = (0, _react.useMemo)(function () {
+  var selection = useMemo(function () {
     var selectedId;
     var selectionMode;
     if (routeId && (routeId === "add" || routeId.startsWith("add-"))) {
@@ -80,27 +73,27 @@ function useSelectionRoute() {
 
 // eslint-disable-next-line @typescript-eslint/no-empty-object-type
 
-var SelectionRouteInner = exports.SelectionRouteInner = function SelectionRouteInner(_ref3) {
+export var SelectionRouteInner = function SelectionRouteInner(_ref3) {
   var _children = _ref3.children;
-  var _useRouteMatch = (0, _reactRouter.useRouteMatch)(),
+  var _useRouteMatch = useRouteMatch(),
     path = _useRouteMatch.path;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouter.Route, {
+  return /*#__PURE__*/_jsx(Route, {
     path: "".concat(path, "/:id"),
     children: function children() {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      return /*#__PURE__*/_jsx(_Fragment, {
         children: _children
       });
     }
   });
 };
-var SelectionRoute = exports.SelectionRoute = function SelectionRoute(_ref4) {
+export var SelectionRoute = function SelectionRoute(_ref4) {
   var children = _ref4.children;
   var _useSelectionRoute = useSelectionRoute(),
     _useSelectionRoute2 = _slicedToArray(_useSelectionRoute, 3),
     SelectionRouteConfigured = _useSelectionRoute2[0],
     selection = _useSelectionRoute2[1],
     api = _useSelectionRoute2[2];
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectionRouteConfigured, {
+  return /*#__PURE__*/_jsx(SelectionRouteConfigured, {
     children: children({
       selectedId: selection.id,
       selectionMode: selection.mode,

package/lib/alert/Alert.js

@@ -1,18 +1,6 @@
-"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.Alert = 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 _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0;
-var _excluded = ["severity", "title", "children", "onClose", "action", "slotProps"]; // eslint-disable-next-line no-restricted-imports
+var _excluded = ["severity", "title", "children", "onClose", "action", "slotProps"];
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
 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; }
@@ -21,6 +9,13 @@ 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; }
+import { Close } from "@comet/admin-icons";
+// eslint-disable-next-line no-restricted-imports
+import { Alert as MuiAlert, alertClasses, AlertTitle, IconButton, Typography } from "@mui/material";
+import { css, useThemeProps } from "@mui/material/styles";
+import { forwardRef } from "react";
+import { createComponentSlot } from "../helpers/createComponentSlot";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * The Alert component is used to display important messages to the user. It provides different severity levels
  * and custom content, actions and close functionality to communicate various types of information.
@@ -29,8 +24,8 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
  * - [Storybook](https://storybook.comet-dxp.com/?path=/docs/@comet/admin_components-alert-alert--docs)
  * - [MUI Documentation](https://mui.com/material-ui/react-alert/)
  */
-var Alert = exports.Alert = /*#__PURE__*/(0, _react.forwardRef)(function (inProps, ref) {
-  var _useThemeProps = (0, _styles.useThemeProps)({
+export var Alert = /*#__PURE__*/forwardRef(function (inProps, ref) {
+  var _useThemeProps = useThemeProps({
       props: inProps,
       name: "CometAdminAlert"
     }),
@@ -47,30 +42,30 @@ var Alert = exports.Alert = /*#__PURE__*/(0, _react.forwardRef)(function (inProp
     hasTitle: Boolean(title),
     renderAsSingleRow: Boolean(singleRow)
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, _objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs(Root, _objectSpread(_objectSpread(_objectSpread({
     ref: ref,
     ownerState: ownerState,
     severity: severity
   }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {
-    children: [Boolean(title) && /*#__PURE__*/(0, _jsxRuntime.jsx)(Title, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.title), {}, {
+    children: [Boolean(title) && /*#__PURE__*/_jsx(Title, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.title), {}, {
       children: title
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(Text, _objectSpread(_objectSpread({
+    })), /*#__PURE__*/_jsx(Text, _objectSpread(_objectSpread({
       variant: "body2"
     }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.text), {}, {
       children: children
-    })), action && /*#__PURE__*/(0, _jsxRuntime.jsx)(Action, _objectSpread(_objectSpread({
+    })), action && /*#__PURE__*/_jsx(Action, _objectSpread(_objectSpread({
       ownerState: ownerState
     }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.action), {}, {
       children: action
-    })), onClose && /*#__PURE__*/(0, _jsxRuntime.jsx)(CloseIcon, _objectSpread(_objectSpread({
+    })), onClose && /*#__PURE__*/_jsx(CloseIcon, _objectSpread(_objectSpread({
       onClick: onClose,
       ownerState: ownerState
     }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.closeIcon), {}, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Close, {})
+      children: /*#__PURE__*/_jsx(Close, {})
     }))]
   }));
 });
-var Root = (0, _createComponentSlot.createComponentSlot)(_material.Alert)({
+var Root = createComponentSlot(MuiAlert)({
   componentName: "Alert",
   slotName: "root",
   classesResolver: function classesResolver(ownerState) {
@@ -79,28 +74,28 @@ var Root = (0, _createComponentSlot.createComponentSlot)(_material.Alert)({
 })(function (_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return (0, _styles.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        padding: ", ";\n\n        & .", " {\n            display: flex;\n            align-items: center;\n            flex-grow: 1;\n        }\n\n        ", "\n\n        ", "\n    "])), theme.spacing(4, "12px", 4, 4), _material.alertClasses.message, ownerState.hasTitle && (0, _styles.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            position: relative;\n            align-items: flex-start;\n            padding: ", ";\n\n            & .", " {\n                flex-direction: column;\n                align-items: flex-start;\n            }\n        "])), theme.spacing(4, 6, 4, 4), _material.alertClasses.message), ownerState.renderAsSingleRow && (0, _styles.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            display: flex;\n            align-items: center;\n            padding: ", ";\n        "])), theme.spacing(2, 4, 2, 4)));
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        padding: ", ";\n\n        & .", " {\n            display: flex;\n            align-items: center;\n            flex-grow: 1;\n        }\n\n        ", "\n\n        ", "\n    "])), theme.spacing(4, "12px", 4, 4), alertClasses.message, ownerState.hasTitle && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            position: relative;\n            align-items: flex-start;\n            padding: ", ";\n\n            & .", " {\n                flex-direction: column;\n                align-items: flex-start;\n            }\n        "])), theme.spacing(4, 6, 4, 4), alertClasses.message), ownerState.renderAsSingleRow && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            display: flex;\n            align-items: center;\n            padding: ", ";\n        "])), theme.spacing(2, 4, 2, 4)));
 });
-var Title = (0, _createComponentSlot.createComponentSlot)(_material.AlertTitle)({
+var Title = createComponentSlot(AlertTitle)({
   componentName: "Alert",
   slotName: "title"
-})((0, _styles.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    margin-top: 0px;\n"]))));
-var Text = (0, _createComponentSlot.createComponentSlot)(_material.Typography)({
+})(css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    margin-top: 0px;\n"]))));
+var Text = createComponentSlot(Typography)({
   componentName: "Alert",
   slotName: "text"
-})((0, _styles.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    flex-grow: 1;\n"]))));
-var Action = (0, _createComponentSlot.createComponentSlot)("div")({
+})(css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    flex-grow: 1;\n"]))));
+var Action = createComponentSlot("div")({
   componentName: "Alert",
   slotName: "action"
 })(function (_ref2) {
   var theme = _ref2.theme,
     ownerState = _ref2.ownerState;
-  return (0, _styles.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        ", "\n    "])), ownerState.hasTitle && (0, _styles.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n            margin-top: ", ";\n        "])), theme.spacing(2)));
+  return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        ", "\n    "])), ownerState.hasTitle && css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n            margin-top: ", ";\n        "])), theme.spacing(2)));
 });
-var CloseIcon = (0, _createComponentSlot.createComponentSlot)(_material.IconButton)({
+var CloseIcon = createComponentSlot(IconButton)({
   componentName: "Alert",
   slotName: "closeIcon"
 })(function (_ref3) {
   var ownerState = _ref3.ownerState;
-  return (0, _styles.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n        ", "\n\n        ", "\n    "])), ownerState.hasTitle && (0, _styles.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n            position: absolute;\n            right: 2px;\n            top: 2px;\n        "]))), ownerState.renderAsSingleRow && (0, _styles.css)(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["\n            padding: 10px;\n        "]))));
+  return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n        ", "\n\n        ", "\n    "])), ownerState.hasTitle && css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n            position: absolute;\n            right: 2px;\n            top: 2px;\n        "]))), ownerState.renderAsSingleRow && css(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["\n            padding: 10px;\n        "]))));
 });

package/lib/alert/__stories__/Alert.stories.js

@@ -1,26 +1,21 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.WithTitle = exports.WithCustomContent = exports.WithClose = exports.WithAction = exports.SeverityWarning = exports.SeveritySuccess = exports.SeverityError = exports.Default = void 0;
-var _adminIcons = require("@comet/admin-icons");
-var _material = require("@mui/material");
-var _system = require("@mui/system");
-var _Button = require("../../common/buttons/Button");
-var _Alert = require("../Alert");
-var _jsxRuntime = require("react/jsx-runtime");
+import { ArrowRight } from "@comet/admin-icons";
+import { Box, Typography } from "@mui/material";
+import { Stack } from "@mui/system";
+import { Button } from "../../common/buttons/Button";
+import { Alert } from "../Alert";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var config = {
-  component: _Alert.Alert,
+  component: Alert,
   title: "components/alert/Alert"
 };
-var _default = exports["default"] = config;
+export default config;
+
 /**
  * The basic Alert component displays a simple informative message.
  *
  * Use this for general notifications that don't require additional context or user action.
  */
-var Default = exports.Default = {
+export var Default = {
   args: {
     children: "Description"
   }
@@ -32,7 +27,7 @@ var Default = exports.Default = {
  * - You need to separate the main message (title) from supporting details
  * - The information needs to be more structured
  */
-var WithTitle = exports.WithTitle = {
+export var WithTitle = {
   args: {
     title: "Title",
     children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vel vehicula est. Nunc congue velit sem, ac porttitor massa semper nec. Proin quis volutpat magna. Mauris eget libero et mi imperdiet ultrices. Donec eget interdum odio. Maecenas blandit ipsum et eros tempus porttitor. Aliquam erat volutpat."
@@ -49,7 +44,7 @@ var WithTitle = exports.WithTitle = {
  *
  * Each severity level uses distinct colors and icons to help users quickly recognize the message type.
  */
-var SeverityWarning = exports.SeverityWarning = {
+export var SeverityWarning = {
   args: {
     title: "Warning",
     children: "Description",
@@ -63,7 +58,7 @@ var SeverityWarning = exports.SeverityWarning = {
  * - Failed operations or validation errors
  * - Problems that prevent the user from proceeding
  */
-var SeverityError = exports.SeverityError = {
+export var SeverityError = {
   args: {
     title: "Error",
     children: "Description",
@@ -77,7 +72,7 @@ var SeverityError = exports.SeverityError = {
  * - Completed operations
  * - Confirmed actions
  */
-var SeveritySuccess = exports.SeveritySuccess = {
+export var SeveritySuccess = {
   args: {
     title: "Success",
     children: "Description",
@@ -93,12 +88,12 @@ var SeveritySuccess = exports.SeveritySuccess = {
  * - You want to provide a direct link to related content
  * - Additional options need to be presented
  */
-var WithAction = exports.WithAction = {
+export var WithAction = {
   args: {
     children: "Description",
-    action: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+    action: /*#__PURE__*/_jsx(Button, {
       variant: "textDark",
-      startIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.ArrowRight, {}),
+      startIcon: /*#__PURE__*/_jsx(ArrowRight, {}),
       children: "Action Text"
     })
   }
@@ -111,7 +106,7 @@ var WithAction = exports.WithAction = {
  * - Users should be able to dismiss notifications
  * - You want to reduce interface clutter
  */
-var WithClose = exports.WithClose = {
+export var WithClose = {
   args: {
     children: "Description",
     onClose: function onClose() {
@@ -128,26 +123,26 @@ var WithClose = exports.WithClose = {
  * - Include images or custom layouts
  * - Create more engaging notifications
  */
-var WithCustomContent = exports.WithCustomContent = {
+export var WithCustomContent = {
   args: {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+    children: /*#__PURE__*/_jsxs(Box, {
       display: "flex",
       gap: 4,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+      children: [/*#__PURE__*/_jsx(Box, {
         sx: {
           width: 150,
           height: 150
         },
         component: "img",
         src: "https://picsum.photos/id/38/300/300"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_system.Stack, {
+      }), /*#__PURE__*/_jsxs(Stack, {
         gap: 2,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+        children: [/*#__PURE__*/_jsx(Typography, {
           variant: "h4",
           component: "span",
           children: "Custom Title"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Typography, {
-          children: ["This is a ", /*#__PURE__*/(0, _jsxRuntime.jsx)("strong", {
+        }), /*#__PURE__*/_jsxs(Typography, {
+          children: ["This is a ", /*#__PURE__*/_jsx("strong", {
             children: "custom content"
           }), " inside the Alert."]
         })]

package/lib/apollo/filterByFragment.js

@@ -1,13 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.filterByFragment = filterByFragment;
-var _utilities = require("@apollo/client/utilities");
 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); }
+import { argumentsObjectFromField, createFragmentMap, getFragmentDefinitions, getMainDefinition, isField, isInlineFragment, resultKeyNameFromField, shouldInclude } from "@apollo/client/utilities";
 // Copied and adapted from https://github.com/apollographql/apollo-client/blob/release-2.x/packages/graphql-anywhere/src/utilities.ts
-function filterByFragment(doc, data) {
+export function filterByFragment(doc, data) {
   var variableValues = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   if (data === null) return data;
   var resolver = function resolver(fieldName, root, args, context, info) {
@@ -39,9 +33,9 @@ function filterByFragment(doc, data) {
 function graphql(resolver, document, rootValue, contextValue) {
   var variableValues = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
   var execOptions = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};
-  var mainDefinition = (0, _utilities.getMainDefinition)(document);
-  var fragments = (0, _utilities.getFragmentDefinitions)(document);
-  var fragmentMap = (0, _utilities.createFragmentMap)(fragments);
+  var mainDefinition = getMainDefinition(document);
+  var fragments = getFragmentDefinitions(document);
+  var fragmentMap = createFragmentMap(fragments);
   var resultMapper = execOptions.resultMapper;
 
   // Default matcher always matches all fragments
@@ -64,13 +58,13 @@ function executeSelectionSet(selectionSet, rootValue, execContext) {
     variables = execContext.variableValues;
   var result = {};
   selectionSet.selections.forEach(function (selection) {
-    if (variables && !(0, _utilities.shouldInclude)(selection, variables)) {
+    if (variables && !shouldInclude(selection, variables)) {
       // Skip selection sets which we're able to determine should not be run
       return;
     }
-    if ((0, _utilities.isField)(selection)) {
+    if (isField(selection)) {
       var fieldResult = executeField(selection, rootValue, execContext);
-      var resultFieldKey = (0, _utilities.resultKeyNameFromField)(selection);
+      var resultFieldKey = resultKeyNameFromField(selection);
       if (fieldResult !== undefined) {
         if (result[resultFieldKey] === undefined) {
           result[resultFieldKey] = fieldResult;
@@ -81,7 +75,7 @@ function executeSelectionSet(selectionSet, rootValue, execContext) {
     } else {
       var _fragment$typeConditi;
       var fragment;
-      if ((0, _utilities.isInlineFragment)(selection)) {
+      if (isInlineFragment(selection)) {
         fragment = selection;
       } else {
         // This is a named fragment
@@ -107,10 +101,10 @@ function executeField(field, rootValue, execContext) {
     contextValue = execContext.contextValue,
     resolver = execContext.resolver;
   var fieldName = field.name.value;
-  var args = (0, _utilities.argumentsObjectFromField)(field, variables);
+  var args = argumentsObjectFromField(field, variables);
   var info = {
     isLeaf: !field.selectionSet,
-    resultKey: (0, _utilities.resultKeyNameFromField)(field),
+    resultKey: resultKeyNameFromField(field),
     directives: getDirectiveInfoFromField(field, variables),
     field: field
   };
@@ -175,7 +169,7 @@ function getDirectiveInfoFromField(field, variables) {
   if (field.directives && field.directives.length) {
     var directiveObj = {};
     field.directives.forEach(function (directive) {
-      var argumentsObj = (0, _utilities.argumentsObjectFromField)(directive, variables);
+      var argumentsObj = argumentsObjectFromField(directive, variables);
       if (argumentsObj) {
         directiveObj[directive.name.value] = argumentsObj;
       }

package/lib/apollo/useFocusAwarePolling.js

@@ -1,17 +1,11 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useFocusAwarePolling = useFocusAwarePolling;
-var _react = require("react");
+import { useEffect } from "react";
 function useFocusAwarePolling(_ref) {
   var pollInterval = _ref.pollInterval,
     skip = _ref.skip,
     refetch = _ref.refetch,
     startPolling = _ref.startPolling,
     stopPolling = _ref.stopPolling;
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     if (pollInterval === undefined || skip) {
       stopPolling();
       return;
@@ -40,4 +34,5 @@ function useFocusAwarePolling(_ref) {
       }
     };
   }, [pollInterval, skip, refetch, startPolling, stopPolling]);
-}
+}
+export { useFocusAwarePolling };

package/lib/appHeader/AppHeader.js

@@ -1,15 +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.AppHeader = void 0;
-var _material = require("@mui/material");
-var _react = require("react");
-var _createComponentSlot = require("../helpers/createComponentSlot");
-var _MasterLayoutContext = require("../mui/MasterLayoutContext");
-var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["children", "headerHeight", "position", "color"];
 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; }
@@ -20,18 +9,23 @@ 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 AppHeaderRoot = (0, _createComponentSlot.createComponentSlot)(_material.AppBar)({
+import { AppBar as MuiAppBar, capitalize, css, useThemeProps } from "@mui/material";
+import { useContext } from "react";
+import { createComponentSlot } from "../helpers/createComponentSlot";
+import { MasterLayoutContext } from "../mui/MasterLayoutContext";
+import { jsx as _jsx } from "react/jsx-runtime";
+var AppHeaderRoot = createComponentSlot(MuiAppBar)({
   componentName: "AppHeader",
   slotName: "root",
   classesResolver: function classesResolver(ownerState) {
-    return [ownerState.position && "position".concat((0, _material.capitalize)(ownerState.position)), ownerState.color && "color".concat((0, _material.capitalize)(ownerState.color))];
+    return [ownerState.position && "position".concat(capitalize(ownerState.position)), ownerState.color && "color".concat(capitalize(ownerState.color))];
   }
 })(function (_ref) {
   var theme = _ref.theme;
-  return (0, _material.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        background-color: ", ";\n        color: white;\n        height: var(--header-height);\n        flex-direction: row;\n        align-items: center;\n    "])), theme.palette.grey.A400);
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        background-color: ", ";\n        color: white;\n        height: var(--header-height);\n        flex-direction: row;\n        align-items: center;\n    "])), theme.palette.grey.A400);
 });
-var AppHeader = exports.AppHeader = function AppHeader(inProps) {
-  var props = (0, _material.useThemeProps)({
+export var AppHeader = function AppHeader(inProps) {
+  var props = useThemeProps({
     props: inProps,
     name: "CometAdminAppHeader"
   });
@@ -42,14 +36,14 @@ var AppHeader = exports.AppHeader = function AppHeader(inProps) {
     _props$color = props.color,
     color = _props$color === void 0 ? "primary" : _props$color,
     restProps = _objectWithoutProperties(props, _excluded);
-  var _useContext = (0, _react.useContext)(_MasterLayoutContext.MasterLayoutContext),
+  var _useContext = useContext(MasterLayoutContext),
     masterLayoutHeaderHeight = _useContext.headerHeight;
   var headerHeight = passedHeaderHeight === undefined ? masterLayoutHeaderHeight : passedHeaderHeight;
   var ownerState = {
     position: position,
     color: color
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AppHeaderRoot, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(AppHeaderRoot, _objectSpread(_objectSpread({
     position: position,
     color: color,
     ownerState: ownerState