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

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"
@@ -1612,6 +1612,7 @@ function _FilterDropdown({
   value,
   defaultValue = menuItems[0],
   menuTitle,
+  placeholder,
   disabled,
   icon,
   label,
@@ -1633,7 +1634,7 @@ function _FilterDropdown({
   const selected = value ?? selected_;
   const isTablet = material.useMediaQuery((theme) => theme.breakpoints.down("lg"));
   const isIcon = Boolean(icon) && (!responsive || isTablet);
-  const menuLabel = label || (selected == null ? void 0 : selected.alternativeLabel) || (selected == null ? void 0 : selected.label) || "Select an option";
+  const menuLabel = label || (selected == null ? void 0 : selected.alternativeLabel) || (selected == null ? void 0 : selected.label) || placeholder;
   const [buttonId] = React.useState(() => `filter-dropdown-button-${uniqueId()}`);
   const [menuId] = React.useState(() => `filter-dropdown-menu-${uniqueId()}`);
   const handleOpen = (event) => {
@@ -1677,7 +1678,6 @@ function _FilterDropdown({
         anchorEl,
         open: isOpen,
         onClose: handleClose,
-        keepMounted: true,
         slotProps: {
           ...slotProps,
           paper: {
@@ -1694,8 +1694,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 +1704,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"
@@ -1612,6 +1612,7 @@ function _FilterDropdown({
   value,
   defaultValue = menuItems[0],
   menuTitle,
+  placeholder,
   disabled,
   icon,
   label,
@@ -1633,7 +1634,7 @@ function _FilterDropdown({
   const selected = value ?? selected_;
   const isTablet = useMediaQuery((theme) => theme.breakpoints.down("lg"));
   const isIcon = Boolean(icon) && (!responsive || isTablet);
-  const menuLabel = label || (selected == null ? void 0 : selected.alternativeLabel) || (selected == null ? void 0 : selected.label) || "Select an option";
+  const menuLabel = label || (selected == null ? void 0 : selected.alternativeLabel) || (selected == null ? void 0 : selected.label) || placeholder;
   const [buttonId] = useState(() => `filter-dropdown-button-${uniqueId()}`);
   const [menuId] = useState(() => `filter-dropdown-menu-${uniqueId()}`);
   const handleOpen = (event) => {
@@ -1677,7 +1678,6 @@ function _FilterDropdown({
         anchorEl,
         open: isOpen,
         onClose: handleClose,
-        keepMounted: true,
         slotProps: {
           ...slotProps,
           paper: {
@@ -1694,8 +1694,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 +1704,7 @@ function _FilterDropdown({
                 extended,
                 onItemChange: handleChange
               },
-              id
+              index
             );
           })
         ]

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

@@ -1,6 +1,6 @@
 import { default as React, ForwardedRef } from 'react';
 import { FilterDropdownProps } from './types';
-export declare function _FilterDropdown({ menuItems, onClickItem, value, defaultValue, menuTitle, disabled, icon, label, buttonSize, buttonColor, dense, extended, 'aria-label': ariaLabel, responsive, tooltipLabel, tooltipPlacement, slotProps, MenuListProps, ...props }: FilterDropdownProps, ref: ForwardedRef<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+export declare function _FilterDropdown({ menuItems, onClickItem, value, defaultValue, menuTitle, placeholder, disabled, icon, label, buttonSize, buttonColor, dense, extended, 'aria-label': ariaLabel, responsive, tooltipLabel, tooltipPlacement, slotProps, MenuListProps, ...props }: FilterDropdownProps, ref: ForwardedRef<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
 declare const FilterDropdown: React.ForwardRefExoticComponent<Omit<FilterDropdownProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default FilterDropdown;
 //# sourceMappingURL=FilterDropdown.d.ts.map

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,WAAW,EACX,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/dist/types/components/molecules/FilterDropdown/types.d.ts

@@ -24,6 +24,7 @@ export interface FilterDropdownProps extends Omit<MenuProps, 'defaultValue' | 'o
     icon?: ReactNode;
     label?: ReactNode;
     menuTitle?: ReactNode;
+    placeholder?: ReactNode;
     disabled?: boolean;
     responsive?: boolean;
     dense?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/FilterDropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAElD,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,aAAa,EAAE,IAAI,GAAG,QAAQ,CAAC;IAC5C,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,KAAK,EAAE,SAAS,CAAA;IAChB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,gBAAgB,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAA;IAC5C,cAAc,CAAC,EAAE,SAAS,CAAA;IAC1B,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,MAAM,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;IACvB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,SAAS,EAAE,cAAc,GAAG,MAAM,CAAC;IAChD,SAAS,EAAE,uBAAuB,EAAE,CAAA;IACpC,WAAW,EAAE,CAAC,IAAI,EAAE,uBAAuB,EAAE,KAAK,CAAC,EAAE,UAAU,KAAK,OAAO,CAAA;IAC3E,KAAK,CAAC,EAAE,uBAAuB,CAAA;IAC/B,YAAY,CAAC,EAAE,uBAAuB,GAAG,IAAI,CAAA;IAC7C,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACzC,WAAW,CAAC,EAAE,WAAW,GAAG,SAAS,CAAA;IACrC,eAAe,CAAC,EAAE;QAChB,QAAQ,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;QACrC,UAAU,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;KACxC,CAAA;IACD,YAAY,CAAC,EAAE;QACb,QAAQ,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;QACrC,UAAU,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;KACxC,CAAA;IACD,SAAS,CAAC,EAAE;QACV,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;KAC7C,CAAA;IACD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,gBAAgB,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAA;CAC7C;AAED,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,uBAAuB,CAAA;IAC7B,YAAY,EAAE,CAAC,IAAI,EAAE,uBAAuB,EAAE,KAAK,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;IACzE,aAAa,CAAC,EAAE,uBAAuB,CAAA;IACvC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/FilterDropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAElD,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,aAAa,EAAE,IAAI,GAAG,QAAQ,CAAC;IAC5C,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,KAAK,EAAE,SAAS,CAAA;IAChB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,gBAAgB,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAA;IAC5C,cAAc,CAAC,EAAE,SAAS,CAAA;IAC1B,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,MAAM,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;IACvB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,SAAS,EAAE,cAAc,GAAG,MAAM,CAAC;IAChD,SAAS,EAAE,uBAAuB,EAAE,CAAA;IACpC,WAAW,EAAE,CAAC,IAAI,EAAE,uBAAuB,EAAE,KAAK,CAAC,EAAE,UAAU,KAAK,OAAO,CAAA;IAC3E,KAAK,CAAC,EAAE,uBAAuB,CAAA;IAC/B,YAAY,CAAC,EAAE,uBAAuB,GAAG,IAAI,CAAA;IAC7C,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACzC,WAAW,CAAC,EAAE,WAAW,GAAG,SAAS,CAAA;IACrC,eAAe,CAAC,EAAE;QAChB,QAAQ,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;QACrC,UAAU,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;KACxC,CAAA;IACD,YAAY,CAAC,EAAE;QACb,QAAQ,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;QACrC,UAAU,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;KACxC,CAAA;IACD,SAAS,CAAC,EAAE;QACV,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;KAC7C,CAAA;IACD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,gBAAgB,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAA;CAC7C;AAED,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,uBAAuB,CAAA;IAC7B,YAAY,EAAE,CAAC,IAAI,EAAE,uBAAuB,EAAE,KAAK,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;IACzE,aAAa,CAAC,EAAE,uBAAuB,CAAA;IACvC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB"}

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.8",
   "description": "CARTO Meridian Design System",
   "type": "module",
   "scripts": {