@portnet/ui 5.0.32 → 6.0.1

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

@@ -0,0 +1,289 @@
+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); }
+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); }
+import * as React from "react";
+import Box from "@mui/material/Box";
+import DatePicker from "./DatePicker";
+import { mergeLabels } from "../utils/mergeLabels";
+
+/**
+ * DateRangePicker — Portnet UI v2
+ *
+ * Two DatePicker instances side-by-side with cross-validation and
+ * optional preset shortcuts. Built without @mui/x-date-pickers-pro —
+ * see commit message for rationale.
+ *
+ *   <Field label="Période">
+ *     <DateRangePicker
+ *       value={{ startDate: from, endDate: to }}
+ *       onChange={({ startDate, endDate }) => setRange({ from: startDate, to: endDate })}
+ *       presets={[
+ *         { label: "Aujourd'hui",      from: today, to: today },
+ *         { label: "7 derniers jours", from: weekAgo, to: today },
+ *         { label: "Ce mois",          from: monthStart, to: monthEnd },
+ *       ]}
+ *     />
+ *   </Field>
+ *
+ * Value contract:
+ *   - value: { startDate: Date|null, endDate: Date|null } | null
+ *   - onChange({ startDate, endDate }) — both fields always included.
+ *   - Invalid dates from inner pickers come through as null; the
+ *     range stays consistent.
+ *
+ * Cross-validation:
+ *   - Picking startDate > endDate clamps endDate to startDate.
+ *   - Picking endDate < startDate clamps startDate to endDate.
+ *   - The end picker's effective minDate is max(startDate, minDate
+ *     prop) so the calendar dialog itself prevents invalid selection.
+ *
+ * Presets:
+ *   - Host-supplied. Shape: { id?, label, from, to }.
+ *   - Clicking a preset fires onChange with the preset's range.
+ *   - Lib ships NO default presets (locale + business meaning vary).
+ *
+ * A11y:
+ *   - Each inner DatePicker carries its own label via React.useId
+ *     plumbed through inputProps.id + <label htmlFor>.
+ *   - The presets group is wrapped in role="group" with an
+ *     aria-label so SR users hear "Raccourcis" before the buttons.
+ *
+ * Locale + i18n:
+ *   - adapterLocale forwards to BOTH inner pickers.
+ *   - labels.{startLabel, endLabel} override the FR defaults.
+ *   - presets.label is host-controlled, host owns translation.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var DEFAULT_LABELS = Object.freeze({
+  startLabel: "Du",
+  endLabel: "Au",
+  presetsAria: "Raccourcis"
+});
+
+// Hoisted sx for visible elements that don't depend on props. The
+// preset button sx is hoisted too — same emotion-cache rationale as
+// Batch 14 D5.
+var ROOT_SX = Object.freeze({
+  display: "flex",
+  flexDirection: {
+    xs: "column",
+    sm: "row"
+  },
+  gap: "var(--s-3)"
+});
+var PRESETS_GROUP_SX = Object.freeze({
+  display: "flex",
+  flexDirection: {
+    xs: "row",
+    sm: "column"
+  },
+  gap: "var(--s-1)",
+  flexWrap: "wrap",
+  minWidth: {
+    sm: 140
+  }
+});
+var PICKERS_ROW_SX = Object.freeze({
+  display: "flex",
+  flexDirection: {
+    xs: "column",
+    sm: "row"
+  },
+  gap: "var(--s-2)",
+  flex: 1,
+  alignItems: {
+    sm: "flex-end"
+  }
+});
+var FIELD_BLOCK_SX = Object.freeze({
+  flex: 1,
+  display: "flex",
+  flexDirection: "column"
+});
+var FIELD_LABEL_SX = Object.freeze({
+  fontSize: "var(--text-xs)",
+  fontWeight: "var(--fw-medium)",
+  color: "var(--fg-muted)",
+  display: "block",
+  marginBottom: "var(--s-1)"
+});
+
+// Visual range separator. transform: scaleX(...) flips on [dir="rtl"]
+// via --pui-rtl-flip (declared in base.css). Hidden from SR — the
+// labels Du / Au already convey the relationship.
+var SEPARATOR_SX = Object.freeze({
+  flex: "0 0 auto",
+  color: "var(--fg-muted)",
+  fontSize: "var(--text-sm)",
+  // align with the inputs (which sit at the bottom of FIELD_BLOCK_SX
+  // because the label is above them in the same column).
+  paddingBottom: "var(--s-2)",
+  transform: "scaleX(var(--pui-rtl-flip, 1))"
+});
+var PRESET_BUTTON_SX = Object.freeze({
+  font: "inherit",
+  background: "transparent",
+  border: "1px solid var(--border)",
+  color: "var(--fg)",
+  padding: "var(--s-1) var(--s-3)",
+  borderRadius: "var(--r-sm)",
+  fontSize: "var(--text-xs)",
+  fontWeight: "var(--fw-medium)",
+  cursor: "pointer",
+  textAlign: "start",
+  // RTL-safe equivalent of "left"
+  whiteSpace: "nowrap",
+  minHeight: "var(--tactile-min)",
+  "&:hover:not(:disabled)": {
+    background: "var(--bg-hover)",
+    borderColor: "var(--accent)",
+    color: "var(--accent)"
+  },
+  "&:focus-visible": {
+    outline: "2px solid var(--accent)",
+    outlineOffset: "var(--pui-outline-offset)"
+  },
+  "&:disabled": {
+    opacity: 0.5,
+    cursor: "not-allowed"
+  }
+});
+function DateRangePicker(_ref) {
+  var _value$startDate, _value$endDate;
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    minDate = _ref.minDate,
+    maxDate = _ref.maxDate,
+    _ref$disablePast = _ref.disablePast,
+    disablePast = _ref$disablePast === void 0 ? false : _ref$disablePast,
+    _ref$disableFuture = _ref.disableFuture,
+    disableFuture = _ref$disableFuture === void 0 ? false : _ref$disableFuture,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$readOnly = _ref.readOnly,
+    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
+    presets = _ref.presets,
+    _ref$adapterLocale = _ref.adapterLocale,
+    adapterLocale = _ref$adapterLocale === void 0 ? "fr" : _ref$adapterLocale,
+    labels = _ref.labels,
+    sx = _ref.sx;
+  var L = mergeLabels(DEFAULT_LABELS, labels);
+  var startDate = (_value$startDate = value === null || value === void 0 ? void 0 : value.startDate) !== null && _value$startDate !== void 0 ? _value$startDate : null;
+  var endDate = (_value$endDate = value === null || value === void 0 ? void 0 : value.endDate) !== null && _value$endDate !== void 0 ? _value$endDate : null;
+  var startInputId = React.useId();
+  var endInputId = React.useId();
+  var setStart = function setStart(next) {
+    if (!onChange) return;
+    var newEnd = endDate;
+    // Cross-validation: clamp end UP if the new start exceeds it.
+    if (next && endDate && next > endDate) newEnd = next;
+    onChange({
+      startDate: next,
+      endDate: newEnd
+    });
+  };
+  var setEnd = function setEnd(next) {
+    if (!onChange) return;
+    var newStart = startDate;
+    // Cross-validation: clamp start DOWN if the new end precedes it.
+    if (next && startDate && next < startDate) newStart = next;
+    onChange({
+      startDate: newStart,
+      endDate: next
+    });
+  };
+  var applyPreset = function applyPreset(preset) {
+    if (!onChange) return;
+    onChange({
+      startDate: preset.from,
+      endDate: preset.to
+    });
+  };
+
+  // The end picker's effective minDate is max(startDate, props.minDate).
+  // Computing it here means the calendar dialog itself disables dates
+  // before the start — the cross-validation in setEnd is the fallback
+  // for direct text-typing.
+  var endEffectiveMinDate = startDate && minDate ? startDate > minDate ? startDate : minDate : startDate || minDate;
+  return /*#__PURE__*/_jsxs(Box, {
+    sx: sx ? _objectSpread(_objectSpread({}, ROOT_SX), sx) : ROOT_SX,
+    children: [presets && presets.length > 0 && /*#__PURE__*/_jsx(Box, {
+      role: "group",
+      "aria-label": L.presetsAria,
+      sx: PRESETS_GROUP_SX,
+      children: presets.map(function (p, i) {
+        var _p$id;
+        return /*#__PURE__*/_jsx(Box, {
+          component: "button",
+          type: "button",
+          onClick: function onClick() {
+            return applyPreset(p);
+          },
+          disabled: disabled || readOnly,
+          sx: PRESET_BUTTON_SX,
+          children: p.label
+        }, (_p$id = p.id) !== null && _p$id !== void 0 ? _p$id : i);
+      })
+    }), /*#__PURE__*/_jsxs(Box, {
+      sx: PICKERS_ROW_SX,
+      children: [/*#__PURE__*/_jsxs(Box, {
+        sx: FIELD_BLOCK_SX,
+        children: [/*#__PURE__*/_jsx(Box, {
+          component: "label",
+          htmlFor: startInputId,
+          sx: FIELD_LABEL_SX,
+          children: L.startLabel
+        }), /*#__PURE__*/_jsx(DatePicker, _objectSpread(_objectSpread(_objectSpread({
+          value: startDate,
+          onChange: setStart
+        }, minDate != null ? {
+          minDate: minDate
+        } : {}), maxDate != null ? {
+          maxDate: maxDate
+        } : {}), {}, {
+          disablePast: disablePast,
+          disableFuture: disableFuture,
+          disabled: disabled,
+          readOnly: readOnly,
+          adapterLocale: adapterLocale,
+          inputProps: {
+            id: startInputId
+          }
+        }))]
+      }), /*#__PURE__*/_jsx(Box, {
+        "aria-hidden": "true",
+        sx: SEPARATOR_SX,
+        children: "\u2192"
+      }), /*#__PURE__*/_jsxs(Box, {
+        sx: FIELD_BLOCK_SX,
+        children: [/*#__PURE__*/_jsx(Box, {
+          component: "label",
+          htmlFor: endInputId,
+          sx: FIELD_LABEL_SX,
+          children: L.endLabel
+        }), /*#__PURE__*/_jsx(DatePicker, _objectSpread(_objectSpread(_objectSpread({
+          value: endDate,
+          onChange: setEnd
+        }, endEffectiveMinDate != null ? {
+          minDate: endEffectiveMinDate
+        } : {}), maxDate != null ? {
+          maxDate: maxDate
+        } : {}), {}, {
+          disablePast: disablePast,
+          disableFuture: disableFuture,
+          disabled: disabled,
+          readOnly: readOnly,
+          adapterLocale: adapterLocale,
+          inputProps: {
+            id: endInputId
+          }
+        }))]
+      })]
+    })]
+  });
+}
+export default DateRangePicker;
+//# sourceMappingURL=DateRangePicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.js","names":["React","Box","DatePicker","mergeLabels","jsx","_jsx","jsxs","_jsxs","DEFAULT_LABELS","Object","freeze","startLabel","endLabel","presetsAria","ROOT_SX","display","flexDirection","xs","sm","gap","PRESETS_GROUP_SX","flexWrap","minWidth","PICKERS_ROW_SX","flex","alignItems","FIELD_BLOCK_SX","FIELD_LABEL_SX","fontSize","fontWeight","color","marginBottom","SEPARATOR_SX","paddingBottom","transform","PRESET_BUTTON_SX","font","background","border","padding","borderRadius","cursor","textAlign","whiteSpace","minHeight","borderColor","outline","outlineOffset","opacity","DateRangePicker","_ref","_value$startDate","_value$endDate","value","onChange","minDate","maxDate","_ref$disablePast","disablePast","_ref$disableFuture","disableFuture","_ref$disabled","disabled","_ref$readOnly","readOnly","presets","_ref$adapterLocale","adapterLocale","labels","sx","L","startDate","endDate","startInputId","useId","endInputId","setStart","next","newEnd","setEnd","newStart","applyPreset","preset","from","to","endEffectiveMinDate","_objectSpread","children","length","role","map","p","i","_p$id","component","type","onClick","label","id","htmlFor","inputProps"],"sources":["../../../../src/lib/v2/components/DateRangePicker.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\nimport DatePicker from \"./DatePicker\";\r\nimport { mergeLabels } from \"../utils/mergeLabels\";\r\n\r\n/**\r\n * DateRangePicker — Portnet UI v2\r\n *\r\n * Two DatePicker instances side-by-side with cross-validation and\r\n * optional preset shortcuts. Built without @mui/x-date-pickers-pro —\r\n * see commit message for rationale.\r\n *\r\n *   <Field label=\"Période\">\r\n *     <DateRangePicker\r\n *       value={{ startDate: from, endDate: to }}\r\n *       onChange={({ startDate, endDate }) => setRange({ from: startDate, to: endDate })}\r\n *       presets={[\r\n *         { label: \"Aujourd'hui\",      from: today, to: today },\r\n *         { label: \"7 derniers jours\", from: weekAgo, to: today },\r\n *         { label: \"Ce mois\",          from: monthStart, to: monthEnd },\r\n *       ]}\r\n *     />\r\n *   </Field>\r\n *\r\n * Value contract:\r\n *   - value: { startDate: Date|null, endDate: Date|null } | null\r\n *   - onChange({ startDate, endDate }) — both fields always included.\r\n *   - Invalid dates from inner pickers come through as null; the\r\n *     range stays consistent.\r\n *\r\n * Cross-validation:\r\n *   - Picking startDate > endDate clamps endDate to startDate.\r\n *   - Picking endDate < startDate clamps startDate to endDate.\r\n *   - The end picker's effective minDate is max(startDate, minDate\r\n *     prop) so the calendar dialog itself prevents invalid selection.\r\n *\r\n * Presets:\r\n *   - Host-supplied. Shape: { id?, label, from, to }.\r\n *   - Clicking a preset fires onChange with the preset's range.\r\n *   - Lib ships NO default presets (locale + business meaning vary).\r\n *\r\n * A11y:\r\n *   - Each inner DatePicker carries its own label via React.useId\r\n *     plumbed through inputProps.id + <label htmlFor>.\r\n *   - The presets group is wrapped in role=\"group\" with an\r\n *     aria-label so SR users hear \"Raccourcis\" before the buttons.\r\n *\r\n * Locale + i18n:\r\n *   - adapterLocale forwards to BOTH inner pickers.\r\n *   - labels.{startLabel, endLabel} override the FR defaults.\r\n *   - presets.label is host-controlled, host owns translation.\r\n */\r\n\r\nexport interface DateRangeValue {\r\n  startDate: Date | null;\r\n  endDate: Date | null;\r\n}\r\n\r\nexport interface DateRangePreset {\r\n  id?: string | number | undefined;\r\n  label: React.ReactNode;\r\n  from: Date;\r\n  to: Date;\r\n}\r\n\r\nexport interface DateRangeLabels {\r\n  startLabel?: React.ReactNode | undefined;\r\n  endLabel?: React.ReactNode | undefined;\r\n  presetsAria?: string | undefined;\r\n}\r\n\r\nexport interface DateRangePickerProps {\r\n  value?: DateRangeValue | null | undefined;\r\n  onChange?: ((value: DateRangeValue) => void) | undefined;\r\n  minDate?: Date | null | undefined;\r\n  maxDate?: Date | null | undefined;\r\n  disablePast?: boolean | undefined;\r\n  disableFuture?: boolean | undefined;\r\n  disabled?: boolean | undefined;\r\n  readOnly?: boolean | undefined;\r\n  presets?: DateRangePreset[] | undefined;\r\n  adapterLocale?: string | undefined;\r\n  labels?: DateRangeLabels | undefined;\r\n  sx?: SxProps<Theme> | undefined;\r\n}\r\n\r\nconst DEFAULT_LABELS = Object.freeze({\r\n  startLabel:   \"Du\",\r\n  endLabel:     \"Au\",\r\n  presetsAria:  \"Raccourcis\",\r\n});\r\n\r\n// Hoisted sx for visible elements that don't depend on props. The\r\n// preset button sx is hoisted too — same emotion-cache rationale as\r\n// Batch 14 D5.\r\nconst ROOT_SX = Object.freeze({\r\n  display: \"flex\",\r\n  flexDirection: { xs: \"column\", sm: \"row\" },\r\n  gap: \"var(--s-3)\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst PRESETS_GROUP_SX = Object.freeze({\r\n  display: \"flex\",\r\n  flexDirection: { xs: \"row\", sm: \"column\" },\r\n  gap: \"var(--s-1)\",\r\n  flexWrap: \"wrap\",\r\n  minWidth: { sm: 140 },\r\n} satisfies SxProps<Theme>);\r\n\r\nconst PICKERS_ROW_SX = Object.freeze({\r\n  display: \"flex\",\r\n  flexDirection: { xs: \"column\", sm: \"row\" },\r\n  gap: \"var(--s-2)\",\r\n  flex: 1,\r\n  alignItems: { sm: \"flex-end\" },\r\n} satisfies SxProps<Theme>);\r\n\r\nconst FIELD_BLOCK_SX = Object.freeze({\r\n  flex: 1,\r\n  display: \"flex\",\r\n  flexDirection: \"column\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst FIELD_LABEL_SX = Object.freeze({\r\n  fontSize: \"var(--text-xs)\",\r\n  fontWeight: \"var(--fw-medium)\",\r\n  color: \"var(--fg-muted)\",\r\n  display: \"block\",\r\n  marginBottom: \"var(--s-1)\",\r\n} satisfies SxProps<Theme>);\r\n\r\n// Visual range separator. transform: scaleX(...) flips on [dir=\"rtl\"]\r\n// via --pui-rtl-flip (declared in base.css). Hidden from SR — the\r\n// labels Du / Au already convey the relationship.\r\nconst SEPARATOR_SX = Object.freeze({\r\n  flex: \"0 0 auto\",\r\n  color: \"var(--fg-muted)\",\r\n  fontSize: \"var(--text-sm)\",\r\n  // align with the inputs (which sit at the bottom of FIELD_BLOCK_SX\r\n  // because the label is above them in the same column).\r\n  paddingBottom: \"var(--s-2)\",\r\n  transform: \"scaleX(var(--pui-rtl-flip, 1))\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst PRESET_BUTTON_SX = Object.freeze({\r\n  font: \"inherit\",\r\n  background: \"transparent\",\r\n  border: \"1px solid var(--border)\",\r\n  color: \"var(--fg)\",\r\n  padding: \"var(--s-1) var(--s-3)\",\r\n  borderRadius: \"var(--r-sm)\",\r\n  fontSize: \"var(--text-xs)\",\r\n  fontWeight: \"var(--fw-medium)\",\r\n  cursor: \"pointer\",\r\n  textAlign: \"start\", // RTL-safe equivalent of \"left\"\r\n  whiteSpace: \"nowrap\",\r\n  minHeight: \"var(--tactile-min)\",\r\n  \"&:hover:not(:disabled)\": {\r\n    background: \"var(--bg-hover)\",\r\n    borderColor: \"var(--accent)\",\r\n    color: \"var(--accent)\",\r\n  },\r\n  \"&:focus-visible\": {\r\n    outline: \"2px solid var(--accent)\",\r\n    outlineOffset: \"var(--pui-outline-offset)\",\r\n  },\r\n  \"&:disabled\": {\r\n    opacity: 0.5,\r\n    cursor: \"not-allowed\",\r\n  },\r\n} satisfies SxProps<Theme>);\r\n\r\nfunction DateRangePicker({\r\n  value,\r\n  onChange,\r\n  minDate,\r\n  maxDate,\r\n  disablePast = false,\r\n  disableFuture = false,\r\n  disabled = false,\r\n  readOnly = false,\r\n  presets,\r\n  adapterLocale = \"fr\",\r\n  labels,\r\n  sx,\r\n}: DateRangePickerProps) {\r\n  const L = mergeLabels(DEFAULT_LABELS, labels);\r\n  const startDate = value?.startDate ?? null;\r\n  const endDate   = value?.endDate ?? null;\r\n\r\n  const startInputId = React.useId();\r\n  const endInputId   = React.useId();\r\n\r\n  const setStart = (next: Date | null) => {\r\n    if (!onChange) return;\r\n    let newEnd = endDate;\r\n    // Cross-validation: clamp end UP if the new start exceeds it.\r\n    if (next && endDate && next > endDate) newEnd = next;\r\n    onChange({ startDate: next, endDate: newEnd });\r\n  };\r\n\r\n  const setEnd = (next: Date | null) => {\r\n    if (!onChange) return;\r\n    let newStart = startDate;\r\n    // Cross-validation: clamp start DOWN if the new end precedes it.\r\n    if (next && startDate && next < startDate) newStart = next;\r\n    onChange({ startDate: newStart, endDate: next });\r\n  };\r\n\r\n  const applyPreset = (preset: DateRangePreset) => {\r\n    if (!onChange) return;\r\n    onChange({ startDate: preset.from, endDate: preset.to });\r\n  };\r\n\r\n  // The end picker's effective minDate is max(startDate, props.minDate).\r\n  // Computing it here means the calendar dialog itself disables dates\r\n  // before the start — the cross-validation in setEnd is the fallback\r\n  // for direct text-typing.\r\n  const endEffectiveMinDate =\r\n    startDate && minDate\r\n      ? (startDate > minDate ? startDate : minDate)\r\n      : (startDate || minDate);\r\n\r\n  return (\r\n    <Box sx={sx ? { ...ROOT_SX, ...sx } : ROOT_SX}>\r\n      {presets && presets.length > 0 && (\r\n        <Box role=\"group\" aria-label={L.presetsAria} sx={PRESETS_GROUP_SX}>\r\n          {presets.map((p, i) => (\r\n            <Box\r\n              component=\"button\"\r\n              type=\"button\"\r\n              key={p.id ?? i}\r\n              onClick={() => applyPreset(p)}\r\n              disabled={disabled || readOnly}\r\n              sx={PRESET_BUTTON_SX}\r\n            >\r\n              {p.label}\r\n            </Box>\r\n          ))}\r\n        </Box>\r\n      )}\r\n\r\n      <Box sx={PICKERS_ROW_SX}>\r\n        <Box sx={FIELD_BLOCK_SX}>\r\n          <Box component=\"label\" htmlFor={startInputId} sx={FIELD_LABEL_SX}>\r\n            {L.startLabel}\r\n          </Box>\r\n          <DatePicker\r\n            value={startDate}\r\n            onChange={setStart}\r\n            {...(minDate != null ? { minDate } : {})}\r\n            {...(maxDate != null ? { maxDate } : {})}\r\n            disablePast={disablePast}\r\n            disableFuture={disableFuture}\r\n            disabled={disabled}\r\n            readOnly={readOnly}\r\n            adapterLocale={adapterLocale}\r\n            inputProps={{ id: startInputId }}\r\n          />\r\n        </Box>\r\n\r\n        <Box aria-hidden=\"true\" sx={SEPARATOR_SX}>→</Box>\r\n\r\n        <Box sx={FIELD_BLOCK_SX}>\r\n          <Box component=\"label\" htmlFor={endInputId} sx={FIELD_LABEL_SX}>\r\n            {L.endLabel}\r\n          </Box>\r\n          <DatePicker\r\n            value={endDate}\r\n            onChange={setEnd}\r\n            {...(endEffectiveMinDate != null ? { minDate: endEffectiveMinDate } : {})}\r\n            {...(maxDate != null ? { maxDate } : {})}\r\n            disablePast={disablePast}\r\n            disableFuture={disableFuture}\r\n            disabled={disabled}\r\n            readOnly={readOnly}\r\n            adapterLocale={adapterLocale}\r\n            inputProps={{ id: endInputId }}\r\n          />\r\n        </Box>\r\n      </Box>\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default DateRangePicker;\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,182 @@
+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", "minDate", "maxDate", "disablePast", "disableFuture", "disabled", "readOnly", "error", "placeholder", "fullWidth", "ampm", "minutesStep", "inputProps", "adapterLocale", "sx"],
+  _excluded2 = ["id", "aria-describedby", "aria-invalid", "aria-required", "aria-labelledby"];
+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 { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
+import { DateTimePicker as MuiDateTimePicker } from "@mui/x-date-pickers/DateTimePicker";
+import { AdapterMoment } from "@mui/x-date-pickers/AdapterMoment";
+import "moment/locale/fr";
+import { dateToMoment, momentToDate } from "./_pickerShared";
+
+/**
+ * DateTimePicker — Portnet UI v2
+ *
+ * Extends the DatePicker family (Charter §03) for date+time-of-day
+ * workflows: LC validity to the minute, audit-log timestamps,
+ * scheduled exports, deadline pickers.
+ *
+ *   <Field label="Date d'échéance">
+ *     <DateTimePicker
+ *       value={deadline}
+ *       onChange={setDeadline}
+ *       minDate={new Date()}
+ *     />
+ *   </Field>
+ *
+ * Value contract:
+ *   Same as DatePicker — value/onChange exchange Date | null. Invalid
+ *   dates are coerced to null. Hosts never receive Invalid Date.
+ *
+ * Locale:
+ *   adapterLocale defaults to "fr". Hosts using other locales must
+ *   import the matching moment locale data themselves:
+ *
+ *     import "moment/locale/ar";
+ *     <DateTimePicker adapterLocale="ar" />
+ *
+ * Format:
+ *   Display + parse: AAAA-MM-JJ HH:MM (24h). MUI X v6+ derives the
+ *   input mask from this format string automatically.
+ *   ampm={true} switches to 12h with AM/PM marker — opt-in for hosts
+ *   targeting English-speaking users.
+ *
+ * Constraints:
+ *   minDate / maxDate accept Date objects. They bound the DATE part;
+ *   the picker dialog also lets the user choose hours/minutes within
+ *   the resulting day.
+ *
+ * A11y (DP-1): as with DatePicker, when used inside <Field> the injected id +
+ * aria-describedby / aria-invalid / aria-required are intercepted and routed
+ * onto the field <input> via slotProps.htmlInput (MUI X does not forward
+ * top-level aria/id to the input). Explicit `inputProps` still win.
+ *
+ * MUI X v9 surface notes (migrated from v5 in Batch 4):
+ *   See DatePicker.tsx for the same rationale — renderInput +
+ *   inputFormat + mask removed in favor of the unified slots /
+ *   slotProps + format API. The textField slot is the canonical
+ *   input customisation entry point; slotProps.htmlInput is the v9
+ *   landing zone for what used to be TextField's inputProps.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+var CHARTER_FORMAT = "YYYY-MM-DD HH:mm";
+var DateTimePicker = /*#__PURE__*/React.forwardRef(function DateTimePicker(_ref, ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    onBlur = _ref.onBlur,
+    minDate = _ref.minDate,
+    maxDate = _ref.maxDate,
+    _ref$disablePast = _ref.disablePast,
+    disablePast = _ref$disablePast === void 0 ? false : _ref$disablePast,
+    _ref$disableFuture = _ref.disableFuture,
+    disableFuture = _ref$disableFuture === void 0 ? false : _ref$disableFuture,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$readOnly = _ref.readOnly,
+    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
+    error = _ref.error,
+    _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? "AAAA-MM-JJ HH:MM" : _ref$placeholder,
+    _ref$fullWidth = _ref.fullWidth,
+    fullWidth = _ref$fullWidth === void 0 ? true : _ref$fullWidth,
+    _ref$ampm = _ref.ampm,
+    ampm = _ref$ampm === void 0 ? false : _ref$ampm,
+    _ref$minutesStep = _ref.minutesStep,
+    minutesStep = _ref$minutesStep === void 0 ? 1 : _ref$minutesStep,
+    inputProps = _ref.inputProps,
+    _ref$adapterLocale = _ref.adapterLocale,
+    adapterLocale = _ref$adapterLocale === void 0 ? "fr" : _ref$adapterLocale,
+    sx = _ref.sx,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  // DP-1 — see DatePicker.tsx. Field cloneElement-injects the label + hint/error
+  // association props onto this child; MUI X won't forward top-level aria/id to
+  // the field input, so intercept them (cast — not part of the picker props) and
+  // route them onto the <input> via slotProps.htmlInput below. Everything else
+  // stays in domRest for MuiDateTimePicker.
+  var _ref2 = rest,
+    fieldId = _ref2.id,
+    ariaDescribedby = _ref2["aria-describedby"],
+    ariaInvalid = _ref2["aria-invalid"],
+    ariaRequired = _ref2["aria-required"],
+    ariaLabelledby = _ref2["aria-labelledby"],
+    domRest = _objectWithoutProperties(_ref2, _excluded2);
+  var handleChange = function handleChange(next) {
+    if (!onChange) return;
+    onChange(momentToDate(next));
+  };
+
+  // MUI X v9 — see DatePicker.tsx for the slotProps.textField +
+  // nested slotProps.htmlInput rationale. htmlInput is also the DP-1
+  // landing zone for the Field-injected id + aria-* so the label /
+  // hint / error associate with the date-time input.
+  var slotProps = React.useMemo(function () {
+    return {
+      textField: _objectSpread(_objectSpread({
+        ref: ref,
+        error: !!error,
+        fullWidth: fullWidth,
+        size: "small"
+      }, onBlur ? {
+        onBlur: onBlur
+      } : {}), {}, {
+        sx: _objectSpread({
+          // R-T.3 — tabular-nums for vertical alignment in tables/forms.
+          "& .MuiOutlinedInput-input": {
+            fontVariantNumeric: "tabular-nums"
+          }
+        }, sx),
+        slotProps: {
+          htmlInput: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+            placeholder: placeholder
+          }, fieldId != null ? {
+            id: fieldId
+          } : {}), ariaDescribedby != null ? {
+            "aria-describedby": ariaDescribedby
+          } : {}), ariaInvalid != null ? {
+            "aria-invalid": ariaInvalid
+          } : {}), ariaRequired != null ? {
+            "aria-required": ariaRequired
+          } : {}), ariaLabelledby != null ? {
+            "aria-labelledby": ariaLabelledby
+          } : {}), inputProps)
+        }
+      })
+    };
+  }, [ref, error, fullWidth, onBlur, sx, placeholder, inputProps, fieldId, ariaDescribedby, ariaInvalid, ariaRequired, ariaLabelledby]);
+
+  // exactOptionalPropertyTypes: MUI's minDate/maxDate are `Moment` (not
+  // `Moment | undefined`), so spread the key only when a bound is set
+  // rather than passing an explicit `undefined`.
+  var minDateM = minDate ? dateToMoment(minDate) : null;
+  var maxDateM = maxDate ? dateToMoment(maxDate) : null;
+  return /*#__PURE__*/_jsx(LocalizationProvider, {
+    dateAdapter: AdapterMoment,
+    adapterLocale: adapterLocale,
+    children: /*#__PURE__*/_jsx(MuiDateTimePicker, _objectSpread(_objectSpread(_objectSpread({
+      value: dateToMoment(value),
+      onChange: handleChange
+    }, minDateM ? {
+      minDate: minDateM
+    } : {}), maxDateM ? {
+      maxDate: maxDateM
+    } : {}), {}, {
+      disablePast: disablePast,
+      disableFuture: disableFuture,
+      disabled: disabled,
+      readOnly: readOnly,
+      ampm: ampm,
+      minutesStep: minutesStep,
+      format: CHARTER_FORMAT,
+      slotProps: slotProps
+    }, domRest))
+  });
+});
+export var DATETIME_FORMAT_CHARTER = CHARTER_FORMAT;
+export default DateTimePicker;
+//# sourceMappingURL=DateTimePicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker.js","names":["React","LocalizationProvider","DateTimePicker","MuiDateTimePicker","AdapterMoment","dateToMoment","momentToDate","jsx","_jsx","CHARTER_FORMAT","forwardRef","_ref","ref","value","onChange","onBlur","minDate","maxDate","_ref$disablePast","disablePast","_ref$disableFuture","disableFuture","_ref$disabled","disabled","_ref$readOnly","readOnly","error","_ref$placeholder","placeholder","_ref$fullWidth","fullWidth","_ref$ampm","ampm","_ref$minutesStep","minutesStep","inputProps","_ref$adapterLocale","adapterLocale","sx","rest","_objectWithoutProperties","_excluded","_ref2","fieldId","id","ariaDescribedby","ariaInvalid","ariaRequired","ariaLabelledby","domRest","_excluded2","handleChange","next","slotProps","useMemo","textField","_objectSpread","size","fontVariantNumeric","htmlInput","minDateM","maxDateM","dateAdapter","children","format","DATETIME_FORMAT_CHARTER"],"sources":["../../../../src/lib/v2/components/DateTimePicker.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { LocalizationProvider } from \"@mui/x-date-pickers/LocalizationProvider\";\r\nimport { DateTimePicker as MuiDateTimePicker } from \"@mui/x-date-pickers/DateTimePicker\";\r\nimport type { DateTimePickerProps as MuiDateTimePickerProps } from \"@mui/x-date-pickers/DateTimePicker\";\r\nimport { AdapterMoment } from \"@mui/x-date-pickers/AdapterMoment\";\r\nimport type { Moment } from \"moment\";\r\nimport \"moment/locale/fr\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\nimport { dateToMoment, momentToDate } from \"./_pickerShared\";\r\n\r\n/**\r\n * DateTimePicker — Portnet UI v2\r\n *\r\n * Extends the DatePicker family (Charter §03) for date+time-of-day\r\n * workflows: LC validity to the minute, audit-log timestamps,\r\n * scheduled exports, deadline pickers.\r\n *\r\n *   <Field label=\"Date d'échéance\">\r\n *     <DateTimePicker\r\n *       value={deadline}\r\n *       onChange={setDeadline}\r\n *       minDate={new Date()}\r\n *     />\r\n *   </Field>\r\n *\r\n * Value contract:\r\n *   Same as DatePicker — value/onChange exchange Date | null. Invalid\r\n *   dates are coerced to null. Hosts never receive Invalid Date.\r\n *\r\n * Locale:\r\n *   adapterLocale defaults to \"fr\". Hosts using other locales must\r\n *   import the matching moment locale data themselves:\r\n *\r\n *     import \"moment/locale/ar\";\r\n *     <DateTimePicker adapterLocale=\"ar\" />\r\n *\r\n * Format:\r\n *   Display + parse: AAAA-MM-JJ HH:MM (24h). MUI X v6+ derives the\r\n *   input mask from this format string automatically.\r\n *   ampm={true} switches to 12h with AM/PM marker — opt-in for hosts\r\n *   targeting English-speaking users.\r\n *\r\n * Constraints:\r\n *   minDate / maxDate accept Date objects. They bound the DATE part;\r\n *   the picker dialog also lets the user choose hours/minutes within\r\n *   the resulting day.\r\n *\r\n * A11y (DP-1): as with DatePicker, when used inside <Field> the injected id +\r\n * aria-describedby / aria-invalid / aria-required are intercepted and routed\r\n * onto the field <input> via slotProps.htmlInput (MUI X does not forward\r\n * top-level aria/id to the input). Explicit `inputProps` still win.\r\n *\r\n * MUI X v9 surface notes (migrated from v5 in Batch 4):\r\n *   See DatePicker.tsx for the same rationale — renderInput +\r\n *   inputFormat + mask removed in favor of the unified slots /\r\n *   slotProps + format API. The textField slot is the canonical\r\n *   input customisation entry point; slotProps.htmlInput is the v9\r\n *   landing zone for what used to be TextField's inputProps.\r\n */\r\n\r\nconst CHARTER_FORMAT = \"YYYY-MM-DD HH:mm\";\r\n\r\nexport interface DateTimePickerProps\r\n  extends Omit<\r\n    MuiDateTimePickerProps,\r\n    \"value\" | \"onChange\" | \"minDate\" | \"maxDate\" | \"slots\" | \"slotProps\" | \"sx\" | \"ref\"\r\n  > {\r\n  value?: Date | null | undefined;\r\n  onChange?: ((value: Date | null) => void) | undefined;\r\n  onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;\r\n  minDate?: Date | null | undefined;\r\n  maxDate?: Date | null | undefined;\r\n  error?: boolean | undefined;\r\n  placeholder?: string | undefined;\r\n  fullWidth?: boolean | undefined;\r\n  inputProps?: React.InputHTMLAttributes<HTMLInputElement> | undefined;\r\n  adapterLocale?: string | undefined;\r\n  sx?: SxProps<Theme> | undefined;\r\n}\r\n\r\nconst DateTimePicker = React.forwardRef<HTMLDivElement, DateTimePickerProps>(function DateTimePicker(\r\n  {\r\n    value,\r\n    onChange,\r\n    onBlur,\r\n    minDate,\r\n    maxDate,\r\n    disablePast = false,\r\n    disableFuture = false,\r\n    disabled = false,\r\n    readOnly = false,\r\n    error,\r\n    placeholder = \"AAAA-MM-JJ HH:MM\",\r\n    fullWidth = true,\r\n    ampm = false,\r\n    minutesStep = 1,\r\n    inputProps,\r\n    adapterLocale = \"fr\",\r\n    sx,\r\n    ...rest\r\n  },\r\n  ref,\r\n) {\r\n  // DP-1 — see DatePicker.tsx. Field cloneElement-injects the label + hint/error\r\n  // association props onto this child; MUI X won't forward top-level aria/id to\r\n  // the field input, so intercept them (cast — not part of the picker props) and\r\n  // route them onto the <input> via slotProps.htmlInput below. Everything else\r\n  // stays in domRest for MuiDateTimePicker.\r\n  const {\r\n    id: fieldId,\r\n    \"aria-describedby\": ariaDescribedby,\r\n    \"aria-invalid\": ariaInvalid,\r\n    \"aria-required\": ariaRequired,\r\n    \"aria-labelledby\": ariaLabelledby,\r\n    ...domRest\r\n  } = rest as typeof rest & {\r\n    id?: string;\r\n    \"aria-describedby\"?: string;\r\n    \"aria-invalid\"?: boolean | \"true\" | \"false\" | \"grammar\" | \"spelling\";\r\n    \"aria-required\"?: boolean | \"true\" | \"false\";\r\n    \"aria-labelledby\"?: string;\r\n  };\r\n\r\n  const handleChange = (next: Moment | null) => {\r\n    if (!onChange) return;\r\n    onChange(momentToDate(next));\r\n  };\r\n\r\n  // MUI X v9 — see DatePicker.tsx for the slotProps.textField +\r\n  // nested slotProps.htmlInput rationale. htmlInput is also the DP-1\r\n  // landing zone for the Field-injected id + aria-* so the label /\r\n  // hint / error associate with the date-time input.\r\n  const slotProps = React.useMemo<NonNullable<MuiDateTimePickerProps[\"slotProps\"]>>(\r\n    () => ({\r\n      textField: {\r\n        ref,\r\n        error: !!error,\r\n        fullWidth,\r\n        size: \"small\",\r\n        // onBlur: the textField slot types this as FocusEventHandler<HTMLDivElement>;\r\n        // our public onBlur is input-based. Cast (type-only) and include only\r\n        // when defined so no explicit undefined reaches the slot.\r\n        ...(onBlur ? { onBlur: onBlur as unknown as React.FocusEventHandler<HTMLDivElement> } : {}),\r\n        sx: {\r\n          // R-T.3 — tabular-nums for vertical alignment in tables/forms.\r\n          \"& .MuiOutlinedInput-input\": { fontVariantNumeric: \"tabular-nums\" },\r\n          ...sx,\r\n        },\r\n        slotProps: {\r\n          htmlInput: {\r\n            placeholder,\r\n            // DP-1 — Field-injected association attrs land on the <input>.\r\n            ...(fieldId != null ? { id: fieldId } : {}),\r\n            ...(ariaDescribedby != null\r\n              ? { \"aria-describedby\": ariaDescribedby }\r\n              : {}),\r\n            ...(ariaInvalid != null ? { \"aria-invalid\": ariaInvalid } : {}),\r\n            ...(ariaRequired != null ? { \"aria-required\": ariaRequired } : {}),\r\n            ...(ariaLabelledby != null\r\n              ? { \"aria-labelledby\": ariaLabelledby }\r\n              : {}),\r\n            // Explicit host inputProps win over the injected defaults.\r\n            ...inputProps,\r\n          },\r\n        },\r\n      },\r\n    }),\r\n    [\r\n      ref,\r\n      error,\r\n      fullWidth,\r\n      onBlur,\r\n      sx,\r\n      placeholder,\r\n      inputProps,\r\n      fieldId,\r\n      ariaDescribedby,\r\n      ariaInvalid,\r\n      ariaRequired,\r\n      ariaLabelledby,\r\n    ],\r\n  );\r\n\r\n  // exactOptionalPropertyTypes: MUI's minDate/maxDate are `Moment` (not\r\n  // `Moment | undefined`), so spread the key only when a bound is set\r\n  // rather than passing an explicit `undefined`.\r\n  const minDateM = minDate ? dateToMoment(minDate) : null;\r\n  const maxDateM = maxDate ? dateToMoment(maxDate) : null;\r\n\r\n  return (\r\n    <LocalizationProvider dateAdapter={AdapterMoment} adapterLocale={adapterLocale}>\r\n      <MuiDateTimePicker\r\n        value={dateToMoment(value)}\r\n        onChange={handleChange}\r\n        {...(minDateM ? { minDate: minDateM } : {})}\r\n        {...(maxDateM ? { maxDate: maxDateM } : {})}\r\n        disablePast={disablePast}\r\n        disableFuture={disableFuture}\r\n        disabled={disabled}\r\n        readOnly={readOnly}\r\n        ampm={ampm}\r\n        minutesStep={minutesStep}\r\n        format={CHARTER_FORMAT}\r\n        slotProps={slotProps}\r\n        {...domRest}\r\n      />\r\n    </LocalizationProvider>\r\n  );\r\n});\r\n\r\nexport const DATETIME_FORMAT_CHARTER = CHARTER_FORMAT;\r\n\r\nexport default DateTimePicker;\r\n"],"mappings":"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","ignoreList":[]}