@comet/admin 8.17.1 → 9.0.0-beta.0

package/lib/form/FinalFormFileSelect.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.FinalFormFileSelect = FinalFormFileSelect;
-var _styles = require("@mui/material/styles");
-var _react = require("react");
-var _commonErrorMessages = require("./file/commonErrorMessages");
-var _FileSelect = require("./file/FileSelect");
-var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["disabled", "maxFiles", "maxSize", "input", "meta"];
 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; }
@@ -28,8 +17,13 @@ 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; }
-function FinalFormFileSelect(inProps) {
-  var _useThemeProps = (0, _styles.useThemeProps)({
+import { useThemeProps } from "@mui/material/styles";
+import { useCallback, useState } from "react";
+import { commonErrorMessages } from "./file/commonErrorMessages";
+import { FileSelect } from "./file/FileSelect";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function FinalFormFileSelect(inProps) {
+  var _useThemeProps = useThemeProps({
       props: inProps,
       name: "CometAdminFinalFormFileSelect"
     }),
@@ -42,16 +36,16 @@ function FinalFormFileSelect(inProps) {
     multiple = _useThemeProps$input.multiple,
     meta = _useThemeProps.meta,
     restProps = _objectWithoutProperties(_useThemeProps, _excluded);
-  var _useState = (0, _react.useState)(false),
+  var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     tooManyFilesSelected = _useState2[0],
     setTooManyFilesSelected = _useState2[1];
-  var _useState3 = (0, _react.useState)([]),
+  var _useState3 = useState([]),
     _useState4 = _slicedToArray(_useState3, 2),
     rejectedFiles = _useState4[0],
     setRejectedFiles = _useState4[1];
   var singleFile = !multiple && typeof maxFiles === "undefined" || maxFiles === 1;
-  var onDrop = (0, _react.useCallback)(function (acceptedFiles, fileRejections) {
+  var onDrop = useCallback(function (acceptedFiles, fileRejections) {
     setRejectedFiles(fileRejections.map(function (rejectedFile) {
       var failedFile = {
         name: rejectedFile.file.name,
@@ -60,12 +54,12 @@ function FinalFormFileSelect(inProps) {
       if (rejectedFile.errors.some(function (error) {
         return error.code === "file-too-large";
       })) {
-        failedFile.error = _commonErrorMessages.commonErrorMessages.fileTooLarge;
+        failedFile.error = commonErrorMessages.fileTooLarge;
       }
       if (rejectedFile.errors.some(function (error) {
         return error.code === "file-invalid-type";
       })) {
-        failedFile.error = _commonErrorMessages.commonErrorMessages.invalidFileType;
+        failedFile.error = commonErrorMessages.invalidFileType;
       }
       return failedFile;
     }));
@@ -103,7 +97,7 @@ function FinalFormFileSelect(inProps) {
       size: fieldValue.size
     });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FileSelect.FileSelect, _objectSpread({
+  return /*#__PURE__*/_jsx(FileSelect, _objectSpread({
     files: [].concat(acceptedFiles, _toConsumableArray(rejectedFiles)),
     onDrop: onDrop,
     onRemove: function onRemove(fileToRemove) {
@@ -120,6 +114,6 @@ function FinalFormFileSelect(inProps) {
     multiple: multiple,
     maxFiles: maxFiles,
     maxFileSize: maxSize,
-    error: typeof maxFiles !== "undefined" && tooManyFilesSelected ? _commonErrorMessages.commonErrorMessages.tooManyFiles(maxFiles) : undefined
+    error: typeof maxFiles !== "undefined" && tooManyFilesSelected ? commonErrorMessages.tooManyFiles(maxFiles) : undefined
   }, restProps));
 }

package/lib/form/FinalFormInput.d.ts

@@ -1,10 +1,9 @@
 import { type InputBaseProps } from "@mui/material";
 import { type FieldRenderProps } from "react-final-form";
 export type FinalFormInputProps = InputBaseProps & {
-    clearable?: boolean;
     disableContentTranslation?: boolean;
 };
 type FinalFormInputInternalProps = FieldRenderProps<string, HTMLInputElement | HTMLTextAreaElement>;
-export declare function FinalFormInput({ meta, input, innerRef, endAdornment, clearable, disableContentTranslation, ...props }: FinalFormInputProps & FinalFormInputInternalProps): import("react/jsx-runtime").JSX.Element;
+export declare function FinalFormInput({ meta, input, innerRef, endAdornment, disableContentTranslation, required, disabled, readOnly, ...props }: FinalFormInputProps & FinalFormInputInternalProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=FinalFormInput.d.ts.map

package/lib/form/FinalFormInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FinalFormInput.d.ts","sourceRoot":"","sources":["../../src/form/FinalFormInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAyB,KAAK,cAAc,EAAE,MAAM,eAAe,CAAC;AAE3E,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAQzD,MAAM,MAAM,mBAAmB,GAAG,cAAc,GAAG;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACvC,CAAC;AAEF,KAAK,2BAA2B,GAAG,gBAAgB,CAAC,MAAM,EAAE,gBAAgB,GAAG,mBAAmB,CAAC,CAAC;AAEpG,wBAAgB,cAAc,CAAC,EAC3B,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,yBAAyB,EACzB,GAAG,KAAK,EACX,EAAE,mBAAmB,GAAG,2BAA2B,2CAmDnD"}
+{"version":3,"file":"FinalFormInput.d.ts","sourceRoot":"","sources":["../../src/form/FinalFormInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAyB,KAAK,cAAc,EAAE,MAAM,eAAe,CAAC;AAE3E,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAQzD,MAAM,MAAM,mBAAmB,GAAG,cAAc,GAAG;IAC/C,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACvC,CAAC;AAEF,KAAK,2BAA2B,GAAG,gBAAgB,CAAC,MAAM,EAAE,gBAAgB,GAAG,mBAAmB,CAAC,CAAC;AAEpG,wBAAgB,cAAc,CAAC,EAC3B,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,yBAAyB,EACzB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,mBAAmB,GAAG,2BAA2B,2CAwDnD"}

package/lib/form/FinalFormInput.js

@@ -1,20 +1,5 @@
-"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.FinalFormInput = FinalFormInput;
-var _adminIcons = require("@comet/admin-icons");
-var _material = require("@mui/material");
-var _react = require("react");
-var _reactIntl = require("react-intl");
-var _ClearInputAdornment = require("../common/ClearInputAdornment");
-var _Tooltip = require("../common/Tooltip");
-var _PlainTextTranslationDialog = require("../translator/PlainTextTranslationDialog");
-var _useContentTranslationService = require("../translator/useContentTranslationService");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["meta", "input", "innerRef", "endAdornment", "clearable", "disableContentTranslation"];
+var _excluded = ["meta", "input", "innerRef", "endAdornment", "disableContentTranslation", "required", "disabled", "readOnly"];
 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; }
@@ -32,44 +17,59 @@ 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; }
-function FinalFormInput(_ref) {
+import { Translate } from "@comet/admin-icons";
+import { IconButton, InputBase } from "@mui/material";
+import { useState } from "react";
+import { FormattedMessage } from "react-intl";
+import { ClearInputAdornment } from "../common/ClearInputAdornment";
+import { Tooltip } from "../common/Tooltip";
+import { PlainTextTranslationDialog } from "../translator/PlainTextTranslationDialog";
+import { useContentTranslationService } from "../translator/useContentTranslationService";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export function FinalFormInput(_ref) {
   var _ref2, _props$type;
   var meta = _ref.meta,
     input = _ref.input,
     innerRef = _ref.innerRef,
     endAdornment = _ref.endAdornment,
-    clearable = _ref.clearable,
     disableContentTranslation = _ref.disableContentTranslation,
+    required = _ref.required,
+    disabled = _ref.disabled,
+    readOnly = _ref.readOnly,
     props = _objectWithoutProperties(_ref, _excluded);
   var type = (_ref2 = (_props$type = props.type) !== null && _props$type !== void 0 ? _props$type : input.type) !== null && _ref2 !== void 0 ? _ref2 : "text";
-  var _useContentTranslatio = (0, _useContentTranslationService.useContentTranslationService)(),
+  var _useContentTranslatio = useContentTranslationService(),
     translationEnabled = _useContentTranslatio.enabled,
     showApplyTranslationDialog = _useContentTranslatio.showApplyTranslationDialog,
     translate = _useContentTranslatio.translate;
   var isTranslatable = translationEnabled && !disableContentTranslation && type === "text" && !props.disabled;
-  var _useState = (0, _react.useState)(false),
+  var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
     setOpen = _useState2[1];
-  var _useState3 = (0, _react.useState)(undefined),
+  var _useState3 = useState(undefined),
     _useState4 = _slicedToArray(_useState3, 2),
     pendingTranslation = _useState4[0],
     setPendingTranslation = _useState4[1];
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.InputBase, _objectSpread(_objectSpread(_objectSpread({}, input), props), {}, {
-      endAdornment: (endAdornment || clearable || isTranslatable) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [clearable && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ClearInputAdornment.ClearInputAdornment, {
+  var clearable = !required && !disabled && !readOnly;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(InputBase, _objectSpread(_objectSpread(_objectSpread({}, input), props), {}, {
+      required: required,
+      disabled: disabled,
+      readOnly: readOnly,
+      endAdornment: (endAdornment || clearable || isTranslatable) && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [clearable && /*#__PURE__*/_jsx(ClearInputAdornment, {
           position: "end",
           hasClearableContent: Boolean(input.value),
           onClick: function onClick() {
             return input.onChange("");
           }
-        }), isTranslatable && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.Tooltip, {
-          title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+        }), isTranslatable && /*#__PURE__*/_jsx(Tooltip, {
+          title: /*#__PURE__*/_jsx(FormattedMessage, {
             id: "comet.translate",
             defaultMessage: "Translate"
           }),
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.IconButton, {
+          children: /*#__PURE__*/_jsx(IconButton, {
             onClick: /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
               var _t, _t2;
               return _regenerator().w(function (_context) {
@@ -98,11 +98,11 @@ function FinalFormInput(_ref) {
                 }
               }, _callee);
             })),
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Translate, {})
+            children: /*#__PURE__*/_jsx(Translate, {})
           })
         }), endAdornment]
       })
-    })), open && pendingTranslation && /*#__PURE__*/(0, _jsxRuntime.jsx)(_PlainTextTranslationDialog.PlainTextTranslationDialog, {
+    })), open && pendingTranslation && /*#__PURE__*/_jsx(PlainTextTranslationDialog, {
       open: open,
       onClose: function onClose() {
         return setOpen(false);

package/lib/form/FinalFormNumberInput.d.ts

@@ -1,7 +1,6 @@
 import { type InputBaseProps } from "@mui/material";
 import { type FieldRenderProps } from "react-final-form";
 export type FinalFormNumberInputProps = InputBaseProps & {
-    clearable?: boolean;
     decimals?: number;
 };
 type FinalFormNumberInputInternalProps = FieldRenderProps<number>;
@@ -10,6 +9,6 @@ type FinalFormNumberInputInternalProps = FieldRenderProps<number>;
  *
  * @see {@link NumberField} – preferred for typical form use. Use this only if no Field wrapper is needed.
  */
-export declare function FinalFormNumberInput({ meta, input, innerRef, clearable, endAdornment, decimals, ...props }: FinalFormNumberInputProps & FinalFormNumberInputInternalProps): import("react/jsx-runtime").JSX.Element;
+export declare function FinalFormNumberInput({ meta, input, innerRef, endAdornment, required, disabled, readOnly, decimals, ...props }: FinalFormNumberInputProps & FinalFormNumberInputInternalProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=FinalFormNumberInput.d.ts.map

package/lib/form/FinalFormNumberInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FinalFormNumberInput.d.ts","sourceRoot":"","sources":["../../src/form/FinalFormNumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/D,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAKzD,MAAM,MAAM,yBAAyB,GAAG,cAAc,GAAG;IACrD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,KAAK,iCAAiC,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;AAElE;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EACjC,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,QAAY,EACZ,GAAG,KAAK,EACX,EAAE,yBAAyB,GAAG,iCAAiC,2CAsF/D"}
+{"version":3,"file":"FinalFormNumberInput.d.ts","sourceRoot":"","sources":["../../src/form/FinalFormNumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/D,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAKzD,MAAM,MAAM,yBAAyB,GAAG,cAAc,GAAG;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,KAAK,iCAAiC,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;AAElE;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EACjC,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAY,EACZ,GAAG,KAAK,EACX,EAAE,yBAAyB,GAAG,iCAAiC,2CA2F/D"}

package/lib/form/FinalFormNumberInput.js

@@ -1,16 +1,5 @@
-"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.FinalFormNumberInput = FinalFormNumberInput;
-var _material = require("@mui/material");
-var _react = require("react");
-var _reactIntl = require("react-intl");
-var _ClearInputAdornment = require("../common/ClearInputAdornment");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["meta", "input", "innerRef", "clearable", "endAdornment", "decimals"];
+var _excluded = ["meta", "input", "innerRef", "endAdornment", "required", "disabled", "readOnly", "decimals"];
 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; }
@@ -24,26 +13,33 @@ 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; }
+import { InputBase } from "@mui/material";
+import { useCallback, useEffect, useState } from "react";
+import { useIntl } from "react-intl";
+import { ClearInputAdornment } from "../common/ClearInputAdornment";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Final Form-compatible NumberInput component.
  *
  * @see {@link NumberField} – preferred for typical form use. Use this only if no Field wrapper is needed.
  */
-function FinalFormNumberInput(_ref) {
+export function FinalFormNumberInput(_ref) {
   var meta = _ref.meta,
     input = _ref.input,
     innerRef = _ref.innerRef,
-    clearable = _ref.clearable,
     endAdornment = _ref.endAdornment,
+    required = _ref.required,
+    disabled = _ref.disabled,
+    readOnly = _ref.readOnly,
     _ref$decimals = _ref.decimals,
     decimals = _ref$decimals === void 0 ? 0 : _ref$decimals,
     props = _objectWithoutProperties(_ref, _excluded);
-  var intl = (0, _reactIntl.useIntl)();
-  var _useState = (0, _react.useState)(""),
+  var intl = useIntl();
+  var _useState = useState(""),
     _useState2 = _slicedToArray(_useState, 2),
     formattedNumberValue = _useState2[0],
     setFormattedNumberValue = _useState2[1];
-  var getFormattedValue = (0, _react.useCallback)(function (value) {
+  var getFormattedValue = useCallback(function (value) {
     var formattedValue = value !== undefined ? intl.formatNumber(value, {
       minimumFractionDigits: decimals,
       maximumFractionDigits: decimals
@@ -54,7 +50,7 @@ function FinalFormNumberInput(_ref) {
     var value = event.target.value;
     setFormattedNumberValue(value);
   };
-  var updateFormattedNumberValue = (0, _react.useCallback)(function (inputValue) {
+  var updateFormattedNumberValue = useCallback(function (inputValue) {
     if (!inputValue && inputValue !== 0) {
       input.onChange(undefined);
       setFormattedNumberValue("");
@@ -86,15 +82,19 @@ function FinalFormNumberInput(_ref) {
       updateFormattedNumberValue(inputValue);
     }
   };
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     updateFormattedNumberValue(input.value);
   }, [updateFormattedNumberValue, input]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.InputBase, _objectSpread(_objectSpread(_objectSpread({}, input), props), {}, {
+  var clearable = !required && !disabled && !readOnly;
+  return /*#__PURE__*/_jsx(InputBase, _objectSpread(_objectSpread(_objectSpread({}, input), props), {}, {
+    required: required,
+    disabled: disabled,
+    readOnly: readOnly,
     value: formattedNumberValue,
     onChange: handleChange,
     onBlur: handleBlur,
-    endAdornment: (endAdornment || clearable) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [clearable && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ClearInputAdornment.ClearInputAdornment, {
+    endAdornment: (endAdornment || clearable) && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [clearable && /*#__PURE__*/_jsx(ClearInputAdornment, {
         position: "end",
         hasClearableContent: typeof input.value === "number",
         onClick: function onClick() {

package/lib/form/FinalFormRangeInput.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.FinalFormRangeInput = FinalFormRangeInput;
-var _material = require("@mui/material");
-var _styles = require("@mui/material/styles");
-var _react = require("react");
-var _reactIntl = require("react-intl");
-var _createComponentSlot = require("../helpers/createComponentSlot");
-var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["min", "max", "startAdornment", "endAdornment", "separator", "disableSlider", "sliderProps", "input", "slotProps", "disabled"];
 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; }
@@ -27,7 +15,13 @@ 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 { FormControl, InputBase, Slider } from "@mui/material";
+import { css, useThemeProps } from "@mui/material/styles";
+import { useEffect, useState } from "react";
+import { FormattedMessage } from "react-intl";
+import { createComponentSlot } from "../helpers/createComponentSlot";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var Root = createComponentSlot("div")({
   componentName: "FinalFormRangeInput",
   slotName: "root",
   classesResolver: function classesResolver(_ref) {
@@ -35,34 +29,34 @@ var Root = (0, _createComponentSlot.createComponentSlot)("div")({
     return [disableSlider && "disableSlider"];
   }
 })();
-var InputsWrapper = (0, _createComponentSlot.createComponentSlot)("div")({
+var InputsWrapper = createComponentSlot("div")({
   componentName: "FinalFormRangeInput",
   slotName: "inputsWrapper"
 })(function (_ref2) {
   var theme = _ref2.theme,
     ownerState = _ref2.ownerState;
-  return (0, _styles.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        justify-content: space-between;\n        align-items: center;\n        display: flex;\n\n        ", "\n    "])), !ownerState.disableSlider && (0, _styles.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            margin-bottom: ", ";\n        "])), theme.spacing(3)));
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        justify-content: space-between;\n        align-items: center;\n        display: flex;\n\n        ", "\n    "])), !ownerState.disableSlider && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            margin-bottom: ", ";\n        "])), theme.spacing(3)));
 });
-var InputFieldsSeparatorContainer = (0, _createComponentSlot.createComponentSlot)("div")({
+var InputFieldsSeparatorContainer = createComponentSlot("div")({
   componentName: "FinalFormRangeInput",
   slotName: "inputFieldsSeparatorContainer"
 })(function (_ref3) {
   var theme = _ref3.theme;
-  return (0, _styles.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        text-align: center;\n        padding-left: ", ";\n        padding-right: ", ";\n    "])), theme.spacing(2), theme.spacing(2));
+  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        text-align: center;\n        padding-left: ", ";\n        padding-right: ", ";\n    "])), theme.spacing(2), theme.spacing(2));
 });
-var SliderWrapper = (0, _createComponentSlot.createComponentSlot)("div")({
+var SliderWrapper = createComponentSlot("div")({
   componentName: "FinalFormRangeInput",
   slotName: "sliderWrapper"
 })(function (_ref4) {
   var theme = _ref4.theme;
-  return (0, _styles.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        padding-left: ", ";\n        padding-right: ", ";\n    "])), theme.spacing(2), theme.spacing(2));
+  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        padding-left: ", ";\n        padding-right: ", ";\n    "])), theme.spacing(2), theme.spacing(2));
 });
-var InputFieldContainer = (0, _createComponentSlot.createComponentSlot)("div")({
+var InputFieldContainer = createComponentSlot("div")({
   componentName: "FinalFormRangeInput",
   slotName: "inputFieldContainer"
-})((0, _styles.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    text-align: center;\n    flex-basis: 0;\n    flex-grow: 1;\n"]))));
-function FinalFormRangeInput(inProps) {
-  var _useThemeProps = (0, _styles.useThemeProps)({
+})(css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    text-align: center;\n    flex-basis: 0;\n    flex-grow: 1;\n"]))));
+export function FinalFormRangeInput(inProps) {
+  var _useThemeProps = useThemeProps({
       props: inProps,
       name: "CometAdminFinalFormRangeInput"
     }),
@@ -71,7 +65,7 @@ function FinalFormRangeInput(inProps) {
     startAdornment = _useThemeProps.startAdornment,
     endAdornment = _useThemeProps.endAdornment,
     _useThemeProps$separa = _useThemeProps.separator,
-    separator = _useThemeProps$separa === void 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+    separator = _useThemeProps$separa === void 0 ? /*#__PURE__*/_jsx(FormattedMessage, {
       id: "comet.rangeInput.separator",
       defaultMessage: "to"
     }) : _useThemeProps$separa,
@@ -84,11 +78,11 @@ function FinalFormRangeInput(inProps) {
     slotProps = _useThemeProps.slotProps,
     disabled = _useThemeProps.disabled,
     restProps = _objectWithoutProperties(_useThemeProps, _excluded);
-  var _useState = (0, _react.useState)(fieldValue.min || undefined),
+  var _useState = useState(fieldValue.min || undefined),
     _useState2 = _slicedToArray(_useState, 2),
     internalMinInput = _useState2[0],
     setInternalMinInput = _useState2[1];
-  var _useState3 = (0, _react.useState)(fieldValue.max || undefined),
+  var _useState3 = useState(fieldValue.max || undefined),
     _useState4 = _slicedToArray(_useState3, 2),
     internalMaxInput = _useState4[0],
     setInternalMaxInput = _useState4[1];
@@ -101,7 +95,7 @@ function FinalFormRangeInput(inProps) {
   var ownerState = {
     disableSlider: Boolean(disableSlider)
   };
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     setInternalMinInput(fieldValue.min);
     setInternalMaxInput(fieldValue.max);
   }, [fieldValue]);
@@ -115,16 +109,16 @@ function FinalFormRangeInput(inProps) {
       max: Math.min(maxValue, max)
     });
   };
-  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.jsxs)(InputsWrapper, _objectSpread(_objectSpread({
+    children: [/*#__PURE__*/_jsxs(InputsWrapper, _objectSpread(_objectSpread({
       ownerState: ownerState
     }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.inputsWrapper), {}, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(InputFieldContainer, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.inputFieldContainer), {}, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControl, {
+      children: [/*#__PURE__*/_jsx(InputFieldContainer, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.inputFieldContainer), {}, {
+        children: /*#__PURE__*/_jsx(FormControl, {
           fullWidth: true,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.InputBase, {
+          children: /*#__PURE__*/_jsx(InputBase, {
             name: "".concat(name, ".min"),
             inputProps: {
               value: internalMinInput !== undefined ? internalMinInput : "",
@@ -150,12 +144,12 @@ function FinalFormRangeInput(inProps) {
             }
           })
         })
-      })), /*#__PURE__*/(0, _jsxRuntime.jsx)(InputFieldsSeparatorContainer, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.inputFieldsSeparatorContainer), {}, {
+      })), /*#__PURE__*/_jsx(InputFieldsSeparatorContainer, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.inputFieldsSeparatorContainer), {}, {
         children: separator
-      })), /*#__PURE__*/(0, _jsxRuntime.jsx)(InputFieldContainer, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.inputFieldContainer), {}, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControl, {
+      })), /*#__PURE__*/_jsx(InputFieldContainer, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.inputFieldContainer), {}, {
+        children: /*#__PURE__*/_jsx(FormControl, {
           fullWidth: true,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.InputBase, {
+          children: /*#__PURE__*/_jsx(InputBase, {
             name: "".concat(name, ".max"),
             inputProps: {
               value: internalMaxInput !== undefined ? internalMaxInput : "",
@@ -182,8 +176,8 @@ function FinalFormRangeInput(inProps) {
           })
         })
       }))]
-    })), !disableSlider && /*#__PURE__*/(0, _jsxRuntime.jsx)(SliderWrapper, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.sliderWrapper), {}, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Slider, _objectSpread(_objectSpread({
+    })), !disableSlider && /*#__PURE__*/_jsx(SliderWrapper, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.sliderWrapper), {}, {
+      children: /*#__PURE__*/_jsx(Slider, _objectSpread(_objectSpread({
         min: min,
         max: max,
         value: [fieldValue.min ? fieldValue.min : min, fieldValue.max ? fieldValue.max : max],

package/lib/form/FinalFormSearchTextField.d.ts

@@ -3,7 +3,6 @@ import type { FieldRenderProps } from "react-final-form";
 import { type FinalFormInputProps } from "./FinalFormInput";
 export interface FinalFormSearchTextFieldProps extends FinalFormInputProps {
     icon?: ReactNode;
-    clearable?: boolean;
 }
 type FinalFormSearchTextFieldInternalProps = FieldRenderProps<string, HTMLInputElement | HTMLTextAreaElement>;
 /**

package/lib/form/FinalFormSearchTextField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FinalFormSearchTextField.d.ts","sourceRoot":"","sources":["../../src/form/FinalFormSearchTextField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAIzD,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5E,MAAM,WAAW,6BAA8B,SAAQ,mBAAmB;IACtE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,KAAK,qCAAqC,GAAG,gBAAgB,CAAC,MAAM,EAAE,gBAAgB,GAAG,mBAAmB,CAAC,CAAC;AAE9G;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,6BAA6B,GAAG,qCAAqC,2CAoCtH;AAED,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,mBAAmB;QACzB,kCAAkC,EAAE,6BAA6B,CAAC;KACrE;IAED,UAAU,UAAU;QAChB,kCAAkC,CAAC,EAAE;YACjC,YAAY,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,oCAAoC,CAAC,CAAC,CAAC;SACrF,CAAC;KACL;CACJ"}
+{"version":3,"file":"FinalFormSearchTextField.d.ts","sourceRoot":"","sources":["../../src/form/FinalFormSearchTextField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAGzD,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5E,MAAM,WAAW,6BAA8B,SAAQ,mBAAmB;IACtE,IAAI,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,KAAK,qCAAqC,GAAG,gBAAgB,CAAC,MAAM,EAAE,gBAAgB,GAAG,mBAAmB,CAAC,CAAC;AAE9G;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,6BAA6B,GAAG,qCAAqC,2CAgBtH;AAED,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,mBAAmB;QACzB,kCAAkC,EAAE,6BAA6B,CAAC;KACrE;IAED,UAAU,UAAU;QAChB,kCAAkC,CAAC,EAAE;YACjC,YAAY,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,oCAAoC,CAAC,CAAC,CAAC;SACrF,CAAC;KACL;CACJ"}

package/lib/form/FinalFormSearchTextField.js

@@ -1,18 +1,5 @@
-"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.FinalFormSearchTextField = FinalFormSearchTextField;
-var _adminIcons = require("@comet/admin-icons");
-var _material = require("@mui/material");
-var _styles = require("@mui/material/styles");
-var _reactIntl = require("react-intl");
-var _ClearInputAdornment = require("../common/ClearInputAdornment");
-var _FinalFormInput = require("./FinalFormInput");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["icon", "placeholder", "endAdornment", "clearable"];
+var _excluded = ["icon", "placeholder"];
 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; }
@@ -20,42 +7,37 @@ 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 { Search } from "@comet/admin-icons";
+import { InputAdornment } from "@mui/material";
+import { useThemeProps } from "@mui/material/styles";
+import { useIntl } from "react-intl";
+import { FinalFormInput } from "./FinalFormInput";
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Final Form-compatible SearchTextField component.
  *
  * @see {@link SearchField} – preferred for typical form use. Use this only if no Field wrapper is needed.
  */
-function FinalFormSearchTextField(inProps) {
-  var _useThemeProps = (0, _styles.useThemeProps)({
+export function FinalFormSearchTextField(inProps) {
+  var _useThemeProps = useThemeProps({
       props: inProps,
       name: "CometAdminFinalFormSearchTextField"
     }),
     _useThemeProps$icon = _useThemeProps.icon,
-    icon = _useThemeProps$icon === void 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Search, {}) : _useThemeProps$icon,
+    icon = _useThemeProps$icon === void 0 ? /*#__PURE__*/_jsx(Search, {}) : _useThemeProps$icon,
     placeholder = _useThemeProps.placeholder,
-    endAdornment = _useThemeProps.endAdornment,
-    clearable = _useThemeProps.clearable,
     restProps = _objectWithoutProperties(_useThemeProps, _excluded);
-  var intl = (0, _reactIntl.useIntl)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FinalFormInput.FinalFormInput, _objectSpread(_objectSpread({}, restProps), {}, {
+  var intl = useIntl();
+  return /*#__PURE__*/_jsx(FinalFormInput, _objectSpread(_objectSpread({}, restProps), {}, {
     placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : intl.formatMessage({
       id: "comet.finalformsearchtextfield.default.placeholder",
       defaultMessage: "Search"
     }),
-    startAdornment: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.InputAdornment, {
+    startAdornment: /*#__PURE__*/_jsx(InputAdornment, {
       position: "start",
       disablePointerEvents: true,
       children: icon
     }),
-    endAdornment: clearable ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ClearInputAdornment.ClearInputAdornment, {
-        position: "end",
-        hasClearableContent: Boolean(restProps.input.value),
-        onClick: function onClick() {
-          return restProps.input.onChange("");
-        }
-      }), endAdornment]
-    }) : endAdornment,
     disableContentTranslation: true
   }));
 }