@carto/meridian-ds 0.1.1-alpha.3 → 0.1.1-alpha.4

package/dist/widgets/index.js

@@ -1,5 +1,5 @@
-import { jsxs as w, Fragment as re, jsx as n } from "react/jsx-runtime";
-import Un, { useMemo as F, useState as _, useEffect as G, useCallback as oe, useRef as ie, createContext as qn, useContext as Xn, useLayoutEffect as an, createRef as Kn } from "react";
+import { jsxs as w, Fragment as ie, jsx as n } from "react/jsx-runtime";
+import Un, { useMemo as F, useState as _, useEffect as G, useCallback as oe, useRef as re, createContext as qn, useContext as Xn, useLayoutEffect as an, createRef as Kn } from "react";
 import { useTheme as de, styled as y, Box as S, Skeleton as H, Grid as ae, Link as ve, darken as mt, Button as De, Divider as yt, TextField as rt, InputAdornment as vt, Checkbox as ln, Tooltip as pe, IconButton as me, Slider as wt, debounce as Zn, TableCell as xt, TableContainer as sn, Table as cn, TableHead as dn, TableRow as Je, TableBody as un, TableSortLabel as Jn, TablePagination as Qn, Menu as bt, MenuItem as Pe, SvgIcon as Ye, Typography as $e, lighten as ei, ClickAwayListener as ti, ToggleButton as ni, capitalize as pn, List as ii, ListItem as ri, Chip as oi, Paper as gn, Popover as ai, Select as li, ListItemText as si, Collapse as kt, Drawer as ci, LinearProgress as di, Icon as ui } from "@mui/material";
 import { useIntl as le } from "react-intl";
 import { d as pi, u as se, T as z, S as B, B as St, a as gi, b as ut } from "../TablePaginationActions-OJyfVTms.js";
@@ -192,7 +192,7 @@ const ot = 240, yn = y(S)(({ theme: e }) => ({
   backgroundColor: e.palette.grey[100]
 }));
 function Hi({ height: e }) {
-  return /* @__PURE__ */ w(re, { children: [
+  return /* @__PURE__ */ w(ie, { children: [
     /* @__PURE__ */ n(S, { mb: 2, children: /* @__PURE__ */ n(H, { width: 48, height: 8 }) }),
     /* @__PURE__ */ w(yn, { style: { height: e || ot }, children: [
       /* @__PURE__ */ n(Fe, { variant: "rectangular", height: "20%" }),
@@ -543,7 +543,7 @@ const wn = y(ae)(({ theme: e }) => ({
 })), Ki = y(H)(({ theme: e }) => ({
   marginTop: e.spacing(1.25),
   marginBottom: e.spacing(1.75)
-})), Zi = (e) => e % 2 === 1, bn = () => /* @__PURE__ */ w(re, { children: [
+})), Zi = (e) => e % 2 === 1, bn = () => /* @__PURE__ */ w(ie, { children: [
   /* @__PURE__ */ n(H, { width: 48, height: 8 }),
   /* @__PURE__ */ n(wn, { container: !0, mt: 3, children: [...Array(6)].map((e, t) => /* @__PURE__ */ w(xn, { container: !0, spacing: 1, children: [
     /* @__PURE__ */ w(ae, { container: !0, item: !0, direction: "row", justifyContent: "space-between", children: [
@@ -554,7 +554,7 @@ const wn = y(ae)(({ theme: e }) => ({
   ] }, t)) })
 ] });
 function kn(e) {
-  const t = ie();
+  const t = re();
   return G(() => {
     t.current = e;
   }), t.current;
@@ -620,7 +620,7 @@ function cs({
 }) {
   const [c, v] = _([]), [g, m] = _(1), [f, h] = _(!1), [k, b] = _(""), [M, I] = _([]), [x, A] = _(
     []
-  ), [E, O] = _([]), $ = ie(null), D = ie(), P = kn(E), W = ie([]), { showSkeleton: J } = ke(!!p), U = le(), C = se(U);
+  ), [E, O] = _([]), $ = re(null), D = re(), P = kn(E), W = re([]), { showSkeleton: J } = ke(!!p), U = le(), C = se(U);
   function N(L) {
     return c.reduce((Z, ee) => (L.includes(ee.name) && Z.push(ee.name), Z), []);
   }
@@ -747,7 +747,7 @@ function cs({
     data: L,
     onCategoryClick: Z
   }) {
-    const ee = t(L.value ?? 0), [ge, Ae] = _(!1), be = ie(null), at = () => {
+    const ee = t(L.value ?? 0), [ge, Ae] = _(!1), be = re(null), at = () => {
       var Lt, $t;
       const lt = (((Lt = be == null ? void 0 : be.current) == null ? void 0 : Lt.scrollWidth) ?? 0) > ((($t = be == null ? void 0 : be.current) == null ? void 0 : $t.clientWidth) ?? 0);
       Ae(lt);
@@ -937,7 +937,7 @@ function ds({
   animation: i = !0,
   isLoading: r = !1
 }) {
-  const [o, a] = _(Ge), l = ie(null), d = kn(o), s = ie(d), { showSkeleton: u } = ke(!!r);
+  const [o, a] = _(Ge), l = re(null), d = kn(o), s = re(d), { showSkeleton: u } = ke(!!r);
   G(() => (typeof e == "number" && i ? pt({
     start: s.current || 0,
     end: e,
@@ -1059,7 +1059,7 @@ function ct(e, t, i) {
     };
 }
 function ar({ height: e }) {
-  return /* @__PURE__ */ w(re, { children: [
+  return /* @__PURE__ */ w(ie, { children: [
     /* @__PURE__ */ n(S, { mb: 2, children: /* @__PURE__ */ n(H, { width: 48, height: 8 }) }),
     /* @__PURE__ */ w(vn, { style: { height: e ?? ot }, children: [
       /* @__PURE__ */ n(fe, { variant: "rectangular", height: "20%" }),
@@ -1544,7 +1544,7 @@ function In({
   onCategoryClick: i
 }) {
   var M, I;
-  const r = de(), [o, a] = _(!1), [l, d] = _(0), [s, u] = _(void 0), p = ie(null), c = ie(null), v = ie(null), g = le(), m = se(g);
+  const r = de(), [o, a] = _(!1), [l, d] = _(0), [s, u] = _(void 0), p = re(null), c = re(null), v = re(null), g = le(), m = se(g);
   function f() {
     d(l + 1);
   }
@@ -1794,7 +1794,7 @@ function ps({
   }, J = (U) => {
     U.key === "Enter" && W();
   };
-  return b ? /* @__PURE__ */ n(Mn, { height: a }) : /* @__PURE__ */ w(re, { children: [
+  return b ? /* @__PURE__ */ n(Mn, { height: a }) : /* @__PURE__ */ w(ie, { children: [
     p && /* @__PURE__ */ w(Wr, { container: !0, children: [
       /* @__PURE__ */ n(z, { variant: "caption", color: "textSecondary", children: c.length ? I.formatMessage(
         { id: "c4r.widgets.pie.selectedItems" },
@@ -2162,7 +2162,7 @@ function hs({
   tooltipFormatter: a = io,
   isLoading: l
 }) {
-  const d = de(), s = ie(), [u, p] = _({
+  const d = de(), s = re(), [u, p] = _({
     series: []
   }), { showSkeleton: c } = ke(!!l);
   return G(() => {
@@ -2228,7 +2228,7 @@ function ao({
   pagination: i,
   rowsPerPage: r
 }) {
-  return /* @__PURE__ */ w(re, { children: [
+  return /* @__PURE__ */ w(ie, { children: [
     /* @__PURE__ */ n(oo, { style: e, children: /* @__PURE__ */ w(cn, { "aria-label": "skeleton table", size: t ? "small" : "medium", children: [
       /* @__PURE__ */ n(dn, { children: /* @__PURE__ */ w(Je, { children: [
         /* @__PURE__ */ n(Ue, { rows: 1, width: 8 }),
@@ -2300,7 +2300,7 @@ function fs({
   lastPageTooltip: I
 }) {
   var U;
-  const x = ie(null), A = le(), E = se(A), { showSkeleton: O } = ke(!!M);
+  const x = re(null), A = le(), E = se(A), { showSkeleton: O } = ke(!!M);
   function $({
     from: C,
     to: N,
@@ -2336,7 +2336,7 @@ function fs({
       dense: b,
       pagination: d
     }
-  ) : /* @__PURE__ */ w(re, { children: [
+  ) : /* @__PURE__ */ w(ie, { children: [
     /* @__PURE__ */ n(sn, { style: J, children: /* @__PURE__ */ w(cn, { stickyHeader: !0, size: b ? "small" : "medium", children: [
       /* @__PURE__ */ n(
         ho,
@@ -3179,7 +3179,7 @@ function No({
   data: e,
   stepSize: t
 }) {
-  const [i, r] = _(null), [o, a] = _(1), l = ie({ animationFrameId: null, timeoutId: null }), {
+  const [i, r] = _(null), [o, a] = _(1), l = re({ animationFrameId: null, timeoutId: null }), {
     isPlaying: d,
     isPaused: s,
     timeWindow: u,
@@ -3240,7 +3240,7 @@ function No({
   }, M = (I) => {
     a(I), b();
   };
-  return /* @__PURE__ */ w(re, { children: [
+  return /* @__PURE__ */ w(ie, { children: [
     /* @__PURE__ */ n(
       me,
       {
@@ -3339,7 +3339,7 @@ function Ho() {
   ) });
 }
 function Yo(e, t = []) {
-  const i = ie(!1);
+  const i = re(!1);
   G(() => {
     i.current ? e() : i.current = !0;
   }, t);
@@ -3447,7 +3447,7 @@ function Pn({
             /* @__PURE__ */ n(Zo, { flex: 1, children: r })
           ] }),
           a
-        ] }) : /* @__PURE__ */ w(re, { children: [
+        ] }) : /* @__PURE__ */ w(ie, { children: [
           /* @__PURE__ */ n(S, { pb: 1.5, flex: 1, children: r }),
           a
         ] })
@@ -3563,7 +3563,7 @@ function ms({
   showLegend: P,
   yAxisType: W = "dense"
 }) {
-  const J = ie([]), U = le(), { showSkeleton: C } = ke(!!$), N = oe(
+  const J = re([]), U = le(), { showSkeleton: C } = ke(!!$), N = oe(
     (T) => {
       var R, q;
       if (T.length === 2) {
@@ -3714,7 +3714,7 @@ function oa({
       }
     },
     [h, f]
-  ), R = !!(k ?? W.length > 1), q = /* @__PURE__ */ w(re, { children: [
+  ), R = !!(k ?? W.length > 1), q = /* @__PURE__ */ w(ie, { children: [
     /* @__PURE__ */ n(S, { children: /* @__PURE__ */ n(z, { color: "textSecondary", variant: "caption", children: J ?? "-" }) }),
     g && U && /* @__PURE__ */ n(
       ve,
@@ -3902,7 +3902,7 @@ function ya(e, t, i, r, o) {
 }
 const va = 500;
 function wa(e, t = {}) {
-  const { disabled: i, duration: r, animateOnMount: o, initialValue: a = 0 } = t, l = ie(null), [d, s] = _(
+  const { disabled: i, duration: r, animateOnMount: o, initialValue: a = 0 } = t, l = re(null), [d, s] = _(
     () => o ? a : e
   );
   return G(() => (i ? s(e) : pt({
@@ -4171,7 +4171,7 @@ function ys({
       }
     ) }) : null,
     /* @__PURE__ */ w(la, { children: [
-      R.length === 0 ? /* @__PURE__ */ w(re, { children: [
+      R.length === 0 ? /* @__PURE__ */ w(ie, { children: [
         /* @__PURE__ */ n(z, { variant: "body2", children: D.formatMessage({
           id: "c4r.widgets.category.noResults"
         }) }),
@@ -4336,7 +4336,7 @@ function ws({
   onCategorySelected: u = Na,
   isLoading: p = !1
 }) {
-  const c = de(), v = ie(), g = F(() => t.map(
+  const c = de(), v = re(), g = F(() => t.map(
     (k, b) => Wa(k, r[b], i[b], c, s)
   ), [t, r, i, c, s]), m = F(() => {
     const k = g.length > 1;
@@ -4573,7 +4573,7 @@ function Ga({
       M.id
     );
   }
-  return /* @__PURE__ */ w(re, { children: [
+  return /* @__PURE__ */ w(ie, { children: [
     /* @__PURE__ */ n(pe, { title: l, placement: a, children: /* @__PURE__ */ n(
       Ha,
       {
@@ -4884,7 +4884,7 @@ function sl({
     const u = parseInt(s.target.value || "0"), p = Math.min(Math.max(u, 0), 100);
     o(p / 100);
   }
-  return /* @__PURE__ */ w(re, { children: [
+  return /* @__PURE__ */ w(ie, { children: [
     /* @__PURE__ */ n(
       pe,
       {
@@ -4962,7 +4962,7 @@ function Et({
   visible: t,
   typographyProps: i
 }) {
-  const r = ie(null), [o, a] = _(!1);
+  const r = re(null), [o, a] = _(!1);
   an(() => {
     if (t && r.current) {
       const { offsetWidth: d, scrollWidth: s } = r.current;
@@ -4997,7 +4997,7 @@ function cl({
     customMarkers: o,
     maskedMarkers: a = !0
   } = e, l = fn(i, t.length), d = t.length > dt, s = le(), u = se(s);
-  return /* @__PURE__ */ w(re, { children: [
+  return /* @__PURE__ */ w(ie, { children: [
     /* @__PURE__ */ n(_n, { "data-testid": "categories-legend", children: t.slice(0, dt).map((p, c) => /* @__PURE__ */ n(
       gl,
       {
@@ -5160,7 +5160,7 @@ function vl({
       },
       p
     )) }),
-    /* @__PURE__ */ n(yl, { children: l ? /* @__PURE__ */ n(S, { maxWidth: 240, children: /* @__PURE__ */ n(z, { variant: "overline", children: "You need to specify valid numbers for the labels property" }) }) : /* @__PURE__ */ w(re, { children: [
+    /* @__PURE__ */ n(yl, { children: l ? /* @__PURE__ */ n(S, { maxWidth: 240, children: /* @__PURE__ */ n(z, { variant: "overline", children: "You need to specify valid numbers for the labels property" }) }) : /* @__PURE__ */ w(ie, { children: [
       /* @__PURE__ */ w(z, { variant: "overline", color: "textSecondary", children: [
         r && i.formatMessage({ id: "c4r.widgets.legend.max" }) + ": ",
         t.formatNumber(a, {
@@ -5231,7 +5231,7 @@ function en({
     !i.length || e ? 2 : i.length + 1
   ), l = kl(i), d = l ? i.map(({ value: m }) => m) : i, s = l ? i.map(({ label: m }) => m) : i, [u, p] = zn({ labels: d }), c = Number.isNaN(u) || Number.isNaN(p);
   let v = s[s.length - 1], g = s[0];
-  return !e && o && (g = "< " + g, v = "≥ " + v), /* @__PURE__ */ n(S, { py: 2, "data-testid": "ramp-legend", children: c ? /* @__PURE__ */ n(S, { maxWidth: 240, children: /* @__PURE__ */ n(z, { variant: "overline", children: "You need to specify valid numbers for the labels property" }) }) : /* @__PURE__ */ w(re, { children: [
+  return !e && o && (g = "< " + g, v = "≥ " + v), /* @__PURE__ */ n(S, { py: 2, "data-testid": "ramp-legend", children: c ? /* @__PURE__ */ n(S, { maxWidth: 240, children: /* @__PURE__ */ n(z, { variant: "overline", children: "You need to specify valid numbers for the labels property" }) }) : /* @__PURE__ */ w(ie, { children: [
     /* @__PURE__ */ n(S, { display: "flex", pb: 1, children: e ? /* @__PURE__ */ n(
       Sl,
       {
@@ -5282,7 +5282,7 @@ function Il({
   min: r
 }) {
   const o = e.length ? [r, ...e] : [r, i];
-  return /* @__PURE__ */ n(re, { children: o.map((a, l) => {
+  return /* @__PURE__ */ n(ie, { children: o.map((a, l) => {
     const d = l === 0 ? r : l === o.length - 1 ? i : `${a} - ${o[l + 1]}`;
     return /* @__PURE__ */ n(pe, { title: d, children: /* @__PURE__ */ n(Ml, { "data-testid": "step-discontinuous", color: t[l] }) }, l);
   }) });
@@ -5372,7 +5372,7 @@ function tn({
   minZoom: d = 0,
   currentZoom: s = 0
 }) {
-  const u = le(), p = se(u), c = ie(null), [v, g] = _(!1), m = t.id, f = t.title, h = t.visible ?? !0, k = t.switchable ?? !0, b = t.collapsed ?? !1, M = (t.collapsible ?? !0) && !Hn(t.legend), I = t.opacity ?? 1, x = t.showOpacityControl ?? !0, A = h && !b, E = A ? /* @__PURE__ */ n(Pi, {}) : /* @__PURE__ */ n(Di, {}), O = (t == null ? void 0 : t.minZoom) !== void 0 || (t == null ? void 0 : t.maxZoom) !== void 0, $ = t.minZoom ?? d, D = t.maxZoom ?? l, P = O && ($ > d || D < l), W = s < $ || s > D, J = $l({
+  const u = le(), p = se(u), c = re(null), [v, g] = _(!1), m = t.id, f = t.title, h = t.visible ?? !0, k = t.switchable ?? !0, b = t.collapsed ?? !1, M = (t.collapsible ?? !0) && !Hn(t.legend), I = t.opacity ?? 1, x = t.showOpacityControl ?? !0, A = h && !b, E = A ? /* @__PURE__ */ n(Pi, {}) : /* @__PURE__ */ n(Di, {}), O = (t == null ? void 0 : t.minZoom) !== void 0 || (t == null ? void 0 : t.maxZoom) !== void 0, $ = t.minZoom ?? d, D = t.maxZoom ?? l, P = O && ($ > d || D < l), W = s < $ || s > D, J = $l({
     intl: p,
     minZoom: d,
     maxZoom: l,
@@ -5529,7 +5529,7 @@ function bs({
       children: /* @__PURE__ */ n(me, { "aria-label": s, onClick: () => r(!1), children: /* @__PURE__ */ n(Ei, {}) })
     }
   );
-  return /* @__PURE__ */ n(Ja, { sx: g, elevation: 3, collapsed: i || !!v, children: v ? /* @__PURE__ */ w(re, { children: [
+  return /* @__PURE__ */ n(Ja, { sx: g, elevation: 3, collapsed: i || !!v, children: v ? /* @__PURE__ */ w(ie, { children: [
     k,
     /* @__PURE__ */ w(
       ci,
@@ -5557,7 +5557,7 @@ function bs({
         ]
       }
     )
-  ] }) : /* @__PURE__ */ w(re, { children: [
+  ] }) : /* @__PURE__ */ w(ie, { children: [
     i ? k : h,
     /* @__PURE__ */ n(Qt, { width: i ? 0 : void 0, children: /* @__PURE__ */ n(kt, { unmountOnExit: !0, in: !i, timeout: 500, children: t.map((b) => /* @__PURE__ */ n(
       tn,
@@ -5711,7 +5711,7 @@ function Ss({
     },
     W.id
   );
-  return l ? o : /* @__PURE__ */ w(Ol, { margin: g, component: "section", "aria-label": e, children: [
+  return l ? o ? /* @__PURE__ */ n(ie, { children: o }) : null : /* @__PURE__ */ w(Ol, { margin: g, component: "section", "aria-label": e, children: [
     v ? /* @__PURE__ */ n(Wl, {}) : null,
     /* @__PURE__ */ w(Rl, { container: !0, expanded: s, children: [
       /* @__PURE__ */ n(
@@ -5735,7 +5735,7 @@ function Ss({
           },
           W.id
         ) : P(W)),
-        i.length > 0 && /* @__PURE__ */ w(re, { children: [
+        i.length > 0 && /* @__PURE__ */ w(ie, { children: [
           /* @__PURE__ */ n(
             rn,
             {

package/package.json

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