@sprinklrjs/spaceweb 14.15.0 → 14.15.1

package/date-input/DateInput.js

@@ -202,14 +202,19 @@ var DateInput = function (_a) {
     }, [_onKeyDown, closeDatePicker]);
     var onBlur = (0, useLatestCallback_1.useLatestCallback)(function (e) {
         var _a;
-        setIsContainerFocused(false);
         var contentEl = contentRef.current;
         // The Year/Month selector menu (which gets autofocused on open) is rendered as a sibling of contentEl
         // We check contentEl.parentElement(Popover.Inner) as a potential container for events
+        // While open, the popover's focus lock blurs the chevron towards a non-element (null / document)
+        if ((isOpen && !(e.relatedTarget instanceof Element)) ||
+            e.currentTarget.contains(e.relatedTarget) ||
+            ((_a = contentEl === null || contentEl === void 0 ? void 0 : contentEl.parentElement) === null || _a === void 0 ? void 0 : _a.contains(e.relatedTarget)) ||
+            (contentEl === null || contentEl === void 0 ? void 0 : contentEl.contains(e.relatedTarget))) {
+            return;
+        }
+        setIsContainerFocused(false);
         if (isOpen) {
-            if (!contentEl || !(((_a = contentEl.parentElement) === null || _a === void 0 ? void 0 : _a.contains(e.relatedTarget)) || contentEl.contains(e.relatedTarget))) {
-                closeDatePicker();
-            }
+            closeDatePicker();
         }
         // on blur, clear the input if the value is malformed
         if (!value && inputValue) {
@@ -230,7 +235,7 @@ var DateInput = function (_a) {
                    else
                       we close the Popover.
             */
-            getTimeRangesForDate: getTimeRangesForDate, disableTimezoneSwitch: disableTimezoneSwitch }, contentProps), timezoneAdaptedValue === null || timezoneAdaptedValue === void 0 ? void 0 : timezoneAdaptedValue.getTime()) }, popoverProps, { children: (0, jsx_runtime_1.jsx)(Root, tslib_1.__assign({}, rootProps, { children: (0, jsx_runtime_1.jsx)(Input, tslib_1.__assign({ value: inputValue, onChange: handleInputChange, disabled: restProps.disabled, onFocus: onFocus, onBlur: onBlur, onKeyDown: handleKeyDown }, restProps, { placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : formatString.toLowerCase(), intent: error ? 'error' : intent }, inputProps, { inputRef: (0, useCombinedRef_1.combineRefs)(inputRef, inputProps.ref) })) })) })));
+            getTimeRangesForDate: getTimeRangesForDate, disableTimezoneSwitch: disableTimezoneSwitch }, contentProps), timezoneAdaptedValue === null || timezoneAdaptedValue === void 0 ? void 0 : timezoneAdaptedValue.getTime()) }, popoverProps, { children: (0, jsx_runtime_1.jsx)(Root, tslib_1.__assign({ onBlur: onBlur }, rootProps, { children: (0, jsx_runtime_1.jsx)(Input, tslib_1.__assign({ value: inputValue, onChange: handleInputChange, disabled: restProps.disabled, onFocus: onFocus, onKeyDown: handleKeyDown }, restProps, { placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : formatString.toLowerCase(), intent: error ? 'error' : intent }, inputProps, { inputRef: (0, useCombinedRef_1.combineRefs)(inputRef, inputProps.ref) })) })) })));
 };
 exports.DateInput = DateInput;
 exports.DateInput.__standard = 'Component';

package/esm/date-input/DateInput.js

@@ -199,14 +199,19 @@ export var DateInput = function (_a) {
     }, [_onKeyDown, closeDatePicker]);
     var onBlur = useLatestCallback(function (e) {
         var _a;
-        setIsContainerFocused(false);
         var contentEl = contentRef.current;
         // The Year/Month selector menu (which gets autofocused on open) is rendered as a sibling of contentEl
         // We check contentEl.parentElement(Popover.Inner) as a potential container for events
+        // While open, the popover's focus lock blurs the chevron towards a non-element (null / document)
+        if ((isOpen && !(e.relatedTarget instanceof Element)) ||
+            e.currentTarget.contains(e.relatedTarget) ||
+            ((_a = contentEl === null || contentEl === void 0 ? void 0 : contentEl.parentElement) === null || _a === void 0 ? void 0 : _a.contains(e.relatedTarget)) ||
+            (contentEl === null || contentEl === void 0 ? void 0 : contentEl.contains(e.relatedTarget))) {
+            return;
+        }
+        setIsContainerFocused(false);
         if (isOpen) {
-            if (!contentEl || !(((_a = contentEl.parentElement) === null || _a === void 0 ? void 0 : _a.contains(e.relatedTarget)) || contentEl.contains(e.relatedTarget))) {
-                closeDatePicker();
-            }
+            closeDatePicker();
         }
         // on blur, clear the input if the value is malformed
         if (!value && inputValue) {
@@ -227,6 +232,6 @@ export var DateInput = function (_a) {
                    else
                       we close the Popover.
             */
-            getTimeRangesForDate: getTimeRangesForDate, disableTimezoneSwitch: disableTimezoneSwitch }, contentProps), timezoneAdaptedValue === null || timezoneAdaptedValue === void 0 ? void 0 : timezoneAdaptedValue.getTime()) }, popoverProps, { children: _jsx(Root, __assign({}, rootProps, { children: _jsx(Input, __assign({ value: inputValue, onChange: handleInputChange, disabled: restProps.disabled, onFocus: onFocus, onBlur: onBlur, onKeyDown: handleKeyDown }, restProps, { placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : formatString.toLowerCase(), intent: error ? 'error' : intent }, inputProps, { inputRef: combineRefs(inputRef, inputProps.ref) })) })) })));
+            getTimeRangesForDate: getTimeRangesForDate, disableTimezoneSwitch: disableTimezoneSwitch }, contentProps), timezoneAdaptedValue === null || timezoneAdaptedValue === void 0 ? void 0 : timezoneAdaptedValue.getTime()) }, popoverProps, { children: _jsx(Root, __assign({ onBlur: onBlur }, rootProps, { children: _jsx(Input, __assign({ value: inputValue, onChange: handleInputChange, disabled: restProps.disabled, onFocus: onFocus, onKeyDown: handleKeyDown }, restProps, { placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : formatString.toLowerCase(), intent: error ? 'error' : intent }, inputProps, { inputRef: combineRefs(inputRef, inputProps.ref) })) })) })));
 };
 DateInput.__standard = 'Component';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sprinklrjs/spaceweb",
-  "version": "14.15.0",
+  "version": "14.15.1",
   "description": "Components for SpaceWeb",
   "main": "index.js",
   "module": "./esm/index.js",
@@ -102,7 +102,7 @@
     "typescript": "~5.0.0"
   },
   "peerDependencies": {
-    "@sprinklrjs/spaceweb-themes": "14.15.0",
+    "@sprinklrjs/spaceweb-themes": "14.15.1",
     "react": ">=17.0.2 <19.0.0",
     "react-dom": ">=17.0.2 <19.0.0"
   }