@dextinity/admin 2.0.0-canary-20260729062014

package/lib/form/FinalFormNumberInput.js

@@ -0,0 +1,104 @@
+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); }
+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; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _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; } }
+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 _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.
+ */
+export function FinalFormNumberInput(_ref) {
+  var meta = _ref.meta,
+    input = _ref.input,
+    innerRef = _ref.innerRef,
+    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 = useIntl();
+  var _useState = useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    formattedNumberValue = _useState2[0],
+    setFormattedNumberValue = _useState2[1];
+  var getFormattedValue = useCallback(function (value) {
+    var formattedValue = value !== undefined ? intl.formatNumber(value, {
+      minimumFractionDigits: decimals,
+      maximumFractionDigits: decimals
+    }) : "";
+    return formattedValue;
+  }, [decimals, intl]);
+  var handleChange = function handleChange(event) {
+    var value = event.target.value;
+    setFormattedNumberValue(value);
+  };
+  var updateFormattedNumberValue = useCallback(function (inputValue) {
+    if (!inputValue && inputValue !== 0) {
+      setFormattedNumberValue("");
+    } else {
+      setFormattedNumberValue(getFormattedValue(inputValue));
+    }
+  }, [getFormattedValue]);
+  var handleBlur = function handleBlur(event) {
+    var _numberParts$find, _numberParts$find2;
+    input.onBlur(event);
+    var value = event.target.value;
+    var numberParts = intl.formatNumberToParts(1111.111);
+    var decimalSymbol = (_numberParts$find = numberParts.find(function (_ref2) {
+      var type = _ref2.type;
+      return type === "decimal";
+    })) === null || _numberParts$find === void 0 ? void 0 : _numberParts$find.value;
+    var thousandSeparatorSymbol = (_numberParts$find2 = numberParts.find(function (_ref3) {
+      var type = _ref3.type;
+      return type === "group";
+    })) === null || _numberParts$find2 === void 0 ? void 0 : _numberParts$find2.value;
+    var numericValue = parseFloat(value.split(thousandSeparatorSymbol || "").join("").split(decimalSymbol || ".").join("."));
+    var roundToDecimals = function roundToDecimals(numericValue, decimals) {
+      var factor = Math.pow(10, decimals);
+      return Math.round(numericValue * factor) / factor;
+    };
+    var inputValue = isNaN(numericValue) ? undefined : roundToDecimals(numericValue, decimals);
+    input.onChange(inputValue);
+    if (input.value === inputValue) {
+      updateFormattedNumberValue(inputValue);
+    }
+  };
+  useEffect(function () {
+    updateFormattedNumberValue(input.value);
+  }, [updateFormattedNumberValue, input.value]);
+  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__*/_jsxs(_Fragment, {
+      children: [clearable && typeof input.value === "number" && /*#__PURE__*/_jsx(ClearInputAdornment, {
+        position: "end",
+        onClick: function onClick() {
+          return input.onChange(undefined);
+        }
+      }), endAdornment]
+    })
+  }));
+}

package/lib/form/FinalFormRangeInput.d.ts

@@ -0,0 +1,37 @@
+import { type SliderProps } from "@mui/material";
+import { type ComponentsOverrides, type Theme } from "@mui/material/styles";
+import { type ReactNode } from "react";
+import type { FieldRenderProps } from "react-final-form";
+import type { ThemedComponentBaseProps } from "../helpers/ThemedComponentBaseProps";
+export type FinalFormRangeInputClassKey = "root" | "disableSlider" | "inputsWrapper" | "inputFieldsSeparatorContainer" | "sliderWrapper" | "inputFieldContainer";
+export interface FinalFormRangeInputProps extends FieldRenderProps<{
+    min: number;
+    max: number;
+}, HTMLInputElement>, ThemedComponentBaseProps<{
+    root: "div";
+    inputsWrapper: "div";
+    inputFieldsSeparatorContainer: "div";
+    sliderWrapper: "div";
+    inputFieldContainer: "div";
+}> {
+    min: number;
+    max: number;
+    startAdornment?: ReactNode;
+    endAdornment?: ReactNode;
+    separator?: ReactNode;
+    disableSlider?: boolean;
+    sliderProps?: Omit<SliderProps, "min" | "max">;
+    disabled?: boolean;
+}
+export declare function FinalFormRangeInput(inProps: FinalFormRangeInputProps): import("react/jsx-runtime").JSX.Element;
+declare module "@mui/material/styles" {
+    interface ComponentNameToClassKey {
+        CometAdminFinalFormRangeInput: FinalFormRangeInputClassKey;
+    }
+    interface Components {
+        CometAdminFinalFormRangeInput?: {
+            styleOverrides?: ComponentsOverrides<Theme>["CometAdminFinalFormRangeInput"];
+        };
+    }
+}
+//# sourceMappingURL=FinalFormRangeInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FinalFormRangeInput.d.ts","sourceRoot":"","sources":["../../src/form/FinalFormRangeInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkC,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AACjF,OAAO,EAAE,KAAK,mBAAmB,EAAO,KAAK,KAAK,EAAiB,MAAM,sBAAsB,CAAC;AAChG,OAAO,EAAE,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAIzD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAC;AAEpF,MAAM,MAAM,2BAA2B,GACjC,MAAM,GACN,eAAe,GACf,eAAe,GACf,+BAA+B,GAC/B,eAAe,GACf,qBAAqB,CAAC;AA0D5B,MAAM,WAAW,wBACb,SAAQ,gBAAgB,CAAC;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,EAAE,gBAAgB,CAAC,EACpE,wBAAwB,CAAC;IACrB,IAAI,EAAE,KAAK,CAAC;IACZ,aAAa,EAAE,KAAK,CAAC;IACrB,6BAA6B,EAAE,KAAK,CAAC;IACrC,aAAa,EAAE,KAAK,CAAC;IACrB,mBAAmB,EAAE,KAAK,CAAC;CAC9B,CAAC;IACN,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,KAAK,GAAG,KAAK,CAAC,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,wBAAwB,2CAuHpE;AAED,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,uBAAuB;QAC7B,6BAA6B,EAAE,2BAA2B,CAAC;KAC9D;IAED,UAAU,UAAU;QAChB,6BAA6B,CAAC,EAAE;YAC5B,cAAc,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,+BAA+B,CAAC,CAAC;SAChF,CAAC;KACL;CACJ"}

package/lib/form/FinalFormRangeInput.js

@@ -0,0 +1,190 @@
+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); }
+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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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; } }
+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 _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) } })); }
+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) {
+    var disableSlider = _ref.disableSlider;
+    return [disableSlider && "disableSlider"];
+  }
+})();
+var InputsWrapper = createComponentSlot("div")({
+  componentName: "FinalFormRangeInput",
+  slotName: "inputsWrapper"
+})(function (_ref2) {
+  var theme = _ref2.theme,
+    ownerState = _ref2.ownerState;
+  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 = createComponentSlot("div")({
+  componentName: "FinalFormRangeInput",
+  slotName: "inputFieldsSeparatorContainer"
+})(function (_ref3) {
+  var theme = _ref3.theme;
+  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        text-align: center;\n        padding-left: ", ";\n        padding-right: ", ";\n    "])), theme.spacing(2), theme.spacing(2));
+});
+var SliderWrapper = createComponentSlot("div")({
+  componentName: "FinalFormRangeInput",
+  slotName: "sliderWrapper"
+})(function (_ref4) {
+  var theme = _ref4.theme;
+  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        padding-left: ", ";\n        padding-right: ", ";\n    "])), theme.spacing(2), theme.spacing(2));
+});
+var InputFieldContainer = createComponentSlot("div")({
+  componentName: "FinalFormRangeInput",
+  slotName: "inputFieldContainer"
+})(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"
+    }),
+    min = _useThemeProps.min,
+    max = _useThemeProps.max,
+    startAdornment = _useThemeProps.startAdornment,
+    endAdornment = _useThemeProps.endAdornment,
+    _useThemeProps$separa = _useThemeProps.separator,
+    separator = _useThemeProps$separa === void 0 ? /*#__PURE__*/_jsx(FormattedMessage, {
+      id: "comet.rangeInput.separator",
+      defaultMessage: "to"
+    }) : _useThemeProps$separa,
+    disableSlider = _useThemeProps.disableSlider,
+    sliderProps = _useThemeProps.sliderProps,
+    _useThemeProps$input = _useThemeProps.input,
+    name = _useThemeProps$input.name,
+    onChange = _useThemeProps$input.onChange,
+    fieldValue = _useThemeProps$input.value,
+    slotProps = _useThemeProps.slotProps,
+    disabled = _useThemeProps.disabled,
+    restProps = _objectWithoutProperties(_useThemeProps, _excluded);
+  var _useState = useState(fieldValue.min || undefined),
+    _useState2 = _slicedToArray(_useState, 2),
+    internalMinInput = _useState2[0],
+    setInternalMinInput = _useState2[1];
+  var _useState3 = useState(fieldValue.max || undefined),
+    _useState4 = _slicedToArray(_useState3, 2),
+    internalMaxInput = _useState4[0],
+    setInternalMaxInput = _useState4[1];
+  var handleSliderChange = function handleSliderChange(event, newValue) {
+    onChange({
+      min: newValue[0],
+      max: newValue[1]
+    });
+  };
+  var ownerState = {
+    disableSlider: Boolean(disableSlider)
+  };
+  useEffect(function () {
+    setInternalMinInput(fieldValue.min);
+    setInternalMaxInput(fieldValue.max);
+  }, [fieldValue]);
+  var updateMinMaxValues = function updateMinMaxValues() {
+    var internalMinValue = typeof internalMinInput === "undefined" ? min : internalMinInput;
+    var internalMaxValue = typeof internalMaxInput === "undefined" ? max : internalMaxInput;
+    var minValue = Math.min(internalMinValue, internalMaxValue);
+    var maxValue = Math.max(internalMinValue, internalMaxValue);
+    onChange({
+      min: Math.max(minValue, min),
+      max: Math.min(maxValue, max)
+    });
+  };
+  return /*#__PURE__*/_jsxs(Root, _objectSpread(_objectSpread(_objectSpread({
+    ownerState: ownerState
+  }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {
+    children: [/*#__PURE__*/_jsxs(InputsWrapper, _objectSpread(_objectSpread({
+      ownerState: ownerState
+    }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.inputsWrapper), {}, {
+      children: [/*#__PURE__*/_jsx(InputFieldContainer, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.inputFieldContainer), {}, {
+        children: /*#__PURE__*/_jsx(FormControl, {
+          fullWidth: true,
+          children: /*#__PURE__*/_jsx(InputBase, {
+            name: "".concat(name, ".min"),
+            inputProps: {
+              value: internalMinInput !== undefined ? internalMinInput : "",
+              type: "number",
+              placeholder: min.toString()
+            },
+            disabled: disabled,
+            startAdornment: startAdornment,
+            endAdornment: endAdornment,
+            onBlur: function onBlur() {
+              if (internalMinInput !== undefined) {
+                updateMinMaxValues();
+              } else {
+                onChange(undefined);
+              }
+            },
+            onChange: function onChange(e) {
+              if (e.target.value === "") {
+                setInternalMinInput(undefined);
+              } else {
+                setInternalMinInput(Number(e.target.value));
+              }
+            }
+          })
+        })
+      })), /*#__PURE__*/_jsx(InputFieldsSeparatorContainer, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.inputFieldsSeparatorContainer), {}, {
+        children: separator
+      })), /*#__PURE__*/_jsx(InputFieldContainer, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.inputFieldContainer), {}, {
+        children: /*#__PURE__*/_jsx(FormControl, {
+          fullWidth: true,
+          children: /*#__PURE__*/_jsx(InputBase, {
+            name: "".concat(name, ".max"),
+            inputProps: {
+              value: internalMaxInput !== undefined ? internalMaxInput : "",
+              type: "number",
+              placeholder: max.toString()
+            },
+            disabled: disabled,
+            startAdornment: startAdornment ? startAdornment : "",
+            endAdornment: endAdornment ? endAdornment : "",
+            onBlur: function onBlur() {
+              if (internalMaxInput !== undefined) {
+                updateMinMaxValues();
+              } else {
+                onChange(undefined);
+              }
+            },
+            onChange: function onChange(e) {
+              if (e.target.value === "") {
+                setInternalMaxInput(undefined);
+              } else {
+                setInternalMaxInput(Number(e.target.value));
+              }
+            }
+          })
+        })
+      }))]
+    })), !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],
+        onChange: handleSliderChange
+      }, sliderProps), {}, {
+        disabled: disabled || (sliderProps === null || sliderProps === void 0 ? void 0 : sliderProps.disabled)
+      }))
+    }))]
+  }));
+}

package/lib/form/FinalFormSearchTextField.d.ts

@@ -0,0 +1,25 @@
+import type { ReactNode } from "react";
+import type { FieldRenderProps } from "react-final-form";
+import { type FinalFormInputProps } from "./FinalFormInput";
+export interface FinalFormSearchTextFieldProps extends FinalFormInputProps {
+    icon?: ReactNode;
+}
+type FinalFormSearchTextFieldInternalProps = FieldRenderProps<string, HTMLInputElement | HTMLTextAreaElement>;
+/**
+ * Final Form-compatible SearchTextField component.
+ *
+ * @see {@link SearchField} – preferred for typical form use. Use this only if no Field wrapper is needed.
+ */
+export declare function FinalFormSearchTextField(inProps: FinalFormSearchTextFieldProps & FinalFormSearchTextFieldInternalProps): import("react/jsx-runtime").JSX.Element;
+declare module "@mui/material/styles" {
+    interface ComponentsPropsList {
+        CometAdminFinalFormSearchTextField: FinalFormSearchTextFieldProps;
+    }
+    interface Components {
+        CometAdminFinalFormSearchTextField?: {
+            defaultProps?: Partial<ComponentsPropsList["CometAdminFinalFormSearchTextField"]>;
+        };
+    }
+}
+export {};
+//# sourceMappingURL=FinalFormSearchTextField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FinalFormSearchTextField.d.ts","sourceRoot":"","sources":["../../src/form/FinalFormSearchTextField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,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

@@ -0,0 +1,43 @@
+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); }
+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; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _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 "@dextinity/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.
+ */
+export function FinalFormSearchTextField(inProps) {
+  var _useThemeProps = useThemeProps({
+      props: inProps,
+      name: "CometAdminFinalFormSearchTextField"
+    }),
+    _useThemeProps$icon = _useThemeProps.icon,
+    icon = _useThemeProps$icon === void 0 ? /*#__PURE__*/_jsx(Search, {}) : _useThemeProps$icon,
+    placeholder = _useThemeProps.placeholder,
+    restProps = _objectWithoutProperties(_useThemeProps, _excluded);
+  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__*/_jsx(InputAdornment, {
+      position: "start",
+      disablePointerEvents: true,
+      children: icon
+    }),
+    disableContentTranslation: true
+  }));
+}

package/lib/form/FinalFormSelect.d.ts

@@ -0,0 +1,22 @@
+import { type SelectProps } from "@mui/material";
+import type { ReactNode } from "react";
+import type { FieldRenderProps } from "react-final-form";
+import type { AsyncOptionsProps } from "../hooks/useAsyncOptionsProps";
+export interface FinalFormSelectProps<T> {
+    noOptionsText?: ReactNode;
+    errorText?: ReactNode;
+    getOptionLabel?: (option: T) => string;
+    getOptionValue?: (option: T) => string;
+    children?: ReactNode;
+    required?: boolean;
+    loadingError?: Error | null;
+}
+type FinalFormSelectInternalProps<T> = FieldRenderProps<T, HTMLInputElement | HTMLTextAreaElement>;
+/**
+ * Final Form-compatible Select component.
+ *
+ * @see {@link SelectField} – preferred for typical form use. Use this only if no Field wrapper is needed.
+ */
+export declare const FinalFormSelect: <T>({ input: { checked, value: incomingValue, name, onChange, onFocus, onBlur, ...restInput }, meta, isAsync, options, loading, loadingError, getOptionLabel, getOptionValue, noOptionsText, errorText, disabled, children, required, ...rest }: FinalFormSelectProps<T> & FinalFormSelectInternalProps<T> & Partial<AsyncOptionsProps<T>> & Omit<SelectProps, "input" | "endAdornment">) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FinalFormSelect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FinalFormSelect.d.ts","sourceRoot":"","sources":["../../src/form/FinalFormSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoD,KAAK,WAAW,EAAc,MAAM,eAAe,CAAC;AAC/G,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAIzD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAGvE,MAAM,WAAW,oBAAoB,CAAC,CAAC;IACnC,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,MAAM,CAAC;IACvC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,MAAM,CAAC;IACvC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;CAC/B;AAED,KAAK,4BAA4B,CAAC,CAAC,IAAI,gBAAgB,CAAC,CAAC,EAAE,gBAAgB,GAAG,mBAAmB,CAAC,CAAC;AAEnG;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,CAAC,EAAG,6OAyCjC,oBAAoB,CAAC,CAAC,CAAC,GAAG,4BAA4B,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,cAAc,CAAC,4CA0GzI,CAAC"}

package/lib/form/FinalFormSelect.js

@@ -0,0 +1,181 @@
+var _excluded = ["checked", "value", "name", "onChange", "onFocus", "onBlur"],
+  _excluded2 = ["input", "meta", "isAsync", "options", "loading", "loadingError", "getOptionLabel", "getOptionValue", "noOptionsText", "errorText", "disabled", "children", "required"];
+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; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _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 { Error } from "@dextinity/admin-icons";
+import { InputAdornment, LinearProgress, MenuItem, Select, Typography } from "@mui/material";
+import { FormattedMessage } from "react-intl";
+import { ClearInputAdornment } from "../common/ClearInputAdornment";
+import { LinearLoadingContainer, MenuItemDisabledOverrideOpacity } from "./FinalFormSelect.sc";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Final Form-compatible Select component.
+ *
+ * @see {@link SelectField} – preferred for typical form use. Use this only if no Field wrapper is needed.
+ */
+export var FinalFormSelect = function FinalFormSelect(_ref) {
+  var _restInput$multiple;
+  var _ref$input = _ref.input,
+    checked = _ref$input.checked,
+    incomingValue = _ref$input.value,
+    name = _ref$input.name,
+    _onChange = _ref$input.onChange,
+    onFocus = _ref$input.onFocus,
+    onBlur = _ref$input.onBlur,
+    restInput = _objectWithoutProperties(_ref$input, _excluded),
+    meta = _ref.meta,
+    _ref$isAsync = _ref.isAsync,
+    isAsync = _ref$isAsync === void 0 ? false : _ref$isAsync,
+    _ref$options = _ref.options,
+    options = _ref$options === void 0 ? [] : _ref$options,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    loadingError = _ref.loadingError,
+    _ref$getOptionLabel = _ref.getOptionLabel,
+    getOptionLabel = _ref$getOptionLabel === void 0 ? function (option) {
+      if (_typeof(option) === "object") {
+        console.error("The `getOptionLabel` method of FinalFormSelect returned an object instead of a string for".concat(JSON.stringify(option), "."));
+      }
+      return "";
+    } : _ref$getOptionLabel,
+    _ref$getOptionValue = _ref.getOptionValue,
+    getOptionValue = _ref$getOptionValue === void 0 ? function (option) {
+      if (_typeof(option) === "object" && option !== null) {
+        if (option.id) {
+          return String(option.id);
+        }
+        if (option.value) {
+          return String(option.value);
+        }
+        return JSON.stringify(option);
+      } else {
+        return String(option);
+      }
+    } : _ref$getOptionValue,
+    _ref$noOptionsText = _ref.noOptionsText,
+    noOptionsText = _ref$noOptionsText === void 0 ? /*#__PURE__*/_jsx(Typography, {
+      variant: "body2",
+      children: /*#__PURE__*/_jsx(FormattedMessage, {
+        id: "finalFormSelect.noOptions",
+        defaultMessage: "No options."
+      })
+    }) : _ref$noOptionsText,
+    _ref$errorText = _ref.errorText,
+    errorText = _ref$errorText === void 0 ? /*#__PURE__*/_jsx(Typography, {
+      variant: "body2",
+      children: /*#__PURE__*/_jsx(FormattedMessage, {
+        id: "finalFormSelect.error",
+        defaultMessage: "Error loading options."
+      })
+    }) : _ref$errorText,
+    disabled = _ref.disabled,
+    children = _ref.children,
+    required = _ref.required,
+    rest = _objectWithoutProperties(_ref, _excluded2);
+  // Depending on the usage, `multiple` is either a root prop or in the `input` prop.
+  // 1. <Field component={FinalFormSelect} multiple /> -> multiple is in restInput
+  // 2. <Field>{(props) => <FinalFormSelect {...props} multiple />}</Field> -> multiple is in rest
+  var multiple = (_restInput$multiple = restInput.multiple) !== null && _restInput$multiple !== void 0 ? _restInput$multiple : rest.multiple;
+  var value = multiple ? Array.isArray(incomingValue) ? incomingValue : [] : incomingValue;
+  var hasClearableContent = !disabled && (multiple && Array.isArray(value) ? value.length > 0 : value !== undefined && value !== "");
+  var endAdornment = !required && hasClearableContent ? /*#__PURE__*/_jsx(ClearInputAdornment, {
+    position: "end",
+    onClick: function onClick() {
+      return _onChange(multiple ? [] : undefined);
+    }
+  }) : null;
+  var selectProps = _objectSpread(_objectSpread({}, rest), {}, {
+    multiple: multiple,
+    disabled: disabled,
+    endAdornment: endAdornment,
+    name: name,
+    onChange: _onChange,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    required: required
+  });
+  if (children) {
+    return /*#__PURE__*/_jsx(Select, _objectSpread(_objectSpread({}, selectProps), {}, {
+      value: value,
+      children: children
+    }));
+  }
+  var showLoadingMessage = loading === true && options.length === 0 && loadingError == null;
+  var showLinearProgress = loading === true && !showLoadingMessage;
+  var showOptions = options.length > 0 && loadingError == null;
+  var showError = loadingError != null && !loading;
+  var showNoOptions = loading === false && loadingError == null && options.length === 0;
+  return /*#__PURE__*/_jsxs(Select, _objectSpread(_objectSpread({}, selectProps), {}, {
+    endAdornment: /*#__PURE__*/_jsxs(InputAdornment, {
+      position: "end",
+      children: [loadingError && /*#__PURE__*/_jsx(Error, {
+        color: "error"
+      }), endAdornment]
+    }),
+    onChange: function onChange(event) {
+      var value = event.target.value;
+      _onChange(Array.isArray(value) ? value.map(function (v) {
+        return options.find(function (i) {
+          return getOptionValue(i) == v;
+        });
+      }) : options.find(function (i) {
+        return getOptionValue(i) == value;
+      }));
+    },
+    value: Array.isArray(value) ? value.map(function (i) {
+      return getOptionValue(i);
+    }) : getOptionValue(value),
+    renderValue: function renderValue() {
+      if (Array.isArray(value)) {
+        return value.map(function (i) {
+          return getOptionLabel(i);
+        }).join(", ");
+      } else {
+        return getOptionLabel(value);
+      }
+    },
+    children: [/*#__PURE__*/_jsx(LinearLoadingContainer, {
+      children: showLinearProgress && /*#__PURE__*/_jsx(LinearProgress, {})
+    }), showLoadingMessage && /*#__PURE__*/_jsx(MenuItemDisabledOverrideOpacity, {
+      value: "",
+      disabled: true,
+      children: /*#__PURE__*/_jsx(FormattedMessage, {
+        id: "common.loading",
+        defaultMessage: "Loading ..."
+      })
+    }), options.length === 0 && value && (Array.isArray(value) ? value.map(function (v) {
+      return /*#__PURE__*/_jsx(MenuItem, {
+        value: getOptionValue(v),
+        sx: {
+          display: "none"
+        },
+        children: getOptionLabel(v)
+      }, getOptionValue(v));
+    }) : /*#__PURE__*/_jsx(MenuItem, {
+      value: getOptionValue(value),
+      sx: {
+        display: "none"
+      },
+      children: getOptionLabel(value)
+    }, getOptionValue(value))), showNoOptions && /*#__PURE__*/_jsx(MenuItemDisabledOverrideOpacity, {
+      value: "",
+      disabled: true,
+      children: noOptionsText
+    }), showError && /*#__PURE__*/_jsx(MenuItemDisabledOverrideOpacity, {
+      value: "",
+      disabled: true,
+      children: errorText
+    }), showOptions && options.map(function (option) {
+      return /*#__PURE__*/_jsx(MenuItem, {
+        value: getOptionValue(option),
+        children: getOptionLabel(option)
+      }, getOptionValue(option));
+    })]
+  }));
+};

package/lib/form/FinalFormSelect.sc.d.ts

@@ -0,0 +1,3 @@
+export declare const MenuItemDisabledOverrideOpacity: import("@emotion/styled").StyledComponent<import("@mui/material").MenuItemOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "style" | "className" | "tabIndex" | "children" | "autoFocus" | "disabled" | "action" | "selected" | "dense" | "sx" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableGutters" | "divider"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const LinearLoadingContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=FinalFormSelect.sc.d.ts.map

package/lib/form/FinalFormSelect.sc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FinalFormSelect.sc.d.ts","sourceRoot":"","sources":["../../src/form/FinalFormSelect.sc.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,+BAA+B,6tBAI1C,CAAC;AAEH,eAAO,MAAM,sBAAsB,6NAEjC,CAAC"}