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

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 (7) hide show
  1. package/dist/components/index.cjs +7 -3
  2. package/dist/components/index.js +7 -3
  3. package/dist/types/components/molecules/FilterDropdown/FilterDropdown.d.ts +1 -1
  4. package/dist/types/components/molecules/FilterDropdown/FilterDropdown.d.ts.map +1 -1
  5. package/dist/types/components/molecules/FilterDropdown/types.d.ts +1 -0
  6. package/dist/types/components/molecules/FilterDropdown/types.d.ts.map +1 -1
  7. package/package.json +1 -1
package/dist/components/index.cjs CHANGED
@@ -1612,6 +1612,7 @@ function _FilterDropdown({
1612
1612
  value,
1613
1613
  defaultValue = menuItems[0],
1614
1614
  menuTitle,
1615
+ placeholder,
1615
1616
  disabled,
1616
1617
  icon,
1617
1618
  label,
@@ -1633,7 +1634,7 @@ function _FilterDropdown({
1633
1634
  const selected = value ?? selected_;
1634
1635
  const isTablet = material.useMediaQuery((theme) => theme.breakpoints.down("lg"));
1635
1636
  const isIcon = Boolean(icon) && (!responsive || isTablet);
1636
- const menuLabel = label || (selected == null ? void 0 : selected.alternativeLabel) || (selected == null ? void 0 : selected.label) || "Select an option";
1637
+ const menuLabel = label || (selected == null ? void 0 : selected.alternativeLabel) || (selected == null ? void 0 : selected.label) || placeholder;
1637
1638
  const [buttonId] = React.useState(() => `filter-dropdown-button-${uniqueId()}`);
1638
1639
  const [menuId] = React.useState(() => `filter-dropdown-menu-${uniqueId()}`);
1639
1640
  const handleOpen = (event) => {
@@ -1656,7 +1657,8 @@ function _FilterDropdown({
1656
1657
  id: buttonId,
1657
1658
  "aria-controls": isOpen ? menuId : void 0,
1658
1659
  "aria-haspopup": !disabled,
1659
- "aria-expanded": isOpen
1660
+ "aria-expanded": isOpen,
1661
+ "data-color": buttonColor
1660
1662
  };
1661
1663
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
1662
1664
  /* @__PURE__ */ jsxRuntime.jsx(material.Tooltip, { title: tooltipLabel, placement: tooltipPlacement, children: /* @__PURE__ */ jsxRuntime.jsx(ButtonWrapper, { isOpen, buttonColor, ref, children: isIcon ? /* @__PURE__ */ jsxRuntime.jsx(Link.IconButton, { ...commonButtonProps, icon }) : /* @__PURE__ */ jsxRuntime.jsx(
@@ -1681,12 +1683,14 @@ function _FilterDropdown({
1681
1683
  ...slotProps,
1682
1684
  paper: {
1683
1685
  "data-name": "filter-dropdown",
1684
- "data-dense": dense,
1685
1686
  ...slotProps == null ? void 0 : slotProps.paper
1686
1687
  }
1687
1688
  },
1688
1689
  MenuListProps: {
1689
1690
  "aria-labelledby": buttonId,
1691
+ ...dense && {
1692
+ "data-dense": dense
1693
+ },
1690
1694
  autoFocus: true,
1691
1695
  // To allow keyboard navigation
1692
1696
  ...MenuListProps
package/dist/components/index.js CHANGED
@@ -1612,6 +1612,7 @@ function _FilterDropdown({
1612
1612
  value,
1613
1613
  defaultValue = menuItems[0],
1614
1614
  menuTitle,
1615
+ placeholder,
1615
1616
  disabled,
1616
1617
  icon,
1617
1618
  label,
@@ -1633,7 +1634,7 @@ function _FilterDropdown({
1633
1634
  const selected = value ?? selected_;
1634
1635
  const isTablet = useMediaQuery((theme) => theme.breakpoints.down("lg"));
1635
1636
  const isIcon = Boolean(icon) && (!responsive || isTablet);
1636
- const menuLabel = label || (selected == null ? void 0 : selected.alternativeLabel) || (selected == null ? void 0 : selected.label) || "Select an option";
1637
+ const menuLabel = label || (selected == null ? void 0 : selected.alternativeLabel) || (selected == null ? void 0 : selected.label) || placeholder;
1637
1638
  const [buttonId] = useState(() => `filter-dropdown-button-${uniqueId()}`);
1638
1639
  const [menuId] = useState(() => `filter-dropdown-menu-${uniqueId()}`);
1639
1640
  const handleOpen = (event) => {
@@ -1656,7 +1657,8 @@ function _FilterDropdown({
1656
1657
  id: buttonId,
1657
1658
  "aria-controls": isOpen ? menuId : void 0,
1658
1659
  "aria-haspopup": !disabled,
1659
- "aria-expanded": isOpen
1660
+ "aria-expanded": isOpen,
1661
+ "data-color": buttonColor
1660
1662
  };
1661
1663
  return /* @__PURE__ */ jsxs(Fragment, { children: [
1662
1664
  /* @__PURE__ */ jsx(Tooltip, { title: tooltipLabel, placement: tooltipPlacement, children: /* @__PURE__ */ jsx(ButtonWrapper, { isOpen, buttonColor, ref, children: isIcon ? /* @__PURE__ */ jsx(IconButton$1, { ...commonButtonProps, icon }) : /* @__PURE__ */ jsx(
@@ -1681,12 +1683,14 @@ function _FilterDropdown({
1681
1683
  ...slotProps,
1682
1684
  paper: {
1683
1685
  "data-name": "filter-dropdown",
1684
- "data-dense": dense,
1685
1686
  ...slotProps == null ? void 0 : slotProps.paper
1686
1687
  }
1687
1688
  },
1688
1689
  MenuListProps: {
1689
1690
  "aria-labelledby": buttonId,
1691
+ ...dense && {
1692
+ "data-dense": dense
1693
+ },
1690
1694
  autoFocus: true,
1691
1695
  // To allow keyboard navigation
1692
1696
  ...MenuListProps
package/dist/types/components/molecules/FilterDropdown/FilterDropdown.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { default as React, ForwardedRef } from 'react';
2
2
  import { FilterDropdownProps } from './types';
3
- 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;
3
+ 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;
4
4
  declare const FilterDropdown: React.ForwardRefExoticComponent<Omit<FilterDropdownProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
5
5
  export default FilterDropdown;
6
6
  //# sourceMappingURL=FilterDropdown.d.ts.map
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;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"}
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,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,2CAuGlC;AAID,QAAA,MAAM,cAAc,yGAEnB,CAAA;AACD,eAAe,cAAc,CAAA"}
package/dist/types/components/molecules/FilterDropdown/types.d.ts CHANGED
@@ -24,6 +24,7 @@ export interface FilterDropdownProps extends Omit<MenuProps, 'defaultValue' | 'o
24
24
  icon?: ReactNode;
25
25
  label?: ReactNode;
26
26
  menuTitle?: ReactNode;
27
+ placeholder?: ReactNode;
27
28
  disabled?: boolean;
28
29
  responsive?: boolean;
29
30
  dense?: boolean;
package/dist/types/components/molecules/FilterDropdown/types.d.ts.map CHANGED
@@ -1 +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"}
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,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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@carto/meridian-ds",
3
- "version": "2.2.0-alpha-filter-dropdown.7",
3
+ "version": "2.2.0-alpha-filter-dropdown.9",
4
4
  "description": "CARTO Meridian Design System",
5
5
  "type": "module",
6
6
  "scripts": {