@db-ux/react-core-components 4.5.0 → 4.5.2-0-eff2227

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @db-ux/react-core-components
 
+## 4.5.1
+
+### Patch Changes
+
+- fix: issue with DBButton `noText` and `width="full"` not having fixed size - [see commit bc81b40](https://github.com/db-ux-design-system/core-web/commit/bc81b402660871d706b1bf8d3fbac6713a7c9670)
+
+- fix: issue with hover state when using DBPopover/Tooltip with animation - [see commit bc4801b](https://github.com/db-ux-design-system/core-web/commit/bc4801bf0b32d5dc4fd8e29626a6122e34fb6ada)
+
+- fix: Add null guard in `floating-components.ts` to prevent errors when `element` or `parent` is `null` inside tests. - [see commit ac50f97](https://github.com/db-ux-design-system/core-web/commit/ac50f97fa503ef4f62d37f316f3b5da0f6d7742e)
+
+- fix: issue with DBCustomSelect inside DBDrawer (or other `<dialog>` based) components, which has a problem with top-layer and focus - [see commit 6547ada](https://github.com/db-ux-design-system/core-web/commit/6547ada44844cbed1b8207db742a5119edb945f6)
+
+- fix(`input type="date"`): wrong padding and color for successful and critical state - [see commit 4f3db42](https://github.com/db-ux-design-system/core-web/commit/4f3db4262a652ac8d6353bd1a0a92a4a62b6ff86)
+
 ## 4.5.0
 
 ### Minor Changes

package/dist/components/custom-select/custom-select.js

@@ -324,10 +324,14 @@ function DBCustomSelectFn(props, component) {
             else if (detailsRef.current.open && event) {
                 if (event.relatedTarget) {
                     const relatedTarget = event.relatedTarget;
-                    if (!detailsRef.current.contains(relatedTarget)) {
+                    // We close if the focus is on something like a <button> etc. which is not inside the <details> element
+                    // Inside a <dialog> there is some focus problem because of the top-layer
+                    // We do not want to focus <dialog> itself
+                    if (!detailsRef.current.contains(relatedTarget) &&
+                        relatedTarget.localName !== "dialog") {
                         // We need to use delay here because the combination of `contains`
                         // and changing the DOM element causes a race condition inside browser
-                        delay(() => (detailsRef.current.open = false), 1);
+                        void delay(() => (detailsRef.current.open = false), 1);
                     }
                 }
             }
@@ -694,7 +698,7 @@ function DBCustomSelectFn(props, component) {
                     (_selectedLabels === null || _selectedLabels === void 0 ? void 0 : _selectedLabels.length) ? (React.createElement("span", { "data-visually-hidden": getBooleanAsString(props.selectedType === "tag"), id: _selectedLabelsId },
                         props.selectedPrefix ? (React.createElement("span", { "data-visually-hidden": "true" }, props.selectedPrefix)) : null,
                         _selectedLabels)) : null,
-                    props.selectedType === "tag" ? (React.createElement("div", null, _selectedOptions === null || _selectedOptions === void 0 ? void 0 : _selectedOptions.map((option, index) => (React.createElement(DBTag, { emphasis: "strong", behavior: "removable", removeButton: getTagRemoveLabel(option), onRemove: (event) => handleTagRemove(option, event), key: getOptionKey(option, "tag-") }, getOptionLabel(option)))))) : null),
+                    props.selectedType === "tag" ? (React.createElement("div", null, _selectedOptions === null || _selectedOptions === void 0 ? void 0 : _selectedOptions.map((option) => (React.createElement(DBTag, { emphasis: "strong", behavior: "removable", removeButton: getTagRemoveLabel(option), onRemove: (event) => handleTagRemove(option, event), key: getOptionKey(option, "tag-") }, getOptionLabel(option)))))) : null),
                 React.createElement(DBCustomSelectDropdown, { width: props.dropdownWidth },
                     searchEnabled ? (React.createElement("div", null,
                         React.createElement(DBInput, { type: "search", ref: searchInputRef, name: _id, form: _id, showLabel: false, value: _searchValue, label: (_e = props.searchLabel) !== null && _e !== void 0 ? _e : DEFAULT_LABEL, placeholder: (_f = props.searchPlaceholder) !== null && _f !== void 0 ? _f : props.searchLabel, ariaDescribedBy: _hasNoOptions || props.showLoading

package/dist/utils/floating-components.js

@@ -60,6 +60,8 @@ export const handleDataOutside = (el) => {
     return dataOutsidePair;
 };
 export const handleFixedDropdown = (element, parent, placement) => {
+    if (!element || !parent)
+        return;
     // We skip this if we are in mobile it's already fixed
     if (getComputedStyle(element).zIndex === '9999')
         return;
@@ -249,6 +251,8 @@ const getAncestorHasCorrectedPlacement = (element) => {
 };
 export const handleFixedPopover = (element, parent, placement) => {
     var _a, _b;
+    if (!element || !parent)
+        return;
     const parentComputedStyles = getComputedStyle(parent);
     const parentHasFloatingPosition = ['absolute', 'fixed'].includes(parentComputedStyles.position);
     const ancestorWithCorrectedPlacement = getAncestorHasCorrectedPlacement(element);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@db-ux/react-core-components",
-  "version": "4.5.0",
+  "version": "4.5.2-0-eff2227",
   "description": "React components for @db-ux/core-components",
   "repository": {
     "type": "git",
@@ -41,7 +41,7 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@db-ux/core-components": "4.5.0",
-    "@db-ux/core-foundations": "4.5.0"
+    "@db-ux/core-components": "4.5.2-0-eff2227",
+    "@db-ux/core-foundations": "4.5.2-0-eff2227"
   }
 }