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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/components/index.cjs +13 -3
  2. package/dist/components/index.js +13 -3
  3. package/dist/types/components/molecules/FilterDropdown/FilterDropdown.d.ts.map +1 -1
  4. package/dist/types/components/molecules/FilterDropdown/FilterDropdownMenuItem.d.ts.map +1 -1
  5. package/package.json +1 -1
package/dist/components/index.cjs CHANGED
@@ -1573,7 +1573,17 @@ const FilterDropdownMenuItem = ({
1573
1573
  "aria-selected": isSelected,
1574
1574
  children: [
1575
1575
  startAdornment && /* @__PURE__ */ jsxRuntime.jsx(material.ListItemIcon, { children: startAdornment }),
1576
- /* @__PURE__ */ jsxRuntime.jsx(material.ListItemText, { id: menuItemId, primary: label, secondary: description }),
1576
+ /* @__PURE__ */ jsxRuntime.jsx(
1577
+ material.ListItemText,
1578
+ {
1579
+ primary: label,
1580
+ secondary: description,
1581
+ primaryTypographyProps: {
1582
+ variant: "body2",
1583
+ id: menuItemId
1584
+ }
1585
+ }
1586
+ ),
1577
1587
  endAdornment && /* @__PURE__ */ jsxRuntime.jsx(material.ListItemIcon, { children: endAdornment })
1578
1588
  ]
1579
1589
  }
@@ -1624,8 +1634,8 @@ function _FilterDropdown({
1624
1634
  const isTablet = material.useMediaQuery((theme) => theme.breakpoints.down("lg"));
1625
1635
  const isIcon = Boolean(icon) && (!responsive || isTablet);
1626
1636
  const menuLabel = label || (selected == null ? void 0 : selected.alternativeLabel) || (selected == null ? void 0 : selected.label) || "Select an option";
1627
- const buttonId = `filter-dropdown-button-${React.useId()}`;
1628
- const menuId = `filter-dropdown-menu-${React.useId()}`;
1637
+ const [buttonId] = React.useState(() => `filter-dropdown-button-${uniqueId()}`);
1638
+ const [menuId] = React.useState(() => `filter-dropdown-menu-${uniqueId()}`);
1629
1639
  const handleOpen = (event) => {
1630
1640
  setAnchorEl(event.currentTarget);
1631
1641
  };
package/dist/components/index.js CHANGED
@@ -1573,7 +1573,17 @@ const FilterDropdownMenuItem = ({
1573
1573
  "aria-selected": isSelected,
1574
1574
  children: [
1575
1575
  startAdornment && /* @__PURE__ */ jsx(ListItemIcon, { children: startAdornment }),
1576
- /* @__PURE__ */ jsx(ListItemText, { id: menuItemId, primary: label, secondary: description }),
1576
+ /* @__PURE__ */ jsx(
1577
+ ListItemText,
1578
+ {
1579
+ primary: label,
1580
+ secondary: description,
1581
+ primaryTypographyProps: {
1582
+ variant: "body2",
1583
+ id: menuItemId
1584
+ }
1585
+ }
1586
+ ),
1577
1587
  endAdornment && /* @__PURE__ */ jsx(ListItemIcon, { children: endAdornment })
1578
1588
  ]
1579
1589
  }
@@ -1624,8 +1634,8 @@ function _FilterDropdown({
1624
1634
  const isTablet = useMediaQuery((theme) => theme.breakpoints.down("lg"));
1625
1635
  const isIcon = Boolean(icon) && (!responsive || isTablet);
1626
1636
  const menuLabel = label || (selected == null ? void 0 : selected.alternativeLabel) || (selected == null ? void 0 : selected.label) || "Select an option";
1627
- const buttonId = `filter-dropdown-button-${React.useId()}`;
1628
- const menuId = `filter-dropdown-menu-${React.useId()}`;
1637
+ const [buttonId] = useState(() => `filter-dropdown-button-${uniqueId()}`);
1638
+ const [menuId] = useState(() => `filter-dropdown-menu-${uniqueId()}`);
1629
1639
  const handleOpen = (event) => {
1630
1640
  setAnchorEl(event.currentTarget);
1631
1641
  };
package/dist/types/components/molecules/FilterDropdown/FilterDropdown.d.ts.map CHANGED
@@ -1 +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;AAO7E,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,2CAsGlC;AAID,QAAA,MAAM,cAAc,yGAEnB,CAAA;AACD,eAAe,cAAc,CAAA"}
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"}
package/dist/types/components/molecules/FilterDropdown/FilterDropdownMenuItem.d.ts.map CHANGED
@@ -1 +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,mDA6C7B,CAAA"}
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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@carto/meridian-ds",
3
- "version": "2.2.0-alpha-filter-dropdown.4",
3
+ "version": "2.2.0-alpha-filter-dropdown.6",
4
4
  "description": "CARTO Meridian Design System",
5
5
  "type": "module",
6
6
  "scripts": {