mada-design-system 0.3.0 → 0.4.0

package/index.es123.js

@@ -1,13 +1,518 @@
-import C from "./index.es178.js";
-const e = C("Search", [
-  [
-    "path",
-    {
-      d: "M15.7549 14.2549H14.9649L14.6849 13.9849C15.6649 12.8449 16.2549 11.3649 16.2549 9.75488C16.2549 6.16488 13.3449 3.25488 9.75488 3.25488C6.16488 3.25488 3.25488 6.16488 3.25488 9.75488C3.25488 13.3449 6.16488 16.2549 9.75488 16.2549C11.3649 16.2549 12.8449 15.6649 13.9849 14.6849L14.2549 14.9649V15.7549L19.2549 20.7449L20.7449 19.2549L15.7549 14.2549ZM9.75488 14.2549C7.26488 14.2549 5.25488 12.2449 5.25488 9.75488C5.25488 7.26488 7.26488 5.25488 9.75488 5.25488C12.2449 5.25488 14.2549 7.26488 14.2549 9.75488C14.2549 12.2449 12.2449 14.2549 9.75488 14.2549Z",
-      key: "1ac8z8"
-    }
-  ]
-]);
+import je from "./index.es195.js";
+import h from "./index.es194.js";
+import * as V from "react";
+import e from "./index.es196.js";
+import { clsx as $e } from "./index.es101.js";
+import { useCalendarState as Le } from "./index.es197.js";
+import { useUtils as de, useDefaultDates as ze } from "./index.es198.js";
+import { PickersFadeTransitionGroup as Ie } from "./index.es199.js";
+import { DayCalendar as Ge } from "./index.es200.js";
+import { useViews as Ue } from "./index.es201.js";
+import { applyDefaultDate as re, findClosestEnabledDate as ie, mergeDateAndTime as Be } from "./index.es202.js";
+import { useDefaultReduceAnimations as qe } from "./index.es203.js";
+import { getDateCalendarUtilityClass as Ke } from "./index.es204.js";
+import { useControlledValueWithTimezone as Je } from "./index.es205.js";
+import { singleItemValueManager as Qe } from "./index.es206.js";
+import { VIEW_HEIGHT as Xe } from "./index.es207.js";
+import { jsxs as le, jsx as f } from "react/jsx-runtime";
+import ue from "./index.es208.js";
+import { PickerViewRoot as Ze } from "./index.es209.js";
+import eo from "./index.es210.js";
+import { PickersCalendarHeader as oo } from "./index.es211.js";
+import ao from "./index.es212.js";
+import B from "./index.es213.js";
+import { YearCalendar as no } from "./index.es214.js";
+import { MonthCalendar as to } from "./index.es215.js";
+import so from "./index.es216.js";
+import ro from "./index.es217.js";
+const io = ["autoFocus", "onViewChange", "value", "defaultValue", "referenceDate", "disableFuture", "disablePast", "defaultCalendarMonth", "onChange", "onYearChange", "onMonthChange", "reduceAnimations", "shouldDisableDate", "shouldDisableMonth", "shouldDisableYear", "view", "views", "openTo", "className", "disabled", "readOnly", "minDate", "maxDate", "disableHighlightToday", "focusedView", "onFocusedViewChange", "showDaysOutsideCurrentMonth", "fixedWeekNumber", "dayOfWeekFormatter", "components", "componentsProps", "slots", "slotProps", "loading", "renderLoading", "displayWeekNumber", "yearsPerRow", "monthsPerRow", "timezone"], lo = (m) => {
+  const {
+    classes: i
+  } = m;
+  return so({
+    root: ["root"],
+    viewTransitionContainer: ["viewTransitionContainer"]
+  }, Ke, i);
+};
+function uo(m, i) {
+  var p, D, b, C, a, M, d;
+  const O = de(), F = ze(), k = qe(), t = ro({
+    props: m,
+    name: i
+  });
+  return h({}, t, {
+    loading: (p = t.loading) != null ? p : !1,
+    disablePast: (D = t.disablePast) != null ? D : !1,
+    disableFuture: (b = t.disableFuture) != null ? b : !1,
+    openTo: (C = t.openTo) != null ? C : "day",
+    views: (a = t.views) != null ? a : ["year", "day"],
+    reduceAnimations: (M = t.reduceAnimations) != null ? M : k,
+    renderLoading: (d = t.renderLoading) != null ? d : () => /* @__PURE__ */ f("span", {
+      children: "..."
+    }),
+    minDate: re(O, t.minDate, F.minDate),
+    maxDate: re(O, t.maxDate, F.maxDate)
+  });
+}
+const co = ue(Ze, {
+  name: "MuiDateCalendar",
+  slot: "Root",
+  overridesResolver: (m, i) => i.root
+})({
+  display: "flex",
+  flexDirection: "column",
+  height: Xe
+}), mo = ue(Ie, {
+  name: "MuiDateCalendar",
+  slot: "ViewTransitionContainer",
+  overridesResolver: (m, i) => i.viewTransitionContainer
+})({}), ho = /* @__PURE__ */ V.forwardRef(function(i, p) {
+  var D, b, C;
+  const a = de(), M = eo(), d = uo(i, "MuiDateCalendar"), {
+    autoFocus: O,
+    onViewChange: F,
+    value: k,
+    defaultValue: t,
+    referenceDate: ce,
+    disableFuture: g,
+    disablePast: y,
+    defaultCalendarMonth: me,
+    onChange: he,
+    onYearChange: q,
+    onMonthChange: A,
+    reduceAnimations: T,
+    shouldDisableDate: K,
+    shouldDisableMonth: J,
+    shouldDisableYear: Q,
+    view: fe,
+    views: X,
+    openTo: pe,
+    className: Z,
+    disabled: x,
+    readOnly: De,
+    minDate: u,
+    maxDate: c,
+    disableHighlightToday: be,
+    focusedView: Ce,
+    onFocusedViewChange: ge,
+    showDaysOutsideCurrentMonth: ye,
+    fixedWeekNumber: we,
+    dayOfWeekFormatter: Pe,
+    components: _,
+    componentsProps: H,
+    slots: R,
+    slotProps: N,
+    loading: ve,
+    renderLoading: Ve,
+    displayWeekNumber: Me,
+    yearsPerRow: Oe,
+    monthsPerRow: Fe,
+    timezone: Te
+  } = d, xe = je(d, io), {
+    value: n,
+    handleValueChange: Y,
+    timezone: w
+  } = Je({
+    name: "DateCalendar",
+    timezone: Te,
+    value: k,
+    defaultValue: t,
+    onChange: he,
+    valueManager: Qe
+  }), {
+    view: s,
+    setView: Re,
+    focusedView: E,
+    setFocusedView: P,
+    goToNextView: ee,
+    setValueAndGoToNextView: oe
+  } = Ue({
+    view: fe,
+    views: X,
+    openTo: pe,
+    onChange: Y,
+    onViewChange: F,
+    autoFocus: O,
+    focusedView: Ce,
+    onFocusedViewChange: ge
+  }), {
+    referenceDate: S,
+    calendarState: ae,
+    changeFocusedDay: j,
+    changeMonth: $,
+    handleChangeMonth: Ne,
+    isDateDisabled: W,
+    onMonthSwitchingAnimationEnd: We
+  } = Le({
+    value: n,
+    defaultCalendarMonth: me,
+    referenceDate: ce,
+    reduceAnimations: T,
+    onMonthChange: A,
+    minDate: u,
+    maxDate: c,
+    shouldDisableDate: K,
+    disablePast: y,
+    disableFuture: g,
+    timezone: w
+  }), ke = x && n || u, Ae = x && n || c, ne = `${M}-grid-label`, L = E !== null, te = (D = (b = R == null ? void 0 : R.calendarHeader) != null ? b : _ == null ? void 0 : _.CalendarHeader) != null ? D : oo, _e = ao({
+    elementType: te,
+    externalSlotProps: (C = N == null ? void 0 : N.calendarHeader) != null ? C : H == null ? void 0 : H.calendarHeader,
+    additionalProps: {
+      views: X,
+      view: s,
+      currentMonth: ae.currentMonth,
+      onViewChange: Re,
+      onMonthChange: (o, r) => Ne({
+        newMonth: o,
+        direction: r
+      }),
+      minDate: ke,
+      maxDate: Ae,
+      disabled: x,
+      disablePast: y,
+      disableFuture: g,
+      reduceAnimations: T,
+      timezone: w,
+      labelId: ne,
+      slots: R,
+      slotProps: N
+    },
+    ownerState: d
+  }), He = B((o) => {
+    const r = a.startOfMonth(o), v = a.endOfMonth(o), l = W(o) ? ie({
+      utils: a,
+      date: o,
+      minDate: a.isBefore(u, r) ? r : u,
+      maxDate: a.isAfter(c, v) ? v : c,
+      disablePast: y,
+      disableFuture: g,
+      isDateDisabled: W,
+      timezone: w
+    }) : o;
+    l ? (oe(l, "finish"), A == null || A(r)) : (ee(), $(r)), j(l, !0);
+  }), Ye = B((o) => {
+    const r = a.startOfYear(o), v = a.endOfYear(o), l = W(o) ? ie({
+      utils: a,
+      date: o,
+      minDate: a.isBefore(u, r) ? r : u,
+      maxDate: a.isAfter(c, v) ? v : c,
+      disablePast: y,
+      disableFuture: g,
+      isDateDisabled: W,
+      timezone: w
+    }) : o;
+    l ? (oe(l, "finish"), q == null || q(l)) : (ee(), $(r)), j(l, !0);
+  }), Ee = B((o) => Y(o && Be(a, o, n ?? S), "finish", s));
+  V.useEffect(() => {
+    n != null && a.isValid(n) && $(n);
+  }, [n]);
+  const z = d, se = lo(z), I = {
+    disablePast: y,
+    disableFuture: g,
+    maxDate: c,
+    minDate: u
+  }, G = {
+    disableHighlightToday: be,
+    readOnly: De,
+    disabled: x,
+    timezone: w,
+    gridLabelId: ne
+  }, U = V.useRef(s);
+  V.useEffect(() => {
+    U.current !== s && (E === U.current && P(s, !0), U.current = s);
+  }, [E, P, s]);
+  const Se = V.useMemo(() => [n], [n]);
+  return /* @__PURE__ */ le(co, h({
+    ref: p,
+    className: $e(se.root, Z),
+    ownerState: z
+  }, xe, {
+    children: [/* @__PURE__ */ f(te, h({}, _e)), /* @__PURE__ */ f(mo, {
+      reduceAnimations: T,
+      className: se.viewTransitionContainer,
+      transKey: s,
+      ownerState: z,
+      children: /* @__PURE__ */ le("div", {
+        children: [s === "year" && /* @__PURE__ */ f(no, h({}, I, G, {
+          value: n,
+          onChange: Ye,
+          shouldDisableYear: Q,
+          hasFocus: L,
+          onFocusedViewChange: (o) => P("year", o),
+          yearsPerRow: Oe,
+          referenceDate: S
+        })), s === "month" && /* @__PURE__ */ f(to, h({}, I, G, {
+          hasFocus: L,
+          className: Z,
+          value: n,
+          onChange: He,
+          shouldDisableMonth: J,
+          onFocusedViewChange: (o) => P("month", o),
+          monthsPerRow: Fe,
+          referenceDate: S
+        })), s === "day" && /* @__PURE__ */ f(Ge, h({}, ae, I, G, {
+          onMonthSwitchingAnimationEnd: We,
+          onFocusedDayChange: j,
+          reduceAnimations: T,
+          selectedDays: Se,
+          onSelectedDaysChange: Ee,
+          shouldDisableDate: K,
+          shouldDisableMonth: J,
+          shouldDisableYear: Q,
+          hasFocus: L,
+          onFocusedViewChange: (o) => P("day", o),
+          showDaysOutsideCurrentMonth: ye,
+          fixedWeekNumber: we,
+          dayOfWeekFormatter: Pe,
+          displayWeekNumber: Me,
+          components: _,
+          componentsProps: H,
+          slots: R,
+          slotProps: N,
+          loading: ve,
+          renderLoading: Ve
+        }))]
+      })
+    })]
+  }));
+});
+process.env.NODE_ENV !== "production" && (ho.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * If `true`, the main element is focused during the first mount.
+   * This main element is:
+   * - the element chosen by the visible view if any (i.e: the selected day on the `day` view).
+   * - the `input` element if there is a field rendered.
+   */
+  autoFocus: e.bool,
+  classes: e.object,
+  className: e.string,
+  /**
+   * Overridable components.
+   * @default {}
+   * @deprecated Please use `slots`.
+   */
+  components: e.object,
+  /**
+   * The props used for each component slot.
+   * @default {}
+   * @deprecated Please use `slotProps`.
+   */
+  componentsProps: e.object,
+  /**
+   * Formats the day of week displayed in the calendar header.
+   * @param {string} day The day of week provided by the adapter.  Deprecated, will be removed in v7: Use `date` instead.
+   * @param {TDate} date The date of the day of week provided by the adapter.
+   * @returns {string} The name to display.
+   * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
+   */
+  dayOfWeekFormatter: e.func,
+  /**
+   * Default calendar month displayed when `value` and `defaultValue` are empty.
+   * @deprecated Consider using `referenceDate` instead.
+   */
+  defaultCalendarMonth: e.any,
+  /**
+   * The default selected value.
+   * Used when the component is not controlled.
+   */
+  defaultValue: e.any,
+  /**
+   * If `true`, the picker and text field are disabled.
+   * @default false
+   */
+  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,
+  /**
+   * If `true`, the week number will be display in the calendar.
+   */
+  displayWeekNumber: e.bool,
+  /**
+   * Calendar will show more weeks in order to match this value.
+   * Put it to 6 for having fix number of week in Gregorian calendars
+   * @default undefined
+   */
+  fixedWeekNumber: e.number,
+  /**
+   * Controlled focused view.
+   */
+  focusedView: e.oneOf(["day", "month", "year"]),
+  /**
+   * If `true`, calls `renderLoading` instead of rendering the day calendar.
+   * Can be used to preload information and show it in calendar.
+   * @default false
+   */
+  loading: 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 TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
+   * @template TView The view type. Will be one of date or time views.
+   * @param {TValue} value The new value.
+   * @param {PickerSelectionState | undefined} selectionState Indicates if the date selection is complete.
+   * @param {TView | undefined} selectedView Indicates the view in which the selection has been made.
+   */
+  onChange: e.func,
+  /**
+   * Callback fired on focused view change.
+   * @template TView
+   * @param {TView} view The new view to focus or not.
+   * @param {boolean} hasFocus `true` if the view should be focused.
+   */
+  onFocusedViewChange: e.func,
+  /**
+   * Callback fired on month change.
+   * @template TDate
+   * @param {TDate} month The new month.
+   */
+  onMonthChange: e.func,
+  /**
+   * Callback fired on view change.
+   * @template TView
+   * @param {TView} view The new view.
+   */
+  onViewChange: e.func,
+  /**
+   * Callback fired on year change.
+   * @template TDate
+   * @param {TDate} year The new year.
+   */
+  onYearChange: e.func,
+  /**
+   * The default visible view.
+   * Used when the component view is not controlled.
+   * Must be a valid option from `views` list.
+   */
+  openTo: e.oneOf(["day", "month", "year"]),
+  /**
+   * Make picker read only.
+   * @default false
+   */
+  readOnly: e.bool,
+  /**
+   * If `true`, disable heavy animations.
+   * @default `@media(prefers-reduced-motion: reduce)` || `navigator.userAgent` matches Android <10 or iOS <13
+   */
+  reduceAnimations: e.bool,
+  /**
+   * The date used to generate the new value when both `value` and `defaultValue` are empty.
+   * @default The closest valid date using the validation props, except callbacks such as `shouldDisableDate`.
+   */
+  referenceDate: e.any,
+  /**
+   * Component displaying when passed `loading` true.
+   * @returns {React.ReactNode} The node to render when loading.
+   * @default () => <span data-mui-test="loading-progress">...</span>
+   */
+  renderLoading: e.func,
+  /**
+   * Disable specific date.
+   *
+   * Warning: This function can be called multiple times (e.g. when rendering date calendar, checking if focus can be moved to a certain date, etc.). Expensive computations can impact performance.
+   *
+   * @template TDate
+   * @param {TDate} day The date to test.
+   * @returns {boolean} If `true` the date will be disabled.
+   */
+  shouldDisableDate: e.func,
+  /**
+   * Disable specific month.
+   * @template TDate
+   * @param {TDate} month The month to test.
+   * @returns {boolean} If `true`, the month will be disabled.
+   */
+  shouldDisableMonth: e.func,
+  /**
+   * Disable specific year.
+   * @template TDate
+   * @param {TDate} year The year to test.
+   * @returns {boolean} If `true`, the year will be disabled.
+   */
+  shouldDisableYear: e.func,
+  /**
+   * If `true`, days outside the current month are rendered:
+   *
+   * - if `fixedWeekNumber` is defined, renders days to have the weeks requested.
+   *
+   * - if `fixedWeekNumber` is not defined, renders day to fill the first and last week of the current month.
+   *
+   * - ignored if `calendars` equals more than `1` on range pickers.
+   * @default false
+   */
+  showDaysOutsideCurrentMonth: e.bool,
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps: e.object,
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots: e.object,
+  /**
+   * 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,
+  /**
+   * The visible view.
+   * Used when the component view is controlled.
+   * Must be a valid option from `views` list.
+   */
+  view: e.oneOf(["day", "month", "year"]),
+  /**
+   * Available views.
+   */
+  views: e.arrayOf(e.oneOf(["day", "month", "year"]).isRequired),
+  /**
+   * Years rendered per row.
+   * @default 3
+   */
+  yearsPerRow: e.oneOf([3, 4])
+});
 export {
-  e as default
+  ho as DateCalendar
 };

package/index.es124.js

@@ -1,13 +1,13 @@
-import H from "./index.es178.js";
-const a = H("DateRange", [
+import C from "./index.es182.js";
+const e = C("Search", [
   [
     "path",
     {
-      d: "M7 11H9V13H7V11ZM21 6V20C21 21.1 20.1 22 19 22H5C3.89 22 3 21.1 3 20L3.01 6C3.01 4.9 3.89 4 5 4H6V2H8V4H16V2H18V4H19C20.1 4 21 4.9 21 6ZM5 8H19V6H5V8ZM19 20V10H5V20H19ZM15 13H17V11H15V13ZM11 13H13V11H11V13Z",
-      key: "1kdlay"
+      d: "M15.7549 14.2549H14.9649L14.6849 13.9849C15.6649 12.8449 16.2549 11.3649 16.2549 9.75488C16.2549 6.16488 13.3449 3.25488 9.75488 3.25488C6.16488 3.25488 3.25488 6.16488 3.25488 9.75488C3.25488 13.3449 6.16488 16.2549 9.75488 16.2549C11.3649 16.2549 12.8449 15.6649 13.9849 14.6849L14.2549 14.9649V15.7549L19.2549 20.7449L20.7449 19.2549L15.7549 14.2549ZM9.75488 14.2549C7.26488 14.2549 5.25488 12.2449 5.25488 9.75488C5.25488 7.26488 7.26488 5.25488 9.75488 5.25488C12.2449 5.25488 14.2549 7.26488 14.2549 9.75488C14.2549 12.2449 12.2449 14.2549 9.75488 14.2549Z",
+      key: "1ac8z8"
     }
   ]
 ]);
 export {
-  a as default
+  e as default
 };

package/index.es125.js

@@ -1,13 +1,13 @@
-import t from "./index.es178.js";
-const o = t("ChevronRight", [
+import H from "./index.es182.js";
+const a = H("DateRange", [
   [
     "path",
     {
-      d: "M9.70492 6L8.29492 7.41L12.8749 12L8.29492 16.59L9.70492 18L15.7049 12L9.70492 6Z",
-      key: "xcu7tv"
+      d: "M7 11H9V13H7V11ZM21 6V20C21 21.1 20.1 22 19 22H5C3.89 22 3 21.1 3 20L3.01 6C3.01 4.9 3.89 4 5 4H6V2H8V4H16V2H18V4H19C20.1 4 21 4.9 21 6ZM5 8H19V6H5V8ZM19 20V10H5V20H19ZM15 13H17V11H15V13ZM11 13H13V11H11V13Z",
+      key: "1kdlay"
     }
   ]
 ]);
 export {
-  o as default
+  a as default
 };

package/index.es126.js

@@ -1,13 +1,13 @@
-import e from "./index.es178.js";
-const c = e("Check", [
+import t from "./index.es182.js";
+const o = t("ChevronRight", [
   [
     "path",
     {
-      d: "M8.79508 15.8749L4.62508 11.7049L3.20508 13.1149L8.79508 18.7049L20.7951 6.70492L19.3851 5.29492L8.79508 15.8749Z",
-      key: "5stcsf"
+      d: "M9.70492 6L8.29492 7.41L12.8749 12L8.29492 16.59L9.70492 18L15.7049 12L9.70492 6Z",
+      key: "xcu7tv"
     }
   ]
 ]);
 export {
-  c as default
+  o as default
 };

package/index.es127.js

@@ -1,13 +1,13 @@
-import e from "./index.es178.js";
-const t = e("Circle", [
+import e from "./index.es182.js";
+const c = e("Check", [
   [
     "path",
     {
-      d: "M12 2C6.47 2 2 6.47 2 12C2 17.53 6.47 22 12 22C17.53 22 22 17.53 22 12C22 6.47 17.53 2 12 2Z",
-      key: "arly8y"
+      d: "M8.79508 15.8749L4.62508 11.7049L3.20508 13.1149L8.79508 18.7049L20.7951 6.70492L19.3851 5.29492L8.79508 15.8749Z",
+      key: "5stcsf"
     }
   ]
 ]);
 export {
-  t as default
+  c as default
 };