mada-design-system 0.2.7 → 0.2.8

package/index.es204.js

@@ -1,27 +1,108 @@
-import a from "./index.es369.js";
-import P from "./index.es370.js";
-import S from "./index.es371.js";
-import c from "./index.es366.js";
-function k(r) {
-  var t;
+import l from "./index.es201.js";
+import * as i from "react";
+import { useIsDateDisabled as F } from "./index.es237.js";
+import { useNow as I, useUtils as k } from "./index.es205.js";
+import { singleItemValueManager as x } from "./index.es213.js";
+import { SECTION_TYPE_GRANULARITY as T } from "./index.es238.js";
+import N from "./index.es220.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 {
-    elementType: p,
-    externalSlotProps: s,
-    ownerState: e,
-    skipResolvingSlotProps: n = !1,
-    ...l
-  } = r, o = n ? {} : a(s, e), {
-    props: f,
-    internalRef: i
-  } = P({
-    ...l,
-    externalSlotProps: o
-  }), m = S(i, o == null ? void 0 : o.ref, (t = r.additionalProps) == null ? void 0 : t.ref);
-  return c(p, {
-    ...f,
-    ref: m
-  }, e);
-}
+    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
+  };
+};
 export {
-  k as default
+  P as createCalendarStateReducer,
+  z as useCalendarState
 };

package/index.es205.js

@@ -1,14 +1,27 @@
-import * as t from "react";
-import c from "./index.es288.js";
-function f(e) {
-  const r = t.useRef(e);
-  return c(() => {
-    r.current = e;
-  }), t.useRef((...u) => (
-    // @ts-expect-error hide `this`
-    (0, r.current)(...u)
-  )).current;
-}
+import r from "./index.es201.js";
+import * as e from "react";
+import { MuiPickersAdapterContext as a } from "./index.es122.js";
+import { DEFAULT_LOCALE as s } from "./index.es239.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;
+};
 export {
-  f as default
+  f as useDefaultDates,
+  p as useLocaleText,
+  i as useLocalizationContext,
+  m as useNow,
+  l as useUtils
 };

package/index.es206.js

@@ -1,281 +1,53 @@
-import ue from "./index.es187.js";
-import S from "./index.es186.js";
-import * as a from "react";
-import r from "./index.es188.js";
-import { clsx as ce } from "./index.es96.js";
-import { PickersYear as fe } from "./index.es290.js";
-import { useNow as de, useUtils as V, useDefaultDates as me } from "./index.es190.js";
-import { getYearCalendarUtilityClass as pe } from "./index.es291.js";
-import { applyDefaultDate as E } from "./index.es194.js";
-import { singleItemValueManager as L } from "./index.es198.js";
-import { SECTION_TYPE_GRANULARITY as be } from "./index.es233.js";
-import { useControlledValueWithTimezone as he } from "./index.es197.js";
-import { DIALOG_WIDTH as ge, MAX_CALENDAR_HEIGHT as De } from "./index.es199.js";
-import { jsx as M } from "react/jsx-runtime";
-import Ye from "./index.es200.js";
-import ye from "./index.es275.js";
-import Ce from "./index.es241.js";
-import m from "./index.es205.js";
-import we from "./index.es287.js";
-import Fe from "./index.es208.js";
-import Pe from "./index.es209.js";
-const Re = ["autoFocus", "className", "value", "defaultValue", "referenceDate", "disabled", "disableFuture", "disablePast", "maxDate", "minDate", "onChange", "readOnly", "shouldDisableYear", "disableHighlightToday", "onYearFocus", "hasFocus", "onFocusedViewChange", "yearsPerRow", "timezone", "gridLabelId"], xe = (p) => {
+import "react";
+import { clsx as p } from "./index.es98.js";
+import { getPickersFadeTransitionGroupUtilityClass as c } from "./index.es228.js";
+import { jsx as s } from "react/jsx-runtime";
+import u from "./index.es215.js";
+import l from "./index.es240.js";
+import d from "./index.es224.js";
+import f from "./index.es241.js";
+import T from "./index.es242.js";
+import h from "./index.es223.js";
+const k = (r) => {
   const {
-    classes: n
-  } = p;
-  return Fe({
+    classes: o
+  } = r;
+  return h({
     root: ["root"]
-  }, pe, n);
-};
-function ve(p, n) {
-  var b;
-  const l = V(), i = me(), u = Pe({
-    props: p,
-    name: n
-  });
-  return S({
-    disablePast: !1,
-    disableFuture: !1
-  }, u, {
-    yearsPerRow: (b = u.yearsPerRow) != null ? b : 3,
-    minDate: E(l, u.minDate, i.minDate),
-    maxDate: E(l, u.maxDate, i.maxDate)
-  });
-}
-const Te = Ye("div", {
-  name: "MuiYearCalendar",
+  }, c, o);
+}, F = u(l, {
+  name: "MuiPickersFadeTransitionGroup",
   slot: "Root",
-  overridesResolver: (p, n) => n.root
+  overridesResolver: (r, o) => o.root
 })({
-  display: "flex",
-  flexDirection: "row",
-  flexWrap: "wrap",
-  overflowY: "auto",
-  height: "100%",
-  padding: "0 4px",
-  width: ge,
-  maxHeight: De,
-  // avoid padding increasing width over defined
-  boxSizing: "border-box",
+  display: "block",
   position: "relative"
-}), He = /* @__PURE__ */ a.forwardRef(function(n, b) {
-  const l = ve(n, "MuiYearCalendar"), {
-    autoFocus: i,
-    className: u,
-    value: B,
-    defaultValue: j,
-    referenceDate: U,
-    disabled: W,
-    disableFuture: R,
-    disablePast: x,
-    maxDate: D,
-    minDate: Y,
-    onChange: G,
-    readOnly: K,
-    shouldDisableYear: w,
-    disableHighlightToday: v,
-    onYearFocus: T,
-    hasFocus: q,
-    onFocusedViewChange: H,
-    yearsPerRow: F,
-    timezone: X,
-    gridLabelId: $
-  } = l, J = ue(l, Re), {
-    value: s,
-    handleValueChange: Q,
-    timezone: A
-  } = he({
-    name: "YearCalendar",
-    timezone: X,
-    value: B,
-    defaultValue: j,
-    onChange: G,
-    valueManager: L
-  }), h = de(A), I = ye(), t = V(), y = a.useMemo(
-    () => L.getInitialReferenceValue({
-      value: s,
-      utils: t,
-      props: l,
-      timezone: A,
-      referenceDate: U,
-      granularity: be.year
-    }),
-    []
-    // eslint-disable-line react-hooks/exhaustive-deps
-  ), N = l, Z = xe(N), O = a.useMemo(() => t.getYear(h), [t, h]), c = a.useMemo(() => s != null ? t.getYear(s) : v ? null : t.getYear(y), [s, t, v, y]), [P, k] = a.useState(() => c || O), [ee, re] = Ce({
-    name: "YearCalendar",
-    state: "hasFocus",
-    controlled: q,
-    default: i ?? !1
-  }), _ = m((e) => {
-    re(e), H && H(e);
-  }), z = a.useCallback((e) => {
-    if (x && t.isBeforeYear(e, h) || R && t.isAfterYear(e, h) || Y && t.isBeforeYear(e, Y) || D && t.isAfterYear(e, D))
-      return !0;
-    if (!w)
-      return !1;
-    const o = t.startOfYear(e);
-    return w(o);
-  }, [R, x, D, Y, h, w, t]), oe = m((e, o) => {
-    if (K)
-      return;
-    const d = t.setYear(s ?? y, o);
-    Q(d);
-  }), g = m((e) => {
-    z(t.setYear(s ?? y, e)) || (k(e), _(!0), T == null || T(e));
-  });
-  a.useEffect(() => {
-    k((e) => c !== null && e !== c ? c : e);
-  }, [c]);
-  const te = m((e, o) => {
-    switch (e.key) {
-      case "ArrowUp":
-        g(o - F), e.preventDefault();
-        break;
-      case "ArrowDown":
-        g(o + F), e.preventDefault();
-        break;
-      case "ArrowLeft":
-        g(o + (I.direction === "ltr" ? -1 : 1)), e.preventDefault();
-        break;
-      case "ArrowRight":
-        g(o + (I.direction === "ltr" ? 1 : -1)), e.preventDefault();
-        break;
-    }
-  }), ae = m((e, o) => {
-    g(o);
-  }), se = m((e, o) => {
-    P === o && _(!1);
-  }), f = a.useRef(null), ne = we(b, f);
-  return a.useEffect(() => {
-    if (i || f.current === null)
-      return;
-    const e = f.current.querySelector('[tabindex="0"]');
-    if (!e)
-      return;
-    const o = e.offsetHeight, d = e.offsetTop, C = f.current.clientHeight, le = f.current.scrollTop, ie = d + o;
-    o > C || d < le || (f.current.scrollTop = ie - C / 2 - o / 2);
-  }, [i]), /* @__PURE__ */ M(Te, S({
-    ref: ne,
-    className: ce(Z.root, u),
-    ownerState: N,
-    role: "radiogroup",
-    "aria-labelledby": $
-  }, J, {
-    children: t.getYearRange(Y, D).map((e) => {
-      const o = t.getYear(e), d = o === c, C = W || z(e);
-      return /* @__PURE__ */ M(fe, {
-        selected: d,
-        value: o,
-        onClick: oe,
-        onKeyDown: te,
-        autoFocus: ee && o === P,
-        disabled: C,
-        tabIndex: o === P ? 0 : -1,
-        onFocus: ae,
-        onBlur: se,
-        "aria-current": O === o ? "date" : void 0,
-        yearsPerRow: F,
-        children: t.format(e, "year")
-      }, t.format(e, "year"));
-    })
-  }));
-});
-process.env.NODE_ENV !== "production" && (He.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  autoFocus: r.bool,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: r.object,
-  /**
-   * className applied to the root element.
-   */
-  className: r.string,
-  /**
-   * The default selected value.
-   * Used when the component is not controlled.
-   */
-  defaultValue: r.any,
-  /**
-   * If `true` picker is disabled
-   */
-  disabled: r.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: r.bool,
-  /**
-   * If `true`, today's date is rendering without highlighting with circle.
-   * @default false
-   */
-  disableHighlightToday: r.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: r.bool,
-  gridLabelId: r.string,
-  hasFocus: r.bool,
-  /**
-   * Maximal selectable date.
-   */
-  maxDate: r.any,
-  /**
-   * Minimal selectable date.
-   */
-  minDate: r.any,
-  /**
-   * Callback fired when the value changes.
-   * @template TDate
-   * @param {TDate} value The new value.
-   */
-  onChange: r.func,
-  onFocusedViewChange: r.func,
-  onYearFocus: r.func,
-  /**
-   * If `true` picker is readonly
-   */
-  readOnly: r.bool,
-  /**
-   * The date used to generate the new value when both `value` and `defaultValue` are empty.
-   * @default The closest valid year using the validation props, except callbacks such as `shouldDisableYear`.
-   */
-  referenceDate: r.any,
-  /**
-   * Disable specific year.
-   * @template TDate
-   * @param {TDate} year The year to test.
-   * @returns {boolean} If `true`, the year will be disabled.
-   */
-  shouldDisableYear: r.func,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.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: r.string,
-  /**
-   * The selected value.
-   * Used when the component is controlled.
-   */
-  value: r.any,
-  /**
-   * Years rendered per row.
-   * @default 3
-   */
-  yearsPerRow: r.oneOf([3, 4])
 });
+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)
+  });
+}
 export {
-  He as YearCalendar
+  N as PickersFadeTransitionGroup
 };