mada-design-system 0.2.3 → 0.2.4

package/index.es231.js

@@ -1,17 +1,53 @@
-import m from "./index.es279.js";
-import o from "./index.es266.js";
-import t from "./index.es281.js";
-function s({
-  props: e,
-  name: r
-}) {
-  return t({
-    props: e,
-    name: r,
-    defaultTheme: m,
-    themeId: o
-  });
+import { __require as u } from "./index.es258.js";
+var o, p;
+function g() {
+  if (p)
+    return o;
+  p = 1;
+  var c = u();
+  function n() {
+  }
+  function i() {
+  }
+  return i.resetWarningCache = n, o = function() {
+    function e(h, y, m, f, l, s) {
+      if (s !== c) {
+        var a = new Error(
+          "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
+        );
+        throw a.name = "Invariant Violation", a;
+      }
+    }
+    e.isRequired = e;
+    function r() {
+      return e;
+    }
+    var t = {
+      array: e,
+      bigint: e,
+      bool: e,
+      func: e,
+      number: e,
+      object: e,
+      string: e,
+      symbol: e,
+      any: e,
+      arrayOf: r,
+      element: e,
+      elementType: e,
+      instanceOf: r,
+      node: e,
+      objectOf: r,
+      oneOf: r,
+      oneOfType: r,
+      shape: r,
+      exact: r,
+      checkPropTypes: i,
+      resetWarningCache: n
+    };
+    return t.PropTypes = t, t;
+  }, o;
 }
 export {
-  s as default
+  g as __require
 };

package/index.es232.js

@@ -1,23 +1,32 @@
-import s from "./index.es312.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"
+import * as C from "react";
+import { validateDate as e } from "./index.es279.js";
+import { useLocalizationContext as k } from "./index.es191.js";
+const I = ({
+  shouldDisableDate: r,
+  shouldDisableMonth: o,
+  shouldDisableYear: t,
+  minDate: p,
+  maxDate: c,
+  disableFuture: a,
+  disablePast: f,
+  timezone: m
+}) => {
+  const n = k();
+  return C.useCallback((v) => e({
+    adapter: n,
+    value: v,
+    props: {
+      shouldDisableDate: r,
+      shouldDisableMonth: o,
+      shouldDisableYear: t,
+      minDate: p,
+      maxDate: c,
+      disableFuture: a,
+      disablePast: f,
+      timezone: m
+    }
+  }) !== null, [n, r, o, t, p, c, a, f, m]);
 };
-function o(d, e, r = "Mui") {
-  const a = t[e];
-  return a ? `${r}-${a}` : `${s.generate(d)}-${e}`;
-}
 export {
-  o as default,
-  t as globalStateClasses
+  I as useIsDateDisabled
 };

package/index.es233.js

@@ -1,10 +1,36 @@
-import s from "./index.es232.js";
-function l(r, a, i = "Mui") {
-  const t = {};
-  return a.forEach((e) => {
-    t[e] = s(r, e, i);
-  }), t;
-}
+import { createIsAfterIgnoreDatePart as c } from "./index.es280.js";
+import { getTodayDate as r, mergeDateAndTime as T } from "./index.es195.js";
+const t = {
+  year: 1,
+  month: 2,
+  day: 3,
+  hours: 4,
+  minutes: 5,
+  seconds: 6,
+  milliseconds: 7
+}, f = (e, n, a) => {
+  if (n === t.year)
+    return e.startOfYear(a);
+  if (n === t.month)
+    return e.startOfMonth(a);
+  if (n === t.day)
+    return e.startOfDay(a);
+  let i = a;
+  return n < t.minutes && (i = e.setMinutes(i, 0)), n < t.seconds && (i = e.setSeconds(i, 0)), n < t.milliseconds && (i = e.setMilliseconds(i, 0)), i;
+}, A = ({
+  props: e,
+  utils: n,
+  granularity: a,
+  timezone: i,
+  getTodayDate: D
+}) => {
+  var o;
+  let m = D ? D() : f(n, a, r(n, i));
+  e.minDate != null && n.isAfterDay(e.minDate, m) && (m = f(n, a, e.minDate)), e.maxDate != null && n.isBeforeDay(e.maxDate, m) && (m = f(n, a, e.maxDate));
+  const d = c((o = e.disableIgnoringDatePartForTimeValidation) != null ? o : !1, n);
+  return e.minTime != null && d(e.minTime, m) && (m = f(n, a, e.disableIgnoringDatePartForTimeValidation ? e.minTime : T(n, m, e.minTime))), e.maxTime != null && d(m, e.maxTime) && (m = f(n, a, e.disableIgnoringDatePartForTimeValidation ? e.maxTime : T(n, m, e.maxTime))), m;
+};
 export {
-  l as default
+  t as SECTION_TYPE_GRANULARITY,
+  A as getDefaultReferenceDate
 };

package/index.es234.js

@@ -1,7 +1,55 @@
-import a from "./index.es232.js";
-import t from "./index.es233.js";
-const n = (e) => a("MuiDayCalendar", e);
-t("MuiDayCalendar", ["root", "header", "weekDayLabel", "loadingContainer", "slideTransition", "monthContainer", "weekContainer", "weekNumberLabel", "weekNumber"]);
+import { getPickersLocalization as o } from "./index.es278.js";
+const l = {
+  // Calendar navigation
+  previousMonth: "Previous month",
+  nextMonth: "Next month",
+  // View navigation
+  openPreviousView: "open previous view",
+  openNextView: "open next view",
+  calendarViewSwitchingButtonAriaLabel: (e) => e === "year" ? "year view is open, switch to calendar view" : "calendar view is open, switch to year view",
+  // DateRange placeholders
+  start: "Start",
+  end: "End",
+  // Action bar
+  cancelButtonLabel: "Cancel",
+  clearButtonLabel: "Clear",
+  okButtonLabel: "OK",
+  todayButtonLabel: "Today",
+  // Toolbar titles
+  datePickerToolbarTitle: "Select date",
+  dateTimePickerToolbarTitle: "Select date & time",
+  timePickerToolbarTitle: "Select time",
+  dateRangePickerToolbarTitle: "Select date range",
+  // Clock labels
+  clockLabelText: (e, t, a) => `Select ${e}. ${t === null ? "No time selected" : `Selected time is ${a.format(t, "fullTime")}`}`,
+  hoursClockNumberText: (e) => `${e} hours`,
+  minutesClockNumberText: (e) => `${e} minutes`,
+  secondsClockNumberText: (e) => `${e} seconds`,
+  // Digital clock labels
+  selectViewText: (e) => `Select ${e}`,
+  // Calendar labels
+  calendarWeekNumberHeaderLabel: "Week number",
+  calendarWeekNumberHeaderText: "#",
+  calendarWeekNumberAriaLabelText: (e) => `Week ${e}`,
+  calendarWeekNumberText: (e) => `${e}`,
+  // Open picker labels
+  openDatePickerDialogue: (e, t) => e !== null && t.isValid(e) ? `Choose date, selected date is ${t.format(e, "fullDate")}` : "Choose date",
+  openTimePickerDialogue: (e, t) => e !== null && t.isValid(e) ? `Choose time, selected time is ${t.format(e, "fullTime")}` : "Choose time",
+  fieldClearLabel: "Clear value",
+  // Table labels
+  timeTableLabel: "pick time",
+  dateTableLabel: "pick date",
+  // Field section placeholders
+  fieldYearPlaceholder: (e) => "Y".repeat(e.digitAmount),
+  fieldMonthPlaceholder: (e) => e.contentType === "letter" ? "MMMM" : "MM",
+  fieldDayPlaceholder: () => "DD",
+  fieldWeekDayPlaceholder: (e) => e.contentType === "letter" ? "EEEE" : "EE",
+  fieldHoursPlaceholder: () => "hh",
+  fieldMinutesPlaceholder: () => "mm",
+  fieldSecondsPlaceholder: () => "ss",
+  fieldMeridiemPlaceholder: () => "aa"
+}, r = l;
+o(l);
 export {
-  n as getDayCalendarUtilityClass
+  r as DEFAULT_LOCALE
 };

package/index.es235.js

@@ -1,7 +1,121 @@
-import r from "./index.es232.js";
-import t from "./index.es233.js";
-const s = (i) => r("MuiPickersFadeTransitionGroup", i);
-t("MuiPickersFadeTransitionGroup", ["root"]);
+import m from "./index.es187.js";
+import f from "./index.es186.js";
+import v from "./index.es344.js";
+import x from "./index.es338.js";
+import d from "./index.es188.js";
+import s from "react";
+import h from "./index.es345.js";
+import { getInitialChildMapping as E, getNextChildMapping as y, getChildMapping as g } from "./index.es346.js";
+var M = Object.values || function(a) {
+  return Object.keys(a).map(function(r) {
+    return a[r];
+  });
+}, F = {
+  component: "div",
+  childFactory: function(r) {
+    return r;
+  }
+}, u = /* @__PURE__ */ function(a) {
+  x(r, a);
+  function r(p, t) {
+    var e;
+    e = a.call(this, p, t) || this;
+    var o = e.handleExited.bind(v(e));
+    return e.state = {
+      contextValue: {
+        isMounting: !0
+      },
+      handleExited: o,
+      firstRender: !0
+    }, e;
+  }
+  var l = r.prototype;
+  return l.componentDidMount = function() {
+    this.mounted = !0, this.setState({
+      contextValue: {
+        isMounting: !1
+      }
+    });
+  }, l.componentWillUnmount = function() {
+    this.mounted = !1;
+  }, r.getDerivedStateFromProps = function(t, e) {
+    var o = e.children, n = e.handleExited, i = e.firstRender;
+    return {
+      children: i ? E(t, n) : y(t, o, n),
+      firstRender: !1
+    };
+  }, l.handleExited = function(t, e) {
+    var o = g(this.props.children);
+    t.key in o || (t.props.onExited && t.props.onExited(e), this.mounted && this.setState(function(n) {
+      var i = f({}, n.children);
+      return delete i[t.key], {
+        children: i
+      };
+    }));
+  }, l.render = function() {
+    var t = this.props, e = t.component, o = t.childFactory, n = m(t, ["component", "childFactory"]), i = this.state.contextValue, c = M(this.state.children).map(o);
+    return delete n.appear, delete n.enter, delete n.exit, e === null ? /* @__PURE__ */ s.createElement(h.Provider, {
+      value: i
+    }, c) : /* @__PURE__ */ s.createElement(h.Provider, {
+      value: i
+    }, /* @__PURE__ */ s.createElement(e, n, c));
+  }, r;
+}(s.Component);
+u.propTypes = process.env.NODE_ENV !== "production" ? {
+  /**
+   * `<TransitionGroup>` renders a `<div>` by default. You can change this
+   * behavior by providing a `component` prop.
+   * If you use React v16+ and would like to avoid a wrapping `<div>` element
+   * you can pass in `component={null}`. This is useful if the wrapping div
+   * borks your css styles.
+   */
+  component: d.any,
+  /**
+   * A set of `<Transition>` components, that are toggled `in` and out as they
+   * leave. the `<TransitionGroup>` will inject specific transition props, so
+   * remember to spread them through if you are wrapping the `<Transition>` as
+   * with our `<Fade>` example.
+   *
+   * While this component is meant for multiple `Transition` or `CSSTransition`
+   * children, sometimes you may want to have a single transition child with
+   * content that you want to be transitioned out and in when you change it
+   * (e.g. routes, images etc.) In that case you can change the `key` prop of
+   * the transition child as you change its content, this will cause
+   * `TransitionGroup` to transition the child out and back in.
+   */
+  children: d.node,
+  /**
+   * A convenience prop that enables or disables appear animations
+   * for all children. Note that specifying this will override any defaults set
+   * on individual children Transitions.
+   */
+  appear: d.bool,
+  /**
+   * A convenience prop that enables or disables enter animations
+   * for all children. Note that specifying this will override any defaults set
+   * on individual children Transitions.
+   */
+  enter: d.bool,
+  /**
+   * A convenience prop that enables or disables exit animations
+   * for all children. Note that specifying this will override any defaults set
+   * on individual children Transitions.
+   */
+  exit: d.bool,
+  /**
+   * You may need to apply reactive updates to a child as it is exiting.
+   * This is generally done by using `cloneElement` however in the case of an exiting
+   * child the element has already been removed and not accessible to the consumer.
+   *
+   * If you do need to update a child as it leaves you can provide a `childFactory`
+   * to wrap every child, even the ones that are leaving.
+   *
+   * @type Function(child: ReactElement) -> ReactElement
+   */
+  childFactory: d.func
+} : {};
+u.defaultProps = F;
+const R = u;
 export {
-  s as getPickersFadeTransitionGroupUtilityClass
+  R as default
 };

package/index.es236.js

@@ -1,7 +1,11 @@
-import e from "./index.es233.js";
-import t from "./index.es232.js";
-const l = (i) => t("MuiPickersSlideTransition", i), n = e("MuiPickersSlideTransition", ["root", "slideEnter-left", "slideEnter-right", "slideEnterActive", "slideExit", "slideExitActiveLeft-left", "slideExitActiveLeft-right"]);
+import * as o from "react";
+import r from "./index.es274.js";
+import t from "./index.es261.js";
+import m from "./index.es275.js";
+function i() {
+  const e = m(r);
+  return process.env.NODE_ENV !== "production" && o.useDebugValue(e), e[t] || e;
+}
 export {
-  l as getPickersSlideTransitionUtilityClass,
-  n as pickersSlideTransitionClasses
+  i as default
 };

package/index.es237.js

@@ -1,4 +1,165 @@
-var r = {};
+import p from "./index.es186.js";
+import q from "./index.es187.js";
+import * as f from "react";
+import n from "./index.es188.js";
+import z from "./index.es236.js";
+import { reflow as D, getTransitionProps as g } from "./index.es348.js";
+import { jsx as V } from "react/jsx-runtime";
+import W from "./index.es284.js";
+import $ from "./index.es300.js";
+import B from "./index.es341.js";
+const G = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"], H = {
+  entering: {
+    opacity: 1
+  },
+  entered: {
+    opacity: 1
+  }
+}, h = /* @__PURE__ */ f.forwardRef(function(E, T) {
+  const i = z(), b = {
+    enter: i.transitions.duration.enteringScreen,
+    exit: i.transitions.duration.leavingScreen
+  }, {
+    addEndListener: m,
+    appear: R = !0,
+    children: a,
+    easing: l,
+    in: u,
+    onEnter: x,
+    onEntered: L,
+    onEntering: P,
+    onExit: y,
+    onExited: v,
+    onExiting: w,
+    style: d,
+    timeout: c = b,
+    // eslint-disable-next-line react/prop-types
+    TransitionComponent: F = B
+  } = E, _ = q(E, G), s = f.useRef(null), j = W(s, a.ref, T), o = (e) => (t) => {
+    if (e) {
+      const r = s.current;
+      t === void 0 ? e(r) : e(r, t);
+    }
+  }, C = o(P), O = o((e, t) => {
+    D(e);
+    const r = g({
+      style: d,
+      timeout: c,
+      easing: l
+    }, {
+      mode: "enter"
+    });
+    e.style.webkitTransition = i.transitions.create("opacity", r), e.style.transition = i.transitions.create("opacity", r), x && x(e, t);
+  }), k = o(L), A = o(w), N = o((e) => {
+    const t = g({
+      style: d,
+      timeout: c,
+      easing: l
+    }, {
+      mode: "exit"
+    });
+    e.style.webkitTransition = i.transitions.create("opacity", t), e.style.transition = i.transitions.create("opacity", t), y && y(e);
+  }), S = o(v);
+  return /* @__PURE__ */ V(F, p({
+    appear: R,
+    in: u,
+    nodeRef: s,
+    onEnter: O,
+    onEntered: k,
+    onEntering: C,
+    onExit: N,
+    onExited: S,
+    onExiting: A,
+    addEndListener: (e) => {
+      m && m(s.current, e);
+    },
+    timeout: c
+  }, _, {
+    children: (e, t) => /* @__PURE__ */ f.cloneElement(a, p({
+      style: p({
+        opacity: 0,
+        visibility: e === "exited" && !u ? "hidden" : void 0
+      }, H[e], d, a.props.style),
+      ref: j
+    }, t))
+  }));
+});
+process.env.NODE_ENV !== "production" && (h.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * Add a custom transition end trigger. Called with the transitioning DOM
+   * node and a done callback. Allows for more fine grained transition end
+   * logic. Note: Timeouts are still used as a fallback if provided.
+   */
+  addEndListener: n.func,
+  /**
+   * Perform the enter transition when it first mounts if `in` is also `true`.
+   * Set this to `false` to disable this behavior.
+   * @default true
+   */
+  appear: n.bool,
+  /**
+   * A single child content element.
+   */
+  children: $.isRequired,
+  /**
+   * The transition timing function.
+   * You may specify a single easing or a object containing enter and exit values.
+   */
+  easing: n.oneOfType([n.shape({
+    enter: n.string,
+    exit: n.string
+  }), n.string]),
+  /**
+   * If `true`, the component will transition in.
+   */
+  in: n.bool,
+  /**
+   * @ignore
+   */
+  onEnter: n.func,
+  /**
+   * @ignore
+   */
+  onEntered: n.func,
+  /**
+   * @ignore
+   */
+  onEntering: n.func,
+  /**
+   * @ignore
+   */
+  onExit: n.func,
+  /**
+   * @ignore
+   */
+  onExited: n.func,
+  /**
+   * @ignore
+   */
+  onExiting: n.func,
+  /**
+   * @ignore
+   */
+  style: n.object,
+  /**
+   * The duration for the transition, in milliseconds.
+   * You may specify a single timeout for all transitions, or individually with an object.
+   * @default {
+   *   enter: theme.transitions.duration.enteringScreen,
+   *   exit: theme.transitions.duration.leavingScreen,
+   * }
+   */
+  timeout: n.oneOfType([n.number, n.shape({
+    appear: n.number,
+    enter: n.number,
+    exit: n.number
+  })])
+});
+const tn = h;
 export {
-  r as __exports
+  tn as default
 };