mada-design-system 0.2.3 → 0.2.4

package/index.es208.js

@@ -1,13 +1,264 @@
-function e() {
-  return e = Object.assign ? Object.assign.bind() : function(t) {
-    for (var n = 1; n < arguments.length; n++) {
-      var a = arguments[n];
-      for (var r in a)
-        ({}).hasOwnProperty.call(a, r) && (t[r] = a[r]);
-    }
-    return t;
-  }, e.apply(null, arguments);
+import le from "./index.es187.js";
+import L from "./index.es186.js";
+import * as u from "react";
+import e from "./index.es188.js";
+import { clsx as ie } from "./index.es97.js";
+import { PickersMonth as ue } from "./index.es290.js";
+import { useNow as ce, useUtils as S, useDefaultDates as de } from "./index.es191.js";
+import { getMonthCalendarUtilityClass as me } from "./index.es291.js";
+import { getMonthsInYear as he, applyDefaultDate as z } from "./index.es195.js";
+import { singleItemValueManager as A } from "./index.es199.js";
+import { SECTION_TYPE_GRANULARITY as fe } from "./index.es233.js";
+import { useControlledValueWithTimezone as pe } from "./index.es198.js";
+import { DIALOG_WIDTH as be } from "./index.es200.js";
+import { jsx as E } from "react/jsx-runtime";
+import Me from "./index.es201.js";
+import De from "./index.es275.js";
+import ge from "./index.es241.js";
+import m from "./index.es206.js";
+import ye from "./index.es209.js";
+import Ce from "./index.es189.js";
+const we = ["className", "value", "defaultValue", "referenceDate", "disabled", "disableFuture", "disablePast", "maxDate", "minDate", "onChange", "shouldDisableMonth", "readOnly", "disableHighlightToday", "autoFocus", "onMonthFocus", "hasFocus", "onFocusedViewChange", "monthsPerRow", "timezone", "gridLabelId"], Ie = (h) => {
+  const {
+    classes: s
+  } = h;
+  return ye({
+    root: ["root"]
+  }, me, s);
+};
+function Fe(h, s) {
+  const f = S(), r = de(), p = Ce({
+    props: h,
+    name: s
+  });
+  return L({
+    disableFuture: !1,
+    disablePast: !1
+  }, p, {
+    minDate: z(f, p.minDate, r.minDate),
+    maxDate: z(f, p.maxDate, r.maxDate)
+  });
 }
+const xe = Me("div", {
+  name: "MuiMonthCalendar",
+  slot: "Root",
+  overridesResolver: (h, s) => s.root
+})({
+  display: "flex",
+  flexWrap: "wrap",
+  alignContent: "stretch",
+  padding: "0 4px",
+  width: be,
+  // avoid padding increasing width over defined
+  boxSizing: "border-box"
+}), Pe = /* @__PURE__ */ u.forwardRef(function(s, f) {
+  const r = Fe(s, "MuiMonthCalendar"), {
+    className: p,
+    value: _,
+    defaultValue: H,
+    referenceDate: j,
+    disabled: U,
+    disableFuture: w,
+    disablePast: I,
+    maxDate: D,
+    minDate: g,
+    onChange: B,
+    shouldDisableMonth: y,
+    readOnly: W,
+    disableHighlightToday: F,
+    autoFocus: x = !1,
+    onMonthFocus: P,
+    hasFocus: G,
+    onFocusedViewChange: v,
+    monthsPerRow: K = 3,
+    timezone: q,
+    gridLabelId: J
+  } = r, Q = le(r, we), {
+    value: a,
+    handleValueChange: X,
+    timezone: R
+  } = pe({
+    name: "MonthCalendar",
+    timezone: q,
+    value: _,
+    defaultValue: H,
+    onChange: B,
+    valueManager: A
+  }), l = ce(R), T = De(), t = S(), b = u.useMemo(
+    () => A.getInitialReferenceValue({
+      value: a,
+      utils: t,
+      props: r,
+      timezone: R,
+      referenceDate: j,
+      granularity: fe.month
+    }),
+    []
+    // eslint-disable-line react-hooks/exhaustive-deps
+  ), O = r, Z = Ie(O), V = u.useMemo(() => t.getMonth(l), [t, l]), c = u.useMemo(() => a != null ? t.getMonth(a) : F ? null : t.getMonth(b), [a, t, F, b]), [C, Y] = u.useState(() => c || V), [$, ee] = ge({
+    name: "MonthCalendar",
+    state: "hasFocus",
+    controlled: G,
+    default: x ?? !1
+  }), N = m((o) => {
+    ee(o), v && v(o);
+  }), k = u.useCallback((o) => {
+    const n = t.startOfMonth(I && t.isAfter(l, g) ? l : g), i = t.startOfMonth(w && t.isBefore(l, D) ? l : D), d = t.startOfMonth(o);
+    return t.isBefore(d, n) || t.isAfter(d, i) ? !0 : y ? y(d) : !1;
+  }, [w, I, D, g, l, y, t]), oe = m((o, n) => {
+    if (W)
+      return;
+    const i = t.setMonth(a ?? b, n);
+    X(i);
+  }), M = m((o) => {
+    k(t.setMonth(a ?? b, o)) || (Y(o), N(!0), P && P(o));
+  });
+  u.useEffect(() => {
+    Y((o) => c !== null && o !== c ? c : o);
+  }, [c]);
+  const te = m((o, n) => {
+    switch (o.key) {
+      case "ArrowUp":
+        M((12 + n - 3) % 12), o.preventDefault();
+        break;
+      case "ArrowDown":
+        M((12 + n + 3) % 12), o.preventDefault();
+        break;
+      case "ArrowLeft":
+        M((12 + n + (T.direction === "ltr" ? -1 : 1)) % 12), o.preventDefault();
+        break;
+      case "ArrowRight":
+        M((12 + n + (T.direction === "ltr" ? 1 : -1)) % 12), o.preventDefault();
+        break;
+    }
+  }), ne = m((o, n) => {
+    M(n);
+  }), ae = m((o, n) => {
+    C === n && N(!1);
+  });
+  return /* @__PURE__ */ E(xe, L({
+    ref: f,
+    className: ie(Z.root, p),
+    ownerState: O,
+    role: "radiogroup",
+    "aria-labelledby": J
+  }, Q, {
+    children: he(t, a ?? b).map((o) => {
+      const n = t.getMonth(o), i = t.format(o, "monthShort"), d = t.format(o, "month"), se = n === c, re = U || k(o);
+      return /* @__PURE__ */ E(ue, {
+        selected: se,
+        value: n,
+        onClick: oe,
+        onKeyDown: te,
+        autoFocus: $ && n === C,
+        disabled: re,
+        tabIndex: n === C ? 0 : -1,
+        onFocus: ne,
+        onBlur: ae,
+        "aria-current": V === n ? "date" : void 0,
+        "aria-label": d,
+        monthsPerRow: K,
+        children: i
+      }, i);
+    })
+  }));
+});
+process.env.NODE_ENV !== "production" && (Pe.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  autoFocus: e.bool,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * className applied to the root element.
+   */
+  className: e.string,
+  /**
+   * The default selected value.
+   * Used when the component is not controlled.
+   */
+  defaultValue: e.any,
+  /**
+   * If `true` picker is disabled
+   */
+  disabled: e.bool,
+  /**
+   * If `true`, disable values after the current date for date components, time for time components and both for date time components.
+   * @default false
+   */
+  disableFuture: e.bool,
+  /**
+   * If `true`, today's date is rendering without highlighting with circle.
+   * @default false
+   */
+  disableHighlightToday: e.bool,
+  /**
+   * If `true`, disable values before the current date for date components, time for time components and both for date time components.
+   * @default false
+   */
+  disablePast: e.bool,
+  gridLabelId: e.string,
+  hasFocus: e.bool,
+  /**
+   * Maximal selectable date.
+   */
+  maxDate: e.any,
+  /**
+   * Minimal selectable date.
+   */
+  minDate: e.any,
+  /**
+   * Months rendered per row.
+   * @default 3
+   */
+  monthsPerRow: e.oneOf([3, 4]),
+  /**
+   * Callback fired when the value changes.
+   * @template TDate
+   * @param {TDate} value The new value.
+   */
+  onChange: e.func,
+  onFocusedViewChange: e.func,
+  onMonthFocus: e.func,
+  /**
+   * If `true` picker is readonly
+   */
+  readOnly: e.bool,
+  /**
+   * The date used to generate the new value when both `value` and `defaultValue` are empty.
+   * @default The closest valid month using the validation props, except callbacks such as `shouldDisableMonth`.
+   */
+  referenceDate: e.any,
+  /**
+   * Disable specific month.
+   * @template TDate
+   * @param {TDate} month The month to test.
+   * @returns {boolean} If `true`, the month will be disabled.
+   */
+  shouldDisableMonth: e.func,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  /**
+   * Choose which timezone to use for the value.
+   * Example: "default", "system", "UTC", "America/New_York".
+   * If you pass values from other timezones to some props, they will be converted to this timezone before being used.
+   * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
+   * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
+   */
+  timezone: e.string,
+  /**
+   * The selected value.
+   * Used when the component is controlled.
+   */
+  value: e.any
+});
 export {
-  e as default
+  Pe as MonthCalendar,
+  Fe as useMonthCalendarDefaultizedProps
 };

package/index.es209.js

@@ -1,15 +1,19 @@
-function r(t, i) {
-  if (t == null)
-    return {};
-  var o = {};
-  for (var e in t)
-    if ({}.hasOwnProperty.call(t, e)) {
-      if (i.indexOf(e) !== -1)
-        continue;
-      o[e] = t[e];
+function p(i, r, t = void 0) {
+  const e = {};
+  return Object.keys(i).forEach(
+    // `Object.keys(slots)` can't be wider than `T` because we infer `T` from `slots`.
+    // @ts-expect-error https://github.com/microsoft/TypeScript/pull/12253#issuecomment-263132208
+    (f) => {
+      e[f] = i[f].reduce((n, u) => {
+        if (u) {
+          const o = r(u);
+          o !== "" && n.push(o), t && t[u] && n.push(t[u]);
+        }
+        return n;
+      }, []).join(" ");
     }
-  return o;
+  ), e;
 }
 export {
-  r as default
+  p as default
 };

package/index.es21.js

@@ -1,12 +1,12 @@
 import { jsx as e, jsxs as d, Fragment as u } from "react/jsx-runtime";
 import { Slot as B } from "@radix-ui/react-slot";
 import * as i from "react";
-import { useMediaQuery as x } from "./index.es106.js";
+import { useMediaQuery as x } from "./index.es98.js";
 import { cn as c } from "./index.es79.js";
 import { ShouldRender as m } from "./index.es14.js";
 import { DropdownMenu as w, DropdownMenuTrigger as y, DropdownMenuContent as R, DropdownMenuItem as M } from "./index.es30.js";
-import k from "./index.es117.js";
-import C from "./index.es119.js";
+import k from "./index.es109.js";
+import C from "./index.es111.js";
 const b = i.forwardRef(({ ...r }, a) => /* @__PURE__ */ e("nav", { ref: a, "aria-label": "breadcrumb", ...r }));
 b.displayName = "Breadcrumb";
 const g = i.forwardRef(({ className: r, ...a }, n) => /* @__PURE__ */ e(

package/index.es210.js

@@ -1,15 +1,23 @@
-import { getDefaultExportFromCjs as e } from "./index.es173.js";
-import { __module as r } from "./index.es239.js";
-import { __require as o } from "./index.es240.js";
-import { __require as t } from "./index.es241.js";
-import { __require as p } from "./index.es242.js";
-if (process.env.NODE_ENV !== "production") {
-  var s = o(), i = !0;
-  r.exports = t()(s.isElement, i);
-} else
-  r.exports = p()();
-var m = r.exports;
-const q = /* @__PURE__ */ e(m);
+import s from "./index.es309.js";
+const t = {
+  active: "active",
+  checked: "checked",
+  completed: "completed",
+  disabled: "disabled",
+  error: "error",
+  expanded: "expanded",
+  focused: "focused",
+  focusVisible: "focusVisible",
+  open: "open",
+  readOnly: "readOnly",
+  required: "required",
+  selected: "selected"
+};
+function o(d, e, r = "Mui") {
+  const a = t[e];
+  return a ? `${r}-${a}` : `${s.generate(d)}-${e}`;
+}
 export {
-  q as default
+  o as default,
+  t as globalStateClasses
 };

package/index.es211.js

@@ -1,108 +1,10 @@
-import l from "./index.es208.js";
-import * as i from "react";
-import { useIsDateDisabled as F } from "./index.es243.js";
-import { useNow as I, useUtils as k } from "./index.es212.js";
-import { singleItemValueManager as x } from "./index.es220.js";
-import { SECTION_TYPE_GRANULARITY as T } from "./index.es244.js";
-import N from "./index.es227.js";
-const P = (a, s, r) => (n, e) => {
-  switch (e.type) {
-    case "changeMonth":
-      return l({}, n, {
-        slideDirection: e.direction,
-        currentMonth: e.newMonth,
-        isMonthSwitchingAnimating: !a
-      });
-    case "finishMonthSwitchingAnimation":
-      return l({}, n, {
-        isMonthSwitchingAnimating: !1
-      });
-    case "changeFocusedDay": {
-      if (n.focusedDay != null && e.focusedDay != null && r.isSameDay(e.focusedDay, n.focusedDay))
-        return n;
-      const h = e.focusedDay != null && !s && !r.isSameMonth(n.currentMonth, e.focusedDay);
-      return l({}, n, {
-        focusedDay: e.focusedDay,
-        isMonthSwitchingAnimating: h && !a && !e.withoutMonthSwitchingAnimation,
-        currentMonth: h ? r.startOfMonth(e.focusedDay) : n.currentMonth,
-        slideDirection: e.focusedDay != null && r.isAfterDay(e.focusedDay, n.currentMonth) ? "left" : "right"
-      });
-    }
-    default:
-      throw new Error("missing support");
-  }
-}, z = (a) => {
-  const {
-    value: s,
-    referenceDate: r,
-    defaultCalendarMonth: n,
-    disableFuture: e,
-    disablePast: h,
-    disableSwitchToMonthOnDayFocus: y = !1,
-    maxDate: w,
-    minDate: S,
-    onMonthChange: f,
-    reduceAnimations: p,
-    shouldDisableDate: A,
-    timezone: d
-  } = a, b = I(d), o = k(), C = i.useRef(P(!!p, y, o)).current, m = i.useMemo(
-    () => {
-      let t = null;
-      return r ? t = r : n && (t = o.startOfMonth(n)), x.getInitialReferenceValue({
-        value: s,
-        utils: o,
-        timezone: d,
-        props: a,
-        referenceDate: t,
-        granularity: T.day
-      });
-    },
-    []
-    // eslint-disable-line react-hooks/exhaustive-deps
-  ), [u, D] = i.useReducer(C, {
-    isMonthSwitchingAnimating: !1,
-    focusedDay: o.isValid(s) ? s : b,
-    currentMonth: o.startOfMonth(m),
-    slideDirection: "left"
-  }), M = i.useCallback((t) => {
-    D(l({
-      type: "changeMonth"
-    }, t)), f && f(t.newMonth);
-  }, [f]), R = i.useCallback((t) => {
-    const c = t;
-    o.isSameMonth(c, u.currentMonth) || M({
-      newMonth: o.startOfMonth(c),
-      direction: o.isAfterDay(c, u.currentMonth) ? "left" : "right"
-    });
-  }, [u.currentMonth, M, o]), g = F({
-    shouldDisableDate: A,
-    minDate: S,
-    maxDate: w,
-    disableFuture: e,
-    disablePast: h,
-    timezone: d
-  }), O = i.useCallback(() => {
-    D({
-      type: "finishMonthSwitchingAnimation"
-    });
-  }, []), E = N((t, c) => {
-    g(t) || D({
-      type: "changeFocusedDay",
-      focusedDay: t,
-      withoutMonthSwitchingAnimation: c
-    });
-  });
-  return {
-    referenceDate: m,
-    calendarState: u,
-    changeMonth: R,
-    changeFocusedDay: E,
-    isDateDisabled: g,
-    onMonthSwitchingAnimationEnd: O,
-    handleChangeMonth: M
-  };
-};
+import s from "./index.es210.js";
+function l(r, a, i = "Mui") {
+  const t = {};
+  return a.forEach((e) => {
+    t[e] = s(r, e, i);
+  }), t;
+}
 export {
-  P as createCalendarStateReducer,
-  z as useCalendarState
+  l as default
 };

package/index.es212.js

@@ -1,27 +1,7 @@
-import r from "./index.es208.js";
-import * as e from "react";
-import { MuiPickersAdapterContext as a } from "./index.es123.js";
-import { DEFAULT_LOCALE as s } from "./index.es245.js";
-const i = () => {
-  const t = e.useContext(a);
-  if (t === null)
-    throw new Error(["MUI: Can not find the date and time pickers localization context.", "It looks like you forgot to wrap your component in LocalizationProvider.", "This can also happen if you are bundling multiple versions of the `@mui/x-date-pickers` package"].join(`
-`));
-  if (t.utils === null)
-    throw new Error(["MUI: Can not find the date and time pickers adapter from its localization context.", "It looks like you forgot to pass a `dateAdapter` to your LocalizationProvider."].join(`
-`));
-  const o = e.useMemo(() => r({}, s, t.localeText), [t.localeText]);
-  return e.useMemo(() => r({}, t, {
-    localeText: o
-  }), [t, o]);
-}, l = () => i().utils, f = () => i().defaultDates, p = () => i().localeText, m = (t) => {
-  const o = l(), n = e.useRef();
-  return n.current === void 0 && (n.current = o.dateWithTimezone(void 0, t)), n.current;
-};
+import a from "./index.es210.js";
+import t from "./index.es211.js";
+const n = (e) => a("MuiDayCalendar", e);
+t("MuiDayCalendar", ["root", "header", "weekDayLabel", "loadingContainer", "slideTransition", "monthContainer", "weekContainer", "weekNumberLabel", "weekNumber"]);
 export {
-  f as useDefaultDates,
-  p as useLocaleText,
-  i as useLocalizationContext,
-  m as useNow,
-  l as useUtils
+  n as getDayCalendarUtilityClass
 };

package/index.es213.js

@@ -1,53 +1,7 @@
-import "react";
-import { clsx as p } from "./index.es96.js";
-import { getPickersFadeTransitionGroupUtilityClass as c } from "./index.es235.js";
-import { jsx as s } from "react/jsx-runtime";
-import u from "./index.es222.js";
-import l from "./index.es246.js";
-import d from "./index.es231.js";
-import f from "./index.es247.js";
-import T from "./index.es248.js";
-import h from "./index.es230.js";
-const k = (r) => {
-  const {
-    classes: o
-  } = r;
-  return h({
-    root: ["root"]
-  }, c, o);
-}, F = u(l, {
-  name: "MuiPickersFadeTransitionGroup",
-  slot: "Root",
-  overridesResolver: (r, o) => o.root
-})({
-  display: "block",
-  position: "relative"
-});
-function N(r) {
-  const o = d({
-    props: r,
-    name: "MuiPickersFadeTransitionGroup"
-  }), {
-    children: t,
-    className: i,
-    reduceAnimations: n,
-    transKey: a
-  } = o, m = k(o), e = f();
-  return n ? t : /* @__PURE__ */ s(F, {
-    className: p(m.root, i),
-    children: /* @__PURE__ */ s(T, {
-      appear: !1,
-      mountOnEnter: !0,
-      unmountOnExit: !0,
-      timeout: {
-        appear: e.transitions.duration.enteringScreen,
-        enter: e.transitions.duration.enteringScreen,
-        exit: 0
-      },
-      children: t
-    }, a)
-  });
-}
+import r from "./index.es210.js";
+import t from "./index.es211.js";
+const s = (i) => r("MuiPickersFadeTransitionGroup", i);
+t("MuiPickersFadeTransitionGroup", ["root"]);
 export {
-  N as PickersFadeTransitionGroup
+  s as getPickersFadeTransitionGroupUtilityClass
 };