@progress/kendo-react-dateinputs 5.5.0-dev.202206270752 → 5.5.0-dev.202206280851

package/dist/es/dateinput/DateInput.js

@@ -132,7 +132,9 @@ var DateInputWithoutContext = /** @class */ (function (_super) {
             _this.setSelection(_this.selectionByIndex(_this.selection.start));
         };
         _this.nativeWheel = function (event) {
-            event.preventDefault();
+            if (document.activeElement === _this.element) {
+                event.preventDefault();
+            }
         };
         _this.wheel = function (event) {
             if (document.activeElement !== _this.element) {
@@ -228,7 +230,7 @@ var DateInputWithoutContext = /** @class */ (function (_super) {
         if (this._lastSelectedSymbol && prevState.focused === this.state.focused) {
             this.setSelection(this.selectionBySymbol(this._lastSelectedSymbol));
         }
-        else if (this.selection.start === this.selection.end) {
+        else if (this.props.placeholder !== undefined && this.selection.start === this.selection.end) {
             this.setSelection({ start: 0, end: this.currentFormat.length });
         }
         this.setValidity();
@@ -517,6 +519,7 @@ var DateInputWithoutContext = /** @class */ (function (_super) {
         return { start: start, end: end };
     };
     DateInputWithoutContext.prototype.selectionByIndex = function (index) {
+        // console.log(42, index);
         var selection = { start: index, end: index };
         for (var i = index, j = index - 1; i < this.currentFormat.length || j >= 0; i++, j--) {
             if (i < this.currentFormat.length && this.currentFormat[i] !== '_') {

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-dateinputs',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1656315076,
+    publishDate: 1656405121,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
 };

package/dist/es/timepicker/TimeList.js

@@ -22,9 +22,10 @@ import { provideIntlService, registerForIntl } from '@progress/kendo-react-intl'
 import { Virtualization } from '../virtualization/Virtualization';
 import { TIME_PART } from './models';
 import { SecondsService, MinutesService, HoursService, DayPeriodService, DOMService } from './services';
-import { MAX_TIME, MIDNIGHT_DATE } from '../utils';
+import { debounce, MAX_TIME, MIDNIGHT_DATE } from '../utils';
 var SCROLL_THRESHOLD = 2; // < 2px threshold
 var SNAP_THRESHOLD = 0.05; // % of the item height
+var SCROLL_THROTTLE = 100; // ms
 var SKIP = 0;
 var getters = (_a = {},
     _a[Keys.end] = function (data, _) { return data[data.length - 1]; },
@@ -159,7 +160,7 @@ var TimeList = /** @class */ (function (_super) {
                 _this.handleChange(dataItem);
             }
         };
-        _this.handleChange = function (dataItem) {
+        _this.handleChange = debounce(function (dataItem) {
             if (!_this.service) {
                 return;
             }
@@ -167,14 +168,11 @@ var TimeList = /** @class */ (function (_super) {
             if (_this.props.value.getTime() === candidate.getTime()) {
                 return;
             }
-            _this.setState({
-                value: candidate
-            });
             var onChange = _this.props.onChange;
             if (onChange) {
                 onChange.call(undefined, candidate);
             }
-        };
+        }, SCROLL_THROTTLE);
         _this.dom = new DOMService();
         return _this;
     }

package/dist/es/utils.d.ts

@@ -76,3 +76,21 @@ export declare const dateInRange: (candidate: Date, min: Date, max: Date) => Dat
  * @hidden
  */
 export declare const domContainerFactory: (type: string) => (children: string | HTMLElement[], classes?: string, styles?: any) => HTMLElement;
+/**
+ * @hidden
+ */
+export declare function debounce(func: any, wait: number, options?: any): {
+    (...args: any): any;
+    cancel: () => void;
+    flush: () => any;
+    pending: () => boolean;
+};
+/**
+ * @hidden
+ */
+export declare function throttle(func: any, wait: number): {
+    (...args: any): any;
+    cancel: () => void;
+    flush: () => any;
+    pending: () => boolean;
+};

package/dist/es/utils.js

@@ -164,3 +164,143 @@ export var domContainerFactory = function (type) { return function (children, cl
     }
     return container;
 }; };
+/**
+ * @hidden
+ */
+export function debounce(func, wait, options) {
+    if (options === void 0) { options = {}; }
+    var lastArgs;
+    var lastThis;
+    var maxWait = options.maxWait;
+    var result;
+    var timerId;
+    var lastCallTime;
+    var root = window;
+    var lastInvokeTime = 0;
+    var leading = false;
+    var maxing = false;
+    var trailing = true;
+    // Bypass `requestAnimationFrame` by explicitly setting `wait=0`.
+    var useRAF = (!wait && wait !== 0 && typeof root.requestAnimationFrame === 'function');
+    if (typeof func !== 'function') {
+        throw new TypeError('Expected a function');
+    }
+    wait = +wait || 0;
+    function invokeFunc(time) {
+        var args = lastArgs;
+        var thisArg = lastThis;
+        lastArgs = lastThis = undefined;
+        lastInvokeTime = time;
+        result = func.apply(thisArg, args);
+        return result;
+    }
+    function startTimer(pendingFunc, tmr) {
+        if (useRAF) {
+            root.cancelAnimationFrame(timerId);
+            return root.requestAnimationFrame(pendingFunc);
+        }
+        return setTimeout(pendingFunc, tmr);
+    }
+    function cancelTimer(id) {
+        if (useRAF) {
+            return root.cancelAnimationFrame(id);
+        }
+        clearTimeout(id);
+    }
+    function leadingEdge(time) {
+        // Reset any `maxWait` timer.
+        lastInvokeTime = time;
+        // Start the timer for the trailing edge.
+        timerId = startTimer(timerExpired, wait);
+        // Invoke the leading edge.
+        return leading ? invokeFunc(time) : result;
+    }
+    function remainingWait(time) {
+        var timeSinceLastCall = time - lastCallTime;
+        var timeSinceLastInvoke = time - lastInvokeTime;
+        var timeWaiting = wait - timeSinceLastCall;
+        return maxing
+            ? Math.min(timeWaiting, maxWait - timeSinceLastInvoke)
+            : timeWaiting;
+    }
+    function shouldInvoke(time) {
+        var timeSinceLastCall = time - lastCallTime;
+        var timeSinceLastInvoke = time - lastInvokeTime;
+        // Either this is the first call, activity has stopped and we're at the
+        // trailing edge, the system time has gone backwards and we're treating
+        // it as the trailing edge, or we've hit the `maxWait` limit.
+        return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||
+            (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));
+    }
+    function timerExpired() {
+        var time = Date.now();
+        if (shouldInvoke(time)) {
+            return trailingEdge(time);
+        }
+        // Restart the timer.
+        timerId = startTimer(timerExpired, remainingWait(time));
+    }
+    function trailingEdge(time) {
+        timerId = undefined;
+        // Only invoke if we have `lastArgs` which means `func` has been
+        // debounced at least once.
+        if (trailing && lastArgs) {
+            return invokeFunc(time);
+        }
+        lastArgs = lastThis = undefined;
+        return result;
+    }
+    function cancel() {
+        if (timerId !== undefined) {
+            cancelTimer(timerId);
+        }
+        lastInvokeTime = 0;
+        lastArgs = lastCallTime = lastThis = timerId = undefined;
+    }
+    function flush() {
+        return timerId === undefined ? result : trailingEdge(Date.now());
+    }
+    function pending() {
+        return timerId !== undefined;
+    }
+    function debounced() {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        var time = Date.now();
+        var isInvoking = shouldInvoke(time);
+        lastArgs = args;
+        /* @ts-ignore */
+        lastThis = this;
+        lastCallTime = time;
+        if (isInvoking) {
+            if (timerId === undefined) {
+                return leadingEdge(lastCallTime);
+            }
+            if (maxing) {
+                // Handle invocations in a tight loop.
+                timerId = startTimer(timerExpired, wait);
+                return invokeFunc(lastCallTime);
+            }
+        }
+        if (timerId === undefined) {
+            timerId = startTimer(timerExpired, wait);
+        }
+        return result;
+    }
+    debounced.cancel = cancel;
+    debounced.flush = flush;
+    debounced.pending = pending;
+    return debounced;
+}
+/**
+ * @hidden
+ */
+export function throttle(func, wait) {
+    return debounce(func, wait, {
+        leading: true,
+        trailing: true,
+        'maxWait': wait
+    });
+}

package/dist/npm/dateinput/DateInput.js

@@ -135,7 +135,9 @@ var DateInputWithoutContext = /** @class */ (function (_super) {
             _this.setSelection(_this.selectionByIndex(_this.selection.start));
         };
         _this.nativeWheel = function (event) {
-            event.preventDefault();
+            if (document.activeElement === _this.element) {
+                event.preventDefault();
+            }
         };
         _this.wheel = function (event) {
             if (document.activeElement !== _this.element) {
@@ -231,7 +233,7 @@ var DateInputWithoutContext = /** @class */ (function (_super) {
         if (this._lastSelectedSymbol && prevState.focused === this.state.focused) {
             this.setSelection(this.selectionBySymbol(this._lastSelectedSymbol));
         }
-        else if (this.selection.start === this.selection.end) {
+        else if (this.props.placeholder !== undefined && this.selection.start === this.selection.end) {
             this.setSelection({ start: 0, end: this.currentFormat.length });
         }
         this.setValidity();
@@ -520,6 +522,7 @@ var DateInputWithoutContext = /** @class */ (function (_super) {
         return { start: start, end: end };
     };
     DateInputWithoutContext.prototype.selectionByIndex = function (index) {
+        // console.log(42, index);
         var selection = { start: index, end: index };
         for (var i = index, j = index - 1; i < this.currentFormat.length || j >= 0; i++, j--) {
             if (i < this.currentFormat.length && this.currentFormat[i] !== '_') {

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-dateinputs',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1656315076,
+    publishDate: 1656405121,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
 };

package/dist/npm/timepicker/TimeList.js

@@ -28,6 +28,7 @@ var services_1 = require("./services");
 var utils_1 = require("../utils");
 var SCROLL_THRESHOLD = 2; // < 2px threshold
 var SNAP_THRESHOLD = 0.05; // % of the item height
+var SCROLL_THROTTLE = 100; // ms
 var SKIP = 0;
 var getters = (_a = {},
     _a[kendo_react_common_1.Keys.end] = function (data, _) { return data[data.length - 1]; },
@@ -162,7 +163,7 @@ var TimeList = /** @class */ (function (_super) {
                 _this.handleChange(dataItem);
             }
         };
-        _this.handleChange = function (dataItem) {
+        _this.handleChange = (0, utils_1.debounce)(function (dataItem) {
             if (!_this.service) {
                 return;
             }
@@ -170,14 +171,11 @@ var TimeList = /** @class */ (function (_super) {
             if (_this.props.value.getTime() === candidate.getTime()) {
                 return;
             }
-            _this.setState({
-                value: candidate
-            });
             var onChange = _this.props.onChange;
             if (onChange) {
                 onChange.call(undefined, candidate);
             }
-        };
+        }, SCROLL_THROTTLE);
         _this.dom = new services_1.DOMService();
         return _this;
     }

package/dist/npm/utils.d.ts

@@ -76,3 +76,21 @@ export declare const dateInRange: (candidate: Date, min: Date, max: Date) => Dat
  * @hidden
  */
 export declare const domContainerFactory: (type: string) => (children: string | HTMLElement[], classes?: string, styles?: any) => HTMLElement;
+/**
+ * @hidden
+ */
+export declare function debounce(func: any, wait: number, options?: any): {
+    (...args: any): any;
+    cancel: () => void;
+    flush: () => any;
+    pending: () => boolean;
+};
+/**
+ * @hidden
+ */
+export declare function throttle(func: any, wait: number): {
+    (...args: any): any;
+    cancel: () => void;
+    flush: () => any;
+    pending: () => boolean;
+};

package/dist/npm/utils.js

@@ -9,7 +9,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.domContainerFactory = exports.dateInRange = exports.shiftWeekNames = exports.intersects = exports.range = exports.isInSelectionRange = exports.isInDateRange = exports.isInRange = exports.getToday = exports.setTime = exports.isValidRange = exports.MAX_TIME = exports.MIN_TIME = exports.MAX_DATE = exports.MIN_DATE = exports.MIDNIGHT_DATE = exports.viewInRange = exports.nullable = exports.isEqualRange = void 0;
+exports.throttle = exports.debounce = exports.domContainerFactory = exports.dateInRange = exports.shiftWeekNames = exports.intersects = exports.range = exports.isInSelectionRange = exports.isInDateRange = exports.isInRange = exports.getToday = exports.setTime = exports.isValidRange = exports.MAX_TIME = exports.MIN_TIME = exports.MAX_DATE = exports.MIN_DATE = exports.MIDNIGHT_DATE = exports.viewInRange = exports.nullable = exports.isEqualRange = void 0;
 var kendo_date_math_1 = require("@progress/kendo-date-math");
 var kendo_date_math_2 = require("@progress/kendo-date-math");
 var SelectionRange_1 = require("./calendar/models/SelectionRange");
@@ -181,3 +181,145 @@ var domContainerFactory = function (type) { return function (children, classes,
     return container;
 }; };
 exports.domContainerFactory = domContainerFactory;
+/**
+ * @hidden
+ */
+function debounce(func, wait, options) {
+    if (options === void 0) { options = {}; }
+    var lastArgs;
+    var lastThis;
+    var maxWait = options.maxWait;
+    var result;
+    var timerId;
+    var lastCallTime;
+    var root = window;
+    var lastInvokeTime = 0;
+    var leading = false;
+    var maxing = false;
+    var trailing = true;
+    // Bypass `requestAnimationFrame` by explicitly setting `wait=0`.
+    var useRAF = (!wait && wait !== 0 && typeof root.requestAnimationFrame === 'function');
+    if (typeof func !== 'function') {
+        throw new TypeError('Expected a function');
+    }
+    wait = +wait || 0;
+    function invokeFunc(time) {
+        var args = lastArgs;
+        var thisArg = lastThis;
+        lastArgs = lastThis = undefined;
+        lastInvokeTime = time;
+        result = func.apply(thisArg, args);
+        return result;
+    }
+    function startTimer(pendingFunc, tmr) {
+        if (useRAF) {
+            root.cancelAnimationFrame(timerId);
+            return root.requestAnimationFrame(pendingFunc);
+        }
+        return setTimeout(pendingFunc, tmr);
+    }
+    function cancelTimer(id) {
+        if (useRAF) {
+            return root.cancelAnimationFrame(id);
+        }
+        clearTimeout(id);
+    }
+    function leadingEdge(time) {
+        // Reset any `maxWait` timer.
+        lastInvokeTime = time;
+        // Start the timer for the trailing edge.
+        timerId = startTimer(timerExpired, wait);
+        // Invoke the leading edge.
+        return leading ? invokeFunc(time) : result;
+    }
+    function remainingWait(time) {
+        var timeSinceLastCall = time - lastCallTime;
+        var timeSinceLastInvoke = time - lastInvokeTime;
+        var timeWaiting = wait - timeSinceLastCall;
+        return maxing
+            ? Math.min(timeWaiting, maxWait - timeSinceLastInvoke)
+            : timeWaiting;
+    }
+    function shouldInvoke(time) {
+        var timeSinceLastCall = time - lastCallTime;
+        var timeSinceLastInvoke = time - lastInvokeTime;
+        // Either this is the first call, activity has stopped and we're at the
+        // trailing edge, the system time has gone backwards and we're treating
+        // it as the trailing edge, or we've hit the `maxWait` limit.
+        return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||
+            (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));
+    }
+    function timerExpired() {
+        var time = Date.now();
+        if (shouldInvoke(time)) {
+            return trailingEdge(time);
+        }
+        // Restart the timer.
+        timerId = startTimer(timerExpired, remainingWait(time));
+    }
+    function trailingEdge(time) {
+        timerId = undefined;
+        // Only invoke if we have `lastArgs` which means `func` has been
+        // debounced at least once.
+        if (trailing && lastArgs) {
+            return invokeFunc(time);
+        }
+        lastArgs = lastThis = undefined;
+        return result;
+    }
+    function cancel() {
+        if (timerId !== undefined) {
+            cancelTimer(timerId);
+        }
+        lastInvokeTime = 0;
+        lastArgs = lastCallTime = lastThis = timerId = undefined;
+    }
+    function flush() {
+        return timerId === undefined ? result : trailingEdge(Date.now());
+    }
+    function pending() {
+        return timerId !== undefined;
+    }
+    function debounced() {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        var time = Date.now();
+        var isInvoking = shouldInvoke(time);
+        lastArgs = args;
+        /* @ts-ignore */
+        lastThis = this;
+        lastCallTime = time;
+        if (isInvoking) {
+            if (timerId === undefined) {
+                return leadingEdge(lastCallTime);
+            }
+            if (maxing) {
+                // Handle invocations in a tight loop.
+                timerId = startTimer(timerExpired, wait);
+                return invokeFunc(lastCallTime);
+            }
+        }
+        if (timerId === undefined) {
+            timerId = startTimer(timerExpired, wait);
+        }
+        return result;
+    }
+    debounced.cancel = cancel;
+    debounced.flush = flush;
+    debounced.pending = pending;
+    return debounced;
+}
+exports.debounce = debounce;
+/**
+ * @hidden
+ */
+function throttle(func, wait) {
+    return debounce(func, wait, {
+        leading: true,
+        trailing: true,
+        'maxWait': wait
+    });
+}
+exports.throttle = throttle;