@carto/meridian-ds 1.4.5-alpha-external-link.1 → 1.4.5-alpha-external-link.3

package/dist/widgets/index.js

@@ -1,13 +1,13 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import React, { useMemo, useState, useEffect, useCallback, useRef, forwardRef, createContext, useContext, useLayoutEffect, createRef } from "react";
-import { useTheme, styled, Box, Skeleton, Grid, Link, darken, Button, Divider, TextField, InputAdornment, Checkbox, Tooltip, IconButton, debounce, Slider, TableCell, Table, TableHead, TableRow, TableBody, TableContainer, TableSortLabel, TablePagination, Menu, MenuItem, SvgIcon, lighten, Typography as Typography$1, ClickAwayListener, ToggleButton, capitalize, ListItem, Chip, List, Paper, Popover, Select, ListItemText, Collapse, Drawer, Icon, LinearProgress } from "@mui/material";
+import { useTheme, styled, Box, Skeleton, Grid, Link, darken, Button, Divider, TextField, InputAdornment, Checkbox, Tooltip, debounce, Slider, TableCell, Table, TableHead, TableRow, TableBody, TableContainer, TableSortLabel, TablePagination, IconButton as IconButton$1, Menu, MenuItem, SvgIcon, lighten, Typography as Typography$1, ClickAwayListener, ToggleButton, capitalize, ListItem, Chip, List, Paper, Popover, Select, ListItemText, Collapse, Drawer, Icon, LinearProgress } from "@mui/material";
 import { useIntl } from "react-intl";
-import { d as getDefaultExportFromCjs, u as useImperativeIntl, T as Typography, S as SPACING, B as BREAKPOINTS, a as TablePaginationActions, b as ICON_SIZE_MEDIUM } from "../TablePaginationActions-KpTvhN4Y.js";
+import { d as getDefaultExportFromCjs, u as useImperativeIntl, T as Typography, S as SPACING, B as BREAKPOINTS, a as TablePaginationActions, b as ICON_SIZE_MEDIUM } from "../TablePaginationActions-b5wP_uRE.js";
 import _ReactEcharts from "echarts-for-react";
 import { FixedSizeList } from "react-window";
 import { S as Search, a as SwatchSquare } from "../SwatchSquare-DhaaXt53.js";
 import { ChevronLeft, ChevronRight, KeyboardArrowDown, ErrorOutline, Cancel, VisibilityOutlined, VisibilityOffOutlined, ExpandLess, ExpandMore, Close, LayersOutlined, MoreVert } from "@mui/icons-material";
-import { A as Alert } from "../Alert-D8jI1sG4.js";
+import { I as IconButton, L as Link$1, A as Alert } from "../Alert-CETC14v2.js";
 import { a as getColorByCategory, c as commonPalette, b as getPalette } from "../paletteUtils-BHqJlHm9.js";
 function detectTouchscreen() {
   let result = false;
@@ -2169,37 +2169,29 @@ function ChartLegend({
     (overflowing || offset > 0) && /* @__PURE__ */ jsxs(ShowMoreButtons, { ref: showMoreButtonsRef, children: [
       /* @__PURE__ */ jsx(OverflowVeil, {}),
       /* @__PURE__ */ jsx(
-        Tooltip,
+        IconButton,
         {
-          title: intlConfig.formatMessage({
-            id: "c4r.widgets.chartLegend.next"
-          }),
-          children: /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              size: "small",
-              disabled: offset === 0,
-              onClick: handleClickLeft,
-              children: /* @__PURE__ */ jsx(ChevronLeft, {})
-            }
-          )
+          icon: /* @__PURE__ */ jsx(ChevronLeft, {}),
+          component: "span",
+          size: "small",
+          disabled: offset === 0,
+          onClick: handleClickLeft,
+          tooltip: intlConfig.formatMessage({
+            id: "c4r.widgets.chartLegend.prev"
+          })
         }
       ),
       /* @__PURE__ */ jsx(
-        Tooltip,
+        IconButton,
         {
-          title: intlConfig.formatMessage({
-            id: "c4r.widgets.chartLegend.prev"
-          }),
-          children: /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              size: "small",
-              disabled: !overflowing,
-              onClick: handleClickRight,
-              children: /* @__PURE__ */ jsx(ChevronRight, {})
-            }
-          )
+          icon: /* @__PURE__ */ jsx(ChevronRight, {}),
+          component: "span",
+          size: "small",
+          disabled: !overflowing,
+          onClick: handleClickRight,
+          tooltip: intlConfig.formatMessage({
+            id: "c4r.widgets.chartLegend.next"
+          })
         }
       )
     ] })
@@ -4229,7 +4221,7 @@ function TimeSeriesControls({
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
-      IconButton,
+      IconButton$1,
       {
         size: "small",
         color: "default",
@@ -4263,7 +4255,7 @@ function TimeSeriesControls({
       }
     ),
     /* @__PURE__ */ jsx(Box, { mt: 2, children: /* @__PURE__ */ jsx(
-      IconButton,
+      IconButton$1,
       {
         size: "small",
         color: "primary",
@@ -4274,7 +4266,7 @@ function TimeSeriesControls({
       }
     ) }),
     /* @__PURE__ */ jsx(Box, { mt: 0.75, children: /* @__PURE__ */ jsx(
-      IconButton,
+      IconButton$1,
       {
         "data-testid": "play-pause",
         size: "small",
@@ -5273,7 +5265,7 @@ function ComparativeCategoryWidgetUI({
         { id: "c4r.widgets.category.selectedItems" },
         { items: selectedCategories.length }
       ) : intlConfig.formatMessage({ id: "c4r.widgets.category.all" }) }),
-      /* @__PURE__ */ jsx(Typography, { variant: "caption", component: "div", children: searchActive ? /* @__PURE__ */ jsx(Link, { onClick: applyTempSelection, children: intlConfig.formatMessage({ id: "c4r.widgets.category.apply" }) }) : blockingActive ? /* @__PURE__ */ jsx(Link, { onClick: disableBlocking, children: intlConfig.formatMessage({
+      /* @__PURE__ */ jsx(Typography, { variant: "caption", component: "div", children: searchActive ? /* @__PURE__ */ jsx(Link$1, { onClick: applyTempSelection, children: intlConfig.formatMessage({ id: "c4r.widgets.category.apply" }) }) : blockingActive ? /* @__PURE__ */ jsx(Link$1, { onClick: disableBlocking, children: intlConfig.formatMessage({
         id: "c4r.widgets.category.unlock"
       }) }) : selectedCategories.length ? /* @__PURE__ */ jsxs(
         Box,
@@ -5284,11 +5276,11 @@ function ComparativeCategoryWidgetUI({
             gap: theme.spacing(1)
           },
           children: [
-            /* @__PURE__ */ jsx(Link, { onClick: enableBlocking, children: intlConfig.formatMessage({
+            /* @__PURE__ */ jsx(Link$1, { onClick: enableBlocking, children: intlConfig.formatMessage({
               id: "c4r.widgets.category.lock"
             }) }),
             /* @__PURE__ */ jsx(Divider, { orientation: "vertical", flexItem: true }),
-            /* @__PURE__ */ jsx(Link, { onClick: clearSelection, children: intlConfig.formatMessage({
+            /* @__PURE__ */ jsx(Link$1, { onClick: clearSelection, children: intlConfig.formatMessage({
               id: "c4r.widgets.category.clear"
             }) })
           ]
@@ -5730,7 +5722,7 @@ function FeatureSelectionUIToggleButton({
     }
   ) });
 }
-const ArrowButton = styled(IconButton, {
+const ArrowButton = styled(IconButton$1, {
   shouldForwardProp: (prop) => prop !== "isOpen"
 })(({ isOpen, theme }) => ({
   color: theme.palette.text.secondary,
@@ -6161,7 +6153,7 @@ function LegendOpacityControl({
       {
         title: intlConfig.formatMessage({ id: "c4r.widgets.legend.opacity" }),
         children: /* @__PURE__ */ jsx(
-          IconButton,
+          IconButton$1,
           {
             size: "small",
             color: open ? "primary" : "default",
@@ -6742,7 +6734,7 @@ function LegendLayer({
   return /* @__PURE__ */ jsxs(LegendLayerWrapper, { "data-testid": "legend-layer", "aria-label": title, children: [
     /* @__PURE__ */ jsxs(LegendItemHeader, { ref: menuAnchorRef, children: [
       collapsible && /* @__PURE__ */ jsx(
-        IconButton,
+        IconButton$1,
         {
           size: "small",
           "aria-label": intlConfig.formatMessage({
@@ -6798,7 +6790,7 @@ function LegendLayer({
             id: visible ? "c4r.widgets.legend.hideLayer" : "c4r.widgets.legend.showLayer"
           }),
           children: /* @__PURE__ */ jsx(
-            IconButton,
+            IconButton$1,
             {
               size: "small",
               onClick: () => onChangeVisibility({
@@ -6888,7 +6880,7 @@ function LegendWidgetUI({
       Tooltip,
       {
         title: intlConfig.formatMessage({ id: "c4r.widgets.legend.close" }),
-        children: /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: () => onChangeCollapsed(true), children: /* @__PURE__ */ jsx(Close, {}) })
+        children: /* @__PURE__ */ jsx(IconButton$1, { size: "small", onClick: () => onChangeCollapsed(true), children: /* @__PURE__ */ jsx(Close, {}) })
       }
     )
   ] });
@@ -6896,7 +6888,7 @@ function LegendWidgetUI({
     Tooltip,
     {
       title: intlConfig.formatMessage({ id: "c4r.widgets.legend.open" }),
-      children: /* @__PURE__ */ jsx(IconButton, { "aria-label": title, onClick: () => onChangeCollapsed(false), children: /* @__PURE__ */ jsx(LayersOutlined, {}) })
+      children: /* @__PURE__ */ jsx(IconButton$1, { "aria-label": title, onClick: () => onChangeCollapsed(false), children: /* @__PURE__ */ jsx(LayersOutlined, {}) })
     }
   );
   return /* @__PURE__ */ jsx(LegendRoot, { sx, elevation: 3, collapsed: collapsed || !!isMobile, children: isMobile ? /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -7051,7 +7043,7 @@ const HeaderItems = styled(Grid)(({ theme }) => ({
   marginRight: theme.spacing(-0.5),
   marginLeft: theme.spacing(1)
 }));
-const IconActionButton = styled(IconButton)(({ theme }) => ({
+const IconActionButton = styled(IconButton$1)(({ theme }) => ({
   color: theme.palette.text.secondary
 }));
 const PaperMenu = styled(Menu)(({ theme }) => ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carto/meridian-ds",
-  "version": "1.4.5-alpha-external-link.1",
+  "version": "1.4.5-alpha-external-link.3",
   "description": "CARTO Meridian Design System",
   "type": "module",
   "scripts": {