@carto/meridian-ds 2.2.0-alpha-filter-dropdown.6 → 2.2.0-alpha-filter-dropdown.7

package/dist/components/index.cjs

@@ -1553,7 +1553,7 @@ const FilterDropdownMenuItem = ({
     fixed,
     selected
   } = item;
-  const menuItemId = `filter-dropdown-item-${id}`;
+  const [menuItemId] = React.useState(() => `filter-dropdown-item-${uniqueId()}`);
   const isSelected = selected || (selectedValue == null ? void 0 : selectedValue.id) === id;
   if (hidden) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(material.Tooltip, { title: tooltipLabel, placement: tooltipPlacement, children: /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1587,7 +1587,7 @@ const FilterDropdownMenuItem = ({
         endAdornment && /* @__PURE__ */ jsxRuntime.jsx(material.ListItemIcon, { children: endAdornment })
       ]
     }
-  ) }, id);
+  ) });
 };
 const ButtonWrapper = material.styled(material.Box, {
   shouldForwardProp: (prop) => prop !== "isOpen" && prop !== "buttonColor"
@@ -1677,7 +1677,6 @@ function _FilterDropdown({
         anchorEl,
         open: isOpen,
         onClose: handleClose,
-        keepMounted: true,
         slotProps: {
           ...slotProps,
           paper: {
@@ -1694,8 +1693,7 @@ function _FilterDropdown({
         },
         children: [
           menuTitle && /* @__PURE__ */ jsxRuntime.jsx(MenuItem.MenuItem, { subtitle: true, children: menuTitle }),
-          menuItems.map((item) => {
-            const { id } = item;
+          menuItems.map((item, index) => {
             return /* @__PURE__ */ jsxRuntime.jsx(
               FilterDropdownMenuItem,
               {
@@ -1705,7 +1703,7 @@ function _FilterDropdown({
                 extended,
                 onItemChange: handleChange
               },
-              id
+              index
             );
           })
         ]

package/dist/components/index.js

@@ -1553,7 +1553,7 @@ const FilterDropdownMenuItem = ({
     fixed,
     selected
   } = item;
-  const menuItemId = `filter-dropdown-item-${id}`;
+  const [menuItemId] = useState(() => `filter-dropdown-item-${uniqueId()}`);
   const isSelected = selected || (selectedValue == null ? void 0 : selectedValue.id) === id;
   if (hidden) return null;
   return /* @__PURE__ */ jsx(Tooltip, { title: tooltipLabel, placement: tooltipPlacement, children: /* @__PURE__ */ jsxs(
@@ -1587,7 +1587,7 @@ const FilterDropdownMenuItem = ({
         endAdornment && /* @__PURE__ */ jsx(ListItemIcon, { children: endAdornment })
       ]
     }
-  ) }, id);
+  ) });
 };
 const ButtonWrapper = styled(Box, {
   shouldForwardProp: (prop) => prop !== "isOpen" && prop !== "buttonColor"
@@ -1677,7 +1677,6 @@ function _FilterDropdown({
         anchorEl,
         open: isOpen,
         onClose: handleClose,
-        keepMounted: true,
         slotProps: {
           ...slotProps,
           paper: {
@@ -1694,8 +1693,7 @@ function _FilterDropdown({
         },
         children: [
           menuTitle && /* @__PURE__ */ jsx(MenuItem, { subtitle: true, children: menuTitle }),
-          menuItems.map((item) => {
-            const { id } = item;
+          menuItems.map((item, index) => {
             return /* @__PURE__ */ jsx(
               FilterDropdownMenuItem,
               {
@@ -1705,7 +1703,7 @@ function _FilterDropdown({
                 extended,
                 onItemChange: handleChange
               },
-              id
+              index
             );
           })
         ]

package/dist/types/components/molecules/FilterDropdown/FilterDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterDropdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/FilterDropdown/FilterDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAoC,YAAY,EAAE,MAAM,OAAO,CAAA;AAQ7E,OAAO,EAA2B,mBAAmB,EAAE,MAAM,SAAS,CAAA;AA0BtE,wBAAgB,eAAe,CAC7B,EACE,SAAS,EACT,WAAW,EACX,KAAK,EACL,YAA2B,EAC3B,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,UAAU,EACV,WAAuB,EACvB,KAAa,EACb,QAAgB,EAChB,YAAY,EAAE,SAAS,EACvB,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,SAAS,EACT,aAAa,EACb,GAAG,KAAK,EACT,EAAE,mBAAmB,EACtB,GAAG,EAAE,YAAY,CAAC,cAAc,CAAC,2CAuGlC;AAID,QAAA,MAAM,cAAc,yGAEnB,CAAA;AACD,eAAe,cAAc,CAAA"}
+{"version":3,"file":"FilterDropdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/FilterDropdown/FilterDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAoC,YAAY,EAAE,MAAM,OAAO,CAAA;AAQ7E,OAAO,EAA2B,mBAAmB,EAAE,MAAM,SAAS,CAAA;AA0BtE,wBAAgB,eAAe,CAC7B,EACE,SAAS,EACT,WAAW,EACX,KAAK,EACL,YAA2B,EAC3B,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,UAAU,EACV,WAAuB,EACvB,KAAa,EACb,QAAgB,EAChB,YAAY,EAAE,SAAS,EACvB,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,SAAS,EACT,aAAa,EACb,GAAG,KAAK,EACT,EAAE,mBAAmB,EACtB,GAAG,EAAE,YAAY,CAAC,cAAc,CAAC,2CAoGlC;AAID,QAAA,MAAM,cAAc,yGAEnB,CAAA;AACD,eAAe,cAAc,CAAA"}

package/dist/types/components/molecules/FilterDropdown/FilterDropdownMenuItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterDropdownMenuItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/FilterDropdown/FilterDropdownMenuItem.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAA;AAErD,eAAO,MAAM,sBAAsB,4DAMhC,2BAA2B,mDAoD7B,CAAA"}
+{"version":3,"file":"FilterDropdownMenuItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/FilterDropdown/FilterDropdownMenuItem.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAA;AAErD,eAAO,MAAM,sBAAsB,4DAMhC,2BAA2B,mDAoD7B,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carto/meridian-ds",
-  "version": "2.2.0-alpha-filter-dropdown.6",
+  "version": "2.2.0-alpha-filter-dropdown.7",
   "description": "CARTO Meridian Design System",
   "type": "module",
   "scripts": {