@progress/kendo-react-dateinputs 7.0.2-develop.1 → 7.0.2-develop.3

package/index.mjs

@@ -4,8 +4,8 @@
 *-------------------------------------------------------------------------------------------*/
 "use client";
 import * as o from "react";
-import * as n from "prop-types";
-import { classNames as P, canUseDOM as J, createPropsContext as Dt, withIdHOC as yt, withPropsContext as St, Keys as C, validatePackage as Pt, setScrollbarWidth as fs, getActiveElement as ot, AsyncFocusBlur as we, kendoThemeMaps as mt, noop as Rs, IconWrap as ei } from "@progress/kendo-react-common";
+import n from "prop-types";
+import { classNames as P, canUseDOM as J, createPropsContext as Dt, withIdHOC as yt, withPropsContext as St, Keys as C, validatePackage as Pt, setScrollbarWidth as fs, getActiveElement as lt, AsyncFocusBlur as we, kendoThemeMaps as mt, noop as Rs, IconWrap as ei } from "@progress/kendo-react-common";
 import { getDate as x, cloneDate as v, addDecades as it, addCenturies as qt, firstDecadeOfCentury as oe, lastDecadeOfCentury as He, firstYearOfDecade as st, durationInCenturies as se, addYears as nt, lastYearOfDecade as Ae, durationInDecades as ie, addDays as Wt, addWeeks as gs, addMonths as $, firstDayOfMonth as fe, lastDayOfMonth as Ot, dayOfWeek as si, durationInMonths as ne, firstMonthOfYear as Ns, lastMonthOfYear as _s, createDate as le, durationInYears as ae, weekInYear as ii, isEqualDate as wt, isEqual as ht } from "@progress/kendo-date-math";
 import { registerForIntl as ft, provideIntlService as ct, registerForLocalization as at, provideLocalizationService as q } from "@progress/kendo-react-intl";
 import { Button as N, ButtonGroup as ni } from "@progress/kendo-react-buttons";
@@ -17,7 +17,7 @@ const Rt = {
   name: "@progress/kendo-react-dateinputs",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1702480052,
+  publishDate: 1702640739,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning"
 }, pi = (s, t, e) => [
@@ -2415,7 +2415,7 @@ const X = {
       this.kendoDate.setValue(e), this.triggerChange(t, i);
     }, this.spinnersMouseDown = (t) => {
       t.preventDefault();
-      const e = ot(document);
+      const e = lt(document);
       this.element && e !== this.element && this.element.focus({ preventScroll: !0 });
     }, this.handlePaste = () => {
       this.paste = !0;
@@ -2441,9 +2441,9 @@ const X = {
     }, this.elementClick = (t) => {
       this.setSelection(this.selectionByIndex(this.selection.start));
     }, this.nativeWheel = (t) => {
-      ot(document) === this.element && t.preventDefault();
+      lt(document) === this.element && t.preventDefault();
     }, this.wheel = (t) => {
-      ot(document) === this.element && (t.nativeEvent.deltaY < 0 && this.increasePart(t), t.nativeEvent.deltaY > 0 && this.decreasePart(t));
+      lt(document) === this.element && (t.nativeEvent.deltaY < 0 && this.increasePart(t), t.nativeEvent.deltaY > 0 && this.decreasePart(t));
     }, this.increasePart = (t) => {
       this.modifyDateSegmentValue(1, t);
     }, this.decreasePart = (t) => {
@@ -2720,7 +2720,7 @@ const X = {
   }
   setSelection(s) {
     this._lastSelectedSymbol = this.currentFormat[s.start], window.requestAnimationFrame(() => {
-      const t = ot(document);
+      const t = lt(document);
       this.element && t === this.element && !this.props.disableSelection && this.element.setSelectionRange(s.start, s.end);
     });
   }
@@ -3788,7 +3788,7 @@ const ta = 2, Ms = 0.05, ea = 100, sa = 0, Ts = 9, ia = {
     }, this.handleMouseOver = () => {
       if (!this._element)
         return;
-      const t = ot(document);
+      const t = lt(document);
       document && t !== this._element && this.props.show && this._element.focus({ preventScroll: !0 });
     }, this.handleKeyDown = (t) => {
       if (!this.service)
@@ -4124,7 +4124,7 @@ const Fe = new RegExp(`${X.hour}|${X.minute}|${X.second}|${X.dayperiod}|literal`
     clearTimeout(this.nextTickId), this.nextTickId = window.setTimeout(() => s());
   }
   hasActiveButton() {
-    const s = ot(document);
+    const s = lt(document);
     return this._nowButton && s === this._nowButton.element;
   }
   hasSteps() {
@@ -4349,7 +4349,7 @@ const ss = class extends o.Component {
   hasActiveButton() {
     if (!this._acceptButton || !this._acceptButton.element)
       return !1;
-    const s = ot(document);
+    const s = lt(document);
     return this._acceptButton && s === this._acceptButton.element || this._cancelButton && s === this._cancelButton.element;
   }
 };
@@ -4956,7 +4956,7 @@ Bt.defaultProps = {
   min: ut,
   max: dt
 };
-const Le = (s = lt.defaultProps.min, t = lt.defaultProps.max, e) => e instanceof Date && !Array.isArray(e) && F(x(e), s, t) ? x(e) : null, Vs = (s = lt.defaultProps.min, t = lt.defaultProps.max, e) => Array.isArray(e) ? e.filter((i) => F(i, s, t)).map((i) => x(i)) : null, Os = (s) => typeof s == "object" && !(s instanceof Date) && s !== null && !Array.isArray(s) ? s : z, Ps = (s, t, e) => s || t && t[0] || e && e.start, ra = (s, t) => s.start === null && t === null ? "start" : s.end === null ? "end" : "start", Et = class extends o.Component {
+const Le = (s = ot.defaultProps.min, t = ot.defaultProps.max, e) => e instanceof Date && !Array.isArray(e) && F(x(e), s, t) ? x(e) : null, Vs = (s = ot.defaultProps.min, t = ot.defaultProps.max, e) => Array.isArray(e) ? e.filter((i) => F(i, s, t)).map((i) => x(i)) : null, Os = (s) => typeof s == "object" && !(s instanceof Date) && s !== null && !Array.isArray(s) ? s : z, Ps = (s, t, e) => s || t && t[0] || e && e.start, ra = (s, t) => s.start === null && t === null ? "start" : s.end === null ? "end" : "start", Et = class extends o.Component {
   constructor(s) {
     super(s), this.dates = [], this.selectedDate = null, this.selectedMultiple = null, this.selectedRange = z, this._focusedDate = /* @__PURE__ */ new Date(), this.cellUID = this.props.id + "-cell-uid", this.activeRangeEnd = "start", this._element = null, this.intl = null, this.localization = null, this.service = null, this.calendarViewList = null, this.isActive = !1, this.calculateFocusFromValue = !0, this.focus = () => {
       this._element && this._element.focus();
@@ -5289,9 +5289,9 @@ const Le = (s = lt.defaultProps.min, t = lt.defaultProps.max, e) => e instanceof
     return !!t && fe(t) <= s && s <= Ot(t);
   }
 };
-let lt = Et;
-lt.displayName = "MultiViewCalendar";
-lt.propTypes = {
+let ot = Et;
+ot.displayName = "MultiViewCalendar";
+ot.propTypes = {
   activeRangeEnd: n.oneOf(["start", "end"]),
   allowReverse: n.bool,
   bottomView: n.oneOf(["month", "year", "decade", "century"]),
@@ -5335,7 +5335,7 @@ lt.propTypes = {
   weekNumber: n.bool,
   dir: n.string
 };
-lt.defaultProps = {
+ot.defaultProps = {
   disabled: !1,
   min: ut,
   max: dt,
@@ -5348,10 +5348,10 @@ lt.defaultProps = {
   views: 2,
   allowReverse: !1
 };
-const oa = Dt(), Qs = yt(St(oa, lt));
+const oa = Dt(), Qs = yt(St(oa, ot));
 Qs.displayName = "KendoReactMultiViewCalendar";
-ft(lt);
-at(lt);
+ft(ot);
+at(ot);
 const zt = class extends o.Component {
   constructor(s) {
     super(s), this._element = null, this._calendar = null, this._startDateInput = o.createRef(), this._endDateInput = o.createRef(), this.shouldFocusDateInput = !1, this.shouldFocusCalendar = !1, this.focus = () => {
@@ -5420,9 +5420,11 @@ const zt = class extends o.Component {
     }, this.handleReverseMouseDown = (t) => {
       t.preventDefault();
     }, this.handleFocus = (t) => {
-      clearTimeout(this.nextTickId), this.shouldFocusDateInput || (this.setShow(!0), this.mobileMode && this.setState({ currentValue: this.value }));
+      clearTimeout(this.nextTickId), this.shouldFocusDateInput || this.mobileMode && this.setState({ currentValue: this.value });
       const { onFocus: e } = this.props;
       e && e.call(void 0, t);
+    }, this.handleClick = () => {
+      this.shouldFocusDateInput || this.setShow(!0);
     }, this.handleBlur = (t) => {
       this.nextTick(() => {
         this.setShow(!1);
@@ -5459,8 +5461,8 @@ const zt = class extends o.Component {
       const e = this.extractRangeFromValue(t);
       this.handleChange(e, t);
     }, this.handleKeyDown = (t) => {
-      const { keyCode: e, altKey: i } = t, a = ot(document);
-      e === C.esc ? (t.preventDefault(), this.shouldFocusDateInput = !0, this.setShow(!1)) : i && e === C.down ? (t.preventDefault(), this.shouldFocusCalendar = !0, this.setShow(!0)) : e === C.tab && this.show && this._calendar && this._calendar.element && this.endDateInput && this.endDateInput.element && document && a === this.endDateInput.element && (t.preventDefault(), this.focusCalendarElement());
+      const { keyCode: e, altKey: i } = t;
+      e === C.esc ? (t.preventDefault(), this.shouldFocusDateInput = !0, this.setShow(!1)) : i && e === C.down ? (t.preventDefault(), this.shouldFocusCalendar = !0, this.setShow(!0), this.focusCalendarElement()) : i && e === C.up && (t.preventDefault(), this.shouldFocusDateInput = !0, this.setShow(!1));
     }, this.handleChange = (t, e) => {
       this.setState({ value: t }), this.valueDuringOnChange = t;
       const { onChange: i } = this.props;
@@ -5630,8 +5632,9 @@ const zt = class extends o.Component {
         "aria-describedby": this.props.ariaDescribedBy,
         tabIndex: this.props.tabIndex,
         onFocus: this.handleFocus,
-        onBlur: this.mobileMode ? void 0 : this.handleBlur,
+        onClick: this.handleClick,
         onKeyDown: this.handleKeyDown,
+        onBlur: this.mobileMode ? void 0 : this.handleBlur,
         dir: this.props.dir
       },
       this.props.startDateInput ? /* @__PURE__ */ o.createElement(this.props.startDateInput, { ...h }) : /* @__PURE__ */ o.createElement(
@@ -5661,7 +5664,7 @@ const zt = class extends o.Component {
   focusDateInputElement() {
     if (!document || !this.startDateInput || !this.startDateInput.element || !this.endDateInput || !this.endDateInput.element)
       return;
-    const s = ot(document);
+    const s = lt(document);
     (this.value.start === null || this.value.end !== null) && s !== this.endDateInput.element ? this.startDateInput.element.focus({ preventScroll: !0 }) : s !== this.startDateInput.element && this.endDateInput.element.focus({ preventScroll: !0 });
   }
   nextTick(s) {
@@ -5961,7 +5964,7 @@ class ms extends o.Component {
   hasActiveButton() {
     if (!this._acceptButton)
       return !1;
-    const t = ot(document);
+    const t = lt(document);
     return this._acceptButton && t === this._acceptButton.element || this._cancelButton && t === this._cancelButton.element;
   }
   mergeTime(t, e) {
@@ -6460,7 +6463,7 @@ export {
   Ai as MonthViewService,
   Qs as MultiViewCalendar,
   oa as MultiViewCalendarPropsContext,
-  lt as MultiViewCalendarWithoutContext,
+  ot as MultiViewCalendarWithoutContext,
   qs as NavigationService,
   Vn as PickerWrap,
   Ji as ScrollSyncService,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-dateinputs",
-  "version": "7.0.2-develop.1",
+  "version": "7.0.2-develop.3",
   "description": "React DateInput is a perfect input component for handling quick and efficient date values. KendoReact Date Inputs package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -10,20 +10,26 @@
   "types": "./index.d.ts",
   "exports": {
     ".": {
-      "import": "./index.mjs",
-      "require": "./index.js"
+      "import": {
+        "types": "./index.d.mts",
+        "default": "./index.mjs"
+      },
+      "require": {
+        "types": "./index.d.ts",
+        "default": "./index.js"
+      }
     }
   },
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-date-math": "^1.4.0",
-    "@progress/kendo-licensing": "^1.3.0",
-    "@progress/kendo-react-buttons": "7.0.2-develop.1",
-    "@progress/kendo-react-common": "7.0.2-develop.1",
-    "@progress/kendo-react-intl": "7.0.2-develop.1",
-    "@progress/kendo-react-labels": "7.0.2-develop.1",
-    "@progress/kendo-react-layout": "7.0.2-develop.1",
-    "@progress/kendo-react-popup": "7.0.2-develop.1",
+    "@progress/kendo-licensing": "^1.3.4",
+    "@progress/kendo-react-buttons": "7.0.2-develop.3",
+    "@progress/kendo-react-common": "7.0.2-develop.3",
+    "@progress/kendo-react-intl": "7.0.2-develop.3",
+    "@progress/kendo-react-labels": "7.0.2-develop.3",
+    "@progress/kendo-react-layout": "7.0.2-develop.3",
+    "@progress/kendo-react-popup": "7.0.2-develop.3",
     "@progress/kendo-svg-icons": "^2.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"

package/timepicker/TimeList.d.ts

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as React from 'react';
-import * as PropTypes from 'prop-types';
+import PropTypes from 'prop-types';
 import { DateFormatPart } from '@progress/kendo-react-intl';
 import { ListServiceSettings } from './models';
 import { DOMService } from './services';

package/timepicker/TimePart.d.ts

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as React from 'react';
-import * as PropTypes from 'prop-types';
+import PropTypes from 'prop-types';
 import { DateFormatPart, IntlService, DateFormatOptions } from '@progress/kendo-react-intl';
 import { TimePickerIncrementalSteps } from './models/IncrementalSteps';
 /**

package/timepicker/TimePicker.d.ts

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as React from 'react';
-import * as PropTypes from 'prop-types';
+import PropTypes from 'prop-types';
 import { FormComponent, FormComponentProps, FormComponentValidity } from '@progress/kendo-react-common';
 import { LocalizationService } from '@progress/kendo-react-intl';
 import { DateInput, DateInputProps } from '../dateinput/DateInput';

package/timepicker/TimeSelector.d.ts

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as React from 'react';
-import * as PropTypes from 'prop-types';
+import PropTypes from 'prop-types';
 import { IntlService, DateFormatOptions } from '@progress/kendo-react-intl';
 import { TimePickerIncrementalSteps } from './models/IncrementalSteps';
 /**

package/virtualization/Virtualization.d.ts

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as React from 'react';
-import * as PropTypes from 'prop-types';
+import PropTypes from 'prop-types';
 import { ScrollAction, PageAction } from './services';
 /**
  * @hidden