@zohodesk/components 1.6.3 → 1.6.4

package/README.md

@@ -2,6 +2,14 @@
 
 Dot UI is a customizable React component library built to deliver a clean, accessible, and developer-friendly UI experience. It offers a growing set of reusable components designed to align with modern design systems and streamline application development across projects.
 
+# 1.6.4
+  - **Popup**
+    - Fixed an issue where the popup did not reposition correctly when the `mobileWidth` configuration was updated dynamically.
+
+    ### 🔒 Compatibility
+    - Requires `@zohodesk/dotkit` version `1.0.8` or above.
+
+
 # 1.6.3
 
 - Added customProps support to **AdvancedMultiSelect**.
@@ -15,6 +23,8 @@ Dot UI is a customizable React component library built to deliver a clean, acces
 
 - **Select, SelectWithIcon, SelectWithAvatar, GroupSelect, MultiSelect, MultiSelectWithAvatar, AdvancedMultiSelect, AdvancedGroupMultiSelect**
   - `renderCustomEmptyState` prop supported
+- **v1** code removed
+- **CBT** cli migrated for build  
 
 # 1.6.1
 

package/es/Popup/Popup.js

@@ -17,8 +17,15 @@ const Popup = function (Component) {
     closeOnScroll = false,
     isOutsideScrollBlocked = false
   } = options;
-  const getRootElement = getLibraryConfig('getRootElement');
-  const mobileWidth = getLibraryConfig('mobileWidth');
+
+  const getRootElement = () => {
+    return getLibraryConfig('getRootElement');
+  };
+
+  const getMobileWidth = () => {
+    return getLibraryConfig('mobileWidth');
+  };
+
   const middleware = {
     useAbsolutePositioning: isAbsolutePositioningNeeded,
     positionOrder: customOrder,
@@ -30,8 +37,8 @@ const Popup = function (Component) {
   };
   const popupConfig = {
     group,
-    mobileWidth,
-    rootElementCallback: getRootElement,
+    getMobileWidth,
+    getRootElement,
     middleware
   };
   return DotkitPopup(Component, popupConfig);

package/lib/Popup/Popup.js

@@ -35,8 +35,15 @@ var Popup = function Popup(Component) {
       closeOnScroll = _options$closeOnScrol === void 0 ? false : _options$closeOnScrol,
       _options$isOutsideScr = options.isOutsideScrollBlocked,
       isOutsideScrollBlocked = _options$isOutsideScr === void 0 ? false : _options$isOutsideScr;
-  var getRootElement = (0, _Config.getLibraryConfig)('getRootElement');
-  var mobileWidth = (0, _Config.getLibraryConfig)('mobileWidth');
+
+  var getRootElement = function getRootElement() {
+    return (0, _Config.getLibraryConfig)('getRootElement');
+  };
+
+  var getMobileWidth = function getMobileWidth() {
+    return (0, _Config.getLibraryConfig)('mobileWidth');
+  };
+
   var middleware = {
     useAbsolutePositioning: isAbsolutePositioningNeeded,
     positionOrder: customOrder,
@@ -48,8 +55,8 @@ var Popup = function Popup(Component) {
   };
   var popupConfig = {
     group: group,
-    mobileWidth: mobileWidth,
-    rootElementCallback: getRootElement,
+    getMobileWidth: getMobileWidth,
+    getRootElement: getRootElement,
     middleware: middleware
   };
   return (0, _Popup["default"])(Component, popupConfig);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/components",
-  "version": "1.6.3",
+  "version": "1.6.4",
   "main": "es/index.js",
   "module": "es/index.js",
   "private": false,
@@ -76,9 +76,9 @@
     "@zohodesk-private/react-prop-validator": "1.2.3",
     "@zohodesk/a11y": "2.3.8",
     "@zohodesk/docstool": "1.0.0-alpha-2",
-    "@zohodesk/dotkit": "1.0.7",
-    "@zohodesk/hooks": "2.0.6",
-    "@zohodesk/icons": "1.2.3",
+    "@zohodesk/dotkit": "1.0.8",
+    "@zohodesk/hooks": "2.0.8",
+    "@zohodesk/icons": "1.2.5",
     "@zohodesk/layout": "3.1.0",
     "@zohodesk/svg": "1.3.2",
     "@zohodesk/utils": "1.3.16",
@@ -97,17 +97,17 @@
     "selectn": "1.1.2"
   },
   "peerDependencies": {
-    "@zohodesk/icons": "1.2.3",
+    "@zohodesk/icons": "1.2.5",
     "@zohodesk/variables": "1.2.0",
     "@zohodesk/svg": "1.3.2",
     "@zohodesk/virtualizer": "1.0.13",
     "velocity-react": "1.4.3",
     "react-sortable-hoc": "^0.8.3",
-    "@zohodesk/hooks": "2.0.6",
+    "@zohodesk/hooks": "2.0.8",
     "@zohodesk/utils": "1.3.16",
     "@zohodesk/a11y": "2.3.8",
     "@zohodesk/layout": "3.1.0",
-    "@zohodesk/dotkit": "1.0.7",
+    "@zohodesk/dotkit": "1.0.8",
     "color": "4.2.3"
   }
 }