mada-design-system 0.2.8 → 0.3.0

package/index.es237.js

@@ -1,32 +1,121 @@
-import * as C from "react";
-import { validateDate as e } from "./index.es280.js";
-import { useLocalizationContext as k } from "./index.es205.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]);
-};
+import m from "./index.es189.js";
+import f from "./index.es188.js";
+import v from "./index.es346.js";
+import x from "./index.es340.js";
+import d from "./index.es190.js";
+import s from "react";
+import h from "./index.es347.js";
+import { getInitialChildMapping as E, getNextChildMapping as y, getChildMapping as g } from "./index.es348.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 {
-  I as useIsDateDisabled
+  R as default
 };

package/index.es238.js

@@ -1,36 +1,11 @@
-import { createIsAfterIgnoreDatePart as c } from "./index.es281.js";
-import { getTodayDate as r, mergeDateAndTime as T } from "./index.es209.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;
-};
+import * as o from "react";
+import r from "./index.es269.js";
+import t from "./index.es256.js";
+import m from "./index.es270.js";
+function i() {
+  const e = m(r);
+  return process.env.NODE_ENV !== "production" && o.useDebugValue(e), e[t] || e;
+}
 export {
-  t as SECTION_TYPE_GRANULARITY,
-  A as getDefaultReferenceDate
+  i as default
 };

package/index.es239.js

@@ -1,55 +1,165 @@
-import { getPickersLocalization as o } from "./index.es282.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);
+import p from "./index.es188.js";
+import q from "./index.es189.js";
+import * as f from "react";
+import n from "./index.es190.js";
+import z from "./index.es238.js";
+import { reflow as D, getTransitionProps as g } from "./index.es350.js";
+import { jsx as V } from "react/jsx-runtime";
+import W from "./index.es289.js";
+import $ from "./index.es332.js";
+import B from "./index.es343.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 DEFAULT_LOCALE
+  tn as default
 };