@portnet/ui 6.0.1 → 6.0.3

package/dist/esm/v2/components/TelInput.js

@@ -1,18 +1,3 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["value", "onChange", "defaultCountry", "preferredCountries", "disabled", "readOnly", "error", "id", "placeholder", "fullWidth", "labels", "aria-describedby", "aria-invalid", "aria-required"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import * as React from "react";
 import { AsYouType, parsePhoneNumber, getCountries, getCountryCallingCode, isSupportedCountry } from "libphonenumber-js";
 import Combobox from "./Combobox";
@@ -59,27 +44,26 @@ import { mergeLabels } from "../utils/mergeLabels";
  * country Combobox additionally references the same describedby.
  */
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var REGIONAL_INDICATOR_BASE = 0x1f1e6; // 🇦
-var A_CHAR = "A".charCodeAt(0);
+const REGIONAL_INDICATOR_BASE = 0x1f1e6; // 🇦
+const A_CHAR = "A".charCodeAt(0);
 
 // Emoji flag from an ISO-3166-1 alpha-2 country code (zero-dependency).
 function flagEmoji(country) {
   if (!country || country.length !== 2) return "";
-  var cc = country.toUpperCase();
+  const cc = country.toUpperCase();
   return String.fromCodePoint(REGIONAL_INDICATOR_BASE + (cc.charCodeAt(0) - A_CHAR)) + String.fromCodePoint(REGIONAL_INDICATOR_BASE + (cc.charCodeAt(1) - A_CHAR));
 }
 
 // Localized (French) region name, memoized, with a graceful fallback to the code.
-var regionNames = null;
+let regionNames = null;
 function countryName(country) {
   if (typeof Intl !== "undefined" && typeof Intl.DisplayNames === "function") {
     try {
-      var _regionNames;
-      var rn = (_regionNames = regionNames) !== null && _regionNames !== void 0 ? _regionNames : regionNames = new Intl.DisplayNames(["fr"], {
+      const rn = regionNames ?? (regionNames = new Intl.DisplayNames(["fr"], {
         type: "region"
-      });
+      }));
       return rn.of(country) || country;
-    } catch (_unused) {
+    } catch {
       return country;
     }
   }
@@ -89,44 +73,39 @@ function countryName(country) {
 // Every supported country as a Combobox option, sorted by FR name (preferred
 // countries floated to the top). Returns clean { value, label } objects.
 function buildCountryOptions(preferred) {
-  var preferredSet = new Set((preferred || []).map(function (c) {
-    return c.toUpperCase();
+  const preferredSet = new Set((preferred || []).map(c => c.toUpperCase()));
+  const rows = getCountries().map(c => ({
+    value: c,
+    label: `${flagEmoji(c)} ${countryName(c)} (+${getCountryCallingCode(c)})`,
+    name: countryName(c),
+    preferred: preferredSet.has(c)
   }));
-  var rows = getCountries().map(function (c) {
-    return {
-      value: c,
-      label: "".concat(flagEmoji(c), " ").concat(countryName(c), " (+").concat(getCountryCallingCode(c), ")"),
-      name: countryName(c),
-      preferred: preferredSet.has(c)
-    };
-  });
-  rows.sort(function (a, b) {
+  rows.sort((a, b) => {
     if (a.preferred !== b.preferred) return a.preferred ? -1 : 1;
     return a.name.localeCompare(b.name, "fr");
   });
-  return rows.map(function (_ref) {
-    var value = _ref.value,
-      label = _ref.label;
-    return {
-      value: value,
-      label: label
-    };
-  });
+  return rows.map(({
+    value,
+    label
+  }) => ({
+    value,
+    label
+  }));
 }
 function callingCodeOf(country) {
   try {
     return getCountryCallingCode(country);
-  } catch (_unused2) {
+  } catch {
     return "";
   }
 }
 // Derive the E.164 + info object for a (country, national text) pair.
 function computeNumber(country, nationalText) {
-  var ayt = new AsYouType(country);
-  var formatted = ayt.input(nationalText || "");
-  var num = ayt.getNumber();
+  const ayt = new AsYouType(country);
+  const formatted = ayt.input(nationalText || "");
+  const num = ayt.getNumber();
   return {
-    formatted: formatted,
+    formatted,
     info: {
       countryCode: country,
       callingCode: callingCodeOf(country),
@@ -136,61 +115,46 @@ function computeNumber(country, nationalText) {
     }
   };
 }
-var DEFAULT_TEL_LABELS = Object.freeze({
+const DEFAULT_TEL_LABELS = Object.freeze({
   countryAriaLabel: "Indicatif pays",
   noCountryFound: "Aucun pays trouvé"
 });
-function TelInput(_ref2) {
-  var _ref2$value = _ref2.value,
-    value = _ref2$value === void 0 ? "" : _ref2$value,
-    onChange = _ref2.onChange,
-    _ref2$defaultCountry = _ref2.defaultCountry,
-    defaultCountry = _ref2$defaultCountry === void 0 ? "MA" : _ref2$defaultCountry,
-    preferredCountries = _ref2.preferredCountries,
-    _ref2$disabled = _ref2.disabled,
-    disabled = _ref2$disabled === void 0 ? false : _ref2$disabled,
-    _ref2$readOnly = _ref2.readOnly,
-    readOnly = _ref2$readOnly === void 0 ? false : _ref2$readOnly,
-    _ref2$error = _ref2.error,
-    error = _ref2$error === void 0 ? false : _ref2$error,
-    id = _ref2.id,
-    placeholder = _ref2.placeholder,
-    _ref2$fullWidth = _ref2.fullWidth,
-    fullWidth = _ref2$fullWidth === void 0 ? true : _ref2$fullWidth,
-    labels = _ref2.labels,
-    ariaDescribedBy = _ref2["aria-describedby"],
-    ariaInvalid = _ref2["aria-invalid"],
-    ariaRequired = _ref2["aria-required"],
-    rest = _objectWithoutProperties(_ref2, _excluded);
-  var safeDefault = defaultCountry && isSupportedCountry(defaultCountry) ? defaultCountry : "MA";
-  var L = mergeLabels(DEFAULT_TEL_LABELS, labels);
-  var _React$useState = React.useState(safeDefault),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    country = _React$useState2[0],
-    setCountry = _React$useState2[1];
-  var _React$useState3 = React.useState(""),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    national = _React$useState4[0],
-    setNational = _React$useState4[1];
-  var countryOptions = React.useMemo(function () {
-    return buildCountryOptions(preferredCountries);
-  }, [preferredCountries]);
-  var callingCode = React.useMemo(function () {
-    return callingCodeOf(country);
-  }, [country]);
+function TelInput({
+  value = "",
+  onChange,
+  defaultCountry = "MA",
+  preferredCountries,
+  disabled = false,
+  readOnly = false,
+  error = false,
+  id,
+  placeholder,
+  fullWidth = true,
+  labels,
+  "aria-describedby": ariaDescribedBy,
+  "aria-invalid": ariaInvalid,
+  "aria-required": ariaRequired,
+  ...rest
+}) {
+  const safeDefault = defaultCountry && isSupportedCountry(defaultCountry) ? defaultCountry : "MA";
+  const L = mergeLabels(DEFAULT_TEL_LABELS, labels);
+  const [country, setCountry] = React.useState(safeDefault);
+  const [national, setNational] = React.useState("");
+  const countryOptions = React.useMemo(() => buildCountryOptions(preferredCountries), [preferredCountries]);
+  const callingCode = React.useMemo(() => callingCodeOf(country), [country]);
 
   // Sync internal state from an external `value` (E.164). Guarded so our own
   // emitted updates don't clobber what the user is typing.
-  React.useEffect(function () {
-    var incoming = value || "";
-    var current = computeNumber(country, national).info.numberValue;
+  React.useEffect(() => {
+    const incoming = value || "";
+    const current = computeNumber(country, national).info.numberValue;
     if (incoming === current) return; // our own round-trip — nothing to do
     if (!incoming) {
       setNational("");
       return;
     }
     try {
-      var parsed = parsePhoneNumber(incoming);
+      const parsed = parsePhoneNumber(incoming);
       if (parsed) {
         if (parsed.country && parsed.country !== country) {
           setCountry(parsed.country);
@@ -198,35 +162,37 @@ function TelInput(_ref2) {
         setNational(parsed.formatNational());
         return;
       }
-    } catch (_unused3) {
+    } catch {
       /* unparseable — fall through */
     }
     setNational(incoming);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [value]);
-  var emit = function emit(ctry, nationalText) {
-    var _computeNumber = computeNumber(ctry, nationalText),
-      formatted = _computeNumber.formatted,
-      info = _computeNumber.info;
+  const emit = (ctry, nationalText) => {
+    const {
+      formatted,
+      info
+    } = computeNumber(ctry, nationalText);
     setNational(formatted);
-    onChange === null || onChange === void 0 ? void 0 : onChange(info.numberValue, info);
+    onChange?.(info.numberValue, info);
   };
-  var handleCountryChange = function handleCountryChange(val) {
-    var next = val || safeDefault;
+  const handleCountryChange = val => {
+    const next = val || safeDefault;
     setCountry(next);
     emit(next, national);
   };
-  var handleNumberChange = function handleNumberChange(e) {
+  const handleNumberChange = e => {
     emit(country, e.target.value);
   };
   return /*#__PURE__*/_jsxs("div", {
-    style: _objectSpread({
+    style: {
       display: "flex",
       gap: "var(--s-2)",
-      alignItems: "flex-start"
-    }, fullWidth ? {
-      width: "100%"
-    } : {}),
+      alignItems: "flex-start",
+      ...(fullWidth ? {
+        width: "100%"
+      } : {})
+    },
     children: [/*#__PURE__*/_jsx("div", {
       style: {
         flex: "0 0 40%",
@@ -248,7 +214,7 @@ function TelInput(_ref2) {
       style: {
         flex: "1 1 auto"
       },
-      children: /*#__PURE__*/_jsx(Input, _objectSpread({
+      children: /*#__PURE__*/_jsx(Input, {
         id: id,
         type: "tel",
         value: national,
@@ -258,15 +224,16 @@ function TelInput(_ref2) {
         error: error,
         fullWidth: true,
         placeholder: placeholder,
-        prefix: callingCode ? "+".concat(callingCode) : undefined,
+        prefix: callingCode ? `+${callingCode}` : undefined,
         inputProps: {
           inputMode: "tel",
           autoComplete: "tel-national",
           "aria-describedby": ariaDescribedBy,
           "aria-invalid": ariaInvalid,
           "aria-required": ariaRequired
-        }
-      }, rest))
+        },
+        ...rest
+      })
     })]
   });
 }

package/dist/esm/v2/components/TelInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TelInput.js","names":["React","AsYouType","parsePhoneNumber","getCountries","getCountryCallingCode","isSupportedCountry","Combobox","Input","mergeLabels","jsx","_jsx","jsxs","_jsxs","REGIONAL_INDICATOR_BASE","A_CHAR","charCodeAt","flagEmoji","country","length","cc","toUpperCase","String","fromCodePoint","regionNames","countryName","Intl","DisplayNames","_regionNames","rn","type","of","_unused","buildCountryOptions","preferred","preferredSet","Set","map","c","rows","value","label","concat","name","has","sort","a","b","localeCompare","_ref","callingCodeOf","_unused2","computeNumber","nationalText","ayt","formatted","input","num","getNumber","info","countryCode","callingCode","nationalNumber","replace","numberValue","number","isValid","DEFAULT_TEL_LABELS","Object","freeze","countryAriaLabel","noCountryFound","TelInput","_ref2","_ref2$value","onChange","_ref2$defaultCountry","defaultCountry","preferredCountries","_ref2$disabled","disabled","_ref2$readOnly","readOnly","_ref2$error","error","id","placeholder","_ref2$fullWidth","fullWidth","labels","ariaDescribedBy","ariaInvalid","ariaRequired","rest","_objectWithoutProperties","_excluded","safeDefault","L","_React$useState","useState","_React$useState2","_slicedToArray","setCountry","_React$useState3","_React$useState4","national","setNational","countryOptions","useMemo","useEffect","incoming","current","parsed","formatNational","_unused3","emit","ctry","_computeNumber","handleCountryChange","val","next","handleNumberChange","e","target","style","_objectSpread","display","gap","alignItems","width","children","flex","minWidth","options","noOptions","prefix","undefined","inputProps","inputMode","autoComplete"],"sources":["../../../../src/lib/v2/components/TelInput.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport {\r\n  AsYouType,\r\n  parsePhoneNumber,\r\n  getCountries,\r\n  getCountryCallingCode,\r\n  isSupportedCountry,\r\n} from \"libphonenumber-js\";\r\nimport type { CountryCode } from \"libphonenumber-js\";\r\nimport Combobox from \"./Combobox\";\r\nimport type { ComboboxValue } from \"./Combobox\";\r\nimport Input from \"./Input\";\r\nimport type { InputProps } from \"./Input\";\r\nimport { mergeLabels } from \"../utils/mergeLabels\";\r\n\r\n/**\r\n * TelInput — Portnet UI v2\r\n *\r\n * Charter §03 · International phone-number field. Full-international successor to\r\n * the removed `mui-tel-input`. Composes a searchable country Combobox + a national\r\n * number Input, backed by libphonenumber-js for calling codes, as-you-type\r\n * formatting, and per-country validation.\r\n *\r\n * CONTROLLED by the full E.164 `value` string; re-emits on every change:\r\n *\r\n *   <Field label=\"Téléphone\">\r\n *     <TelInput\r\n *       value={phone}\r\n *       onChange={(value, info) => setPhone(info.numberValue)}\r\n *       defaultCountry=\"MA\"\r\n *     />\r\n *   </Field>\r\n *\r\n * onChange(value, info):\r\n *   value                E.164 string (\"+212612345678\") or \"\" when empty/incomplete\r\n *   info.countryCode     selected ISO-3166-1 alpha-2 (e.g. \"MA\")\r\n *   info.callingCode     numeric calling code, no \"+\" (e.g. \"212\")\r\n *   info.nationalNumber  national significant number (digits only)\r\n *   info.numberValue     === value — matches the mui-tel-input contract\r\n *   info.isValid         libphonenumber-js full validity for the country\r\n *\r\n * The selected country's calling code is always shown as a fixed prefix on the\r\n * number input (this is the old `forceCallingCode` behaviour, now the default in\r\n * the two-control layout). Wrap in <Field> for label / error / aria binding.\r\n *\r\n * Localisation (FR / EN / AR):\r\n *   Pass `labels` to override the country selector's aria-label and the\r\n *   dropdown \"no results\" text. Defaults are French.\r\n *\r\n * A11y: <Field> injects id / aria-describedby / aria-invalid / aria-required onto\r\n * this component. They are routed to the national Input's <input> via inputProps\r\n * (the label-associated control where the hint/error must be announced); the\r\n * country Combobox additionally references the same describedby.\r\n */\r\n\r\nconst REGIONAL_INDICATOR_BASE = 0x1f1e6; // 🇦\r\nconst A_CHAR = \"A\".charCodeAt(0);\r\n\r\n// Emoji flag from an ISO-3166-1 alpha-2 country code (zero-dependency).\r\nfunction flagEmoji(country: string): string {\r\n  if (!country || country.length !== 2) return \"\";\r\n  const cc = country.toUpperCase();\r\n  return (\r\n    String.fromCodePoint(REGIONAL_INDICATOR_BASE + (cc.charCodeAt(0) - A_CHAR)) +\r\n    String.fromCodePoint(REGIONAL_INDICATOR_BASE + (cc.charCodeAt(1) - A_CHAR))\r\n  );\r\n}\r\n\r\n// Localized (French) region name, memoized, with a graceful fallback to the code.\r\nlet regionNames: Intl.DisplayNames | null = null;\r\nfunction countryName(country: string): string {\r\n  if (typeof Intl !== \"undefined\" && typeof Intl.DisplayNames === \"function\") {\r\n    try {\r\n      const rn = regionNames ?? (regionNames = new Intl.DisplayNames([\"fr\"], { type: \"region\" }));\r\n      return rn.of(country) || country;\r\n    } catch {\r\n      return country;\r\n    }\r\n  }\r\n  return country;\r\n}\r\n\r\n// Every supported country as a Combobox option, sorted by FR name (preferred\r\n// countries floated to the top). Returns clean { value, label } objects.\r\nfunction buildCountryOptions(\r\n  preferred: readonly string[] | undefined\r\n): Array<{ value: CountryCode; label: string }> {\r\n  const preferredSet = new Set((preferred || []).map((c) => c.toUpperCase()));\r\n  const rows = getCountries().map((c) => ({\r\n    value: c,\r\n    label: `${flagEmoji(c)} ${countryName(c)} (+${getCountryCallingCode(c)})`,\r\n    name: countryName(c),\r\n    preferred: preferredSet.has(c),\r\n  }));\r\n  rows.sort((a, b) => {\r\n    if (a.preferred !== b.preferred) return a.preferred ? -1 : 1;\r\n    return a.name.localeCompare(b.name, \"fr\");\r\n  });\r\n  return rows.map(({ value, label }) => ({ value, label }));\r\n}\r\n\r\nfunction callingCodeOf(country: CountryCode): string {\r\n  try {\r\n    return getCountryCallingCode(country);\r\n  } catch {\r\n    return \"\";\r\n  }\r\n}\r\n\r\nexport interface TelInputChangeInfo {\r\n  countryCode: CountryCode;\r\n  callingCode: string;\r\n  nationalNumber: string;\r\n  numberValue: string;\r\n  isValid: boolean;\r\n}\r\n\r\n// Derive the E.164 + info object for a (country, national text) pair.\r\nfunction computeNumber(\r\n  country: CountryCode,\r\n  nationalText: string\r\n): { formatted: string; info: TelInputChangeInfo } {\r\n  const ayt = new AsYouType(country);\r\n  const formatted = ayt.input(nationalText || \"\");\r\n  const num = ayt.getNumber();\r\n  return {\r\n    formatted,\r\n    info: {\r\n      countryCode: country,\r\n      callingCode: callingCodeOf(country),\r\n      nationalNumber: num\r\n        ? num.nationalNumber\r\n        : (nationalText || \"\").replace(/\\D/g, \"\"),\r\n      numberValue: num ? num.number : \"\",\r\n      isValid: num ? num.isValid() : false,\r\n    },\r\n  };\r\n}\r\n\r\nexport interface TelInputLabels {\r\n  /** aria-label on the country selector combobox. */\r\n  countryAriaLabel?: string | undefined;\r\n  /** \"no results\" text shown in the country dropdown. */\r\n  noCountryFound?: string | undefined;\r\n}\r\n\r\nexport interface TelInputProps\r\n  extends Omit<InputProps, \"value\" | \"onChange\" | \"error\"> {\r\n  /** Full E.164 phone number, e.g. \"+212612345678\". Controlled. */\r\n  value?: string | undefined;\r\n  /** (value: string, info) => void. info.numberValue is the E.164. */\r\n  onChange?: ((value: string, info: TelInputChangeInfo) => void) | undefined;\r\n  /** ISO-3166-1 alpha-2 fallback country when value carries no country. */\r\n  defaultCountry?: CountryCode | undefined;\r\n  /** ISO-2 codes floated to the top of the country list. */\r\n  preferredCountries?: string[] | undefined;\r\n  /** Boolean error state (injected by <Field>). */\r\n  error?: boolean | undefined;\r\n  /** Localisation overrides for the country selector (FR defaults). */\r\n  labels?: TelInputLabels | undefined;\r\n}\r\n\r\nconst DEFAULT_TEL_LABELS = Object.freeze({\r\n  countryAriaLabel: \"Indicatif pays\",\r\n  noCountryFound: \"Aucun pays trouvé\",\r\n});\r\n\r\nfunction TelInput({\r\n  value = \"\",\r\n  onChange,\r\n  defaultCountry = \"MA\",\r\n  preferredCountries,\r\n  disabled = false,\r\n  readOnly = false,\r\n  error = false,\r\n  id,\r\n  placeholder,\r\n  fullWidth = true,\r\n  labels,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-invalid\": ariaInvalid,\r\n  \"aria-required\": ariaRequired,\r\n  ...rest\r\n}: TelInputProps) {\r\n  const safeDefault =\r\n    defaultCountry && isSupportedCountry(defaultCountry) ? defaultCountry : \"MA\";\r\n\r\n  const L = mergeLabels(DEFAULT_TEL_LABELS, labels);\r\n\r\n  const [country, setCountry] = React.useState<CountryCode>(safeDefault);\r\n  const [national, setNational] = React.useState(\"\");\r\n\r\n  const countryOptions = React.useMemo(\r\n    () => buildCountryOptions(preferredCountries),\r\n    [preferredCountries]\r\n  );\r\n\r\n  const callingCode = React.useMemo(() => callingCodeOf(country), [country]);\r\n\r\n  // Sync internal state from an external `value` (E.164). Guarded so our own\r\n  // emitted updates don't clobber what the user is typing.\r\n  React.useEffect(() => {\r\n    const incoming = value || \"\";\r\n    const current = computeNumber(country, national).info.numberValue;\r\n    if (incoming === current) return; // our own round-trip — nothing to do\r\n    if (!incoming) {\r\n      setNational(\"\");\r\n      return;\r\n    }\r\n    try {\r\n      const parsed = parsePhoneNumber(incoming);\r\n      if (parsed) {\r\n        if (parsed.country && parsed.country !== country) {\r\n          setCountry(parsed.country);\r\n        }\r\n        setNational(parsed.formatNational());\r\n        return;\r\n      }\r\n    } catch {\r\n      /* unparseable — fall through */\r\n    }\r\n    setNational(incoming);\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [value]);\r\n\r\n  const emit = (ctry: CountryCode, nationalText: string) => {\r\n    const { formatted, info } = computeNumber(ctry, nationalText);\r\n    setNational(formatted);\r\n    onChange?.(info.numberValue, info);\r\n  };\r\n\r\n  const handleCountryChange = (val: ComboboxValue) => {\r\n    const next = (val || safeDefault) as CountryCode;\r\n    setCountry(next);\r\n    emit(next, national);\r\n  };\r\n\r\n  const handleNumberChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\r\n    emit(country, e.target.value);\r\n  };\r\n\r\n  return (\r\n    <div\r\n      style={{\r\n        display: \"flex\",\r\n        gap: \"var(--s-2)\",\r\n        alignItems: \"flex-start\",\r\n        ...(fullWidth ? { width: \"100%\" } : {}),\r\n      }}\r\n    >\r\n      <div style={{ flex: \"0 0 40%\", minWidth: \"9rem\" }}>\r\n        <Combobox\r\n          options={countryOptions}\r\n          value={country}\r\n          onChange={handleCountryChange}\r\n          disabled={disabled || readOnly}\r\n          error={error}\r\n          aria-label={L.countryAriaLabel}\r\n          aria-describedby={ariaDescribedBy}\r\n          labels={{ noOptions: L.noCountryFound }}\r\n        />\r\n      </div>\r\n      <div style={{ flex: \"1 1 auto\" }}>\r\n        <Input\r\n          id={id}\r\n          type=\"tel\"\r\n          value={national}\r\n          onChange={handleNumberChange}\r\n          disabled={disabled}\r\n          readOnly={readOnly}\r\n          error={error}\r\n          fullWidth\r\n          placeholder={placeholder}\r\n          prefix={callingCode ? `+${callingCode}` : undefined}\r\n          inputProps={{\r\n            inputMode: \"tel\",\r\n            autoComplete: \"tel-national\",\r\n            \"aria-describedby\": ariaDescribedBy,\r\n            \"aria-invalid\": ariaInvalid,\r\n            \"aria-required\": ariaRequired,\r\n          }}\r\n          {...rest}\r\n        />\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default TelInput;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TelInput.js","names":["React","AsYouType","parsePhoneNumber","getCountries","getCountryCallingCode","isSupportedCountry","Combobox","Input","mergeLabels","jsx","_jsx","jsxs","_jsxs","REGIONAL_INDICATOR_BASE","A_CHAR","charCodeAt","flagEmoji","country","length","cc","toUpperCase","String","fromCodePoint","regionNames","countryName","Intl","DisplayNames","rn","type","of","buildCountryOptions","preferred","preferredSet","Set","map","c","rows","value","label","name","has","sort","a","b","localeCompare","callingCodeOf","computeNumber","nationalText","ayt","formatted","input","num","getNumber","info","countryCode","callingCode","nationalNumber","replace","numberValue","number","isValid","DEFAULT_TEL_LABELS","Object","freeze","countryAriaLabel","noCountryFound","TelInput","onChange","defaultCountry","preferredCountries","disabled","readOnly","error","id","placeholder","fullWidth","labels","ariaDescribedBy","ariaInvalid","ariaRequired","rest","safeDefault","L","setCountry","useState","national","setNational","countryOptions","useMemo","useEffect","incoming","current","parsed","formatNational","emit","ctry","handleCountryChange","val","next","handleNumberChange","e","target","style","display","gap","alignItems","width","children","flex","minWidth","options","noOptions","prefix","undefined","inputProps","inputMode","autoComplete"],"sources":["../../../../src/lib/v2/components/TelInput.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport {\r\n  AsYouType,\r\n  parsePhoneNumber,\r\n  getCountries,\r\n  getCountryCallingCode,\r\n  isSupportedCountry,\r\n} from \"libphonenumber-js\";\r\nimport type { CountryCode } from \"libphonenumber-js\";\r\nimport Combobox from \"./Combobox\";\r\nimport type { ComboboxValue } from \"./Combobox\";\r\nimport Input from \"./Input\";\r\nimport type { InputProps } from \"./Input\";\r\nimport { mergeLabels } from \"../utils/mergeLabels\";\r\n\r\n/**\r\n * TelInput — Portnet UI v2\r\n *\r\n * Charter §03 · International phone-number field. Full-international successor to\r\n * the removed `mui-tel-input`. Composes a searchable country Combobox + a national\r\n * number Input, backed by libphonenumber-js for calling codes, as-you-type\r\n * formatting, and per-country validation.\r\n *\r\n * CONTROLLED by the full E.164 `value` string; re-emits on every change:\r\n *\r\n *   <Field label=\"Téléphone\">\r\n *     <TelInput\r\n *       value={phone}\r\n *       onChange={(value, info) => setPhone(info.numberValue)}\r\n *       defaultCountry=\"MA\"\r\n *     />\r\n *   </Field>\r\n *\r\n * onChange(value, info):\r\n *   value                E.164 string (\"+212612345678\") or \"\" when empty/incomplete\r\n *   info.countryCode     selected ISO-3166-1 alpha-2 (e.g. \"MA\")\r\n *   info.callingCode     numeric calling code, no \"+\" (e.g. \"212\")\r\n *   info.nationalNumber  national significant number (digits only)\r\n *   info.numberValue     === value — matches the mui-tel-input contract\r\n *   info.isValid         libphonenumber-js full validity for the country\r\n *\r\n * The selected country's calling code is always shown as a fixed prefix on the\r\n * number input (this is the old `forceCallingCode` behaviour, now the default in\r\n * the two-control layout). Wrap in <Field> for label / error / aria binding.\r\n *\r\n * Localisation (FR / EN / AR):\r\n *   Pass `labels` to override the country selector's aria-label and the\r\n *   dropdown \"no results\" text. Defaults are French.\r\n *\r\n * A11y: <Field> injects id / aria-describedby / aria-invalid / aria-required onto\r\n * this component. They are routed to the national Input's <input> via inputProps\r\n * (the label-associated control where the hint/error must be announced); the\r\n * country Combobox additionally references the same describedby.\r\n */\r\n\r\nconst REGIONAL_INDICATOR_BASE = 0x1f1e6; // 🇦\r\nconst A_CHAR = \"A\".charCodeAt(0);\r\n\r\n// Emoji flag from an ISO-3166-1 alpha-2 country code (zero-dependency).\r\nfunction flagEmoji(country: string): string {\r\n  if (!country || country.length !== 2) return \"\";\r\n  const cc = country.toUpperCase();\r\n  return (\r\n    String.fromCodePoint(REGIONAL_INDICATOR_BASE + (cc.charCodeAt(0) - A_CHAR)) +\r\n    String.fromCodePoint(REGIONAL_INDICATOR_BASE + (cc.charCodeAt(1) - A_CHAR))\r\n  );\r\n}\r\n\r\n// Localized (French) region name, memoized, with a graceful fallback to the code.\r\nlet regionNames: Intl.DisplayNames | null = null;\r\nfunction countryName(country: string): string {\r\n  if (typeof Intl !== \"undefined\" && typeof Intl.DisplayNames === \"function\") {\r\n    try {\r\n      const rn = regionNames ?? (regionNames = new Intl.DisplayNames([\"fr\"], { type: \"region\" }));\r\n      return rn.of(country) || country;\r\n    } catch {\r\n      return country;\r\n    }\r\n  }\r\n  return country;\r\n}\r\n\r\n// Every supported country as a Combobox option, sorted by FR name (preferred\r\n// countries floated to the top). Returns clean { value, label } objects.\r\nfunction buildCountryOptions(\r\n  preferred: readonly string[] | undefined\r\n): Array<{ value: CountryCode; label: string }> {\r\n  const preferredSet = new Set((preferred || []).map((c) => c.toUpperCase()));\r\n  const rows = getCountries().map((c) => ({\r\n    value: c,\r\n    label: `${flagEmoji(c)} ${countryName(c)} (+${getCountryCallingCode(c)})`,\r\n    name: countryName(c),\r\n    preferred: preferredSet.has(c),\r\n  }));\r\n  rows.sort((a, b) => {\r\n    if (a.preferred !== b.preferred) return a.preferred ? -1 : 1;\r\n    return a.name.localeCompare(b.name, \"fr\");\r\n  });\r\n  return rows.map(({ value, label }) => ({ value, label }));\r\n}\r\n\r\nfunction callingCodeOf(country: CountryCode): string {\r\n  try {\r\n    return getCountryCallingCode(country);\r\n  } catch {\r\n    return \"\";\r\n  }\r\n}\r\n\r\nexport interface TelInputChangeInfo {\r\n  countryCode: CountryCode;\r\n  callingCode: string;\r\n  nationalNumber: string;\r\n  numberValue: string;\r\n  isValid: boolean;\r\n}\r\n\r\n// Derive the E.164 + info object for a (country, national text) pair.\r\nfunction computeNumber(\r\n  country: CountryCode,\r\n  nationalText: string\r\n): { formatted: string; info: TelInputChangeInfo } {\r\n  const ayt = new AsYouType(country);\r\n  const formatted = ayt.input(nationalText || \"\");\r\n  const num = ayt.getNumber();\r\n  return {\r\n    formatted,\r\n    info: {\r\n      countryCode: country,\r\n      callingCode: callingCodeOf(country),\r\n      nationalNumber: num\r\n        ? num.nationalNumber\r\n        : (nationalText || \"\").replace(/\\D/g, \"\"),\r\n      numberValue: num ? num.number : \"\",\r\n      isValid: num ? num.isValid() : false,\r\n    },\r\n  };\r\n}\r\n\r\nexport interface TelInputLabels {\r\n  /** aria-label on the country selector combobox. */\r\n  countryAriaLabel?: string | undefined;\r\n  /** \"no results\" text shown in the country dropdown. */\r\n  noCountryFound?: string | undefined;\r\n}\r\n\r\nexport interface TelInputProps\r\n  extends Omit<InputProps, \"value\" | \"onChange\" | \"error\"> {\r\n  /** Full E.164 phone number, e.g. \"+212612345678\". Controlled. */\r\n  value?: string | undefined;\r\n  /** (value: string, info) => void. info.numberValue is the E.164. */\r\n  onChange?: ((value: string, info: TelInputChangeInfo) => void) | undefined;\r\n  /** ISO-3166-1 alpha-2 fallback country when value carries no country. */\r\n  defaultCountry?: CountryCode | undefined;\r\n  /** ISO-2 codes floated to the top of the country list. */\r\n  preferredCountries?: string[] | undefined;\r\n  /** Boolean error state (injected by <Field>). */\r\n  error?: boolean | undefined;\r\n  /** Localisation overrides for the country selector (FR defaults). */\r\n  labels?: TelInputLabels | undefined;\r\n}\r\n\r\nconst DEFAULT_TEL_LABELS = Object.freeze({\r\n  countryAriaLabel: \"Indicatif pays\",\r\n  noCountryFound: \"Aucun pays trouvé\",\r\n});\r\n\r\nfunction TelInput({\r\n  value = \"\",\r\n  onChange,\r\n  defaultCountry = \"MA\",\r\n  preferredCountries,\r\n  disabled = false,\r\n  readOnly = false,\r\n  error = false,\r\n  id,\r\n  placeholder,\r\n  fullWidth = true,\r\n  labels,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-invalid\": ariaInvalid,\r\n  \"aria-required\": ariaRequired,\r\n  ...rest\r\n}: TelInputProps) {\r\n  const safeDefault =\r\n    defaultCountry && isSupportedCountry(defaultCountry) ? defaultCountry : \"MA\";\r\n\r\n  const L = mergeLabels(DEFAULT_TEL_LABELS, labels);\r\n\r\n  const [country, setCountry] = React.useState<CountryCode>(safeDefault);\r\n  const [national, setNational] = React.useState(\"\");\r\n\r\n  const countryOptions = React.useMemo(\r\n    () => buildCountryOptions(preferredCountries),\r\n    [preferredCountries]\r\n  );\r\n\r\n  const callingCode = React.useMemo(() => callingCodeOf(country), [country]);\r\n\r\n  // Sync internal state from an external `value` (E.164). Guarded so our own\r\n  // emitted updates don't clobber what the user is typing.\r\n  React.useEffect(() => {\r\n    const incoming = value || \"\";\r\n    const current = computeNumber(country, national).info.numberValue;\r\n    if (incoming === current) return; // our own round-trip — nothing to do\r\n    if (!incoming) {\r\n      setNational(\"\");\r\n      return;\r\n    }\r\n    try {\r\n      const parsed = parsePhoneNumber(incoming);\r\n      if (parsed) {\r\n        if (parsed.country && parsed.country !== country) {\r\n          setCountry(parsed.country);\r\n        }\r\n        setNational(parsed.formatNational());\r\n        return;\r\n      }\r\n    } catch {\r\n      /* unparseable — fall through */\r\n    }\r\n    setNational(incoming);\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [value]);\r\n\r\n  const emit = (ctry: CountryCode, nationalText: string) => {\r\n    const { formatted, info } = computeNumber(ctry, nationalText);\r\n    setNational(formatted);\r\n    onChange?.(info.numberValue, info);\r\n  };\r\n\r\n  const handleCountryChange = (val: ComboboxValue) => {\r\n    const next = (val || safeDefault) as CountryCode;\r\n    setCountry(next);\r\n    emit(next, national);\r\n  };\r\n\r\n  const handleNumberChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\r\n    emit(country, e.target.value);\r\n  };\r\n\r\n  return (\r\n    <div\r\n      style={{\r\n        display: \"flex\",\r\n        gap: \"var(--s-2)\",\r\n        alignItems: \"flex-start\",\r\n        ...(fullWidth ? { width: \"100%\" } : {}),\r\n      }}\r\n    >\r\n      <div style={{ flex: \"0 0 40%\", minWidth: \"9rem\" }}>\r\n        <Combobox\r\n          options={countryOptions}\r\n          value={country}\r\n          onChange={handleCountryChange}\r\n          disabled={disabled || readOnly}\r\n          error={error}\r\n          aria-label={L.countryAriaLabel}\r\n          aria-describedby={ariaDescribedBy}\r\n          labels={{ noOptions: L.noCountryFound }}\r\n        />\r\n      </div>\r\n      <div style={{ flex: \"1 1 auto\" }}>\r\n        <Input\r\n          id={id}\r\n          type=\"tel\"\r\n          value={national}\r\n          onChange={handleNumberChange}\r\n          disabled={disabled}\r\n          readOnly={readOnly}\r\n          error={error}\r\n          fullWidth\r\n          placeholder={placeholder}\r\n          prefix={callingCode ? `+${callingCode}` : undefined}\r\n          inputProps={{\r\n            inputMode: \"tel\",\r\n            autoComplete: \"tel-national\",\r\n            \"aria-describedby\": ariaDescribedBy,\r\n            \"aria-invalid\": ariaInvalid,\r\n            \"aria-required\": ariaRequired,\r\n          }}\r\n          {...rest}\r\n        />\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default TelInput;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/v2/components/Textarea.js

@@ -1,12 +1,3 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["value", "onChange", "onBlur", "placeholder", "disabled", "error", "readOnly", "fullWidth", "rows", "minRows", "maxRows", "inputProps", "sx"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import * as React from "react";
 import OutlinedInput from "@mui/material/OutlinedInput";
 
@@ -26,30 +17,29 @@ import OutlinedInput from "@mui/material/OutlinedInput";
  *   silently ignored. Public API contract unchanged.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
-var Textarea = /*#__PURE__*/React.forwardRef(function Textarea(_ref, ref) {
-  var value = _ref.value,
-    onChange = _ref.onChange,
-    onBlur = _ref.onBlur,
-    placeholder = _ref.placeholder,
-    disabled = _ref.disabled,
-    error = _ref.error,
-    readOnly = _ref.readOnly,
-    _ref$fullWidth = _ref.fullWidth,
-    fullWidth = _ref$fullWidth === void 0 ? true : _ref$fullWidth,
-    _ref$rows = _ref.rows,
-    rows = _ref$rows === void 0 ? 3 : _ref$rows,
-    minRows = _ref.minRows,
-    maxRows = _ref.maxRows,
-    inputProps = _ref.inputProps,
-    sx = _ref.sx,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_jsx(OutlinedInput, _objectSpread({
+const Textarea = /*#__PURE__*/React.forwardRef(function Textarea({
+  value,
+  onChange,
+  onBlur,
+  placeholder,
+  disabled,
+  error,
+  readOnly,
+  fullWidth = true,
+  rows = 3,
+  minRows,
+  maxRows,
+  inputProps,
+  sx,
+  ...rest
+}, ref) {
+  return /*#__PURE__*/_jsx(OutlinedInput, {
     ref: ref,
     multiline: true,
     rows: minRows || maxRows ? undefined : rows,
     minRows: minRows,
     maxRows: maxRows,
-    value: value !== null && value !== void 0 ? value : "",
+    value: value ?? "",
     onChange: onChange,
     onBlur: onBlur,
     placeholder: placeholder,
@@ -65,8 +55,9 @@ var Textarea = /*#__PURE__*/React.forwardRef(function Textarea(_ref, ref) {
     slotProps: inputProps ? {
       input: inputProps
     } : undefined,
-    sx: sx
-  }, rest));
+    sx: sx,
+    ...rest
+  });
 });
 export default Textarea;
 //# sourceMappingURL=Textarea.js.map

package/dist/esm/v2/components/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","names":["React","OutlinedInput","jsx","_jsx","Textarea","forwardRef","_ref","ref","value","onChange","onBlur","placeholder","disabled","error","readOnly","_ref$fullWidth","fullWidth","_ref$rows","rows","minRows","maxRows","inputProps","sx","rest","_objectWithoutProperties","_excluded","_objectSpread","multiline","undefined","slotProps","input"],"sources":["../../../../src/lib/v2/components/Textarea.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport OutlinedInput from \"@mui/material/OutlinedInput\";\r\nimport type { OutlinedInputProps } from \"@mui/material/OutlinedInput\";\r\n\r\n/**\r\n * Textarea - Portnet UI v2\r\n *\r\n *   <Field label=\"Commentaire\">\r\n *     <Textarea rows={4} value={v} onChange={onChange} />\r\n *   </Field>\r\n *\r\n * MUI v9 surface notes (audit Batch 2 external):\r\n *   The public `inputProps` is routed internally to slotProps.input -\r\n *   MUI v9 idiomatic location for native <textarea/> attributes\r\n *   (maxLength, autoComplete, aria-*, etc.). On OutlinedInput in v9,\r\n *   `inputProps` is deprecated -> consumers passing common patterns\r\n *   like `inputProps={{ maxLength: 500 }}` would otherwise have it\r\n *   silently ignored. Public API contract unchanged.\r\n */\r\nexport interface TextareaProps extends Omit<OutlinedInputProps, \"value\"> {\r\n  value?: string | undefined;\r\n}\r\n\r\nconst Textarea = React.forwardRef<React.ComponentRef<typeof OutlinedInput>, TextareaProps>(function Textarea(\r\n  {\r\n    value, onChange, onBlur,\r\n    placeholder, disabled, error, readOnly,\r\n    fullWidth = true,\r\n    rows = 3,\r\n    minRows, maxRows,\r\n    inputProps,\r\n    sx,\r\n    ...rest\r\n  },\r\n  ref,\r\n) {\r\n  return (\r\n    <OutlinedInput\r\n      ref={ref}\r\n      multiline\r\n      rows={minRows || maxRows ? undefined : rows}\r\n      minRows={minRows}\r\n      maxRows={maxRows}\r\n      value={value ?? \"\"}\r\n      onChange={onChange}\r\n      onBlur={onBlur}\r\n      placeholder={placeholder}\r\n      disabled={disabled}\r\n      readOnly={readOnly}\r\n      error={!!error}\r\n      fullWidth={fullWidth}\r\n      // MUI v9: OutlinedInput inputProps -> slotProps.input. Aligns\r\n      // Textarea with the v9-migrated v2.Input surface (audit Batch 3\r\n      // B3-1). Emitted conditionally so we don't pass\r\n      // `slotProps={{ input: undefined }}` when nothing is supplied.\r\n      slotProps={inputProps ? { input: inputProps } : undefined}\r\n      sx={sx}\r\n      {...rest}\r\n    />\r\n  );\r\n});\r\n\r\nexport default Textarea;\r\n"],"mappings":";;;;;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,aAAa,MAAM,6BAA6B;;AAGvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAdA,SAAAC,GAAA,IAAAC,IAAA;AAmBA,IAAMC,QAAQ,gBAAGJ,KAAK,CAACK,UAAU,CAA0D,SAASD,QAAQA,CAAAE,IAAA,EAW1GC,GAAG,EACH;EAAA,IAVEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IACvBC,WAAW,GAAAL,IAAA,CAAXK,WAAW;IAAEC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IAAEC,KAAK,GAAAP,IAAA,CAALO,KAAK;IAAEC,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IAAAC,cAAA,GAAAT,IAAA,CACtCU,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,IAAI,GAAAA,cAAA;IAAAE,SAAA,GAAAX,IAAA,CAChBY,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,CAAC,GAAAA,SAAA;IACRE,OAAO,GAAAb,IAAA,CAAPa,OAAO;IAAEC,OAAO,GAAAd,IAAA,CAAPc,OAAO;IAChBC,UAAU,GAAAf,IAAA,CAAVe,UAAU;IACVC,EAAE,GAAAhB,IAAA,CAAFgB,EAAE;IACCC,IAAI,GAAAC,wBAAA,CAAAlB,IAAA,EAAAmB,SAAA;EAIT,oBACEtB,IAAA,CAACF,aAAa,EAAAyB,aAAA;IACZnB,GAAG,EAAEA,GAAI;IACToB,SAAS;IACTT,IAAI,EAAEC,OAAO,IAAIC,OAAO,GAAGQ,SAAS,GAAGV,IAAK;IAC5CC,OAAO,EAAEA,OAAQ;IACjBC,OAAO,EAAEA,OAAQ;IACjBZ,KAAK,EAAEA,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,EAAG;IACnBC,QAAQ,EAAEA,QAAS;IACnBC,MAAM,EAAEA,MAAO;IACfC,WAAW,EAAEA,WAAY;IACzBC,QAAQ,EAAEA,QAAS;IACnBE,QAAQ,EAAEA,QAAS;IACnBD,KAAK,EAAE,CAAC,CAACA,KAAM;IACfG,SAAS,EAAEA;IACX;IACA;IACA;IACA;IAAA;IACAa,SAAS,EAAER,UAAU,GAAG;MAAES,KAAK,EAAET;IAAW,CAAC,GAAGO,SAAU;IAC1DN,EAAE,EAAEA;EAAG,GACHC,IAAI,CACT,CAAC;AAEN,CAAC,CAAC;AAEF,eAAenB,QAAQ","ignoreList":[]}
+{"version":3,"file":"Textarea.js","names":["React","OutlinedInput","jsx","_jsx","Textarea","forwardRef","value","onChange","onBlur","placeholder","disabled","error","readOnly","fullWidth","rows","minRows","maxRows","inputProps","sx","rest","ref","multiline","undefined","slotProps","input"],"sources":["../../../../src/lib/v2/components/Textarea.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport OutlinedInput from \"@mui/material/OutlinedInput\";\r\nimport type { OutlinedInputProps } from \"@mui/material/OutlinedInput\";\r\n\r\n/**\r\n * Textarea - Portnet UI v2\r\n *\r\n *   <Field label=\"Commentaire\">\r\n *     <Textarea rows={4} value={v} onChange={onChange} />\r\n *   </Field>\r\n *\r\n * MUI v9 surface notes (audit Batch 2 external):\r\n *   The public `inputProps` is routed internally to slotProps.input -\r\n *   MUI v9 idiomatic location for native <textarea/> attributes\r\n *   (maxLength, autoComplete, aria-*, etc.). On OutlinedInput in v9,\r\n *   `inputProps` is deprecated -> consumers passing common patterns\r\n *   like `inputProps={{ maxLength: 500 }}` would otherwise have it\r\n *   silently ignored. Public API contract unchanged.\r\n */\r\nexport interface TextareaProps extends Omit<OutlinedInputProps, \"value\"> {\r\n  value?: string | undefined;\r\n}\r\n\r\nconst Textarea = React.forwardRef<React.ComponentRef<typeof OutlinedInput>, TextareaProps>(function Textarea(\r\n  {\r\n    value, onChange, onBlur,\r\n    placeholder, disabled, error, readOnly,\r\n    fullWidth = true,\r\n    rows = 3,\r\n    minRows, maxRows,\r\n    inputProps,\r\n    sx,\r\n    ...rest\r\n  },\r\n  ref,\r\n) {\r\n  return (\r\n    <OutlinedInput\r\n      ref={ref}\r\n      multiline\r\n      rows={minRows || maxRows ? undefined : rows}\r\n      minRows={minRows}\r\n      maxRows={maxRows}\r\n      value={value ?? \"\"}\r\n      onChange={onChange}\r\n      onBlur={onBlur}\r\n      placeholder={placeholder}\r\n      disabled={disabled}\r\n      readOnly={readOnly}\r\n      error={!!error}\r\n      fullWidth={fullWidth}\r\n      // MUI v9: OutlinedInput inputProps -> slotProps.input. Aligns\r\n      // Textarea with the v9-migrated v2.Input surface (audit Batch 3\r\n      // B3-1). Emitted conditionally so we don't pass\r\n      // `slotProps={{ input: undefined }}` when nothing is supplied.\r\n      slotProps={inputProps ? { input: inputProps } : undefined}\r\n      sx={sx}\r\n      {...rest}\r\n    />\r\n  );\r\n});\r\n\r\nexport default Textarea;\r\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,aAAa,MAAM,6BAA6B;;AAGvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAdA,SAAAC,GAAA,IAAAC,IAAA;AAmBA,MAAMC,QAAQ,gBAAGJ,KAAK,CAACK,UAAU,CAA0D,SAASD,QAAQA,CAC1G;EACEE,KAAK;EAAEC,QAAQ;EAAEC,MAAM;EACvBC,WAAW;EAAEC,QAAQ;EAAEC,KAAK;EAAEC,QAAQ;EACtCC,SAAS,GAAG,IAAI;EAChBC,IAAI,GAAG,CAAC;EACRC,OAAO;EAAEC,OAAO;EAChBC,UAAU;EACVC,EAAE;EACF,GAAGC;AACL,CAAC,EACDC,GAAG,EACH;EACA,oBACEjB,IAAA,CAACF,aAAa;IACZmB,GAAG,EAAEA,GAAI;IACTC,SAAS;IACTP,IAAI,EAAEC,OAAO,IAAIC,OAAO,GAAGM,SAAS,GAAGR,IAAK;IAC5CC,OAAO,EAAEA,OAAQ;IACjBC,OAAO,EAAEA,OAAQ;IACjBV,KAAK,EAAEA,KAAK,IAAI,EAAG;IACnBC,QAAQ,EAAEA,QAAS;IACnBC,MAAM,EAAEA,MAAO;IACfC,WAAW,EAAEA,WAAY;IACzBC,QAAQ,EAAEA,QAAS;IACnBE,QAAQ,EAAEA,QAAS;IACnBD,KAAK,EAAE,CAAC,CAACA,KAAM;IACfE,SAAS,EAAEA;IACX;IACA;IACA;IACA;IAAA;IACAU,SAAS,EAAEN,UAAU,GAAG;MAAEO,KAAK,EAAEP;IAAW,CAAC,GAAGK,SAAU;IAC1DJ,EAAE,EAAEA,EAAG;IAAA,GACHC;EAAI,CACT,CAAC;AAEN,CAAC,CAAC;AAEF,eAAef,QAAQ","ignoreList":[]}