@comet/admin 8.17.1 → 9.0.0-beta.0

package/lib/common/buttons/CopyToClipboardButton.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.CopyToClipboardButton = void 0;
-var _adminIcons = require("@comet/admin-icons");
-var _material = require("@mui/material");
-var _react = require("react");
-var _createComponentSlot = require("../../helpers/createComponentSlot");
-var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 var _excluded = ["copyText", "copyIcon", "successIcon", "slotProps"];
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
@@ -26,19 +15,24 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 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; }
-var CopyToClipboardButton = exports.CopyToClipboardButton = function CopyToClipboardButton(inProps) {
-  var _useThemeProps = (0, _material.useThemeProps)({
+import { Accept, Copy } from "@comet/admin-icons";
+import { css, Grow, IconButton, useThemeProps } from "@mui/material";
+import { useState } from "react";
+import { createComponentSlot } from "../../helpers/createComponentSlot";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export var CopyToClipboardButton = function CopyToClipboardButton(inProps) {
+  var _useThemeProps = useThemeProps({
       props: inProps,
       name: "CometAdminCopyToClipboardButton"
     }),
     copyText = _useThemeProps.copyText,
     _useThemeProps$copyIc = _useThemeProps.copyIcon,
-    copyIcon = _useThemeProps$copyIc === void 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Copy, {}) : _useThemeProps$copyIc,
+    copyIcon = _useThemeProps$copyIc === void 0 ? /*#__PURE__*/_jsx(Copy, {}) : _useThemeProps$copyIc,
     _useThemeProps$succes = _useThemeProps.successIcon,
-    successIcon = _useThemeProps$succes === void 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Accept, {}) : _useThemeProps$succes,
+    successIcon = _useThemeProps$succes === void 0 ? /*#__PURE__*/_jsx(Accept, {}) : _useThemeProps$succes,
     slotProps = _useThemeProps.slotProps,
     restProps = _objectWithoutProperties(_useThemeProps, _excluded);
-  var _useState = (0, _react.useState)(false),
+  var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     showSuccess = _useState2[0],
     setShowSuccess = _useState2[1];
@@ -52,13 +46,13 @@ var CopyToClipboardButton = exports.CopyToClipboardButton = function CopyToClipb
       setShowSuccess(false);
     }, 3000);
   };
-  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)(CopyButtonContainer, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.copyButtonContainer), {}, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grow, {
+    children: [/*#__PURE__*/_jsx(CopyButtonContainer, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.copyButtonContainer), {}, {
+      children: /*#__PURE__*/_jsx(Grow, {
         "in": !showSuccess,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CopyButton, _objectSpread(_objectSpread({
+        children: /*#__PURE__*/_jsx(CopyButton, _objectSpread(_objectSpread({
           color: "primary"
         }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.copyButton), {}, {
           onClick: function onClick(e) {
@@ -69,10 +63,10 @@ var CopyToClipboardButton = exports.CopyToClipboardButton = function CopyToClipb
           children: copyIcon
         }))
       })
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(SuccessButtonContainer, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.successButtonContainer), {}, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grow, {
+    })), /*#__PURE__*/_jsx(SuccessButtonContainer, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.successButtonContainer), {}, {
+      children: /*#__PURE__*/_jsx(Grow, {
         "in": showSuccess,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SuccessButton, _objectSpread(_objectSpread({
+        children: /*#__PURE__*/_jsx(SuccessButton, _objectSpread(_objectSpread({
           color: "success"
         }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.successButton), {}, {
           onClick: function onClick(e) {
@@ -86,38 +80,38 @@ var CopyToClipboardButton = exports.CopyToClipboardButton = function CopyToClipb
     }))]
   }));
 };
-var Root = (0, _createComponentSlot.createComponentSlot)("div")({
+var Root = createComponentSlot("div")({
   componentName: "CopyToClipboardButton",
   slotName: "root",
   classesResolver: function classesResolver(ownerState) {
     return [ownerState.showSuccess && "showSuccess"];
   }
-})((0, _material.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    height: 100%;\n"]))));
-var CopyButtonContainer = (0, _createComponentSlot.createComponentSlot)("div")({
+})(css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    height: 100%;\n"]))));
+var CopyButtonContainer = createComponentSlot("div")({
   componentName: "CopyToClipboardButton",
   slotName: "copyButtonContainer",
   classesResolver: function classesResolver() {
     return ["buttonContainer"];
   }
-})((0, _material.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    position: relative;\n    z-index: 2;\n"]))));
-var SuccessButtonContainer = (0, _createComponentSlot.createComponentSlot)("div")({
+})(css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    position: relative;\n    z-index: 2;\n"]))));
+var SuccessButtonContainer = createComponentSlot("div")({
   componentName: "CopyToClipboardButton",
   slotName: "successButtonContainer",
   classesResolver: function classesResolver() {
     return ["buttonContainer"];
   }
-})((0, _material.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    position: absolute;\n    z-index: 1;\n    top: 50%;\n    right: 0;\n    transform: translateY(-50%);\n"]))));
-var CopyButton = (0, _createComponentSlot.createComponentSlot)(_material.IconButton)({
+})(css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    position: absolute;\n    z-index: 1;\n    top: 50%;\n    right: 0;\n    transform: translateY(-50%);\n"]))));
+var CopyButton = createComponentSlot(IconButton)({
   componentName: "CopyToClipboardButton",
   slotName: "copyButton",
   classesResolver: function classesResolver() {
     return ["button"];
   }
-})((0, _material.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    position: relative;\n"]))));
-var SuccessButton = (0, _createComponentSlot.createComponentSlot)(_material.IconButton)({
+})(css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    position: relative;\n"]))));
+var SuccessButton = createComponentSlot(IconButton)({
   componentName: "CopyToClipboardButton",
   slotName: "successButton",
   classesResolver: function classesResolver() {
     return ["button"];
   }
-})((0, _material.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    position: relative;\n"]))));
+})(css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    position: relative;\n"]))));

package/lib/common/buttons/SaveButton.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.SaveButton = SaveButton;
-var _adminIcons = require("@comet/admin-icons");
-var _styles = require("@mui/material/styles");
-var _reactIntl = require("react-intl");
-var _createComponentSlot = require("../../helpers/createComponentSlot");
-var _messages = require("../../messages");
-var _FeedbackButton = require("./feedback/FeedbackButton");
-var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["children", "startIcon"];
 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,22 +7,29 @@ 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; }
-function SaveButton(inProps) {
-  var _useThemeProps = (0, _styles.useThemeProps)({
+import { Save } from "@comet/admin-icons";
+import { useThemeProps } from "@mui/material/styles";
+import { FormattedMessage } from "react-intl";
+import { createComponentSlot } from "../../helpers/createComponentSlot";
+import { messages } from "../../messages";
+import { FeedbackButton } from "./feedback/FeedbackButton";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function SaveButton(inProps) {
+  var _useThemeProps = useThemeProps({
       props: inProps,
       name: "CometAdminSaveButton"
     }),
     _useThemeProps$childr = _useThemeProps.children,
-    children = _useThemeProps$childr === void 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _objectSpread({}, _messages.messages.save)) : _useThemeProps$childr,
+    children = _useThemeProps$childr === void 0 ? /*#__PURE__*/_jsx(FormattedMessage, _objectSpread({}, messages.save)) : _useThemeProps$childr,
     _useThemeProps$startI = _useThemeProps.startIcon,
-    startIcon = _useThemeProps$startI === void 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Save, {}) : _useThemeProps$startI,
+    startIcon = _useThemeProps$startI === void 0 ? /*#__PURE__*/_jsx(Save, {}) : _useThemeProps$startI,
     restProps = _objectWithoutProperties(_useThemeProps, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, _objectSpread(_objectSpread({}, restProps), {}, {
+  return /*#__PURE__*/_jsx(Root, _objectSpread(_objectSpread({}, restProps), {}, {
     startIcon: startIcon,
     children: children
   }));
 }
-var Root = (0, _createComponentSlot.createComponentSlot)(_FeedbackButton.FeedbackButton)({
+var Root = createComponentSlot(FeedbackButton)({
   componentName: "SaveButton",
   slotName: "root"
 })();

package/lib/common/buttons/cancel/CancelButton.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.CancelButton = CancelButton;
-var _adminIcons = require("@comet/admin-icons");
-var _styles = require("@mui/material/styles");
-var _reactIntl = require("react-intl");
-var _createComponentSlot = require("../../../helpers/createComponentSlot");
-var _messages = require("../../../messages");
-var _Button = require("../Button");
-var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["children", "startIcon"];
 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,24 +7,31 @@ 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; }
-function CancelButton(inProps) {
-  var _useThemeProps = (0, _styles.useThemeProps)({
+import { Clear } from "@comet/admin-icons";
+import { useThemeProps } from "@mui/material/styles";
+import { FormattedMessage } from "react-intl";
+import { createComponentSlot } from "../../../helpers/createComponentSlot";
+import { messages } from "../../../messages";
+import { Button } from "../Button";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function CancelButton(inProps) {
+  var _useThemeProps = useThemeProps({
       props: inProps,
       name: "CometAdminCancelButton"
     }),
     _useThemeProps$childr = _useThemeProps.children,
-    children = _useThemeProps$childr === void 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _objectSpread({}, _messages.messages.cancel)) : _useThemeProps$childr,
+    children = _useThemeProps$childr === void 0 ? /*#__PURE__*/_jsx(FormattedMessage, _objectSpread({}, messages.cancel)) : _useThemeProps$childr,
     _useThemeProps$startI = _useThemeProps.startIcon,
-    startIcon = _useThemeProps$startI === void 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Clear, {}) : _useThemeProps$startI,
+    startIcon = _useThemeProps$startI === void 0 ? /*#__PURE__*/_jsx(Clear, {}) : _useThemeProps$startI,
     restProps = _objectWithoutProperties(_useThemeProps, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(Root, _objectSpread(_objectSpread({
     variant: "textDark",
     startIcon: startIcon
   }, restProps), {}, {
     children: children
   }));
 }
-var Root = (0, _createComponentSlot.createComponentSlot)(_Button.Button)({
+var Root = createComponentSlot(Button)({
   componentName: "CancelButton",
   slotName: "root"
 })();

package/lib/common/buttons/clearinput/ClearInputButton.js

@@ -1,20 +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.ClearInputButton = ClearInputButton;
-var _adminIcons = require("@comet/admin-icons");
-var _material = require("@mui/material");
-var _styles = require("@mui/material/styles");
-var _createComponentSlot = require("../../../helpers/createComponentSlot");
-var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["icon"];
 var _templateObject;
-/**
- * @deprecated Use `ClearInputAdornment` directly as the InputAdornment
- */
 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; }
 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; }
@@ -23,12 +9,21 @@ 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)(_material.ButtonBase)({
+import { Clear } from "@comet/admin-icons";
+import { ButtonBase, inputAdornmentClasses } from "@mui/material";
+import { css, useThemeProps } from "@mui/material/styles";
+import { createComponentSlot } from "../../../helpers/createComponentSlot";
+
+/**
+ * @deprecated Use `ClearInputAdornment` directly as the InputAdornment
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+var Root = createComponentSlot(ButtonBase)({
   componentName: "ClearInputButton",
   slotName: "root"
 })(function (_ref) {
   var theme = _ref.theme;
-  return (0, _styles.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        height: 100%;\n        width: 40px;\n        color: ", ";\n\n        ", ":last-child & {\n            margin-right: ", ";\n        }\n\n        ", ":first-child & {\n            margin-left: ", ";\n        }\n\n        &:disabled {\n            color: ", ";\n        }\n    "])), theme.palette.action.active, ".".concat(_material.inputAdornmentClasses.positionEnd), theme.spacing(-2), ".".concat(_material.inputAdornmentClasses.positionStart), theme.spacing(-2), theme.palette.action.disabled);
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        height: 100%;\n        width: 40px;\n        color: ", ";\n\n        ", ":last-child & {\n            margin-right: ", ";\n        }\n\n        ", ":first-child & {\n            margin-left: ", ";\n        }\n\n        &:disabled {\n            color: ", ";\n        }\n    "])), theme.palette.action.active, ".".concat(inputAdornmentClasses.positionEnd), theme.spacing(-2), ".".concat(inputAdornmentClasses.positionStart), theme.spacing(-2), theme.palette.action.disabled);
 });
 
 /**
@@ -38,15 +33,15 @@ var Root = (0, _createComponentSlot.createComponentSlot)(_material.ButtonBase)({
 /**
  * @deprecated Use `ClearInputAdornment` directly as the InputAdornment
  */
-function ClearInputButton(inProps) {
-  var _useThemeProps = (0, _styles.useThemeProps)({
+export function ClearInputButton(inProps) {
+  var _useThemeProps = useThemeProps({
       props: inProps,
       name: "CometAdminClearInputButton"
     }),
     _useThemeProps$icon = _useThemeProps.icon,
-    icon = _useThemeProps$icon === void 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Clear, {}) : _useThemeProps$icon,
+    icon = _useThemeProps$icon === void 0 ? /*#__PURE__*/_jsx(Clear, {}) : _useThemeProps$icon,
     restProps = _objectWithoutProperties(_useThemeProps, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(Root, _objectSpread(_objectSpread({
     tabIndex: -1
   }, restProps), {}, {
     children: icon

package/lib/common/buttons/delete/DeleteButton.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.DeleteButton = DeleteButton;
-var _adminIcons = require("@comet/admin-icons");
-var _styles = require("@mui/material/styles");
-var _reactIntl = require("react-intl");
-var _createComponentSlot = require("../../../helpers/createComponentSlot");
-var _messages = require("../../../messages");
-var _Button = require("../Button");
-var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["children", "startIcon"];
 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,24 +7,31 @@ 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; }
-function DeleteButton(inProps) {
-  var _useThemeProps = (0, _styles.useThemeProps)({
+import { Delete } from "@comet/admin-icons";
+import { useThemeProps } from "@mui/material/styles";
+import { FormattedMessage } from "react-intl";
+import { createComponentSlot } from "../../../helpers/createComponentSlot";
+import { messages } from "../../../messages";
+import { Button } from "../Button";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function DeleteButton(inProps) {
+  var _useThemeProps = useThemeProps({
       props: inProps,
       name: "CometAdminDeleteButton"
     }),
     _useThemeProps$childr = _useThemeProps.children,
-    children = _useThemeProps$childr === void 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _objectSpread({}, _messages.messages["delete"])) : _useThemeProps$childr,
+    children = _useThemeProps$childr === void 0 ? /*#__PURE__*/_jsx(FormattedMessage, _objectSpread({}, messages["delete"])) : _useThemeProps$childr,
     _useThemeProps$startI = _useThemeProps.startIcon,
-    startIcon = _useThemeProps$startI === void 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Delete, {}) : _useThemeProps$startI,
+    startIcon = _useThemeProps$startI === void 0 ? /*#__PURE__*/_jsx(Delete, {}) : _useThemeProps$startI,
     restProps = _objectWithoutProperties(_useThemeProps, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(Root, _objectSpread(_objectSpread({
     startIcon: startIcon,
     variant: "destructive"
   }, restProps), {}, {
     children: children
   }));
 }
-var Root = (0, _createComponentSlot.createComponentSlot)(_Button.Button)({
+var Root = createComponentSlot(Button)({
   componentName: "DeleteButton",
   slotName: "root"
 })();

package/lib/common/buttons/delete/__stories__/DeleteButton.stories.js

@@ -1,14 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.DeleteButtonStory = void 0;
-var _DeleteButton = require("../DeleteButton");
+import { DeleteButton } from "../DeleteButton";
 var config = {
-  component: _DeleteButton.DeleteButton,
+  component: DeleteButton,
   title: "common/Buttons/DeleteButton"
 };
-var _default = exports["default"] = config;
-var DeleteButtonStory = exports.DeleteButtonStory = {};
+export default config;
+export var DeleteButtonStory = {};
 DeleteButtonStory.storyName = "DeleteButton";

package/lib/common/buttons/feedback/FeedbackButton.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.FeedbackButton = FeedbackButton;
-var _adminIcons = require("@comet/admin-icons");
-var _styles = require("@mui/material/styles");
-var _react = require("react");
-var _reactIntl = require("react-intl");
-var _createComponentSlot = require("../../../helpers/createComponentSlot");
-var _Tooltip = require("../../Tooltip");
-var _Button = require("../Button");
-var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["onClick", "loading", "hasErrors", "children", "classes", "disabled", "startIcon", "endIcon", "tooltipSuccessMessage", "tooltipErrorMessage", "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; }
@@ -31,19 +17,27 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 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; }
-var Root = (0, _createComponentSlot.createComponentSlot)(_Button.Button)({
+import { ThreeDotSaving } from "@comet/admin-icons";
+import { useThemeProps } from "@mui/material/styles";
+import { useEffect, useState } from "react";
+import { FormattedMessage } from "react-intl";
+import { createComponentSlot } from "../../../helpers/createComponentSlot";
+import { Tooltip as CometTooltip } from "../../Tooltip";
+import { Button } from "../Button";
+import { jsx as _jsx } from "react/jsx-runtime";
+var Root = createComponentSlot(Button)({
   componentName: "FeedbackButton",
   slotName: "root",
   classesResolver: function classesResolver(ownerState) {
     return [ownerState.displayState === "idle" && "idle", ownerState.displayState === "error" && "error", ownerState.displayState === "success" && "success", ownerState.displayState === "loading" && "loading"];
   }
 })();
-var Tooltip = (0, _createComponentSlot.createComponentSlot)(_Tooltip.Tooltip)({
+var Tooltip = createComponentSlot(CometTooltip)({
   componentName: "FeedbackButton",
   slotName: "tooltip"
 })();
-function FeedbackButton(inProps) {
-  var _useThemeProps = (0, _styles.useThemeProps)({
+export function FeedbackButton(inProps) {
+  var _useThemeProps = useThemeProps({
       props: inProps,
       name: "CometAdminFeedbackButton"
     }),
@@ -56,18 +50,18 @@ function FeedbackButton(inProps) {
     startIcon = _useThemeProps.startIcon,
     endIcon = _useThemeProps.endIcon,
     _useThemeProps$toolti = _useThemeProps.tooltipSuccessMessage,
-    tooltipSuccessMessage = _useThemeProps$toolti === void 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+    tooltipSuccessMessage = _useThemeProps$toolti === void 0 ? /*#__PURE__*/_jsx(FormattedMessage, {
       id: "comet.feedbackButton.tooltipSuccessMessage",
       defaultMessage: "Success"
     }) : _useThemeProps$toolti,
     _useThemeProps$toolti2 = _useThemeProps.tooltipErrorMessage,
-    tooltipErrorMessage = _useThemeProps$toolti2 === void 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+    tooltipErrorMessage = _useThemeProps$toolti2 === void 0 ? /*#__PURE__*/_jsx(FormattedMessage, {
       id: "comet.feedbackButton.tooltipErrorMessage",
       defaultMessage: "Error"
     }) : _useThemeProps$toolti2,
     slotProps = _useThemeProps.slotProps,
     restProps = _objectWithoutProperties(_useThemeProps, _excluded);
-  var _useState = (0, _react.useState)("idle"),
+  var _useState = useState("idle"),
     _useState2 = _slicedToArray(_useState, 2),
     displayState = _useState2[0],
     setDisplayState = _useState2[1];
@@ -75,14 +69,14 @@ function FeedbackButton(inProps) {
     displayState: displayState
   };
   var isUncontrolled = loading === undefined && hasErrors === undefined;
-  var resolveTooltipForDisplayState = function resolveTooltipForDisplayState(displayState) {
+  var resolveTooltipColorForDisplayState = function resolveTooltipColorForDisplayState(displayState) {
     switch (displayState) {
       case "error":
         return "error";
       case "success":
         return "success";
       default:
-        return "neutral";
+        return "light";
     }
   };
   var handleOnClick = isUncontrolled && onClick ? /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
@@ -113,7 +107,7 @@ function FeedbackButton(inProps) {
       }
     }, _callee, null, [[0, 2, 3, 4]]);
   })) : onClick;
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     if (isUncontrolled) return;
     var timeoutId;
     var timeoutDuration;
@@ -144,23 +138,23 @@ function FeedbackButton(inProps) {
       }
     };
   }, [displayState, loading, hasErrors, isUncontrolled]);
-  var tooltip = /*#__PURE__*/(0, _jsxRuntime.jsx)(Tooltip, _objectSpread(_objectSpread({
+  var tooltip = /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({
     title: displayState === "error" ? tooltipErrorMessage : displayState === "success" ? tooltipSuccessMessage : "",
     open: displayState === "error" || displayState === "success",
     placement: endIcon && !startIcon ? "top-end" : "top-start",
-    variant: resolveTooltipForDisplayState(displayState)
+    color: resolveTooltipColorForDisplayState(displayState)
   }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.tooltip), {}, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    children: /*#__PURE__*/_jsx("span", {
       children: startIcon || endIcon
     })
   }));
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, _objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(Root, _objectSpread(_objectSpread(_objectSpread({
     onClick: handleOnClick,
     ownerState: ownerState,
     loading: loading !== undefined ? loading : displayState === "loading",
     disabled: disabled || (loading !== undefined ? loading : displayState === "loading"),
     loadingPosition: startIcon ? "start" : "end",
-    loadingIndicator: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.ThreeDotSaving, {}),
+    loadingIndicator: /*#__PURE__*/_jsx(ThreeDotSaving, {}),
     startIcon: startIcon && tooltip,
     endIcon: endIcon && !startIcon ? tooltip : endIcon
   }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {

package/lib/common/buttons/helpDialogButton/HelpDialogButton.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.HelpDialogButton = void 0;
-var _adminIcons = require("@comet/admin-icons");
-var _material = require("@mui/material");
-var _react = require("react");
-var _reactIntl = require("react-intl");
-var _HelpDialogButton = require("./HelpDialogButton.sc");
-var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["dialogTitle", "dialogDescription", "icon", "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; }
@@ -25,41 +13,47 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 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; }
-var HelpDialogButton = exports.HelpDialogButton = function HelpDialogButton(inProps) {
-  var _useThemeProps = (0, _material.useThemeProps)({
+import { QuestionMark } from "@comet/admin-icons";
+import { useThemeProps } from "@mui/material";
+import { useState } from "react";
+import { FormattedMessage } from "react-intl";
+import { Button, Dialog, DialogContent } from "./HelpDialogButton.sc";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export var HelpDialogButton = function HelpDialogButton(inProps) {
+  var _useThemeProps = useThemeProps({
       props: inProps,
       name: "CometAdminHelpDialogButton"
     }),
     _useThemeProps$dialog = _useThemeProps.dialogTitle,
-    dialogTitle = _useThemeProps$dialog === void 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+    dialogTitle = _useThemeProps$dialog === void 0 ? /*#__PURE__*/_jsx(FormattedMessage, {
       id: "comet.helpDialogButton.title",
       defaultMessage: "Help"
     }) : _useThemeProps$dialog,
     dialogDescription = _useThemeProps.dialogDescription,
     _useThemeProps$icon = _useThemeProps.icon,
-    icon = _useThemeProps$icon === void 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.QuestionMark, {}) : _useThemeProps$icon,
+    icon = _useThemeProps$icon === void 0 ? /*#__PURE__*/_jsx(QuestionMark, {}) : _useThemeProps$icon,
     _useThemeProps$slotPr = _useThemeProps.slotProps,
     slotProps = _useThemeProps$slotPr === void 0 ? {} : _useThemeProps$slotPr,
     restProps = _objectWithoutProperties(_useThemeProps, _excluded);
-  var _useState = (0, _react.useState)(false),
+  var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     showHelp = _useState2[0],
     setShowHelp = _useState2[1];
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_HelpDialogButton.Button, _objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread(_objectSpread({
       onClick: function onClick() {
         setShowHelp(!showHelp);
       }
     }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.button), restProps), {}, {
       children: icon
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_HelpDialogButton.Dialog, _objectSpread(_objectSpread({
+    })), /*#__PURE__*/_jsx(Dialog, _objectSpread(_objectSpread({
       open: showHelp,
       onClose: function onClose() {
         setShowHelp(false);
       },
       title: dialogTitle
     }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.dialog), {}, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_HelpDialogButton.DialogContent, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.dialogContent), {}, {
+      children: /*#__PURE__*/_jsx(DialogContent, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.dialogContent), {}, {
         children: dialogDescription
       }))
     }))]