mada-design-system 0.5.11 → 0.5.12

package/index.es127.js

@@ -1,13 +1,381 @@
-import e from "./index.es191.js";
-const c = e("AccessTime", [
-  [
-    "path",
-    {
-      d: "M11.99 2C6.47 2 2 6.48 2 12C2 17.52 6.47 22 11.99 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 11.99 2ZM12 20C7.58 20 4 16.42 4 12C4 7.58 7.58 4 12 4C16.42 4 20 7.58 20 12C20 16.42 16.42 20 12 20ZM12.5 7H11V13L16.25 16.15L17 14.92L12.5 12.25V7Z",
-      key: "1m56z5"
+import v from "./index.es196.js";
+import fe from "./index.es197.js";
+import * as i from "react";
+import { clsx as de } from "./index.es128.js";
+import e from "./index.es198.js";
+import { useUtils as be, useLocaleText as ge, useNow as Ce } from "./index.es200.js";
+import { createIsAfterIgnoreDatePart as ve } from "./index.es225.js";
+import { getDigitalClockUtilityClass as De } from "./index.es226.js";
+import { useViews as ye } from "./index.es203.js";
+import { DIGITAL_CLOCK_VIEW_HEIGHT as he } from "./index.es209.js";
+import { useControlledValueWithTimezone as Te } from "./index.es207.js";
+import { singleItemValueManager as Ve } from "./index.es208.js";
+import { useClockReferenceDate as ke } from "./index.es227.js";
+import { jsx as D } from "react/jsx-runtime";
+import y from "./index.es210.js";
+import { PickerViewRoot as we } from "./index.es211.js";
+import Ie from "./index.es228.js";
+import Pe from "./index.es229.js";
+import Oe from "./index.es230.js";
+import xe from "./index.es219.js";
+import Re from "./index.es214.js";
+import $ from "./index.es215.js";
+import Me from "./index.es218.js";
+import { alpha as A } from "./index.es231.js";
+const Se = ["ampm", "timeStep", "autoFocus", "components", "componentsProps", "slots", "slotProps", "value", "defaultValue", "referenceDate", "disableIgnoringDatePartForTimeValidation", "maxTime", "minTime", "disableFuture", "disablePast", "minutesStep", "shouldDisableClock", "shouldDisableTime", "onChange", "view", "openTo", "onViewChange", "focusedView", "onFocusedViewChange", "className", "disabled", "readOnly", "views", "skipDisabled", "timezone"], Fe = (o) => {
+  const {
+    classes: a
+  } = o;
+  return Me({
+    root: ["root"],
+    list: ["list"],
+    item: ["item"]
+  }, De, a);
+}, _e = y(we, {
+  name: "MuiDigitalClock",
+  slot: "Root",
+  overridesResolver: (o, a) => a.root
+})(({
+  ownerState: o
+}) => ({
+  overflowY: "auto",
+  width: "100%",
+  "@media (prefers-reduced-motion: no-preference)": {
+    scrollBehavior: o.alreadyRendered ? "smooth" : "auto"
+  },
+  maxHeight: he
+})), Ne = y(Ie, {
+  name: "MuiDigitalClock",
+  slot: "List",
+  overridesResolver: (o, a) => a.list
+})({
+  padding: 0
+}), je = y(Pe, {
+  name: "MuiDigitalClock",
+  slot: "Item",
+  overridesResolver: (o, a) => a.item
+})(({
+  theme: o
+}) => ({
+  padding: "8px 16px",
+  margin: "2px 4px",
+  "&:first-of-type": {
+    marginTop: 4
+  },
+  "&:hover": {
+    backgroundColor: o.vars ? `rgba(${o.vars.palette.primary.mainChannel} / ${o.vars.palette.action.hoverOpacity})` : A(o.palette.primary.main, o.palette.action.hoverOpacity)
+  },
+  "&.Mui-selected": {
+    backgroundColor: (o.vars || o).palette.primary.main,
+    color: (o.vars || o).palette.primary.contrastText,
+    "&:focus-visible, &:hover": {
+      backgroundColor: (o.vars || o).palette.primary.dark
     }
-  ]
-]);
+  },
+  "&.Mui-focusVisible": {
+    backgroundColor: o.vars ? `rgba(${o.vars.palette.primary.mainChannel} / ${o.vars.palette.action.focusOpacity})` : A(o.palette.primary.main, o.palette.action.focusOpacity)
+  }
+})), Le = /* @__PURE__ */ i.forwardRef(function(a, h) {
+  var T, V, k;
+  const r = be(), l = i.useRef(null), H = Oe(h, l), n = xe({
+    props: a,
+    name: "MuiDigitalClock"
+  }), {
+    ampm: G = r.is12HourCycleInCurrentLocale(),
+    timeStep: c = 30,
+    autoFocus: U,
+    components: w,
+    componentsProps: I,
+    slots: P,
+    slotProps: O,
+    value: W,
+    defaultValue: q,
+    referenceDate: B,
+    disableIgnoringDatePartForTimeValidation: x = !1,
+    maxTime: u,
+    minTime: m,
+    disableFuture: R,
+    disablePast: M,
+    minutesStep: S = 1,
+    shouldDisableClock: p,
+    shouldDisableTime: f,
+    onChange: J,
+    view: K,
+    openTo: Y,
+    onViewChange: Q,
+    focusedView: F,
+    onFocusedViewChange: X,
+    className: Z,
+    disabled: ee,
+    readOnly: d,
+    views: oe = ["hours"],
+    skipDisabled: te = !1,
+    timezone: re
+  } = n, se = fe(n, Se), {
+    value: _,
+    handleValueChange: ae,
+    timezone: N
+  } = Te({
+    name: "DigitalClock",
+    timezone: re,
+    value: W,
+    defaultValue: q,
+    onChange: J,
+    valueManager: Ve
+  }), ie = ge(), b = Ce(N), j = i.useMemo(() => v({}, n, {
+    alreadyRendered: !!l.current
+  }), [n]), g = Fe(j), L = (T = (V = P == null ? void 0 : P.digitalClockItem) != null ? V : w == null ? void 0 : w.DigitalClockItem) != null ? T : je, le = Re({
+    elementType: L,
+    externalSlotProps: (k = O == null ? void 0 : O.digitalClockItem) != null ? k : I == null ? void 0 : I.digitalClockItem,
+    ownerState: {},
+    className: g.item
+  }), z = ke({
+    value: _,
+    referenceDate: B,
+    utils: r,
+    props: n,
+    timezone: N
+  }), ne = $((t) => ae(t, "finish", "hours")), {
+    setValueAndGoToNextView: ce
+  } = ye({
+    view: K,
+    views: oe,
+    openTo: Y,
+    onViewChange: Q,
+    onChange: ne,
+    focusedView: F,
+    onFocusedViewChange: X
+  }), ue = $((t) => {
+    ce(t, "finish");
+  });
+  i.useEffect(() => {
+    if (l.current === null)
+      return;
+    const t = l.current.querySelector('[role="listbox"] [role="option"][aria-selected="true"]');
+    if (!t)
+      return;
+    const s = t.offsetTop;
+    l.current.scrollTop = s - 4;
+  });
+  const E = i.useCallback((t) => {
+    const s = ve(x, r), C = () => !(m && s(m, t) || u && s(t, u) || R && s(t, b) || M && s(b, t)), pe = () => r.getMinutes(t) % S !== 0 || p != null && p(r.toJsDate(t).getTime(), "hours") ? !1 : f ? !f(t, "hours") : !0;
+    return !C() || !pe();
+  }, [x, r, m, u, R, b, M, S, p, f]), me = i.useMemo(() => {
+    const t = r.startOfDay(z);
+    return [t, ...Array.from({
+      length: Math.ceil(24 * 60 / c) - 1
+    }, (s, C) => r.addMinutes(t, c * (C + 1)))];
+  }, [z, c, r]);
+  return /* @__PURE__ */ D(_e, v({
+    ref: H,
+    className: de(g.root, Z),
+    ownerState: j
+  }, se, {
+    children: /* @__PURE__ */ D(Ne, {
+      autoFocusItem: U || !!F,
+      role: "listbox",
+      "aria-label": ie.timePickerToolbarTitle,
+      className: g.list,
+      children: me.map((t) => {
+        if (te && E(t))
+          return null;
+        const s = r.isEqual(t, _);
+        return /* @__PURE__ */ D(L, v({
+          onClick: () => !d && ue(t),
+          selected: s,
+          disabled: ee || E(t),
+          disableRipple: d,
+          role: "option",
+          "aria-disabled": d,
+          "aria-selected": s
+        }, le, {
+          children: r.format(t, G ? "fullTime12h" : "fullTime24h")
+        }), r.toISO(t));
+      })
+    })
+  }));
+});
+process.env.NODE_ENV !== "production" && (Le.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * 12h/24h view for hour selection clock.
+   * @default `utils.is12HourCycleInCurrentLocale()`
+   */
+  ampm: e.bool,
+  /**
+   * 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,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  className: e.string,
+  /**
+   * Overrideable components.
+   * @default {}
+   * @deprecated Please use `slots`.
+   */
+  components: e.object,
+  /**
+   * The props used for each component slot.
+   * @default {}
+   * @deprecated Please use `slotProps`.
+   */
+  componentsProps: e.object,
+  /**
+   * The default selected value.
+   * Used when the component is not controlled.
+   */
+  defaultValue: e.any,
+  /**
+   * If `true`, the picker views 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,
+  /**
+   * Do not ignore date part when validating min/max time.
+   * @default false
+   */
+  disableIgnoringDatePartForTimeValidation: 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,
+  /**
+   * Controlled focused view.
+   */
+  focusedView: e.oneOf(["hours"]),
+  /**
+   * Maximal selectable time.
+   * The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
+   */
+  maxTime: e.any,
+  /**
+   * Minimal selectable time.
+   * The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
+   */
+  minTime: e.any,
+  /**
+   * Step over minutes.
+   * @default 1
+   */
+  minutesStep: e.number,
+  /**
+   * 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 view change.
+   * @template TView
+   * @param {TView} view The new view.
+   */
+  onViewChange: 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(["hours"]),
+  /**
+   * If `true`, the picker views and text field are read-only.
+   * @default false
+   */
+  readOnly: e.bool,
+  /**
+   * The date used to generate the new value when both `value` and `defaultValue` are empty.
+   * @default The closest valid time using the validation props, except callbacks such as `shouldDisableTime`.
+   */
+  referenceDate: e.any,
+  /**
+   * Disable specific clock time.
+   * @param {number} clockValue The value to check.
+   * @param {TimeView} view The clock type of the timeValue.
+   * @returns {boolean} If `true` the time will be disabled.
+   * @deprecated Consider using `shouldDisableTime`.
+   */
+  shouldDisableClock: e.func,
+  /**
+   * Disable specific time.
+   * @template TDate
+   * @param {TDate} value The value to check.
+   * @param {TimeView} view The clock type of the timeValue.
+   * @returns {boolean} If `true` the time will be disabled.
+   */
+  shouldDisableTime: e.func,
+  /**
+   * If `true`, disabled digital clock items will not be rendered.
+   * @default false
+   */
+  skipDisabled: e.bool,
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps: e.object,
+  /**
+   * Overrideable 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]),
+  /**
+   * The time steps between two time options.
+   * For example, if `timeStep = 45`, then the available time options will be `[00:00, 00:45, 01:30, 02:15, 03:00, etc.]`.
+   * @default 30
+   */
+  timeStep: e.number,
+  /**
+   * 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(["hours"]),
+  /**
+   * Available views.
+   */
+  views: e.arrayOf(e.oneOf(["hours"]))
+});
 export {
-  c as default
+  Le as DigitalClock
 };