@progress/kendo-react-dateinputs 14.4.1 → 14.5.0-develop.1

package/calendar/components/Calendar.mjs

@@ -5,334 +5,309 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as f from "react";
-import s from "prop-types";
-import { withIdHOC as L, withPropsContext as B, withUnstyledHOC as T, createPropsContext as F, Keys as D, setScrollbarWidth as C, classNames as K, uCalendar as U } from "@progress/kendo-react-common";
-import { cloneDate as g, isEqualDate as y, getDate as c } from "@progress/kendo-date-math";
-import { provideIntlService as $, registerForIntl as R } from "@progress/kendo-react-intl";
-import { ViewList as _ } from "./ViewList.mjs";
-import { Navigation as Y } from "./Navigation.mjs";
-import { CalendarViewEnum as r } from "../models/CalendarViewEnum.mjs";
-import { getToday as x, dateInRange as V, viewInRange as I, MAX_DATE as z, MIN_DATE as H, isInRange as N } from "../../utils.mjs";
-import { BusViewService as q } from "../services/BusViewService.mjs";
-import { DOMService as X } from "../services/DOMService.mjs";
-import { NavigationService as j } from "../services/NavigationService.mjs";
-import { ScrollSyncService as G } from "../services/ScrollSyncService.mjs";
-const S = (u) => u ? u.virtualization : null, E = (u = d.defaultProps.min, a = d.defaultProps.max, e, t) => t !== void 0 ? t !== null && N(c(t), u, a) ? t : null : e !== null && N(c(e), u, a) ? e : null, n = class n extends f.Component {
-  constructor(a) {
-    super(a), this.scrollSyncService = null, this.focusedDate = null, this.Navigation = null, this.calendarViewList = null, this._element = null, this.intl = null, this.service = null, this.isActive = !1, this.didNavigationChange = !1, this.focus = () => {
-      this._element && this._element.focus();
-    }, this.shouldScroll = () => this.didNavigationChange, this.handleScroll = (t) => {
-      this.scrollSyncService && this.scrollSyncService.sync(
-        S(this.Navigation),
-        S(this.calendarViewList),
-        t
-      );
-    }, this.handleNavigationChange = (t) => {
-      if (this.props.disabled)
-        return;
-      this.didNavigationChange = !0;
-      const i = g(t.value);
-      this.setState({ focusedDate: i });
-    }, this.handleViewChange = ({ view: t }) => {
-      this.scrollSyncService && this.scrollSyncService.configure(t), this.setState({ activeView: t });
-    }, this.handleDateChange = (t) => {
-      const i = g(t.value), o = g(t.value), v = this.bus.canMoveDown(this.state.activeView);
-      if (this.props.disabled)
-        return;
-      if (v)
-        if (t.isTodayClick)
-          this.bus.moveToBottom(this.state.activeView);
+import * as t from "react";
+import n from "prop-types";
+import { usePropsContext as Xe, useUnstyled as je, useId as Ge, setScrollbarWidth as re, classNames as Je, uCalendar as Qe, createPropsContext as Ze, Keys as N } from "@progress/kendo-react-common";
+import { getDate as C, isEqualDate as H, cloneDate as I } from "@progress/kendo-date-math";
+import { useInternationalization as et } from "@progress/kendo-react-intl";
+import { ViewList as tt } from "./ViewList.mjs";
+import { Navigation as nt } from "./Navigation.mjs";
+import { CalendarViewEnum as y } from "../models/CalendarViewEnum.mjs";
+import { MIN_DATE as rt, MAX_DATE as ot, dateInRange as B, getToday as oe, viewInRange as ae, isInRange as ce } from "../../utils.mjs";
+import { BusViewService as at } from "../services/BusViewService.mjs";
+import { DOMService as ct } from "../services/DOMService.mjs";
+import { NavigationService as it } from "../services/NavigationService.mjs";
+import { ScrollSyncService as st } from "../services/ScrollSyncService.mjs";
+const W = (r) => r ? r.virtualization : null, ie = (r, o, a = i.min, u = i.max) => o !== void 0 ? o !== null && ce(C(o), a, u) ? o : null : r !== null && ce(C(r), a, u) ? r : null, i = {
+  disabled: !1,
+  min: rt,
+  max: ot,
+  weekDaysFormat: "short",
+  navigation: !0,
+  defaultActiveView: "month",
+  defaultValue: null,
+  topView: "century",
+  bottomView: "month",
+  showOtherMonthDays: !1
+}, ut = Ze(), T = t.forwardRef((r, o) => {
+  const a = Xe(ut, r), u = je(), v = Ge(a.id), se = et(), {
+    disabled: R = i.disabled,
+    min: ue = i.min,
+    max: le = i.max,
+    weekDaysFormat: fe = i.weekDaysFormat,
+    navigation: de = i.navigation,
+    defaultActiveView: me = i.defaultActiveView,
+    defaultValue: ve = i.defaultValue,
+    topView: we = i.topView,
+    bottomView: De = i.bottomView,
+    showOtherMonthDays: he = i.showOtherMonthDays,
+    _ref: q,
+    unstyled: ge,
+    className: pe,
+    weekNumber: X,
+    mobileMode: be,
+    focusedDate: Ve,
+    value: F,
+    onChange: j,
+    onFocus: G,
+    onBlur: J,
+    cell: ye,
+    weekCell: Re,
+    headerTitle: Ce,
+    header: Ee,
+    tabIndex: K,
+    navigationItem: Se,
+    ariaLabelledBy: Ie,
+    ariaDescribedBy: ke
+  } = a, E = ge || u, d = C(ue), w = C(le), _ = y[De], $ = y[we], xe = v + "-cell-uid", Pe = a.id || v + "-id", Ae = ({ view: e }) => {
+    h.current && h.current.configure(e), V({ activeView: e });
+  }, Me = () => M.current, Q = (e) => {
+    h.current && h.current.sync(
+      W(ee.current),
+      W(s.current),
+      e
+    );
+  }, Oe = (e) => {
+    if (R)
+      return;
+    M.current = !0;
+    const g = I(e.value);
+    V({ focusedDate: g });
+  }, Z = (e) => {
+    const g = I(e.value), p = I(e.value), L = b.current.canMoveDown(l.activeView);
+    if (!R) {
+      if (L)
+        if (e.isTodayClick)
+          b.current.moveToBottom(l.activeView);
         else {
-          this.bus.moveDown(this.state.activeView, t.syntheticEvent), this.setState({ focusedDate: o });
+          b.current.moveDown(l.activeView, e.syntheticEvent), V({ focusedDate: p });
           return;
         }
-      this.setState({ value: i, focusedDate: o }), this.valueDuringOnChange = i;
-      const { onChange: h } = this.props;
-      if (h) {
-        const l = {
-          syntheticEvent: t.syntheticEvent,
-          nativeEvent: t.nativeEvent,
-          value: i,
-          target: this
+      if (V({ value: g, focusedDate: p }), x.current = g, j) {
+        const U = {
+          syntheticEvent: e.syntheticEvent,
+          nativeEvent: e.nativeEvent,
+          value: g,
+          target: z.current
         };
-        h.call(void 0, l);
+        j(U);
       }
-      this.valueDuringOnChange = void 0;
-    }, this.handleFocus = (t) => {
-      if (this.isActive = !0, !this.calendarViewList)
-        return;
-      this.calendarViewList.focusActiveDate();
-      const { onFocus: i } = this.props;
-      i && i.call(void 0, t);
-    }, this.handleBlur = (t) => {
-      if (this.isActive = !1, !this.calendarViewList)
-        return;
-      this.calendarViewList.blurActiveDate();
-      const { onBlur: i } = this.props;
-      i && i.call(void 0, t);
-    }, this.handleKeyDown = (t) => {
-      const { keyCode: o, ctrlKey: v, metaKey: h } = t;
-      if (!(!this.focusedDate || !this.service)) {
-        if (o === 84 && this.setState({ focusedDate: x() }), (v || h) && (o === D.left || o === D.right)) {
-          if (this.props.disabled)
-            return;
-          this.didNavigationChange = !0, this.focusedDate.getDate() === 31 && this.focusedDate.setDate(30);
-          const l = o === D.left ? this.focusedDate.getMonth() - 1 : this.focusedDate.getMonth() + 1, p = new Date(this.focusedDate.setMonth(l)), b = g(p);
-          this.setState({ focusedDate: b });
-        }
-        if (o === D.enter) {
-          if (this.value !== null && y(this.focusedDate, this.value)) {
-            const p = V(this.focusedDate, this.min, this.max);
-            S(this.calendarViewList).scrollToIndex(this.service.skip(p, this.min));
-          }
-          const l = {
-            syntheticEvent: t,
-            nativeEvent: t.nativeEvent,
-            value: this.focusedDate,
-            target: this
-          };
-          this.handleDateChange(l);
-        } else {
-          const l = V(
-            this.navigation.move(
-              this.focusedDate,
-              this.navigation.action(t),
-              this.state.activeView,
-              this.service,
-              t
-            ),
-            this.min,
-            this.max
-          );
-          if (y(this.focusedDate, l))
-            return;
-          this.setState({ focusedDate: l });
+      x.current = void 0;
+    }
+  }, Ne = (e) => {
+    P.current = !0, s.current && (s.current.focusActiveDate(), G && G(e));
+  }, Be = (e) => {
+    P.current = !1, s.current && (s.current.blurActiveDate(), J && J(e));
+  }, Te = (e) => {
+    const { keyCode: p, ctrlKey: L, metaKey: U } = e;
+    if (!(!m || !S)) {
+      if (p === 84 && V({ focusedDate: oe() }), (L || U) && (p === N.left || p === N.right)) {
+        if (R)
+          return;
+        M.current = !0;
+        const f = I(m);
+        f.getDate() === 31 && f.setDate(30);
+        const Y = p === N.left ? f.getMonth() - 1 : f.getMonth() + 1, qe = new Date(f.setMonth(Y));
+        V({ focusedDate: I(qe) });
+      }
+      if (p === N.enter) {
+        if (c !== null && H(m, c)) {
+          const Y = B(m, d, w);
+          W(s.current).scrollToIndex(S.skip(Y, d));
         }
-        t.preventDefault();
+        const f = {
+          syntheticEvent: e,
+          nativeEvent: e.nativeEvent,
+          value: m,
+          target: s.current
+        };
+        Z(f);
+      } else {
+        const f = B(
+          te.current.move(
+            m,
+            te.current.action(e),
+            l.activeView,
+            S,
+            e
+          ),
+          d,
+          w
+        );
+        if (H(m, f))
+          return;
+        V({ focusedDate: f });
       }
-    }, this.handleMouseDown = (t) => {
-      t.preventDefault();
-    }, this.handleClick = (t) => {
-      this._element && this._element.focus({ preventScroll: !0 });
-    };
-    const e = E(
-      this.min,
-      this.max,
-      this.props.defaultValue || n.defaultProps.defaultValue,
-      this.props.value
-    );
-    this.state = {
+      e.preventDefault();
+    }
+  }, Fe = (e) => {
+    e.preventDefault();
+  }, Ke = (e) => {
+    D.current && D.current.focus({ preventScroll: !0 });
+  }, z = t.useRef(null);
+  t.useImperativeHandle(
+    z,
+    () => ({
+      get element() {
+        return D.current;
+      },
+      get value() {
+        return c;
+      },
+      get props() {
+        return a;
+      },
+      focus: () => {
+        var e;
+        return (e = D.current) == null ? void 0 : e.focus();
+      }
+    })
+  ), t.useImperativeHandle(o, () => z.current);
+  const D = t.useRef(null), ee = t.useRef(null), s = t.useRef(null), k = t.useRef(new ct()), b = t.useRef(new at(Ae)), te = t.useRef(new it(b.current)), h = t.useRef(null), x = t.useRef(void 0), P = t.useRef(!1), A = t.useRef(null), M = t.useRef(!1), [l, _e] = t.useState(() => {
+    const e = ie(ve, F, d, w);
+    return {
       value: e,
-      activeView: I(
-        r[a.defaultActiveView],
-        this.bottomView,
-        this.topView
-      ),
-      focusedDate: V(a.focusedDate || e || x(), this.min, this.max)
-    }, this.dom = new X(), this.bus = new q(this.handleViewChange), this.navigation = new j(this.bus), this.oldValue = e;
-  }
-  get cellUID() {
-    return this.props.id + "-cell-uid";
-  }
-  get id() {
-    return this.props.id + "-id";
-  }
-  /**
-   * Gets the wrapping element of the Calendar.
-   */
-  get element() {
-    return this._element;
-  }
-  /**
-   * Gets the value of the Calendar.
-   */
-  get value() {
-    return this.valueDuringOnChange !== void 0 ? this.valueDuringOnChange : this.props.value !== void 0 ? this.props.value : this.state.value;
-  }
-  get min() {
-    return c(this.props.min !== void 0 ? this.props.min : n.defaultProps.min);
-  }
-  get max() {
-    return c(this.props.max !== void 0 ? this.props.max : n.defaultProps.max);
-  }
-  get bottomView() {
-    return r[this.props.bottomView !== void 0 ? this.props.bottomView : n.defaultProps.bottomView];
-  }
-  get topView() {
-    return r[this.props.topView !== void 0 ? this.props.topView : n.defaultProps.topView];
-  }
-  /**
-   * @hidden
-   */
-  componentDidMount() {
-    const { unstyled: a } = this.props;
+      activeView: ae(y[me], _, $),
+      focusedDate: B(Ve || e || oe(), d, w)
+    };
+  }), V = (e) => {
+    _e((g) => ({ ...g, ...e }));
+  }, [, $e] = t.useReducer((e) => e + 1, 0);
+  t.useEffect(() => {
     Promise.resolve().then(() => {
-      C(), this._element && (this.dom.calculateHeights(this._element, a), this.scrollSyncService = new G(this.dom), this.scrollSyncService.configure(this.state.activeView), this.forceUpdate());
+      re(), D.current && (k.current.calculateHeights(D.current, E), h.current = new st(k.current), h.current.configure(l.activeView), $e());
     });
-  }
-  /**
-   * @hidden
-   */
-  componentDidUpdate(a, e) {
-    C(), e.activeView !== this.state.activeView && this.scrollSyncService && this.scrollSyncService.configure(this.state.activeView), this.calendarViewList && (this.isActive ? this.calendarViewList.focusActiveDate : this.calendarViewList.blurActiveDate)(), this.didNavigationChange = !1, this.isActive && (this.oldValue = this.value);
-  }
-  /**
-   * @hidden
-   */
-  render() {
-    const { _ref: a, unstyled: e, bottomView: t, topView: i, disabled: o, weekNumber: v, mobileMode: h, className: l } = this.props;
-    a && a(this);
-    const p = e && e.uCalendar, b = this.value !== null && this.oldValue !== null ? !y(this.value, this.oldValue) : this.value !== this.oldValue, O = I(
-      this.state.activeView,
-      r[t !== void 0 ? t : n.defaultProps.bottomView],
-      r[i !== void 0 ? i : n.defaultProps.topView]
-    ), w = E(this.min, this.max, this.value, this.value), k = w ? c(w) : null;
-    this.focusedDate = c(
-      V(b && w !== null ? w : this.state.focusedDate, this.min, this.max)
-    ), this.intl = $(this), this.bus.configure(this.bottomView, this.topView), this.service = this.bus.service(O, this.intl);
-    const { smoothScroll: A = Number.parseFloat(f.version) < 18 } = this.props, P = K(
-      U.wrapper({
-        c: p,
-        disabled: o,
-        weekNumber: v,
-        mobileMode: h
-      }),
-      l
-    ), M = [
-      this.props.navigation && /* @__PURE__ */ f.createElement(
-        Y,
-        {
-          key: 0,
-          ref: (m) => {
-            this.Navigation = m;
-          },
-          activeView: this.state.activeView,
-          focusedDate: this.focusedDate,
-          min: this.min,
-          max: this.max,
-          onScroll: this.handleScroll,
-          onChange: this.handleNavigationChange,
-          service: this.service,
-          dom: this.dom,
-          navigationItem: this.props.navigationItem,
-          tabIndex: this.props.tabIndex,
-          unstyled: e
-        }
-      ),
-      /* @__PURE__ */ f.createElement(
-        _,
-        {
-          key: 1,
-          ref: (m) => {
-            this.calendarViewList = m;
-          },
-          activeView: this.state.activeView,
-          focusedDate: this.focusedDate,
-          min: this.min,
-          max: this.max,
-          bus: this.bus,
-          shouldScroll: this.shouldScroll,
-          onScroll: this.handleScroll,
-          service: this.service,
-          cell: this.props.cell,
-          weekCell: this.props.weekCell,
-          dom: this.dom,
-          smoothScroll: A,
-          showWeekNumbers: this.props.weekNumber,
-          onChange: this.handleDateChange,
-          value: k,
-          cellUID: this.cellUID,
-          headerTitle: this.props.headerTitle,
-          header: this.props.header,
-          tabIndex: this.props.tabIndex,
-          weekDaysFormat: this.props.weekDaysFormat,
-          showOtherMonthDays: this.props.showOtherMonthDays,
-          unstyled: e
-        }
-      )
-    ];
-    return /* @__PURE__ */ f.createElement(
-      "div",
+  }, []), t.useEffect(() => {
+    re(), h.current && h.current.configure(ne), s.current && (P.current ? s.current.focusActiveDate : s.current.blurActiveDate)(), M.current = !1, P.current && (A.current = c);
+  });
+  let c;
+  x.current !== void 0 ? c = x.current : F !== void 0 ? c = F : c = l.value;
+  const ze = E && E.uCalendar, Le = c !== null && A.current !== null ? !H(c, A.current) : c !== A.current, ne = ae(l.activeView, _, $), O = ie(c, c, d, w), Ue = O ? C(O) : null, m = C(
+    B(Le && O !== null ? O : l.focusedDate, d, w)
+  );
+  b.current.configure(_, $);
+  const S = b.current.service(ne, se), { smoothScroll: Ye = Number.parseFloat(t.version) < 18 } = a, He = Je(
+    Qe.wrapper({
+      c: ze,
+      disabled: R,
+      weekNumber: X,
+      mobileMode: be
+    }),
+    pe
+  );
+  t.useEffect(() => {
+    q && q({ element: D.current });
+  });
+  const We = [
+    de && /* @__PURE__ */ t.createElement(
+      nt,
       {
-        ref: (m) => {
-          this._element = m;
-        },
-        className: P,
-        id: this.props.id || this.id,
-        "aria-labelledby": this.props.ariaLabelledBy,
-        "aria-describedby": this.props.ariaDescribedBy,
-        "aria-disabled": this.props.disabled,
-        tabIndex: this.props.disabled ? void 0 : this.props.tabIndex || 0,
-        onFocus: this.handleFocus,
-        onBlur: this.handleBlur,
-        onKeyDown: this.handleKeyDown,
-        onMouseDown: this.handleMouseDown,
-        onClick: this.handleClick
-      },
-      M
-    );
-  }
-};
-n.displayName = "Calendar", n.propTypes = {
-  className: s.string,
-  defaultActiveView: s.oneOf(["month", "year", "decade", "century"]),
-  defaultValue: s.instanceOf(Date),
-  disabled: s.bool,
-  focusedDate: s.instanceOf(Date),
-  id: s.string,
-  ariaLabelledBy: s.string,
-  ariaDescribedBy: s.string,
-  weekDaysFormat: s.oneOf(["short", "abbreviated", "narrow"]),
-  max: s.instanceOf(Date),
-  min: s.instanceOf(Date),
-  navigation: s.bool,
-  smoothScroll: s.bool,
-  onBlur: s.func,
-  onChange: s.func,
-  onFocus: s.func,
-  tabIndex: s.number,
-  value: s.instanceOf(Date),
-  weekNumber: s.bool,
-  topView: (a, e, t) => {
-    const i = a[e], o = a.bottomView;
-    return i && o && r[i] < r[o] ? new Error(
-      `Invalid prop + ${e} suplied to ${t}.
-                    ${e} can not be smaller than bottomView.
-                    `
+        key: 0,
+        ref: ee,
+        activeView: l.activeView,
+        focusedDate: m,
+        min: d,
+        max: w,
+        onScroll: Q,
+        onChange: Oe,
+        service: S,
+        dom: k.current,
+        navigationItem: Se,
+        tabIndex: K,
+        unstyled: E
+      }
+    ),
+    /* @__PURE__ */ t.createElement(
+      tt,
+      {
+        key: 1,
+        ref: s,
+        activeView: l.activeView,
+        focusedDate: m,
+        min: d,
+        max: w,
+        bus: b.current,
+        shouldScroll: Me,
+        onScroll: Q,
+        service: S,
+        cell: ye,
+        weekCell: Re,
+        dom: k.current,
+        smoothScroll: Ye,
+        showWeekNumbers: X,
+        onChange: Z,
+        value: Ue,
+        cellUID: xe,
+        headerTitle: Ce,
+        header: Ee,
+        tabIndex: K,
+        weekDaysFormat: fe,
+        showOtherMonthDays: he,
+        unstyled: E
+      }
+    )
+  ];
+  return /* @__PURE__ */ t.createElement(
+    "div",
+    {
+      ref: D,
+      className: He,
+      id: Pe,
+      "aria-labelledby": Ie,
+      "aria-describedby": ke,
+      "aria-disabled": R,
+      tabIndex: R ? void 0 : K || 0,
+      onFocus: Ne,
+      onBlur: Be,
+      onKeyDown: Te,
+      onMouseDown: Fe,
+      onClick: Ke
+    },
+    We
+  );
+});
+T.propTypes = {
+  className: n.string,
+  defaultActiveView: n.oneOf(["month", "year", "decade", "century"]),
+  defaultValue: n.instanceOf(Date),
+  disabled: n.bool,
+  focusedDate: n.instanceOf(Date),
+  id: n.string,
+  ariaLabelledBy: n.string,
+  ariaDescribedBy: n.string,
+  weekDaysFormat: n.oneOf(["short", "abbreviated", "narrow"]),
+  max: n.instanceOf(Date),
+  min: n.instanceOf(Date),
+  navigation: n.bool,
+  smoothScroll: n.bool,
+  onBlur: n.func,
+  onChange: n.func,
+  onFocus: n.func,
+  tabIndex: n.number,
+  value: n.instanceOf(Date),
+  weekNumber: n.bool,
+  topView: (r, o, a) => {
+    const u = r[o], v = r.bottomView;
+    return u && v && y[u] < y[v] ? new Error(
+      `Invalid prop + ${o} suplied to ${a}.
+                ${o} can not be smaller than bottomView.
+                `
     ) : null;
   },
-  bottomView: (a, e, t) => {
-    const i = a[e], o = a.topView;
-    return i && o && r[i] > r[o] ? new Error(
-      `Invalid prop + ${e} suplied to ${t}.
-                    ${e} can not be bigger than topView.
-                    `
+  bottomView: (r, o, a) => {
+    const u = r[o], v = r.topView;
+    return u && v && y[u] > y[v] ? new Error(
+      `Invalid prop + ${o} suplied to ${a}.
+                ${o} can not be bigger than topView.
+                `
     ) : null;
   }
-}, n.defaultProps = {
-  disabled: !1,
-  min: H,
-  max: z,
-  weekDaysFormat: "short",
-  navigation: !0,
-  defaultActiveView: "month",
-  defaultValue: null,
-  topView: "century",
-  bottomView: "month",
-  showOtherMonthDays: !1
 };
-let d = n;
-const J = F(), Q = L(
-  B(
-    J,
-    T(d)
-  )
-);
-Q.displayName = "KendoReactCalendar";
-R(d);
+T.displayName = "KendoReactCalendar";
+const yt = T, Rt = T;
 export {
-  Q as Calendar,
-  J as CalendarPropsContext,
-  d as CalendarWithoutContext
+  Rt as Calendar,
+  ut as CalendarPropsContext,
+  yt as CalendarWithoutContext,
+  i as calendarDefaultProps
 };

package/calendar/components/CalendarCell.d.ts

@@ -59,13 +59,4 @@ export interface CalendarCellProps extends CellContext {
  * * [Customizing the cells inside the Calendar view](https://www.telerik.com/kendo-react-ui/components/dateinputs/calendar/custom-rendering#toc-cells-inside-the-view)
  * * [Customizing the cells inside the MultiViewCalendar view](https://www.telerik.com/kendo-react-ui/components/dateinputs/multiviewcalendar/custom-rendering#toc-cells-inside-the-view)
  */
-export declare class CalendarCell extends React.Component<CalendarCellProps> {
-    /**
-     * @hidden
-     */
-    shouldComponentUpdate(nextProps: CalendarCellProps): boolean;
-    render(): React.JSX.Element;
-    private handleClick;
-    private handleMouseEnter;
-    private handleMouseLeave;
-}
+export declare const CalendarCell: React.NamedExoticComponent<CalendarCellProps>;

package/calendar/components/CalendarCell.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react"),l=require("@progress/kendo-react-common");function N(a){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const e in a)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(a,e);Object.defineProperty(t,e,s.get?s:{enumerable:!0,get:()=>a[e]})}}return t.default=a,Object.freeze(t)}const i=N(R),k=(a,t)=>{const e=Object.getOwnPropertyNames(a),s=Object.getOwnPropertyNames(t);if(e.length!==s.length)return!1;for(let r=0;r<e.length;r++){const o=e[r];if(a[o]!==t[o])return!1}return!0};class w extends i.Component{constructor(){super(...arguments),this.handleClick=t=>{const{onClick:e,value:s}=this.props;e&&e.call(void 0,s,t)},this.handleMouseEnter=()=>{const{onMouseEnter:t,value:e}=this.props;t&&t.call(void 0,e)},this.handleMouseLeave=()=>{const{onMouseLeave:t,value:e}=this.props;t&&t.call(void 0,e)}}shouldComponentUpdate(t){const{value:e,...s}=this.props,{value:r,...o}=t;return!((!(e&&r)||e.getTime()===r.getTime())&&k(s,o))}render(){const{className:t,formattedValue:e,isWeekend:s,isFocused:r,isInRange:o,isSelected:u,isRangeStart:c,isRangeMid:f,isRangeEnd:d,isRangeSplitStart:E,isRangeSplitEnd:C,isToday:M,isDisabled:S,view:P,value:j,isOtherMonth:n,showOtherMonthDays:p,allowReverse:h,unstyled:g,...b}=this.props,y=this.props.activeRangeEnd==="end"&&d,O=this.props.activeRangeEnd==="start"&&c,m=g&&g.uCalendar,v=l.classNames(l.uCalendar.td({c:m,rangeStart:!n&&!h&&c,rangeEnd:!n&&!h&&d,rangeMid:!n&&f,rangeSplitEnd:!n&&C,rangeSplitStart:!n&&E,active:O||y,focused:r,selected:!n&&(u||c||d),today:!n&&M,weekend:s,disabled:S,isOtherMonth:n,isEmpty:!p&&n}),t);return!p&&n?i.createElement("td",{role:"gridcell",className:v}):i.createElement("td",{...b,className:v,onClick:this.handleClick,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},i.createElement("span",{className:l.classNames(l.uCalendar.link({c:m}))},this.props.children))}}exports.CalendarCell=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const V=require("react"),l=require("@progress/kendo-react-common");function _(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const c=_(V),x=(e,n)=>{const t=Object.getOwnPropertyNames(e),s=Object.getOwnPropertyNames(n);if(t.length!==s.length)return!1;for(let r=0;r<t.length;r++){const o=t[r];if(e[o]!==n[o])return!1}return!0},A=c.memo(e=>{const{className:n,formattedValue:t,isWeekend:s,isFocused:r,isInRange:o,isSelected:g,isRangeStart:i,isRangeMid:b,isRangeEnd:u,isRangeSplitStart:y,isRangeSplitEnd:M,isToday:O,isDisabled:N,view:z,value:d,isOtherMonth:a,showOtherMonthDays:m,allowReverse:p,unstyled:f,activeRangeEnd:v,children:k,onClick:E,onMouseEnter:S,onMouseLeave:h,...P}=e,j=L=>{E&&E(d,L)},w=()=>{S&&S(d)},T=()=>{h&&h(d)},q=v==="end"&&u,D=v==="start"&&i,C=f&&f.uCalendar,R=l.classNames(l.uCalendar.td({c:C,rangeStart:!a&&!p&&i,rangeEnd:!a&&!p&&u,rangeMid:!a&&b,rangeSplitEnd:!a&&M,rangeSplitStart:!a&&y,active:D||q,focused:r,selected:!a&&(g||i||u),today:!a&&O,weekend:s,disabled:N,isOtherMonth:a,isEmpty:!m&&a}),n);return!m&&a?c.createElement("td",{role:"gridcell",className:R}):c.createElement("td",{...P,className:R,onClick:j,onMouseEnter:w,onMouseLeave:T},c.createElement("span",{className:l.classNames(l.uCalendar.link({c:C}))},k))},(e,n)=>{const{value:t,...s}=e,{value:r,...o}=n;return(!(t&&r)||t.getTime()===r.getTime())&&x(s,o)});exports.CalendarCell=A;